@charset "utf-8";
/* CSS Document */


/* div in which navigation is contained within the html page. Controls size, spacing and background image. Background image is used here to display the tabs behind the text. */
#mainNav{
	display:block;
	float:left;
	width: 800px;
	height:30px;		
	margin: 0px;
	padding: 0px 0px 0px 0px;
}


#navHolder{
    position: absolute;
	width: 800px;
	height:30px;
	margin: -40px 0px 0px 240px;
	z-index:0;
}

.topLevelNav2 {
font-size:12px;
padding:0px 0px 0px 15px;
background-image:url(/resources/images/nav_dot_about.png);
background-repeat:no-repeat;
background-position: 0px 2px;
}

.topLevelNav3 {
font-size:12px;
padding:0px 0px 0px 15px;
background-image:url(/resources/images/nav_dot_why.png);
background-repeat:no-repeat;
background-position: 0px 2px;
}

.topLevelNav4 {
font-size:12px;
padding:0px 0px 0px 15px;
background-image:url(/resources/images/nav_dot_products.png);
background-repeat:no-repeat;
background-position: 0px 2px;
}

.topLevelNav5 {
font-size:12px;
padding:0px 0px 0px 15px;
background-image:url(/resources/images/nav_dot_buy.png);
background-repeat:no-repeat;
background-position: 0px 2px;
}

.topLevelNav6 {
font-size:12px;
padding:0px 0px 0px 15px;
background-image:url(/resources/images/nav_dot_news.png);
background-repeat:no-repeat;
background-position: 0px 2px;
}

.topLevelNav7 {
font-size:12px;
padding:0px 0px 0px 15px;
background-image:url(/resources/images/nav_dot_contact.png);
background-repeat:no-repeat;
background-position: 0px 2px;
}

.topLevelSubNav {
display:block;
font-size:12px;
font-weight:normal;
padding:0px 0px 3px 13px;
text-decoration:none;
/*background-image:url(/resources/images/nav_dot_about.png);
background-repeat:no-repeat;*/
}


/* START - Nav 1 */

/* Float nav and set basic properties - in this case the id and block element are the same and so are combined */
#nav2, #nav2 ul {
	float: left;
	width: 138px;
	display: block;
	height: 20px;
	list-style: none;
	line-height: 20px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}


/* Control style and placement of links as well as dropdown block */
#nav2 a {
	display: block;
	width: 138px;
	w\idth: 138px;	
	height: 20px;
	font-weight: normal;
	text-decoration: none;
	padding: 0;
	font-size: 12px;
	color: #040404;
	outline: none;
}


/* Set properties of top element */
#nav2 li {
	float: left;
	margin:0;
	width: 138px;	
	
}



/* Position the menu off screen rather than display: none; */
#nav2 li ul {
	position: absolute;
	left: -999em;
	background-image:url(/resources/images/nav_bg_aboutv.png);
	background-repeat:no-repeat;
	width:130px;
	height:108px;
	padding:15px 0px 0px 8px;
	margin:-89px 0px 0px -8px;
}

#nav2 li ul.nav2Active {
	position: absolute;
	left: auto;
	background-image:url(/resources/images/nav_bg_aboutv.png);
	background-repeat:no-repeat;
	width:130px;
	height:108px;
	padding:15px 0px 0px 8px;
	margin:-89px 0px 0px -8px;
}



/* Set properties of dropdown cells - width will affect non mouse-over in IE */
#nav2 li li {
	padding: 0;
	line-height: 18px;
	width: 130px;
	height: 15px;
	display:block;
}


/* Controls the style of link within dropdown menu */
#nav2 li ul a {
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: normal;
	height: 10px;
	width: 125px;
	w\idth: 125px;
	padding: 0px 0px 0px 13px;
	color: #4d4d4d;
} 


/* Controls the style of mouseover link within dropdown menu */
#nav2 li ul a:hover {
	
} 



