.menu { background:transparent; display:table; width:100%; z-index:100; float:left; margin-top:125px; }
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:#ffcc00; text-decoration:none; font-size:16px; float:left; padding:0 8px }
.menu a { color:#00132c; cursor:pointer; text-decoration:none; }
.menu a:hover { color:#fff; }
#topNav ul { list-style-type:none; width:100%; float:left; background:url(/images/icons.jpg) no-repeat 0 top; }
#topNav ul { margin:0 auto; text-align:center; margin-left:10px }
#topNav ul li { float:left; }
#topNav ul li a { display:block; padding-top:80px; }

#topNav ul li.classADiesel a{ width:145px; background:url(/images/icons.jpg) no-repeat 0 top; }
#topNav ul li.classA a { width:138px; background:url(/images/icons.jpg) no-repeat -145px top; }
#topNav ul li.classB a { width:140px; background:url(/images/icons.jpg) no-repeat -284px top; }
#topNav ul li.travelTrailers a { width:140px; background:url(/images/icons.jpg) no-repeat -424px top; }
#topNav ul li.fifthWheels a { width:140px; background:url(/images/icons.jpg) no-repeat -564px top; }
#topNav ul li.toyHauler a { width:138px; background:url(/images/icons.jpg) no-repeat -704px top; }
#topNav ul li.tentCampers a { width:144px; background:url(/images/icons.jpg) no-repeat -843px top; }
#topNav ul li.classADiesel a:hover{ width:145px; background:url(/images/icons.jpg) no-repeat 0 bottom; }
#topNav ul li.classA a:hover { width:138px; background:url(/images/icons.jpg) no-repeat -145px bottom; }
#topNav ul li.classB a:hover { width:140px; background:url(/images/icons.jpg) no-repeat -284px bottom; }
#topNav ul li.travelTrailers a:hover { width:140px; background:url(/images/icons.jpg) no-repeat -424px bottom; }
#topNav ul li.fifthWheels a:hover { width:140px; background:url(/images/icons.jpg) no-repeat -564px bottom}
#topNav ul li.toyHauler a:hover { width:138px; background:url(/images/icons.jpg) no-repeat -704px bottom; }
#topNav ul li.tentCampers a:hover { width:144px; background:url(/images/icons.jpg) no-repeat -843px bottom; }
#topNav ul li a:hover { color:#ee1b2e }
.rentalNav { width:780px; float:left; margin:20px 0 20px -30px }
.rentalNav ul, ul.rentalNav2 { list-style-type:none; margin:0; padding:0; }
.rentalNav ul li, ul.rentalNav2 li { float:left; }
ul.rentalNav2 li {margin:20px 40px}
.rentalNav ul li a, ul.rentalNav2 li a { display:block; text-indent:-9999px; height:77px; }
ul.rentalNav2 li.btnBenefits a { background:url(/images/rentalButtons2.gif) no-repeat -92px top; width:184px }
ul.rentalNav2 li.btnPictures a { background:url(/images/rentalButtons2.gif) no-repeat -488px top; width:184px }
ul.rentalNav2 li.btnBenefits a:hover { background:url(/images/rentalButtons2.gif) no-repeat -92px bottom; width:184px }
ul.rentalNav2 li.btnPictures a:hover  { background:url(/images/rentalButtons2.gif) no-repeat -488px bottom; width:184px }
.rentalNav ul li.btnRentAnRV a { background:url(/images/rentalButtons.gif) no-repeat 0 top; width:191px }
.rentalNav ul li.btnRentalFleet a { background:url(/images/rentalButtons.gif) no-repeat -191px top; width:184px }
.rentalNav ul li.btnVacations a { background:url(/images/rentalButtons.gif) no-repeat -375px top; width:184px }
.rentalNav ul li.btnContactUs a { background:url(/images/rentalButtons.gif) no-repeat -559px top; width:191px }
.rentalNav ul li.btnRentAnRV a:hover { background:url(/images/rentalButtons.gif) no-repeat 0 bottom; width:191px }
.rentalNav ul li.btnRentalFleet a:hover { background:url(/images/rentalButtons.gif) no-repeat -191px bottom; width:184px }
.rentalNav ul li.btnVacations a:hover { background:url(/images/rentalButtons.gif) no-repeat -375px bottom; width:184px }
.rentalNav ul li.btnContactUs a:hover { background:url(/images/rentalButtons.gif) no-repeat -559px bottom; width:191px }
.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:#ffffff }
.menu ul li a, .menu ul li a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:#2e0200; }
.menu li { background:transparent; }
.menu li li { background:#ee1b2e; }
.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; }

