@charset "utf-8";
/* CSS Document */
body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
	text-align:center;
	margin:0 auto;
	background-image:url(../images/topbg.jpg);
	background-color:#E6E0DD;
	background-repeat:repeat-x;
}

img { border:0px; }
div { text-align:left; }
h2 { text-transform:uppercase; font-size:16px; color:#999; letter-spacing:-1px; }

a { color:#333; }

#bodywrapper { width:998px; text-align:center; margin:0 auto; }
#search { float:right; }
#nav { margin-top:4px; margin-bottom:5px; height:28px; }

#contentwrapper { width:998px; margin-top:5px; clear:both; }
#sidenav { float:right; width:295px; }
#footer { clear:both; margin-top:20px; }

#productbox { float:left; width:83px; margin:0px 5px 5px 0px; height:120px; text-align:left; }
#productbox img { padding-bottom:5px; }

#rangebox { float:left; width:113px; margin:0px 5px 5px 0px; height:150px; text-align:left; }
#rangebox img { padding-bottom:5px; }

#mainmenu{
 width: auto;
 height: 28px;
}
#mainmenu{
 margin: 0px;
 padding: 0px;
 z-index: 1;
}
#mainmenu li{
 float:left;
 position:relative;
 list-style: none;
}
#mainmenu li ul{
 display:none;
 position:absolute;
 margin: 0px;
 width: 130px;
 padding: 0px;
 list-style: none;
 top: 28px;
 left: 0;
 z-index: 2;
}
#mainmenu li ul li { background:#000; height:12px; padding:3px; width:130px; opacity:0.4;filter:alpha(opacity=40); border:1px solid #fff;  }
#mainmenu li ul li  div { position:relative; z-index:100; color:#fff; margin:0px; }
#mainmenu li ul li:hover { background:#fff; opacity:1;filter:alpha(opacity=100); }
#mainmenu li ul li:hover div { position:relative; z-index:100; color:#000; margin:0px; }
#mainmenu li ul li a { text-decoration:none; color:white; text-transform:uppercase; }
#mainmenu li ul li a:hover { text-decoration:none; color:black; text-transform:uppercase; }
#mainmenu li:hover ul {
 display: block;
 width: 130px;
}

#menu {
width: 797px;;
float: left;
height:28px;
}
 
#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}
 
#menu a, #menu h2 {
display: block;
margin: 0;
}
 
#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}
 
#menu a {
text-decoration: none;
border:0px;
height:28px;
}

div#menu ul ul li { background: #000; opacity:0.4; filter:alpha(opacity=40); border:1px solid #fff; height:20px; }
div#menu ul ul li a { color:#fff; }
div#menu ul ul li:hover { background: #fff; opacity:1; filter:alpha(opacity=100); }
div#menu ul ul li:hover a { color:#000; }

div#menu ul ul li:hover ul li a { color:#fff; }
div#menu ul ul li:hover ul li:hover a { color:#000; }

div#menu ul ul ul li { background: #000; opacity:0.4; filter:alpha(opacity=40); border:1px solid #fff; height:20px; }
div#menu ul ul ul li a { color:#fff; }

div#menu ul ul ul li:hover { background: #fff; opacity:1; filter:alpha(opacity=100); }
div#menu ul ul ul li:hover a { color:#000; }



#menu a:hover {
text-decoration: none;
border:0px;
} 
 
img { border:0px; }
 
#menu li {position: relative; left:0px;}
 
#menu ul ul {
position: absolute;
z-index: 500;
padding-left:0px;
top:28px;
left:0px;
}
 
#menu ul ul ul {
position: absolute;

}
 
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul li a { padding:4px; }

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block; width:150px; }