/* third-and-above-level lists */
#nav2 li ul ul { 
	margin: -25px 0 0 187px;
}



/* Move menu back on page on mouse over */
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {
	left: -999em;
}

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
	left: auto;
}

#nav2 li:hover, #nav2 li.hover {
	position: static;
	background-image:url(/resources/images/nav_dot_about.png);
	background-repeat:no-repeat;
}

/* END - Nav 1 */



/* START - Nav 2 */

/* Float nav3 and set basic properties - in this case the id and block element are the same and so are combined */
#nav3, #nav3 ul {
	float: left;
	width: 128px;
	display: block;
	height: 20px;
	list-style: none;
	line-height: 20px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}


/* Control style and placement of links as well as dropdown block */
#nav3 a {
	display: block;
	width: 128px;
	w\idth: 128px;	
	height: 20px;
	font-weight: normal;
	text-decoration: none;
	padding: 0;
	font-size: 12px;
	color: #040404;
	outline: none;
}


/* Set properties of top element */
#nav3 li {
	float: left;
	margin:0;
	width: 128px;	
	
}



/* Position the menu off screen rather than display: none; */
#nav3 li ul {
	position: absolute;
	left: -999em;
	background-image:url(/resources/images/nav_bg_std.png);
	background-repeat:no-repeat;
	width:120px;
	height:108px;
	padding:15px 0px 0px 8px;
	margin:-89px 0px 0px -8px;
}

#nav3 li ul.navActive {
	position: absolute;
	left: auto;
	background-image:url(/resources/images/nav_bg_std.png);
	background-repeat:no-repeat;
	width:120px;
	height:108px;
	padding:15px 0px 0px 8px;
	margin:-89px 0px 0px -8px;
}



/* Set properties of dropdown cells - width will affect non mouse-over in IE */
#nav3 li li {
	padding: 0;
	line-height: 18px;
	width: 128px;
	height: 15px;
	display:block;
}


/* Controls the style of link within dropdown menu */
#nav3 li ul a {
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: normal;
	height: 10px;
	width: 115px;
	w\idth: 115px;
	padding: 0px 0px 0px 13px;
	color: #4d4d4d;
} 


/* Controls the style of mouseover link within dropdown menu */
#nav3 li ul a:hover {
	
} 



/* third-and-above-level lists */
#nav3 li ul ul { 
	margin: -25px 0 0 187px;
}



/* Move menu back on page on mouse over */
#nav3 li:hover ul ul, #nav3 li:hover ul ul ul, #nav3 li.sfhover2 ul ul, #nav3 li.sfhover2 ul ul ul {
	left: -999em;
}

#nav3 li:hover ul, #nav3 li li:hover ul, #nav3 li li li:hover ul, #nav3 li.sfhover2 ul, #nav3 li li.sfhover2 ul, #nav3 li li li.sfhover2 ul {
	left: auto;
}

#nav3 li:hover, #nav3 li.hover {
	position: static;
	background-image:url(/resources/images/nav_dot_why.png);
	background-repeat:no-repeat;
}


/* END - Nav 2 */



/* START - Nav 3 */

/* Float nav4 and set basic properties - in this case the id and block element are the same and so are combined */
#nav4, #nav4 ul {
	float: left;
	width: 128px;
	display: block;
	height: 18px;
	list-style: none;
	line-height: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}


/* Control style and placement of links as well as dropdown block */
#nav4 a {
	display: block;
	width: 136px;
	w\idth: 128px;	
	height: 20px;
	font-weight: normal;
	text-decoration: none;
	padding: 0;
	font-size: 12px;
	color: #040404;
	outline: none;
}


/* Set properties of top element */
#nav4 li {
	float: left;
	margin:0;
	width: 128px;	
	
}



/* Position the menu off screen rather than display: none; */
#nav4 li ul {
	position: absolute;
	left: -999em;
	background-image:url(/resources/images/nav_bg_prod.png);
	background-repeat:no-repeat;
	width:120px;
	height:125px;
	padding:15px 0px 0px 8px;
	margin:-106px 0px 0px -8px;
}

