/* ------------------------ General -------------------------- */
body {margin:0 0 0 10px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:150%; background-color: #fff; color: #333;}
p {margin:0 0 10px 0; padding:0;}
ul { margin:0 0 10px 0; padding:0;}
ul li {	margin:0 0 5px 0; padding:0 0 0 10px; border:0; list-style-type:none; background: url(/images/homepage/2008/bullet_square.gif) no-repeat 0 .75em;}
/* ------------------------ Structure -------------------------- */
div#wrapper {width:950px;}
div#leftColumn {width:610px; float:left; clear: left; margin-right:20px;} 
div#rightColumn {width:300px; float:left;} 
div#headerBox {margin-bottom:20px;}
div#textAdsWrapper {clear: both;}

/* ------------------------ Headers -------------------------- */
h1{font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#330099; margin:0; padding-bottom:1px;}
h1 a {padding: 25px 0 5px 15px; display: block;}
#Buy h1 a, #Sell h1 a {padding-top: 40px; display: block;}
h1 a:link {color: #330099; text-decoration: none;}
h1 a:visited {color:#330099; text-decoration:none;}
h1 a:hover {text-decoration:underline;}
h1 a:active {color: #330099;}
#Sell h1{background:url(/images/homepage/2008/sellTL.gif) no-repeat left bottom;}

h2{font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#df4600; margin:0; padding: 0;}
h2 a {display: block;}
h2 a:link {color:#df4600; text-decoration:none;}
h2 a:visited { color:#df4600; text-decoration:none;}
h2 a:hover {text-decoration:underline;}
h2 a:active {color: #df4600;}
#Research h2 {font-size:13px;}
#buyingGuide h2 {margin-bottom:10px;}

h3 {background:url(/images/homepage/2008/headerTL.gif) no-repeat left top; color:#330099; font:bold 14px Arial,Helvetica,sans-serif; margin:0; padding:0;}
h3 a {padding:5px 0pt 4px 15px; display: block;}
h3 a:link {color: #330099; text-decoration: none;}
h3 a:visited {color:#330099; text-decoration: none;}
h3 a:hover {text-decoration: underline;}
h3 a:active {color:#330099;}
#greenPromo h3 {background: url(/images/homepage/2008/greenTL.gif) no-repeat bottom left;}
#greenPromo h3 a {color: #fff; padding:13px 0pt 5px 15px;}
#editorialPromo2 h3{margin:0; background: url(/images/homepage/2008/sellTL2.gif) no-repeat top left;}
#editorialPromo2 h3 a {color:#df4600; padding: 10px 0 5px 15px;}
#Research h3 {color:#DF4600; font: bold 13px Arial,Helvetica,sans-serif; margin:0pt; padding-bottom:10px;}

h4{font: bold 13px Arial, Helvetica, sans-serif; color:#333333; margin:0 0 5px 0; padding: 0;}
h4 a:link {margin:0 0 5px 0; color: #330099; text-decoration: none;}
h4 a:visited {color:#330099; text-decoration:none;}
h4 a:hover {text-decoration:underline;}
h4 a:active {color: #330099;}

h5{font: lighter 11px Verdana, Arial, Helvetica, sans-serif; color:#333333; margin:0; padding:0;}

/* ------------------------ Navigation --------------------------- */
a { outline: none; }
  div#headerBox { float: left; clear: both; width: 100%; margin: 5px 0 25px 0; }
  #site-nav {
    display: block; width: 762px; float: left; clear: both;
    margin: 0; padding: 0; list-style: none;
  }
    #site-nav li {
      margin: 0; padding: 0; display: inline;
      background: none;
    }
      #site-nav li a {
        display: block; height: 85px; float: left;
        background: #fff url(/cobrand/national/headerNationalCotent.gif) 0 0 no-repeat;
        text-indent: -9000px; margin: 0; padding: 0;
      }
        #site-nav .nav-logo a {
          width: 281px;
        }
        #site-nav .nav-buy a {
          width: 88px; background-position: -281px 0;
        }
        #site-nav .nav-sell a {
          width: 89px; background-position: -369px 0;
        }
        #site-nav .nav-research a {
          width: 123px; background-position: -458px 0;
        }
        #site-nav .nav-advice a {
          width: 179px; background-position: -581px 0;
        }
    #site-nav.national {
      /* defaults already set */
    }
    #site-nav.top-level {
      /* defaults already set */
    }
      #site-nav.top-level li a {
        background: #fff url(/cobrand/national/headerNationalHome.gif) 0 0 no-repeat;
      }
        #site-nav.top-level .nav-logo a {
          width: 185px;
        }
        #site-nav.top-level .nav-buy a {
          width: 121px; background-position: -185px 0;
        }
        #site-nav.top-level .nav-sell a {
          width: 116px; background-position: -306px 0;
        }
        #site-nav.top-level .nav-research a {
          width: 147px; background-position: -422px 0;
        }
        #site-nav.top-level .nav-advice a {
          width: 191px; background-position: -569px 0;
        }
    #site-nav.market {
      /* defaults already set */
    }
      #site-nav.market li a {
        background-image: url(/cobrand/images/carscomNavAll.gif);
        margin-top: 5px;
      }
        #site-nav.market .nav-logo a {
          width: 242px;
        }
        #site-nav.market .nav-buy a {
          width: 60px; background-position: -242px 0;
        }
        #site-nav.market .nav-sell a {
          width: 56px; background-position: -302px 0;
        }
        #site-nav.market .nav-research a {
          width: 84px; background-position: -358px 0;
        }
        #site-nav.market .nav-advice a {
          width: 149px; background-position: -442px 0;
        }
        #site-nav.market .aff-brand {
          display: block; width: 167px; float: left; 
          background: none; margin-top: -5px;
        }
          #site-nav.market .aff-brand a {
            text-indent: 0; background: none;
          }

