/* primary navigation top level elements - specifies bg image/color, font size, font syle, wrapper width */
/* basic menu setup */
#wrapper-navP {
	background: url('/images/navP_bg.gif') repeat-x;
	height:42px;
	position:relative;
}

#wrapper-nav{
	position:absolute;
	right:0;
}

.shadowLeft, .shadowRight {
	position:absolute;
	bottom:0;
	height:39px;
	width:18px;
}

.shadowLeft {
	background: url('/images/shadow_top_left.jpg');
	left:-18px;
}

.shadowRight {
	background: url('/images/shadow_top_right.jpg');
	right:-18px;
}

#navP {
	/*background: url("../images/menu_background_nm.gif") repeat-x;*/ /* adds a background image to the menu */
	float:right;
    font-size:13px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:814px;
	overflow:hidden;
}

#navP, #navP ul {
    float:left;
    list-style:none;
	height:42px;
    line-height:35px;
    padding:0;
    margin:0;
    width:100%;
	z-index:10000;
}
	
#navP li a {
	background: url('/images/navP.gif') no-repeat;
	background-position:0 0;
	cursor:pointer;
	display:block;
	height:42px;
	text-indent:-5000px;
}
	
/* main menu customization */
/* these id's are site/menu specific */
#navP li#navP-home a {
	background-position:0 -86px;
	width:80px;
}

#navP li#navP-home a:hover {
	background-position:0 -43px;
	width:80px;
}

#wrapper-navP #navP li.home-current a, #wrapper-navP #navP li.home-current a:link, #wrapper-navP #navP li.home-current a:visited, #wrapper-navP #navP li.home-current a:hover {
	background-position:0 0;
	cursor:default;
	width:80px;
}

#navP li#navP-company a {
	background-position:-80px -86px;
	width:134px;
}

#navP li#navP-company a:hover {
	background-position:-80px -43px;
	width:134px;
}

#wrapper-navP #navP li.company-current a, #wrapper-navP #navP li.company-current a:link, #wrapper-navP #navP li.company-current a:visited, #wrapper-navP #navP li.company-current a:hover {
	background-position:-80px 0;
	cursor:default;
	width:134px;
}

#navP li#navP-products a {
	background-position:-214px -86px;
	width:107px;
}

#navP li#navP-products a:hover {
	background-position:-214px -43px;
	width:107px;
}

#wrapper-navP #navP li.products-current a, #wrapper-navP #navP li.products-current a:link, #wrapper-navP #navP li.products-current a:visited, #wrapper-navP #navP li.products-current a:hover {
	background-position:-214px 0;
	cursor:default;
	width:107px;
}

#navP li#navP-distributors a {
	background-position:-321px -86px;
	width:120px;
}

#navP li#navP-distributors a:hover {
	background-position:-321px -43px;
	width:120px;
}

#wrapper-navP #navP li.distributors-current a, #wrapper-navP #navP li.distributors-current a:link, #wrapper-navP #navP li.distributors-current a:visited, #wrapper-navP #navP li.distributors-current a:hover {
	background-position:-321px 0;
	cursor:default;
	width:120px;
}

#navP li#navP-resources a {
	background-position:-441px -86px;
	width:111px;
}

#navP li#navP-resources a:hover {
	background-position:-441px -43px;
	width:111px;
}

#wrapper-navP #navP li.resources-current a, #wrapper-navP #navP li.resources-current a:link, #wrapper-navP #navP li.resources-current a:visited, #wrapper-navP #navP li.resources-current a:hover {
	background-position:-441px 0;
	cursor:default;
	width:111px;
}

#navP li#navP-faq a {
	background-position:-552px -86px;
	width:67px;
}

#navP li#navP-faq a:hover {
	background-position:-552px -43px;
	width:67px;
}

#wrapper-navP #navP li.faq-current a {
	background-position:-552px 0;
	cursor:default;
	width:67px;
}

#navP li#navP-contact a {
	background-position:-619px -86px;
	width:117px;
}

#navP li#navP-contact a:hover {
	background-position:-619px -43px;
	width:117px;
}

#navP li#navP-blog a {
	background-position:-736px -86px;
	width:75px;
}

#navP li#navP-blog a:hover {
	background-position:-736px -43px;
	width:75px;
}

#wrapper-navP #navP li.contact-current a, #wrapper-navP #navP li.contact-current a:link, #wrapper-navP #navP li.contact-current a:visited, #wrapper-navP #navP li.contact-current a:hover {
	background-position:-619px 0;
	cursor:default;
	width:118px;
}
	
/* top level nav positioning - float creates horizontal menu */
#navP li {
    float:left;
    padding:0px;
    }

