.menu { background:transparent; display:table; width:100%; z-index:100; float:left; margin-top:8px; }
ul.menu { display:table; list-style:none; white-space:nowrap; }
.menu li { display:table-cell; float:left; position:relative; text-align:center; text-indent:0; padding:0px; margin:0px; }
ul.menu li a { color:#09195d; text-decoration:none; font-size:16px; float:left; padding:0 8px }
.menu a { color:#00132c; cursor:pointer; text-decoration:none; }
.menu a:hover { color:#367c51; }
#topNav { width:750px; float:right; margin-top:25px; }
#topNav ul { list-style-type:none; width:100%; float:left; }
#topNav ul { margin:0 auto; text-align:center; margin-left:20px; }
#topNav ul li { float:left; height:92px; }
#topNav ul li a { display:block; text-indent:-9999px; height:92px; }
#topNav ul li.classADiesel a { width:114px; background:url(/images/RV-Icons.png) no-repeat 0 top; margin-left:10px; }
#topNav ul li.classA a { width:130px; background:url(/images/RV-Icons.png) no-repeat -114px top; }
#topNav ul li.classB a { width:115px; background:url(/images/RV-Icons.png) no-repeat -243px top; }
#topNav ul li.classC a { width:117px; background:url(/images/RV-Icons.png) no-repeat -358px top; }
#topNav ul li.fifthWheels a { width:122px; background:url(/images/RV-Icons.png) no-repeat -476px top; }
#topNav ul li.travelTrailers a { width:137px; background:url(/images/RV-Icons.png) no-repeat -598px top; }
#topNav ul li.expandables a { width:119px; background:url(/images/RV-Icons.png) no-repeat -735px top; margin-left:20px; }
#topNav ul li.tentTrailers a { width:124px; background:url(/images/RV-Icons.png) no-repeat -854px top; }
#topNav ul li.toyHauler a { width:108px; background:url(/images/RV-Icons.png) no-repeat -978px top; }
#topNav ul li.parkTrailer a { width:127px; background:url(/images/RV-Icons.png) no-repeat -1086px top; }
#topNav ul li.otherVehicles a { width:117px; background:url(/images/RV-Icons.png) no-repeat -1213px top; }
#topNav ul li.ourBrochures a { width:117px; background:url(/images/RV-Icons.png) no-repeat -1365px top; }
#topNav ul li.classADiesel a:hover { width:114px; background:url(/images/RV-Icons.png) no-repeat 0 bottom; }
#topNav ul li.classA a:hover { width:130px; background:url(/images/RV-Icons.png) no-repeat -114px bottom; }
#topNav ul li.classB a:hover { width:115px; background:url(/images/RV-Icons.png) no-repeat -243px bottom; }
#topNav ul li.classC a:hover { width:117px; background:url(/images/RV-Icons.png) no-repeat -358px bottom; }
#topNav ul li.fifthWheels a:hover { width:122px; background:url(/images/RV-Icons.png) no-repeat -476px bottom; }
#topNav ul li.travelTrailers a:hover { width:137px; background:url(/images/RV-Icons.png) no-repeat -598px bottom; }
#topNav ul li.expandables a:hover { width:119px; background:url(/images/RV-Icons.png) no-repeat -735px bottom; }
#topNav ul li.tentTrailers a:hover { width:124px; background:url(/images/RV-Icons.png) no-repeat -854px bottom; }
#topNav ul li.toyHauler a:hover { width:108px; background:url(/images/RV-Icons.png) no-repeat -978px bottom; }
#topNav ul li.parkTrailer a:hover { width:127px; background:url(/images/RV-Icons.png) no-repeat -1086px bottom; }
#topNav ul li.ourBrochures a:hover { width:117px; background:url(/images/RV-Icons.png) no-repeat -1365px bottom; }
.menu { line-height:20px; }
.menu ul { position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */ }
.menu ul li { width:100%; }
.menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
.menu li { float:left; position:relative; }
.menu a { display:block; position:relative; }
.menu li:hover ul, .menu li.sfHover ul { left:10px; top:26px; /* match top ul list item height */ z-index:99; }
ul.menu li:hover li ul, ul.menu li.sfHover li ul { top:-999em; }
ul.menu li li:hover ul, ul.menu li li.sfHover ul { left:10em; /* match ul width */ top:0; }
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul { top:-999em; }
ul.menu li li li:hover ul, ul.menu li li li.sfHover ul { left:10em; /* match ul width */ top:0; }
/*** DEMO SKIN ***/
.menu { float:left; }
.menu li ul a { border-left:1px solid #fff; border:1px solid #6d6e70; padding:8px 5px 4px 5px; text-decoration:none; width:129px; outline:0; text-align:left; height:20px; color:#08195e }
.menu ul li a, .menu ul li a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:#08195e; }
.menu li { background:transparent; }
.menu li li { background:#ffbe11; }
.menu li li li { background:#9AAEDB; }
.menu ul li:hover, .menu ul li.sfHover, .menu ul li a:focus, .menu ul li a:hover, .menu ul li a:active { background:#6d6e70; color:#fff; outline:0; }
/*** shadows for all but IE6 ***/
.sf-shadow ul { background:url('/images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }
