
.menu { background:transparent; display:table; width:100%; z-index:100; float:left; margin-top:-53px; margin-left:3px}
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:#00132c; text-decoration:none; font-size:13px; float:left;line-height:48px; font-weight:700; }
.menu li span.aaa { background:url(/Images/aaa.png) 0 0 no-repeat; display:block; float:left; height:43px; width:13px; padding:0; }
.menu li span.bbb { background:url(/images/bbb.png) 0 0  repeat-x; float:left; height:43px; padding:0px;   }
.menu li span.ccc { background:url(/images/ccc.png) 0 0 no-repeat; display:block; float:left; height:43px; width:12px; padding:0;}
.menu li span.aaaa { background:url(/Images/aaaa.png) 0 0 no-repeat; display:block; float:left; height:43px; width:16px; padding:0; }
.menu li span.cccc { background:url(/images/cccc.png) 0 0 no-repeat; display:block; float:left; height:43px; width:19px; padding:0;}
.menu a:hover span { background-position:0 -44px; }
.menu a { color:#00132c; cursor:pointer; text-decoration:none; }
.menu a:hover { color:#00134f; }

#topNav ul { list-style-type:none; width:100%; float:left;  }
#topNav ul {margin-top:-18px}
#topNav ul li { text-indent:-9999px; float:left }
#topNav ul li a { display:block; height:100px }
#nav ul li a {height:43px}

#nav ul li.btnWebSpecials {display:block; text-indent:-9999px; width:109px}
#nav ul li.btnWebSpecials  a {background:url(/images/btnWebSpecials.png) 0 top; width:109px }

#nav ul li.btnWebSpecials  a:hover {background:url(/images/btnWebSpecials.png) 0 bottom; width:109px }


#topNav ul li.classADiesel a { background:url(/images/icons.png) 0 top; width:149px }
#topNav ul li.classA a { background:url(/images/icons.png) -150px top; width:139px }
#topNav ul li.classB a { background:url(/images/icons.png) -287px top; width:139px }
#topNav ul li.toyHauler a { background:url(/images/icons.png) -427px top; width:139px }
#topNav ul li.fifthWheels a { background:url(/images/icons.png) -565px top; width:139px }
#topNav ul li.travelTrailers a { background:url(/images/icons.png) -704px top; width:139px }
#topNav ul li.tentCampers a { background:url(/images/icons.png) -843px top; width:148px }

#topNav ul li.classADiesel a:hover { background:url(/images/icons.png) 0 bottom; width:149px }
#topNav ul li.classA a:hover { background:url(/images/icons.png) -150px bottom; width:139px }
#topNav ul li.classB a:hover { background:url(/images/icons.png) -287px bottom; width:139px }
#topNav ul li.toyHauler a:hover { background:url(/images/icons.png) -427px bottom; width:139px }
#topNav ul li.fifthWheels a:hover { background:url(/images/icons.png) -565px bottom; width:139px }
#topNav ul li.travelTrailers a:hover { background:url(/images/icons.png) -704px bottom; width:139px }
#topNav ul li.tentCampers a:hover { background:url(/images/icons.png) -843px bottom; width:148px }

#secondaryNav ul li { list-style:none;  }
#secondaryNav ul li a {  display:block; width:194px;background:url(/images/secondaryNav.jpg) left no-repeat; text-indent:-9999px }
#secondaryNav ul li.btnTrade a {background:url(/images/secondaryNav.jpg) right 0 no-repeat; height:128px;}
#secondaryNav ul li.btnTrade a:hover {background:url(/images/secondaryNav.jpg)  left 0 no-repeat; height:128px;}
#secondaryNav ul li.btnTopTen a {background:url(/images/secondaryNav.jpg) right -128px no-repeat; height:123px;}
#secondaryNav ul li.btnTopTen a:hover {background:url(/images/secondaryNav.jpg) left -128px  no-repeat; height:123px;}
#secondaryNav ul li.btnBlog a {background:url(/images/secondaryNav.jpg) right -251px no-repeat; height:124px;}
#secondaryNav ul li.btnBlog a:hover {background:url(/images/secondaryNav.jpg) left -251px no-repeat; height:124px;}

.menu ul { position:absolute; top:-999em; width:230px; /* 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:0; top:38px; /* match top ul list item height */ z-index:9999; }
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:230px; /* 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:230px; /* match ul width */ top:0; }
/*** DEMO SKIN ***/
.menu { float:left; }
.menu li ul a {text-decoration:none; width:228px; outline:0; text-align:left; line-height:36px}
.menu a, .menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:#00132c; }
.menu li { background:transparent; }
.menu li ul li { background:#3a567d; color:#ffffff; height:30px; overflow:hidden;  border:1px solid #6d6e70;  }
.menu li ul li a {color:#ffffff; padding-left:5px;  }
.menu li li li { background:#9AAEDB;}
.menu ul li a:link, .menu ul li a:visited {color:#ffffff}
.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 ***/
.menu 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; }