/* sub nav wrapper - unordered list */
#navP ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:130px; /* original value 101 - kept as a reference  - should be same as parent width ie #navP-home */ 
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #000000; /* original value dddddd */
	
    }

/* sub nav menu item */
#navP li li {
    width:128px; /* original value 99 - kept as a reference - width of [#navP ul] minus this left and right border */ 
    border-bottom:1px solid #666; /* original value dddddd */
    border-left:1px solid #666;   /* original value dddddd */
    border-right:1px solid #666;  /* original value dddddd */
    font-weight:bold;
    font-family:verdana,sans-serif;
	margin:0px; /* reduces/removes spacing between vertical menu items */
	text-indent:0;
    }

	
/* sub nav href text */
#navP li li a {
    padding:4px 10px;  
    width:108px;  /* original value 80 - kept as a reference  - width of  [#navP li li] minus left and right padding */ 
    font-size:12px;
    color:#ffffff; /* original value dddddd */
	text-align:left; /* overrides center alignment in top level nav - not needed if [#navP a] has no text-align attribute */
    }

/* sub nav offset */
#navP li ul ul {
    margin:-21px 0 0 128px;  /* original value 100 - kept as a reference - width of [#navP li li] */ 
    }

/* sub nav mouse over colour */	
#navP li li:hover {
    background:#24489E; /* original value 9C1F1B */
    }

/* sub nav text mouse over colour */	
#navP li ul li:hover a, #navP li ul li li:hover a, #navP li ul li li li:hover a, #navP li ul li li li:hover a {
    color:#ffffff; /* original value dddddd */
    }

/* top level text mouse over color */
#navP li:hover a, #navP li.sfhover a {
    color:#8b0000; /* original value dddddd */
    }

/* sub menu text color */
#navP li:hover li a, #navP li li:hover li a, 
#navP li li li:hover li a, #navP li li li li:hover li a {
    color:#ffffff; /* original value dddddd */
    }

/* sub nav hide - DO NOT CHANGE left VALUE */
#navP li:hover ul ul, #navP li:hover ul ul ul, #navP li:hover ul ul ul ul, 
#navP li.sfhover ul ul, #navP li.sfhover ul ul ul, #navP li.sfhover ul ul ul ul {
    left:-999em;
    }

/* sub menu background colour */
/* sub nav hide - DO NOT CHANGE left VALUE */
#navP li:hover ul, #navP li li:hover ul, #navP li li li:hover ul, #navP li li li li:hover ul, 
#navP li.sfhover ul, #navP li li.sfhover ul, #navP li li li.sfhover ul, #navP li li li li.sfhover ul {
    left:auto;
    background:#333; /* original value 444444 */
    }
	
#navP li:hover ul#products, #navP li ul#products li:hover ul, #navP li ul#products li li:hover ul, #navP li ul#products li li li:hover ul, 
#navP li.sfhover ul#products, #navP li ul#products li.sfhover ul, #navP li ul#products li li.sfhover ul, #navP li ul#products li li li.sfhover ul {
    background-color:#333;
}

#navP li:hover ul#solutions, #navP li ul#solutions li:hover ul, #navP li ul#solutions li li:hover ul, #navP li ul#solutions li li li:hover ul, 
#navP li.sfhover ul#solutions, #navP li ul#solutions li.sfhover ul, #navP li ul#solutions li li.sfhover ul, #navP li ul#solutions li li li.sfhover ul  {
    background-color:#333;
}


#navP li:hover ul#about-us, #navP li ul#about-us li:hover ul, #navP li ul#about-us li li:hover ul, #navP li ul#about-us li li li:hover ul, 
#navP li.sfhover ul#about-us, #navP li ul#about-us li.sfhover ul, #navP li ul#about-us li li.sfhover ul, #navP li ul#about-us li li li.sfhover ul {
	background-color:#333;
}


#navP li:hover ul#section4, #navP li ul#section4 li:hover ul, #navP li ul#section4 li li:hover ul, #navP li ul#section4 li li li:hover ul, 
#navP li.sfhover ul#section4, #navP li ul#section4 li.sfhover ul, #navP li ul#section4 li li.sfhover ul, #navP li ul#section4 li li li.sfhover ul  {
    background-color:#d8d8d8;
}


#navP li:hover ul#contact, #navP li ul#contact li:hover ul, #navP li ul#contact li li:hover ul, #navP li ul#contact li li li:hover ul, 
#navP li.sfhover ul#contact, #navP li ul#contact li.sfhover ul, #navP li ul#contact li li.sfhover ul, #navP li ul#contact li li li.sfhover ul  {
    background-color:#eaeaea;
}


/* top level nav background colour mouse over */
#navP li:hover, #navP li.sfhover {
}