/* ------------------------ Promo Basics -------------------------- */
div.Promo{width: 100%; margin-bottom:20px; clear:both;}
div.header{width: 100%; background: url(/images/homepage/2008/headerMid.gif) repeat-x; border-collapse:collapse;} 
div.headerTR{background: url(/images/homepage/2008/headerTR.gif) no-repeat top right;}
div.promoBody{border-left:1px solid #E1E1E1; border-right:1px solid #E1E1E1; border-top:1px solid #E1E1E1; padding:10px 15px 5px 15px; height:auto;}

div.footer {background:url(/images/homepage/2008/footerMid.gif) repeat-x bottom left; clear:both;}
div.footerBL{background:url(/images/homepage/2008/footerBL.gif) no-repeat bottom left; padding: 12px 1px 0 1px;}
div.footerBR{background:url(/images/homepage/2008/footerBR.gif) no-repeat bottom right;}

/* ------------------------ Buy/Research Promo -------------------------- */
.Promo#Buy {background:url(/images/homepage/2008/buybox_bg.gif) no-repeat 0 15px; margin-bottom:5px; position:relative;}
.Promo#Research{background:url(/images/homepage/2008/buybox_bg.gif) no-repeat; margin-bottom:5px; position:relative;} 
#Buy div.promoBody, #Research div.promoBody{padding-top:5px; padding-bottom:5px; border:none;}
#Buy div.header, #Research div.header, #Buy div.headerTR, #Research div.headerTR, #Buy div.footer, #Research div.footer, #Buy div.footerBL, #Research div.footerBL, #Buy div.footerBR, #Research div.footerBR {background-image:none;}
#Buy, #Research {margin-bottom:30px;position:relative; }
#new p {margin-bottom:0px;}
#Buy #subhead {height:40px}
#Buy #buyLinks{width:150px; float:left; margin-top:35px;}
.spanishLink{width:100%; text-align:right; font-size:10px; margin-bottom:10px;}
.spanishLink a, .spanishLink a:link, .spanishLink a:visited {color:#999999; text-decoration: none; font-weight:normal;}
.spanishLink a:hover {color:#333333; text-decoration: none;}
.spanishLink a img {background-color: #999999; margin-left:3px;}
.spanishLink a:hover img {background-color: #df4600;}
.radioLink a, .radioLink a:link, .radioLink a:visited {color:#000; text-decoration: none; font-weight:normal;}
.radioLink a:hover {color:#999; text-decoration:none;}
#trucksLink {margin-left:10px; margin-top:25px;}
#trucksLink img {margin-left:3px;}
.trucksLinkArrow a img {background-color:#df4600; text-decoration: none;}
#buyingGuide {float:left; height:auto; width:290px;}
#bgCarImage {background:url(/images/homepage/2008/cars.gif) no-repeat top right;}
span.advSrchLnk {clear:both; display:block; font-size:10px;}
#Buy #vertRule {position:absolute; top:110px; left:200px; height:180px;}
#Research #vertRule {position:absolute; top:95px; left:200px; height:160px;}
#researchTool {float:left; margin: 0 0 10px 0; padding:0pt; width:200px;}
#researchTool label{ display:block; font-size:10px; margin-top:2px; }
#researchForm {float:left; margin: 0 0 10px 0; padding:0pt; width:250px;}
#researchForm select {width:160px;}
#researchForm label{ display:block; font-size:10px; margin-top:2px; }
#Research {background:url(/images/homepage/2008/buybox_bg.gif) no-repeat; height:auto; width:100%;}
.cars {float:left; width:84px; margin: 0px 5px 15px 0; overflow: hidden; padding:0; text-align:center; display: inline;}
.carshape { margin: 0 auto; padding-bottom: 5px; width:84px; display: inline;}
.carLink {line-height:1.3em;}
.carList {float:left; width:48%;}
#recommendations {float:left; height:auto; width:100%; margin-top: 10px;}
.Rec {float:left; height:auto; padding-right:10px; width:auto;}
.recPic {float:left; height:30px; margin-right:5px; width:30px;}
.recLink {float:left; height:20px; margin-top:5px; width:auto;}
#tools {clear:both; width:250px}
#tools-ed {clear:both; width:250px; margin-top: 45px}
#tools ul{margin-bottom: 0;}
#allMakes ul {float:left;width:140px;}
#allMakes .promoBody {overflow:auto;}

/* ------------------------ Dropdowns -------------------------- */
.searchWrapper {float: left; clear: both; height:100%;}
.searchWrapper select, .searchFormBox select{width:160px;}
.searchFormBox{margin:5px 60px 0px 0px;}
#Buy .searchFormBox{margin-right:20px; width:190px; float: left;}
.searchFormBox .label, .searchFormBox .label{font-size: 10px; display: block; margin-top: 2px;}
.searchRange {width: 160px;}
.searchRange select{width:90px; clear:both; padding:0px;}
.searchRange input{clear:both; width:45px; padding-right:0px;}
.searchRange .within {float: left;}
.searchRange .of {float:left;margin:20px 0pt 0pt 4px;text-align:center;}
.searchRange .yourzip {float: right; }
.searchWrapper .formLabel{margin-right:14px;}
.searchOptions{clear:both; margin:60px 0px 0px 0px; padding:0px;}
.searchButton{margin-bottom:40px;}
#iframeCRPIndex {background:transparent; margin:0; padding:0;}
#iframeCRPIndex .searchFormBox {width:180px}
#crpFormIfrm {width:180px; height: 125px;}
form {margin: 0;}
div.options {border: 1px solid orange; display: none;}

/* ------------------------ SIY Promo -------------------------- */
#Sell div.header, #editorialPromo2 div.header{width:100%; background:url(/images/homepage/2008/sellMid.gif) repeat-x left bottom;} 
#Sell div.promoBody, #editorialPromo2 div.promoBody{padding-top:5px; padding-bottom:5px; background:url(/images/homepage/2008/sellBody.gif) repeat-x top; border-top:none;}
#editorialPromo2 div.headerTR{background-repeat:no-repeat;}
#Sell div.headerTR {background:url(/images/homepage/2008/sellTR.gif) no-repeat right bottom;}
#editorialPromo2 div.headerTR {background-image:url(/images/homepage/2008/sellTR2.gif)}

/* ------------------------ Green Promo -------------------------- */
#greenPromo div.header{background:url(/images/homepage/2008/greenMid.gif) repeat-x bottom left;}
#greenPromo div.headerTR{background:url(/images/homepage/2008/greenTR.gif) no-repeat bottom right;}

/* ------------------------ Review Promo -------------------------- */
div#reviewPic{width:130px; float:left; margin-bottom:10px;} 
div#reviewPic img {float:none; border:0;}
img.thumb {border:1px solid #666; text-decoration:none;}
#carReviews div#mainPhoto2{float: right;}
p.updateText {margin:0 0 10px 0; padding:0; font-size: 10px; color:#999;}
.rssBadge {float: right; border:0;}

/* ------------------------ More Links -------------------------- */
.moreLink {clear:both; 	font-size:10px; color:#999999; background-image:none;margin:0 0 0 10px;}
.moreLink a {color:#999999; text-decoration: none; font-weight:normal;}
.moreLink a:link {color:#999999; text-decoration: none;}
.moreLink a:visited {color:#999999; text-decoration: none;}
.moreLink a:hover {color:#333333; text-decoration: none;}
.moreLink a img {	background-color: #999999; 	}
.moreLink a:hover img {	background-color: #df4600; 	}
#carReviews .moreLink, #videoReviews .moreLink {margin-left: 0;}

/* ------------------------ Cartalk -------------------------- */
div#carTalkLogo{width:63px; height:37px; padding-right:15px; float:left;}

/* ------------------------ Video Thumbs -------------------------- */
#videoUnit {width: 50%; height:45px; float:left; margin-bottom:10px;}
#videoUnit #videoPic {border:1px solid #666; float:left; margin-right: 2px; width:67px;}
#videoUnit #videoLink {float:left; width:62px; line-height:135%;}

/* ------------------------ Editorial Promos -------------------------- */
#editorial1.Promo {margin-bottom:0;}
#editorial1 div.promoBody {background:url(/images/homepage/2008/editorial1_bg.jpg) no-repeat right top; border-left:medium none; border-right:medium none; border-top: none; height:170px; padding:20px 0pt 0pt 20px;}
#main1 {}
#main1 p {width:220px;}
#editorial1.Promo h2 {font-size:18px; margin-bottom: 15px;}
#editorialPromo2 {width:400px; float:right;}
#editorialPromo2 div#mainPhoto2{float: right;}
#stories div.promoBody {border-top:1px solid #E1E1E1; height:85px; padding-top:15px;}
div.story {float:left; height:auto; margin-left:25px; width:auto;}
#story1 {margin-left:0pt;}
div.story h4 {color:#330099; font-family:Arial,Helvetica,sans-serif; font-size:13px; margin-bottom: 10px;}
div#storyPic {float:left; height:45px; width:67px;}
div#storyLine {float:left; height:45px; margin-left:10px; width:90px; display: inline;   }

/* ------------------------ Advert Wrapper -------------------------- */
.adWrapper {margin-bottom: 20px;}
.adWrapper p {font-size: 10px; color: #999; padding: 0; margin:0;}
#rightColumn .adWrapper p {text-align: right;}
#rightRailAd {float:left; margin:17px 0 0 10px;}
#rightRailAd .sub {margin-bottom:10px;}

/* ------------------------ Text Ads -------------------------- */
#textAdsWrapper{width:100%; margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom: 20px;}
div.textAds {background-color: #f7f7f7; border-color: #0000CC; border-bottom: 1px solid #0000CC; border-top: 1px solid #0000CC; overflow:hidden; padding:10px 0;}
div.textAds .textAd1, div.textAds .textAd2, div.textAds .textAd3, div.textAds .textAd4 {float: left; width:240px;	padding: 0 15px 0 15px; }

div.textAds .adHead {font-weight: bold; line-height:120%;}
div.textAds .adBody {margin-bottom:5px;}
div.textAds .adLink{font-size:90%;}

/*Buttons*/
div.mainButton{height:18px; float:left; display:inline; background:transparent url(/images/homepage/2008/buttonbg.gif) repeat-x top left; border:1px solid #db6627; padding:4px 0px 4px 0px; background-color:#df4600;}
div.mainButton a:link, div.mainButton a:active, div.mainButton a:visited{font:bold 15px arial,verdana,sans-serif; color:#FFFFFF; text-decoration:none;}
div.mainButton a:hover{color:#fc0;}
div.mainButton a{padding:4px 15px 5px 15px;}
div.outerButton{height:auto; clear:both;}

/*Zip-error box*/
#zipError {display:none; position:absolute; left:100px; top:100px; background:#fff; border:solid 7px #999; width:411px; height:225px; z-index:2;}
#zipError #zipErrorHeader {height:60px;text-align:right; background:#f1f1f1 url(/crp/images/logoPopup.gif) no-repeat 5px 5px;}
#zipErrorHeader .closeLink {padding:5px;}
#zipError #zipErrorBody {margin:10px;height:100px;}
#zipErrorBody p {font-size:11px}
#zipErrorBody h2 {color:#DF4600; font-size:140%; margin:10px 0; line-height:100%;}
#miniZip label {float:left; margin:0 10px 0 0; font-weight:normal; font-size:100%;}
#okbutton {clear:both; margin-left:60px; height:17px; position:relative;}
#okbutton #cancel{position:absolute; top:15px; left:54px;}
#okbutton .button {margin-top:10px;}

/* Buttons to Blogs in Footer  */
.carsfooter, .carslegal {font: 11px Verdana, Arial, sans-serif; line-height:22px; width:760px; text-align:center;}
.carslegal, .carslegal a {font-size: 10px; line-height:140%;}
div#blogButtonWrapper {width:592px; height:60px; margin-left:auto; margin-right:auto;}
#blogButtonWrapper .button {width:148px; float:left; margin-left:auto; margin-right:auto; border:0; padding:0;}
#hpFooter {clear:both;}
#hpFooter div#blogButtonWrapper {width:444px;}
.blogLink {color:#999999; font:normal 9px Verdana,sans-serif; float:right; margin: 1px 10px 0 0; display: inline;}
.blogLink a, .blogLink a:link, .blogLink a:visited {font:normal 9px Verdana,sans-serif; color:#999999; text-decoration: none;}
.blogLink a:hover {color:#333333; text-decoration: none;}
.blogLink a img { border: 0; }

/*******************    DEALER SPECIALS MODULE **************************/
div.dSpecials {width: auto; margin-top:5px; background-image:url(/images/homepage/2008/dealerMid.gif); background-repeat:repeat-x; background-position:top left; display: block;} 
.dsRight {background: url(/images/homepage/2008/dealerTR.gif) no-repeat top right; margin:0;}
.dsLeft {background: url(/images/homepage/2008/dealerTL.gif) no-repeat top left; position: relative;}
.customAffTeaser {margin-bottom: 20px;}
.dsModule {width: auto; padding:10px 0 0 10px; margin:0 3px 0 3px; height: 60px;}
.dsBadge {font-family: arial, helvetica, sans-serif;	font-size:13px;	color:#333333; line-height: 22px; height: 50px;}
.dealerSpecialsBttn {background: url(/search/images/dealerSpecialsLarger_Hover.gif) no-repeat -1000px 0px;}
.dealerSpecialsBttn a{padding:2px 20px 5px 22px; color:#224201; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;	line-height:12px; text-decoration:none;}
.dealerSpecialsBttn a:link {background: url(/search/images/dealerSpecialsLargeBack.gif) no-repeat 0px 0px;}
.dealerSpecialsBttn a:visited {color:#224201; text-decoration:none; background:url(/search/images/dealerSpecialsLargeBack.gif) no-repeat 0px 0px;}
.dealerSpecialsBttn a:hover {background:url(/search/images/dealerSpecialsLarger_Hover.gif) no-repeat 0px 0px; color:#101F00; text-decoration:none;}
.dealerSpecialsBttnNew {background: url(/search/images/dealerSpecialsNEWBttnHover.gif) no-repeat 0px 0px;}
.dealerSpecialsBttnNew a {padding:2px 12px 5px 22px; color:#224201; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; text-decoration: none;}
.dealerSpecialsBttnNew a:link {background:url(/search/images/dealerSpecialsNEWBttnBack.gif) no-repeat 0px 0px;}
.dealerSpecialsBttnNew a:visited {background:url(/search/images/dealerSpecialsNEWBttnBack.gif) no-repeat 0px 0px; color:#224201; text-decoration:none;}
.dealerSpecialsBttnNew a:hover {background:url(/search/images/dealerSpecialsNEWBttnHvr.gif) no-repeat 0px 0px; color:#101F00; text-decoration:none;}

/*******************   Ask Module **************************/
#ask{background-image:url(/images/homepage/2008/askcar_bg.gif); background-repeat:no-repeat; height:190px; margin-bottom:20px;} 
#ask div.promoBody{border:0; padding:0 15px 20px 0;}
#ask .question{padding-left:40px; padding-bottom:0;}
div.asker{height:30px; width:170px; margin-top:5px; float:right; text-align:right;}
div#question1{float:left;}
#ask h2{font-size:18px; margin:0; padding-left:15px; padding-top:5px;}
#ask h3{background-image:none; padding: 13px 0 0 0;}
#ask h4{color:#609215; padding-left:40px; padding-top:7px; margin:0;}
#ask h5{display: inline;}

#feedbackBar {margin-left:auto; margin-right:auto; padding-top:5px; background: url(/images/homepage/2008/betabar_small.gif) no-repeat; width:509px; height:29px;}
#feedbackBar .welcome {font:bold 13px Arial, sans-serif; color:#fff; margin:0 50px 0 20px;}

/* sbowl teaser */
div#sbPreBall {float:left;height:47px; padding-right:15px; width:63px;}
#sbPrePromo h3 {background:transparent url(/images/homepage/2008/sBowlPreTL.gif) no-repeat scroll left top; margin:0;}
#sbPrePromo .promoBody {height:40px}
#sbPrePromo div.headerTR {background:transparent url(/images/homepage/2008/sBowlPreTR.gif) no-repeat scroll right top;}
#sbPrePromo div.header {background:transparent url(/images/homepage/2008/sBowlPreMid.gif) repeat-x scroll left bottom;width:100%;}
#Sell div.promoBody, #editorialPromo2 div.promoBody, #sbPrePromo div.promoBody {background:transparent url(/images/homepage/2008/sellBody.gif) repeat-x scroll center top; border-top:medium none; padding-bottom:5px; padding-top:5px;}

/**** SIY Module a/b testing - b module   ****/
.selWrapper {float:left; height:auto; padding-right:10px; width:auto;}
.sellPic {float:left; height:30px; margin:0px 5px 5px 0px; width:30px;}
.sellLink {float:left; height:20px; margin:3px 0px; width:auto;}

/* sponsored video placement */
#superPromo { background: #fff; width: 100%; float: right;}
#superPromo h4 {padding: 10px 0 5px 15px;	margin: 0; background: transparent url(/images/sp-headerTL.gif) top left no-repeat;}
#superPromo h4 a {color: #333;}
#superPromo div.promoBody {overflow : hidden; _height : 1%; /* ie hack */ border-top: none;}
#superPromo #videoUnit {width: 165px; height: auto;}
#superPromo #videoPic {margin-right: 5px;}
#superPromo #videoLink {float: left; width: 85px; display: inline;}
#superPromo #videoLink a {color: #039;}
#superPromo #sponsor-logo {width: 90px; float: right;}
#superPromo div.header {background: transparent url(/images/sp-headerMid.gif) 0 0 repeat-x;}
#superPromo div.headerTR {background: transparent url(/images/sp-headerTR.gif) right top no-repeat;}
/* ss: sb promo */
#sbPromo {	background:transparent url(/images/homepage/superbowl/SBbar_bg.gif) repeat-x scroll top; height:36px; margin-left: -10px;}
#sbPromoContent {background:transparent url(/images/homepage/superbowl/SBball_post.jpg) no-repeat scroll left top; font-family:Arial, Helvetica, sans-serif; margin-left: 240px; margin-right: auto; width: 450px; line-height:24px;}
#sbPromoContent a {color:#330099; font-size:13px; font-weight: bold; text-decoration:none; padding:0px 0pt 0px 42px;}

#kbb_links {float:left; display:inline; margin-left: 0px; margin-top: 0px}
#edmunds_links {float:left; display:inline; margin-left: 0px; margin-top: 0px}