#nav4 li ul.navActive {
	position: absolute;
	left: auto;
	background-image:url(/resources/images/nav_bg_prod.png);
	background-repeat:no-repeat;
	width:120px;
	height:125px;
	padding:15px 0px 0px 8px;
	margin:-106px 0px 0px -8px;
}



/* Set properties of dropdown cells - width will affect non mouse-over in IE */
#nav4 li li {
	padding: 0;
	line-height: 18px;
	width: 128px;
	height: 15px;
	display:block;
}


/* Controls the style of link within dropdown menu */
#nav4 li ul a {
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: normal;
	height: 10px;
	width: 115px;
	w\idth: 115px;
	padding: 0px 0px 0px 13px;
	color: #4d4d4d;
} 


/* Controls the style of mouseover link within dropdown menu */
#nav4 li ul a:hover {
	
} 



/* third-and-above-level lists */
#nav4 li ul ul { 
	margin: -25px 0 0 187px;
}



/* Move menu back on page on mouse over */
#nav4 li:hover ul ul, #nav4 li:hover ul ul ul, #nav4 li.sfhover3 ul ul, #nav4 li.sfhover3 ul ul ul {
	left: -999em;
}

#nav4 li:hover ul, #nav4 li li:hover ul, #nav4 li li li:hover ul, #nav4 li.sfhover3 ul, #nav4 li li.sfhover3 ul, #nav4 li li li.sfhover3 ul {
	left: auto;
}

#nav4 li:hover, #nav4 li.hover {
	position: static;
	background-image:url(/resources/images/nav_dot_products.png);
	background-repeat:no-repeat;
}

/* END - Nav 3 */



/* START - Nav 4 */

/* Float nav5 and set basic properties - in this case the id and block element are the same and so are combined */
#nav5, #nav5 ul {
	float: left;
	width: 128px;
	display: block;
	height: 18px;
	list-style: none;
	line-height: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}


/* Control style and placement of links as well as dropdown block */
#nav5 a {
	display: block;
	width: 128px;
	w\idth: 128px;	
	height: 20px;
	font-weight: normal;
	text-decoration: none;
	padding: 0;
	font-size: 12px;
	color: #040404;
	outline: none;
}


/* Set properties of top element */
#nav5 li {
	float: left;
	margin:0;
	width: 128px;	
	
}



/* Position the menu off screen rather than display: none; */
#nav5 li ul {
	position: absolute;
	left: -999em;
	background-image:url(/resources/images/nav_bg_std.png);
	background-repeat:no-repeat;
	width:120px;
	height:108px;
	padding:15px 0px 0px 8px;
	margin:-89px 0px 0px -8px;
}

#nav5 li ul.navActive {
	position: absolute;
	left: auto;
	background-image:url(/resources/images/nav_bg_std.png);
	background-repeat:no-repeat;
	width:120px;
	height:108px;
	padding:15px 0px 0px 8px;
	margin:-89px 0px 0px -8px;
}



/* Set properties of dropdown cells - width will affect non mouse-over in IE */
#nav5 li li {
	padding: 0;
	line-height: 18px;
	width: 128px;
	height: 15px;
	display:block;
}


/* Controls the style of link within dropdown menu */
#nav5 li ul a {
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: normal;
	height: 10px;
	width: 115px;
	w\idth: 115px;
	padding: 0px 0px 0px 13px;
	color: #4d4d4d;
} 


/* Controls the style of mouseover link within dropdown menu */
#nav5 li ul a:hover {
	
} 



/* third-and-above-level lists */
#nav5 li ul ul { 
	margin: -25px 0 0 187px;
}



/* Move menu back on page on mouse over */
#nav5 li:hover ul ul, #nav5 li:hover ul ul ul, #nav5 li.sfhover4 ul ul, #nav5 li.sfhover4 ul ul ul {
	left: -999em;
}

