/* grid */ .inv-t3 .group1, .inv-t3 .group2{ clear: both; } .inv-t3 .unit{ margin: 0; } .inv-t3 #region0{ font-size: 107%; } .inv-t3 #region1{ position: relative; z-index: 2; float: left; width: 36%; padding: 10px 0 0 10px; font-size: 107%; } .inv-t3 #region2{ float: right; width: 62%; margin: 0 0 20px 0; padding: 10px 0 0 0; font-size: 107%; } .inv-t3 #region3{ clear: both; } .inv-t3 .group3 .unit{ width: 30%; margin: 0 2% 0 0; } /* general */ .noVehicle p {padding:10px 5px 5px 5px;} .noVehicle p a {padding: 5px 0 0;} .button{ float: left; margin: 0 5px 10px 0; } .button, .button a{ display: block; height: 30px; line-height: 30px; text-decoration: none; background: url(/v8/widgets/automotive/inventory/details/v4/images/button.gif) no-repeat; } .button a{ margin-left: 10px; padding-right: 10px; background-position: 100% 0; } .button a span{ display: block; height: 30px; line-height: 30px; } .button:hover{ background-position: 0 -60px; } .button:hover a{ background-position: 100% -60px; } .tabs-hide{ display: none; } .tabs-nav li, .tabs-nav li a{ display: block; height: 35px; line-height: 35px; text-decoration: none; background: url(/v8/widgets/automotive/inventory/details/v4/images/tabs.gif) no-repeat; } .tabs-nav li{ float: left; margin-right: 1px; background-position: 100% -100px; } .tabs-nav li a{ padding-left: 10px; margin-right: 10px; } .tabs-nav li.tabs-selected{ position: relative; top: 1px; z-index: 2; background-position: 100% -150px; } .tabs-nav li.tabs-selected a{ background-position: 0 -50px; } .tabs-container{ padding: 10px; border: 1px solid #999; background: #FFF; } .disclaimer{ padding: 0 20px; font-size: 92%; font-style: italic; text-align: center; } .even{ background-color: #FFF; } .odd{ background-color: #F5F5F5; } /* google directions */ #directions{ background: #EEE; } #regionGoogle{ position: relative; clear: both; height: 675px; background: #FFF url(/v8/widgets/automotive/inventory/details/v4/images/loading.gif) no-repeat 50% 50%; } .closeRegionGoogle{ margin: 5px; } /* viewer */ #viewer{ position: relative; z-index: 5; height: 310px; margin: 0 0 4px 0; } #viewer .widgetWrap{ position: absolute; z-index: 5; border: 1px solid #DDD; background: #FFF url(/v8/widgets/automotive/inventory/details/v4/images/loading.gif) no-repeat 50% 50%; } #viewer .widgetWrap div{ position: relative; padding: 4px; } #viewer .widgetWrap div div{ overflow: hidden; padding: 0; margin: 0; } #viewer .widgetWrap div img{ cursor: pointer; display: block; width: 100%; } #viewer .prevImage{ position: absolute; bottom: 4px; left: 10px; z-index: 10; display: none; width: 150px; height: 24px; padding-left: 32px; line-height: 24px; font-weight: bold; text-decoration: none; color: #000; background: url(/v8/widgets/automotive/inventory/details/v4/images/previous-next.gif) no-repeat; } #viewer .nextImage{ position: absolute; bottom: 4px; right: 10px; z-index: 10; display: none; width: 150px; height: 24px; padding-right: 32px; line-height: 24px; font-weight: bold; text-align: right; text-decoration: none; color: #000; background: url(/v8/widgets/automotive/inventory/details/v4/images/previous-next.gif) no-repeat 100% 0; } #viewer #bar{ display: none; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 32px; padding: 0; background-color: #EEE; } #viewer .photo div{ max-height: 265px; } #viewer .zoomed div{ max-height: 600px; } #viewer .zoomed .nextImage, #viewer .zoomed .prevImage{ display: block; } #viewer .zoomed #bar{ display: block; } #viewer .zoomed img{ display: block !important;} #viewer .zoomed canvas{ display: none !important;} #contentWrap #viewer div.zoomed{ padding-bottom: 32px; } #viewer a.zoom{ position: absolute; right: 10px; top: 10px; z-index: 10; width: 32px; height: 32px; text-indent: -9999px; } #viewer a.zoomIn{ background: url(/v8/widgets/automotive/inventory/details/v4/images/style2/zoom-in.png) no-repeat; } #viewer a.zoomOut{ background: url(/v8/widgets/automotive/inventory/details/v4/images/style2/zoom-out.png) no-repeat; } #viewer img.cloned{ position: absolute; top: 4px; left: 4px; } #viewer #spin{ position: absolute; top: 0; z-index: 2; } #viewer #spin embed{ position: absolute; left: -9999px; } #viewer #video{ display: none; } #viewer #video embed{ display: block; margin: 0 auto; } #viewer div.videoButton{ padding: 0 2px 4px 4px; } #viewer .videoButton a{ display: block; height: 41px; padding: 0 0 0 100px; font-size: 159%; line-height: 41px; text-decoration: none; color: #FFF; background: url(/v8/widgets/automotive/inventory/details/v4/images/buttons-videocarlot-new.png) no-repeat 0 -121px; } #viewer .videoButton a:hover{ background-position: 0 -39px; } #viewer .videoButton a.loading, #viewer .videoButton a.loading:hover {background-position: 0 -203px;} #contentWrap #viewer .imageScaled{ position: absolute; top: 0; z-index: 10; width: 100%; height: 100%; margin: 0; padding: 0; } #contentWrap #viewer .imageUnscaled{ position: relative; z-index: 12; filter:alpha(opacity=0); } /* media */ #media ul{ position: relative; clear: both; margin: 4px 0; background: #1C1C1C url(/v8/widgets/automotive/inventory/details/v4/images/toolbar-bg.gif) repeat-x; } #media li{ float: left; } #media li a{ display: block; text-decoration: none; } #media li a span{ display: block; padding: 0 15px 0 38px; height: 36px; font-weight: normal; line-height: 36px; text-decoration: none; color: #FFF; } #media li .exterior span{ background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-exterior-spins.gif) no-repeat 4px 50%; } #media li .interior span{ background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-interior-spins.gif) no-repeat 4px 50%; } #media li a:hover{ background-image: url(/v8/widgets/automotive/inventory/details/v4/images/toolbar-selected-bg.gif); } #media li a.exterior{ border-right: 1px solid #333; } /* thumbnail photos */ #photos{ margin: 0 0 20px 0; } #photos h3{ display: none; } #stockPhotos h3{ display: block; } #stockPhotos .viewMore{clear: both; float: right;} #photos .disclaimer{ padding-left: 0; } #photos .tabs-container{ padding: 5px 0 0 5px; } #photos .widgetWrap div li{ float: left; margin: 0 5px 5px 0; } #photos img{ display: block; width: 62px; } /* header */ #vehicle-header{ padding: 10px 0 0 0; background: url(/v8/widgets/automotive/inventory/details/v4/images/vehicle-header-bg.gif) repeat-x; } #vehicle-header h1{ float: left; margin: 0; padding: 10px 0 0 10px; font-size: 197%; color: #FFF; } #vehicle-header dl{ float: right; padding: 0 20px 10px 0; font-size: 182%; font-weight: bold; color: #FFD700; } #vehicle-header dl dt{ font-size: 77%; } #vehicle-header .backToInventory{ float: left; clear: both; padding: 0 0 10px 10px; } #vehicle-header .backToInventory a{ text-decoration: none; color: #FFF; } #vehicle-header .backToInventory a:hover{ text-decoration: underline; } #vehicle-header .toolbar{ position: relative; clear: both; height: 36px; background: #000 url(/v8/widgets/automotive/inventory/details/v4/images/toolbar-bg.gif) repeat-x; } #vehicle-header .toolbar li{ float: left; border-right: 1px solid #333; border-left: 1px solid #666; } #vehicle-header .toolbar .switchSelected{ background: url(/v8/widgets/automotive/inventory/details/v4/images/toolbar-selected-bg.gif) repeat-x; } #vehicle-header .toolbar a{ display: block; padding: 0 15px 0 35px; height: 36px; line-height: 36px; text-decoration: none; color: #FFF; } #vehicle-header .toolbar a:hover{ text-decoration: underline; } #vehicle-header .prevVehicle a{ padding: 0 20px 0 0; border-left: 1px solid #444; border-right: 1px solid #444; font-size: 152%; background: url(/v8/widgets/automotive/inventory/details/v4/images/toolbar-selected-bg.gif) repeat-x; } #vehicle-header .nextVehicle a{ padding: 0 0 0 20px; border-left: 1px solid #666; font-size: 152%; background: url(/v8/widgets/automotive/inventory/details/v4/images/toolbar-selected-bg.gif) repeat-x; } #vehicle-header .toolbar .prevVehicle span{ display: block; padding: 0 0 0 45px; background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-prev.gif) no-repeat 8% 50%; } #vehicle-header .toolbar .nextVehicle span{ display: block; padding: 0 45px 0 0; background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-next.gif) no-repeat 90% 50%; } #vehicle-header .links{ position: absolute; top: 0; right: 0; } #vehicle-header .links li{ border: 0; } .toolbar .media{ display: none; } .toolbar .media a{ background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-photos-style2.gif) no-repeat 4px 50%; } .toolbar .specs a{ background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-specs-style2.gif) no-repeat 4px 50%; } .toolbar .features a{ background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-features-style2.gif) no-repeat 4px 50%; } .toolbar .options a{ background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-options-style2.gif) no-repeat 4px 50%; } .toolbar .directions a{ background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-directions.gif) no-repeat 4px 50%; } /* certified */ #certified{ overflow: hidden; float: right; padding: 0 0 10px 0; } /* details */ #overview h3{ display: none; } #overview dl{ clear: both; margin: 0 0 20px 0; line-height: 20px; } #overview dt{ float: left; width: 50%; line-height: 1.35; } #overview dd{ float: left; width: 49%; line-height: 1.35; } #overview .price{ margin: 10px 0; border-bottom: 1px solid #DDD; } #overview .price dt{ font-size: 136%; font-weight: normal; line-height: 1.65; } #overview .price dd{ font-size: 182%; font-weight: bold; } #overview .price em{ font-style: normal; } #overview .price .secondaryPrice{ font-weight: normal; font-size: 100%; color: #666; } /* badges */ #badges .widgetWrap div{ float: left; margin: 5px; } #badges .certified{ float: none; padding-bottom: 5px; border-bottom: 1px solid #DDD; } #badges .certified img{ display: block; margin: 0 auto; } #badges .carfax a{ display: block; width: 125px; height: 51px; text-indent: -9999px; background: url(/v8/widgets/automotive/inventory/details/v4/images/badge-carfax.gif?001) no-repeat; } #badges .carfax a:hover{ background-position: 0 -102px; } #badges .carfaxFree a{ width: 173px; height: 61px; background: url(/v8/widgets/automotive/inventory/details/v4/images/badge-carfax-free.gif?001) no-repeat; } #badges .carfaxFree a:hover{ background-position: 0 -122px; } #badges .carfaxOneOwner a{ width: 83px; height: 59px; text-indent: -9999px; background: url(/v8/widgets/automotive/inventory/details/v4/images/badge-carfax-one-owner.gif?001) no-repeat; } #badges .carfaxOneOwner a:hover{ background-position: 0 -120px; } .carProofWrap {width:100%;} .carProofWrap a {display:block;margin:0;} .carProofWrap a img {float:left;margin:2px 8px 0 0;} .carProofWrap a span{font-size:85%;} /* tools */ #tools{ margin-bottom: 10px; font-size: 92%; } #tools h3{ display: none; } .tool{ margin: 0 3px 5px 3px; } .tool, .tool a{ cursor: pointer; display: block; height: 40px; line-height: 40px; text-decoration: none; background: url(/v8/widgets/automotive/inventory/details/v4/images/tool-button.gif) no-repeat; } .tool a{ margin-left: 5px; padding: 0 10px 0 0; background-position: 100% 0; } .esUS .tool a {font-size: 92%;} .tool a span{ display: block; height: 40px; padding: 0 0 0 40px; line-height: 40px; } .tool:hover{ background-position: 0 -80px; } .tool:hover a{ background-position: 100% -80px; } #tools .lead span{ background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-help.gif) no-repeat 5px 50%; } #tools .offer span{ background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-money.gif) no-repeat 5px 50%; } #tools .finance span{ background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-finance.gif) no-repeat 5px 50%; } #tools .tradeIn span{ background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-calculator.gif) no-repeat 5px 50%; } #tools .print span{ background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-printer.gif) no-repeat 5px 50%; } #tools .emailFriend span{ background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-email.gif) no-repeat 5px 50%; } #tools .kbb span {background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-kbb.gif) no-repeat 5px 50%;} #tools .carfinder span{ background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-search.gif) no-repeat 5px 50%; } #tools .ebrochure span, #tools .windowSticker span{ background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-brochure.gif) no-repeat 5px 50%; } #tools .testDrive span{ background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-calendar.gif) no-repeat 5px 50%; } #tools .share span{ padding-left: 0; } #tools .share span em{ float: left; display: inline; width: 16px; height: 16px; margin: 3px 13px 0 10px; background: url(/v8/widgets/automotive/inventory/details/v4/images/share-networks-icons-ani.gif) no-repeat 0 50%; } #tools .bb, #tools .bb a{ height: 50px; text-indent: -9999px; background: url(/v8/widgets/automotive/inventory/details/v4/images/bargain-button-tool-gray.gif) no-repeat 0 -50px; } #tools .bb a:hover{ background-position: 0 -150px; } /* share */ #shareContainer{ margin: 0 0 0 10px; } #backToInventory{ display: block; margin: 0 0 10px 0; } /* gmap */ .gmap{ overflow: hidden; width: 300px; height: 212px; } .gmap .widgetWrap *{ width: 298px; border: 1px solid #999; } .gmap .widgetWrap p, .gmap .widgetWrap p *{ border: 0; } /* location */ #location{ margin: 0 0 0 30px; } #location h3{ display: none; } #location h4{ margin: 0; font-weight: normal; color: #888; } #location strong{ display: block; font-size: 122%; } #location p{ color: #888; } #location strong{ color: #000; } #location .adr { display: block; } #location .directions span{ background: url(/v8/widgets/automotive/inventory/details/v4/images/icon-directions.gif) no-repeat 5px 50%; } /* mpg */ #mpg{ position: relative; height: 120px; margin-right: 3px; padding: 10px 0 0 0; background: url(/v8/widgets/automotive/inventory/details/v4/images/mpg-bg.gif) no-repeat -3px 0; } #mpg h3{ display: none; } #mpg dl{ height: 50px; line-height: 1em; background: url(/v8/widgets/automotive/inventory/details/v4/images/pump-icon.gif) no-repeat 50% 50%; } .esUS #mpg dl {margin-bottom: 0;} #mpg dt, #mpg dd{ position: absolute; width: 90px; text-align: center; } .esUS #mpg dt, .esUS #mpg dd {width: 100px;} #mpg .city{ left: 15px; line-height: 1em; } #mpg .hwy{ right: 15px; line-height: 1em; } #mpg dt.city{ top: 15px; } #mpg dd.city{ top: 35px; font-size: 209%; } #mpg dt.hwy{ top: 15px; } #mpg dd.hwy{ top: 35px; font-size: 209%; } #mpg .disclaimer { font-size: 85%; } .esUS #mpg .disclaimer {line-height: 1.1em;} /* payment calculator */ #payment-calculator{ margin: 0 0 20px 0; color: #FFF; } #payment-calculator h3{ display: none; } #payment-calculator form{ margin: 0 0 10px 0; padding: 10px; border: 3px solid #214B69; background: url(/v8/widgets/automotive/inventory/details/v4/images/vehicle-header-bg.gif) repeat-x; } #payment-calculator fieldset{ float: left; width: 300px; margin: 0; padding: 0; border: 0; background: none; } #payment-calculator label{ float: left; width: 100px; margin: 0; padding: 0; border: 0; } #payment-calculator label span{ display: block; margin: 0 0 10px 0; } #payment-calculator input{ width: 75px; padding: 4px; font-size: 107%; } #payment-calculator select{ width: 100px; padding: 3px; font-size: 107%; } #payment-calculator .est{ float: right; width: 185px; margin: 0; padding: 0; } #payment-calculator .est span span{ margin: 5px 0 0 0; } #payment-calculator .disclaimer{ margin: 0; font-size: 85%; color: #000; } .numerals{ float: right; height: 52px; } .numerals .num0{ background-position: 50% 0; } .numerals .num1{ background-position: 50% -78px; } .numerals .num2{ background-position: 50% -156px; } .numerals .num3{ background-position: 50% -234px; } .numerals .num4{ background-position: 50% -312px; } .numerals .num5{ background-position: 50% -390px; } .numerals .num6{ background-position: 50% -468px; } .numerals .num7{ background-position: 50% -546px; } .numerals .num8{ background-position: 50% -624px; } .numerals .num9{ background-position: 50% -702px; } .numerals .dollar{ background-position: 50% -780px; } /* information */ #information h3{ display: none; } #information .widgetWrap h3 { display:block; } /* comments */ #internetComments{ margin: 0 0 20px 0; } #internetComments .truncateComments{ overflow: hidden; } #internetComments .viewMore{ text-transform: capitalize; } /* directions */ #directions{ display: none; } #directions h4{ margin-top: 0; } #directions fieldset{ margin: 0; border: 0; } #directions label span{ display: block; margin: 0 0 5px 0; font-weight: normal; } #directions input{ width: 300px; margin: 0; padding: 3px; font-size: 144%; } #directions .submit{ display: none; } /* similar vehicles */ #similar-vehicles .widgetWrap div{ cursor: pointer; padding: 2px 0; border-bottom: 1px solid #CCC; } #similar-vehicles .widgetWrap .hover{ border-bottom: 1px solid #ADDFFF; background: #EFF9FF; } #similar-vehicles img{ float: left; width: 50px; height: 38px; margin: 2px 15px 2px 5px; padding: 2px; border: 1px solid #999; } #similar-vehicles img.largeThumb{ width: 110px; height: 83px; } #similar-vehicles div.button{ float: right; margin: -10px 10px 0 0; padding: 0; border: 0; } #similar-vehicles .button a{ font-weight: normal; } #similar-vehicles a{ text-decoration: none; color: #000; } #similar-vehicles dl{ width: 500px; } #similar-vehicles dd dt{ float: left; width: 100px; color: #999; } #similar-vehicles dd dd{ float: left; width: 100px; } /* technical details */ #region3 .group3{ padding: 0 10px; border: 1px solid #A8C0CF; background: #EFF9FF; } #technicalDetails h3{ margin: 0; padding: 20px; font-weight: normal; font-size: 182%; color: #FFF; background: url(/v8/widgets/automotive/inventory/details/v4/images/technical-details-header-bg.gif) repeat-x 0 50%; } #technicalDetails h3 .print{ cursor: pointer; float: right; padding: 3px 20px; font-size: 70%; font-weight: normal; text-decoration: underline; } #technicalDetails dt{ margin: 10px 0 5px 0; font-weight: bold; } #technicalDetails .tabs-container li, #technicalDetails #options li, #technicalDetails dd{ display: list-item; list-style-type: disc; margin-left: 40px; font-size: 85%; line-height: 20px; } #technicalDetails div div a{ display: block; padding: 20px 5px; text-transform: capitalize; } /* =cci price disclaimer */ #priceDisclaimer{ padding: 10px; } .priceDisclaimer{ text-decoration: none; } /* =incentives */ .incentivesCallout{ clear: right; float: right; width: 580px; height: 60px; margin: 0 10px 5px 0; padding: 0; background: url(/v8/widgets/automotive/inventory/details/v4/images/frame.png) no-repeat; } .incentivesCalloutWrap{ overflow: hidden; height: 40px; padding: 10px 15px 5px 15px; } .incentivesList{ margin: 0 250px 0 0; padding: 0; } .incentivesList li{ padding: 4px 0 0 0; } .incentivesList a{ line-height: 1; font-size: 92%; text-decoration: none; color: #137CBA; } .incentivesList a:hover{ text-decoration: underline; } .allIncentives{ float: right; width: 218px; height: 31px; margin: 5px 0 0 0; line-height: 31px; font-weight: bold; font-size: 114%; text-align: center; text-decoration: none; color: #FFF; background: url(/v8/widgets/automotive/inventory/details/v4/images/view-button.gif) no-repeat 0 -31px; } .allIncentives:hover{ background-position: 0 -93px; } * html .incentivesHeader{ clear: both; width: auto; overflow: hidden; } *+html .incentivesHeader{ clear: both; width: auto; overflow: hidden; } /* =user reviews */ #region3 .comments{ margin: 0 0 10px 0; } #region3 .comments h3, #region3 .comments .widgetWrap{ margin: 0; padding: 10px 20px; } #region3 .comments .comment{ font-size: 100%; } /* clearing */ .inv-t3 #contentWrap:after, .widget:after, .tabs-nav:after, .tabs-container:after, #overview dl:after, #overview .price:after, #photos div:after, #media ul:after, #badges:after, #similar-vehicles div:after, .closeRegionGoogleWrapper:after, #payment-calculator form:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* ie */ * html .inv-t3 #contentWrap, * html .widget, * html .tabs-nav, * html .tabs-container, * html .vehicle, * html #overview dl, * html #overview .price, * html #photos div, * html #media ul, * html #badges, * html #vehiclelead, * html #similar-vehicles div, * html .closeRegionGoogleWrapper, * html #payment-calculator form{ height: 1%; } * html .button, * html .button a, * html .button a span, * html .tabs-nav li, * html .tabs-nav li a, * html .ui-tabs-nav li{ display: inline-block; } * html .backToInventory a{ display: block; width: 150px; } * html #media li, * html #media li a{ width: 165px; } * html #similar-vehicles dl dl{ float: left; display: inline-block; width: 400px; } * html #similar-vehicles .button{ position: relative; top: -10px; } * html #badges li{ display: inline; } * html .tabs-nav{ margin-top: 10px; } * html .buttonHovered{ background-position: 0 -60px; } * html .buttonHovered a{ background-position: 100% -60px; } * html .toolHovered{ background-position: 0 -80px; } * html .toolHovered a{ background-position: 100% -80px; } * html #vehicle-header .button a{ left: 15px; } * html #vehicle-header .toolbar a{ display: inline-block; } * html #viewer{ height: 310px; } * html #viewer a.zoomIn{ cursor: pointer; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v8/widgets/automotive/inventory/details/v4/images/zoom-in.png',sizingMethod='crop'); } * html #viewer a.zoomOut{ cursor: pointer; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v8/widgets/automotive/inventory/details/v4/images/zoom-out.png',sizingMethod='crop'); } * html #directions, * html #directions form, * html #directions fieldset{ overflow: hidden; width: 320px; background: none; } * html #photos .tabs-container{ padding-bottom: 5px; } * html #badges .widgetWrap div{ display: inline; } * html #mpg dl{ height: 50px; } * html .incentivesCallout{ background: url(/v8/widgets/automotive/inventory/details/v4/images/frame.gif) no-repeat; } *+html .widget, *+html .tabs-nav, *+html .tabs-container, *+html .content, *+html #overview .price, *+html #media ul, *+html #similar-vehicles div, *+html #payment-calculator form, *+html #dealerPhotos, *+html #stockPhotos{ height: 1%; } *+html .backToInventory a{ display: block; width: 150px; } *+html #media{ margin-bottom: 10px; } *+html #photos .tabs-container{ padding-bottom: 5px; } *+html #payment-calculator span input{ padding: 1px; } *+html #payment-calculator span select{ margin-top: 1px; } *+html #TB_window .content {height:auto;} /* =inventory v4 details layout ---------------------------------------------*/ .inv-t3 .jqcorner {display: none;} #vehicle-header dt {font-weight: normal;} #vehicle-header .toolbar {height: 25px;} #vehicle-header .toolbar li {border: none;} #vehicle-header .toolbar a {height: 25px; line-height: 23px; font-size: 92%; border: none;} #media .widgetWrap li a span {padding: 0 10px 0 36px; font-size: 92%; font-weight: normal;} #vehicle-header .toolbar .nextVehicle, #vehicle-header .toolbar .prevVehicle {border: none;} #vehicle-header .toolbar .nextVehicle a, #vehicle-header .toolbar .prevVehicle a {padding-left: 40px; border: none;} #vehicle-header .toolbar .nextVehicle a span, #vehicle-header .toolbar .prevVehicle a span {padding-left: 0;} #overview dt {clear: left;} .tool a {margin: 0; padding-left: 5px;} #payment-calculator form {padding-top: 5px; border: none;} #payment-calculator form strong {position: relative; top: -3px; font-size: 92%; } #payment-calculator form .numerals { width: 150px; margin-right: 20px; padding: 5px; font-weight: bold; font-size: 309%; text-align: right; } #payment-calculator form label{ font-size: 85%; } .inv-t3 .gmap a {display: none;} #similar-vehicles .button {height: auto; line-height: 1em; position: static;} #similar-vehicles .button a {height: auto; line-height: 1em; padding-right: 0; position: static; font-size: 85%;} #similar-vehicles .button a span {height: auto; line-height: 1em; padding: 5px 25px 5px 20px;} /* help spins */ #helpSpins { display: none; margin-bottom: 0; padding: 5px 0 10px 0; font-size: 85%; line-height: 22px; } #helpSpins span{ display: block; padding: 5px 10px 5px 50px; } .helpSpins .pan, #helpSpins .pan { background: url(/v8/widgets/automotive/inventory/details/v4/images/controls.gif) no-repeat 10px -43px; } .helpSpins .zoomIn, #helpSpins .zoomIn { background: url(/v8/widgets/automotive/inventory/details/v4/images/controls.gif) no-repeat 0 -145px; } .helpSpins .zoomOut, #helpSpins .zoomOut { background: url(/v8/widgets/automotive/inventory/details/v4/images/controls.gif) no-repeat 0 -95px; } /* carflix wide screen DNA1185340 (ddcrandallm, 29 July 2009) */ #carFlixWindow{ margin-top: -75px; } #carFlixWindow.carflixWideScreen #main{ height: 300px; } .carflixWideScreen #main #wrapper{ width: auto; } .carflixWideScreen #main .tab{ width: 245px; } .carflixWideScreen .bottom{ clear: both; } #carFlixWindow.carflixWideScreen #phone{ position: static; } #carFlixWindow .tools a:last-child{ display: none; } /* =inventory v4 details colors ---------------------------------------------*/ .inv-t3 #region0 {background: #494949;} .inv-t3 #region1, .inv-t3 #region2, .inv-t3 #region3 {background: #e9e9e9;} .inv-t3 #region3 .group3 {color: #fff; background: #656565; border-color: #656565;} .inv-t3 #region3 .group3 a {color: #bababa;} .inv-t3 #region3 .group3 a:hover {color: #fff;} .inv-t3 #vehicle-header, .inv-t3 #technicalDetails h3 {background: #343635 url(/v8/widgets/automotive/inventory/details/v4/images/style2/heading-bg.gif) no-repeat 0 0;} #vehicle-header dl {color: #fff;} #vehicle-header .toolbar {background: transparent url(/v8/widgets/automotive/inventory/details/v4/images/style2/toolbar.gif) no-repeat 0 0;} #vehicle-header .toolbar a {color: #000;} .inv-t3 #vehicle-header .toolbar .links li, .inv-t3 #vehicle-header .toolbar .links li a, .inv-t3 #vehicle-header .toolbar .links li a span {background: none;} #vehicle-header .toolbar .switchSelected {background: none;} .inv-t3 #vehicle-header.green{ background: #EEFFCF url(/v8/widgets/automotive/inventory/details/v4/images/green.gif) repeat-x 0 -25px; } .inv-t3 #vehicle-header.green h1, .inv-t3 #vehicle-header.green dl, .inv-t3 #vehicle-header.green .backToInventory a{ color: #365F2F; } .tool, .tool a {color: #fff; background: transparent url(/v8/widgets/automotive/inventory/details/v4/images/style2/tool-button.gif) no-repeat 0 -40px;} .tool:hover, .tool a:hover {background-position: 0 -118px;} #tools .lead span {background: transparent url(/v8/widgets/automotive/inventory/details/v4/images/style2/icon-help.gif) no-repeat 5px 50%;} #tools .offer span {background: transparent url(/v8/widgets/automotive/inventory/details/v4/images/style2/icon-money.gif) no-repeat 5px 50%;} #tools .testDrive span {background: transparent url(/v8/widgets/automotive/inventory/details/v4/images/style2/icon-calendar.gif) no-repeat 5px 50%;} #tools .tradeIn span {background: transparent url(/v8/widgets/automotive/inventory/details/v4/images/style2/icon-calculator.gif) no-repeat 5px 50%;} #tools .finance span {background: transparent url(/v8/widgets/automotive/inventory/details/v4/images/style2/icon-finance.gif) no-repeat 5px 50%;} #tools .ebrochure span {background: transparent url(/v8/widgets/automotive/inventory/details/v4/images/style2/icon-brochure.gif) no-repeat 5px 50%;} #tools .emailFriend span {background: transparent url(/v8/widgets/automotive/inventory/details/v4/images/style2/icon-email.gif) no-repeat 5px 50%;} #tools .kbb span {background: transparent url(/v8/widgets/automotive/inventory/details/v4/images/style2/icon-kbb.gif) no-repeat 5px 50%;} #tools .bbo span {background: transparent url(/v8/widgets/automotive/inventory/details/v4/images/icon-search.gif) no-repeat 5px 50%;} #location .directions span {background: transparent url(/v8/widgets/automotive/inventory/details/v4/images/style2/icon-world.gif) no-repeat 5px 50%;} #mpg {background: transparent url(/v8/widgets/automotive/inventory/details/v4/images/style2/mpg.gif) no-repeat -3px 0;} #payment-calculator form {background: transparent url(/v8/widgets/automotive/inventory/details/v4/images/style2/payment-calc.gif) repeat-x 0 0;} #payment-calculator form label span {color: #fff;} #payment-calculator form .numerals { text-align: right; background: transparent url(/v8/widgets/automotive/inventory/details/v4/images/style2/payment-calc-payment.gif) no-repeat 0 0;} #payment-calculator form .numerals span {color: #526876; background: none;} #similar-vehicles .button {background: none;} #similar-vehicles .button a {color: #fff; background: transparent url(/v8/templates/660/images/inventory/listing/view-details-button.gif) no-repeat 0 -17px;} #similar-vehicles .button a:hover {text-decoration: underline; background-position: 0 -53px;} #similar-vehicles .button a span {background: transparent url(/v8/templates/660/images/inventory/listing/view-details-button.gif) no-repeat 100% -17px;} #similar-vehicles .button a:hover span {background-position: 100% -53px;} body #testdrive h4, body #TB_window #TB_title {background: #393939 url(/v8/widgets/automotive/inventory/details/v4/images/style2/form-header.gif) repeat-x 0 0;}