/*--new styles--*/
#header_image a img {margin: 13px 0 0 16px;}
#header_ad_banner {background: transparent;}
#header_ad {padding:0 0 0 62px; width: 728px;}
#header_ad_banner {width: 728px; padding-top: 0;}
#header_ad_text_left {height: 15px; margin: 0 0 2px 0;}
#header_ad_text_right {height: 15px; width: 131px; margin: 0 0 0 17px;}

td#table_header { z-index: 200; position: relative;}
td#table_left {z-index: 100; position: relative;}
td#table_right {z-index: 150; position: relative;}

/*--main nav styles--*/
#main_nav { float: left; display: inline; width: 980px; margin: 0; padding: 0; font-family: Arial, Verdana, sans-serif; }
ul#menu { width: 996px; height: 46px; background: #C83219; margin: -3px 0 0 -4px; padding: 0; list-style-position: outside; font-size: 12px;}
ul#menu h2 { margin: 0; padding: 0;}
ul#menu li { list-style-type: none; float: left; display: inline; list-style-position: outside; position: relative;}
ul#menu li a {color: #ffffff; outline: none;}

/*--for dropdowns--*/
ul#menu div {display: none;}
ul#menu div { border-left: 1px solid #C83219; border-bottom:1px solid #C83219; border-right: 1px solid #C83219; left: 0; padding: 13px 13px 13px 13px; position: absolute; top:46px; width: 520px; background: #ffffff; list-style-position: outside; z-index: 250;}
ul#menu li.hovering div {display: block; -moz-box-shadow: 0 3px 10px -1px #333333; -webkit-box-shadow: #333333 0px 2px 5px;}

/*--nav widths--*/
ul#menu #radio-show {width:510px;}
ul#menu #car-info {width:628px; }
ul#menu #email-chat {width:430px; }
ul#menu #time-kill {width:415px; }
ul#menu #shameless-commerce {width:160px; }

/*--list styles for drop down contents--*/
ul#menu li.mega.hovering div ul.drop-nav-list { list-style-position: outside; float: left; display: inline; width: 150px; padding: 0; margin: 0;}
ul#menu li.mega.hovering div ul.drop-nav-list-odd { list-style-position: outside; float: left; width: 150px; padding: 0; margin: 0 20px;}
ul#menu li.mega.hovering li h3 { margin: 0 0 6px -14px; padding: 0; background: none; background-color: #ffffff; width: 150px;font-size: 1.2em;}
ul#menu li.mega.hovering li {background: url(/template/images/00-images-nav/ct_nut.png) no-repeat 0 2px; margin: 0 0 8px 0; padding: 0 0 0 13px; width: 150px;}
ul#menu li.mega.hovering li a {  text-indent: inherit; color: #000000; padding: 0; margin: 0; height: 12px; font-size: 1em; text-decoration: none; width: 150px;}
ul#menu li.mega.hovering li a:hover {color:#C83219;}

/*--for radio show--*/
ul#menu li.mega.hovering div#radio-show ul.drop-nav-list-listen { list-style-position: outside; float: left; display: inline; width: 150px; padding: 0; margin: 0;}
ul#menu li.mega.hovering div#radio-show ul.drop-nav-list-listen li {width: 150px;}
ul#menu li.mega.hovering div#radio-show ul.drop-nav-list-heard { list-style-position: outside; float: left; width: 150px; padding: 0; margin: 0 30px;}
ul#menu li.mega.hovering div#radio-show ul.drop-nav-list-heard li {width: 150px;}
ul#menu li.mega.hovering div#radio-show ul.drop-nav-list-behind { list-style-position: outside; float: left; width: 150px; padding: 0; margin: 0;}
ul#menu li.mega.hovering div#radio-show ul.drop-nav-list-behind li {width: 150px;}

/*--for actual car info--*/
ul#menu li.mega.hovering div#car-info ul.drop-nav-list-buying { list-style-position: outside; float: left; display: inline; width: 150px; padding: 0; margin: 0;}
ul#menu li.mega.hovering div#car-info ul.drop-nav-list-buying li {width: 150px;}
ul#menu li.mega.hovering div#car-info ul.drop-nav-list-selling { list-style-position: outside; float: left; width: 138px; padding: 0; margin: 0 9px 0 20px;}
ul#menu li.mega.hovering div#car-info ul.drop-nav-list-selling li {width: 138px;}
ul#menu li.mega.hovering div#car-info ul.drop-nav-list-maint { list-style-position: outside; float: left; width: 130px; padding: 0; margin: 0 28px 0 7px;}
ul#menu li.mega.hovering div#car-info ul.drop-nav-list-maint li {width: 130px;}
ul#menu li.mega.hovering div#car-info ul.drop-nav-list-drive { list-style-position: outside; float: left; width: 140px; padding: 0; margin: 0;}
ul#menu li.mega.hovering div#car-info ul.drop-nav-list-drive li {width:140px;}