#nav5 li:hover ul, #nav5 li li:hover ul, #nav5 li li li:hover ul, #nav5 li.sfhover4 ul, #nav5 li li.sfhover4 ul, #nav5 li li li.sfhover4 ul {
	left: auto;
}

#nav5 li:hover, #nav5 li.hover {
	position: static;
	background-image:url(/resources/images/nav_dot_buy.png);
	background-repeat:no-repeat;
}

/* END - Nav 4 */



/* START - Nav 5 */

/* Float nav6 and set basic properties - in this case the id and block element are the same and so are combined */
#nav6, #nav6 ul {
	float: left;
	width: 128px;
	display: block;
	height: 18px;
	list-style: none;
	line-height: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}


/* Control style and placement of links as well as dropdown block */
#nav6 a {
	display: block;
	width: 128px;
	w\idth: 128px;	
	height: 20px;
	font-weight: normal;
	text-decoration: none;
	padding: 0;
	font-size: 12px;
	color: #040404;
	outline: none;
}


/* Set properties of top element */
#nav6 li {
	float: left;
	margin:0;
	width: 128px;	
	
}



/* Position the menu off screen rather than display: none; */
#nav6 li ul {
	position: absolute;
	left: -999em;
	background-image:url(/resources/images/nav_bg_std.png);
	background-repeat:no-repeat;
	width:120px;
	height:108px;
	padding:15px 0px 0px 8px;
	margin:-89px 0px 0px -8px;
}

#nav6 li ul.navActive {
	position: absolute;
	left: auto;
	background-image:url(/resources/images/nav_bg_std.png);
	background-repeat:no-repeat;
	width:120px;
	height:108px;
	padding:15px 0px 0px 8px;
	margin:-89px 0px 0px -8px;
}



/* Set properties of dropdown cells - width will affect non mouse-over in IE */
#nav6 li li {
	padding: 0;
	line-height: 18px;
	width: 128px;
	height: 15px;
	display:block;
}


/* Controls the style of link within dropdown menu */
#nav6 li ul a {
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: normal;
	height: 10px;
	width: 115px;
	w\idth: 115px;
	padding: 0px 0px 0px 13px;
	color: #4d4d4d;
} 


/* Controls the style of mouseover link within dropdown menu */
#nav6 li ul a:hover {
	
} 



/* third-and-above-level lists */
#nav6 li ul ul { 
	margin: -25px 0 0 187px;
}



/* Move menu back on page on mouse over */
#nav6 li:hover ul ul, #nav6 li:hover ul ul ul, #nav6 li.sfhover5 ul ul, #nav6 li.sfhover5 ul ul ul {
	left: -999em;
}

#nav6 li:hover ul, #nav6 li li:hover ul, #nav6 li li li:hover ul, #nav6 li.sfhover5 ul, #nav6 li li.sfhover5 ul, #nav6 li li li.sfhover5 ul {
	left: auto;
}

#nav6 li:hover, #nav6 li.hover {
	position: static;
	background-image:url(/resources/images/nav_dot_news.png);
	background-repeat:no-repeat;
}

/* END - Nav 5 */



/* START - Nav 6 */

/* Float nav7 and set basic properties - in this case the id and block element are the same and so are combined */
#nav7, #nav7 ul {
	float: left;
	width: 128px;
	display: block;
	height: 18px;
	list-style: none;
	line-height: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}


/* Control style and placement of links as well as dropdown block */
#nav7 a {
	display: block;
	width: 128px;
	w\idth: 128px;	
	height: 20px;
	font-weight: normal;
	text-decoration: none;
	padding: 0;
	font-size: 12px;
	color: #040404;
	outline: none;
}


/* Set properties of top element */
#nav7 li {
	float: left;
	margin:0;
	width: 128px;	
	
}





/* END - Nav 6 */