/* navigation stuff */
body {
	behavior: url("/global/nav/csshover.htc"); /* WinIE behaviour call */ 
}

div#nav {
	background-image:url("/img/bg-nav.gif");
	background-position:top left;
	background-repeat:repeat-x;
	position:absolute;
	top:118px;
	left:0px;
	width:880px;
	height:42px;
	border:0px solid black;
}

div#nav ul {
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style-image:url("/img/blank.gif");
	border:0px solid white;
}


div#nav ul.level1 a{
	display:block;
	height:42px;
	border:0px solid black;
}

div#nav ul.level1 ul.level2 a {
	height:27px;
}

#products, #dealer, #resources, #services, #company {
	float:left;
	width:147px;
	height:42px;
}

#products a, #products a:visited {background:url("/img/btn-products.gif") top left no-repeat;}

#products a:hover {background:url("/img/btn-products.gif") -147px 0px no-repeat;}

#dealer a, #dealer a:visited {background:url("/img/btn-find-dealer.gif") top left no-repeat;}

#dealer a:hover {background:url("/img/btn-find-dealer.gif") -147px 0px no-repeat;}

#resources a, #resources a:visited {background:url("/img/btn-resources.gif") top left no-repeat;}

#resources a:hover {background:url("/img/btn-resources.gif") -147px 0px no-repeat;}

#services a, #services a:visited {background:url("/img/btn-services.gif") top left no-repeat;}

#services a:hover {background:url("/img/btn-services.gif") -147px 0px no-repeat;}

#company a, #company a:visited {background:url("/img/btn-company.gif") top left no-repeat;}

#company a:hover {background:url("/img/btn-company.gif") -147px 0px no-repeat;}

div#nav ul li#products ul li a,div#nav ul li#dealer ul li a,div#nav ul li#resources ul li a,div#nav ul li#services ul li a,div#nav ul li#company ul li a { 
	background-image:none;
	} /* IE FIX to keep main name images from displaying on drop downs*/
	
/*div#nav {	
	position:absolute;
	top:120px; 
	left:0px;
	z-index:9999; 

	background:#eaeae8;	
	width:850px;
	height:37px;
	padding: 0 0 0 0px;
} */

div#nav ul {
	margin: 0;	
	padding: 0;	
	background: #efcd94; 
}

div#nav li {
	position: relative; 
	list-style: none; 
	margin: 0; 
	float:left; 
} 

div#nav li:hover {
	background: #15546f; 
}

div#nav li.submenu {
	
	padding:0px; 
}


div#nav li a {
	display: block; 
	padding: 0px;	
	font:11px arial, Verdana sans-serif;
	color:#772b07; 
	text-decoration: none;
}
	
div#nav li a:hover {
	border-left-color:#e7b45d;
}

div#nav ul li {
	z-index:9999;
}
div#nav ul ul {
	position: absolute; 
	width:180px ; 
	display: none; 
	z-index: 9999;
}

div#nav ul ul li { 
	border-bottom: 1px solid #e7b45d;
}

div#nav li.submenu li.submenu {
	width:160px;
	padding:0px;
}

div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3, div#nav ul.level3 li.submenu:hover ul.level4  {
	display: block;
}

div#nav ul.level1 li.submenu:hover {
	background-color: #a3a1a2; /*changes main btn hover bg color*/
}

div#nav ul.level2 li.submenu:hover {
	background-color: #f6e2c2; /*changes dropdown hover bg color*/
}

div#nav ul.level2 li:hover {
	background-color: #f6e2c2; /*changes dropdown hover bg color*/
}

div#nav ul.level1 a:hover {
	color:#fff; /*change main btn text color on hover*/
}

div#nav ul.level2 {
	top: 42px; 
	left: 0px; 
	width:160px; 
	border-left: 1px solid #e7b45d; 
	border-right: 1px solid #e7b45d;
}

div#nav ul.level2 li {
	width:180px; 
}

div#nav ul.level2 a {
	font:11px arial, Verdana sans-serif;
	color:#772b07; 
	padding:6px 5px 5px 5px; 
	width:150px !important;
	width:160px;
	/* border-left:5px solid #747474;*/ 
}

div#nav ul.level2 a:hover {
	border-left-color:#e7b45d;
	color:#000; /*change subnav text color on hover*/
}

div#nav ul.level3 {
	top: -1px; 
	left: 160px; 
	width:160px;
	border-left: 1px solid #e7b45d; 
	border-right: 1px solid #e7b45d;
	border-top: 1px solid #e7b45d;
}

div#nav ul.level3 a {
	padding:6px 5px 5px 5px; 
	width: 150px !important;
	width: 160px;
}


div#nav ul.level3 li {
	width: 160px;

}

div#nav ul.level4, div#nav ul.level5, div#nav ul.level6 {
	top: -1px; 
	left: 160px; 
	width:160px;
	border-left: 1px solid #e7b45d; 
	border-right: 1px solid #e7b45d;
	border-top: 1px solid #e7b45d;
}

div#nav ul.level4 a, div#nav ul.level5 a, div#nav ul.level6 a{
	padding:6px 5px 5px 5px; 
	width: 150px !important;
	width: 160px;
}

div#nav ul.level4 li, div#nav ul.level5 li, div#nav ul.level6 li{
	width: 160px;

}