/*--for email + chat--*/
ul#menu li.mega.hovering div#email-chat ul.drop-nav-list-comm { list-style-position: outside; float: left; display: inline; width: 140px; padding: 0; margin: 0;}
ul#menu li.mega.hovering div#email-chat ul.drop-nav-list-comm li {width: 140px;}
ul#menu li.mega.hovering div#email-chat ul.drop-nav-list-contact { list-style-position: outside; float: left; width: 130px; padding: 0; margin: 0 21px 0 33px;}
ul#menu li.mega.hovering div#email-chat ul.drop-nav-list-contact li {width: 130px;}
ul#menu li.mega.hovering div#email-chat ul.drop-nav-list-ecard { list-style-position: outside; float: left; display: inline; width: 100px; padding: 0; margin: 0;}
ul#menu li.mega.hovering div#email-chat ul.drop-nav-list-ecard li h3 {width: 100px;}
ul#menu li.mega.hovering div#email-chat ul.drop-nav-list-ecard li {width: 100px;}

/*--for time to kill--*/
ul#menu li.mega.hovering div#time-kill ul#time-kill-five { list-style-position: outside; float: left; width: 130px; padding: 0; margin: 0;}
ul#menu li.mega.hovering div#time-kill ul#time-kill-five li {width: 130px;}
ul#menu li.mega.hovering div#time-kill ul.drop-nav-list-ten { list-style-position: outside; float: left; width: 118px; padding: 0; margin: 0 0px 0 27px;}
ul#menu li.mega.hovering div#time-kill ul.drop-nav-list-ten li {width: 118px;}
ul#menu li.mega.hovering div#time-kill ul.drop-nav-list-load { list-style-position: outside; float: left; display: inline; width: 140px; padding: 0; margin: 0;}
ul#menu li.mega.hovering div#time-kill ul.drop-nav-list-load li {width: 140px;}

/*--for shameless commerce--*/
ul#menu li.mega.hovering div#shameless-commerce ul#shameless-commerce-first { list-style-position: outside; float: left; width: 190px; padding: 0; margin: 0;}
ul#menu li.mega.hovering div#shameless-commerce ul#shameless-commerce-first li h3 {width: 190px;}
ul#menu li.mega.hovering div#shameless-commerce ul#shameless-commerce-first li {width: 190px;}

/*--css for the sprite nav--*/
ul#menu li#home a { display: block; background: url(/template/images/00-images-nav/nav_sprite.png) no-repeat 0 0; width: 80px; height: 46px; text-indent: -9009px;}
ul#menu li#home a:hover { background-position: 0 -52px;}
ul#menu a#radioShow { display: block; background: url(/template/images/00-images-nav/nav_sprite.png) no-repeat -80px 0; width: 196px; height: 46px; text-indent: -9009px;}
ul#menu a#radioShow:hover { background-position: -80px -52px;}
ul#menu li.mega a#radioShow.active { background-position: -80px -52px;}

ul#menu a#carInfo { display: block; background: url(/template/images/00-images-nav/nav_sprite.png) no-repeat -276px 0; width: 140px; height: 46px; text-indent: -9009px;}
ul#menu a#carInfo:hover { background-position: -276px -52px;}
ul#menu li.mega a#carInfo.active { background-position: -276px -52px;}

ul#menu a#emailChat { display: block; background: url(/template/images/00-images-nav/nav_sprite.png) no-repeat -416px 0; width: 125px; height: 46px; text-indent: -9009px;}
ul#menu a#emailChat:hover { background-position: -416px -52px;}
ul#menu li.mega a#emailChat.active{ background-position: -416px -52px;}

ul#menu a#timeToKill { display: block; background: url(/template/images/00-images-nav/nav_sprite.png) no-repeat -541px 0; width: 153px; height: 46px; text-indent: -9009px;}
ul#menu a#timeToKill:hover { background-position: -541px -52px;}
ul#menu li.mega a#timeToKill.active{ background-position: -541px -52px;}

ul#menu a#commerce { display: block; background: url(/template/images/00-images-nav/nav_sprite.png) no-repeat -694px 0; width: 189px; height: 46px; text-indent: -9009px;}
ul#menu a#commerce:hover { background-position: -694px -52px;}
ul#menu li.mega a#commerce.active { background-position: -694px -52px;}

ul#menu a#cars { display: block; background: url(/template/images/00-images-nav/nav_sprite.png) no-repeat -883px 0; width: 106px; height: 46px; text-indent: -9009px;}
ul#menu a#cars:hover { background-position: -883px -52px;}

ul#menu li.mega.hovering li.more { background: none; margin: 3px 0 0 0; }
ul#menu li.mega.hovering li a.more { display: block; width: 48px; height: 14px; background: url(/template/images/00-images-nav/more_btn.png) no-repeat 0 0; text-indent: -9009px;}
ul#menu li.mega.hovering li a.more:hover { background-position: 0 -14px;}

/* CLEARFIX (http://www.positioniseverything.net/easyclearing.html)
--------------------------------------------------------------------*/
/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */