/*********************************************************************/ /****************** PROJECT GREEN OCTOBER *************************/ /********************** Vehicle Details Page ****************************/ /********************************************************************/ /* GLOBALS */ body {font-size:12px; font-weight:normal;} a {text-decoration:underline;} a:hover {text-decoration:none;} /* LAYOUT CONTAINERS */ /* Children of Root */ #hnbw-header {clear:both;} #root #inner {width:837px; border-width:3px;border-style:solid;margin: 0px auto;} #hnbw-footer { margin-top:10px; clear:both;} #inner .HomeNetDetailContent .hn-details-row { overflow: hidden; padding: 8px 5px; } .browserIE7 #inner .HomeNetDetailContent .hn-details-row { width: 100%; } #inner .HomeNetDetailContent .hn-details-row > div { float: left; } #inner .HomeNetDetailContent .hn-details-row > div + div { float: right; } #inner .HomeNetDetailContent .hn-details-row > div.details-cell > div { width: 100%; height: 100%; float: none; } #inner .HomeNetDetailContent .hn-details-row > div.details-cell.full { width: 100%; margin: 0; } #inner .HomeNetDetailContent .hn-details-row > div.details-cell.partial:first-child { width: 40%; } #inner .HomeNetDetailContent .hn-details-row > div.details-cell.partial { width: 56%; } #inner .HomeNetDetailContent .hn-details-row > div.details-cell.partial.spotlight { width: 54%; } #inner .HomeNetDetailContent .hn-details-row > div.details-cell.partial.half.spotlight ~ div { width: 43%; } #inner .HomeNetDetailContent .hn-details-row > div.details-cell.partial.third { width: 31%; } #inner .HomeNetDetailContent .hn-details-row > div.details-cell.partial.buttons:first-child { width: 34%; } #inner .HomeNetDetailContent .hn-details-row > div.details-cell.partial.virtualgarage:first-child { width: 34%; } #inner .HomeNetDetailContent .hn-details-row > div.details-cell.partial.similarscroller { width: 63%; } #inner .HomeNetDetailContent .hn-details-row > div.details-cell.partial.similarscroller + div.details-cell.partial.buttons { width: 34%; } /* Children of Inner */ #inner .HomeNetDetailHeader {width:837px; clear:both;} #inner .HomeNetDetailContent {width:799px; padding:0px 19px 6px 19px; clear:both;} /* Children of Content */ #inner .HomeNetDetailContent #disclaimer {padding-top:10px; font-size:11px; line-height:13px; font-weight:bold; clear:both;} #inner .HomeNetDetailContent #poweredby {margin:10px 0px; clear:both;} /* LAYOUT CONTAINER MODIFIERS */ /* Vehicle Title and Toolbar */ .HomeNetDetailHeader #topTitle {font-size:18px; font-weight:bold; height:31px; line-height:31px;} .HomeNetDetailHeader #topTitle div {padding:0px 10px;} .HomeNetDetailHeader #topTitle span.pricing-msrp-container { display: none; } .HomeNetDetailHeader #topTitle span.pricing-yousave-container { display: none; } .HomeNetDetailHeader #topTitle span.pricing-thirdprice-container { display: none; } .HomeNetDetailHeader #topToolbar {height:33px; line-height:33px; padding:12px 10px 12px 41px;} .HomeNetDetailHeader #topToolbar div img {vertical-align:-25%; padding-right:5px;} .HomeNetDetailHeader #topToolbar div img.map {vertical-align:-35% !important;} .HomeNetDetailHeader #topToolbar div {float:left;} .HomeNetDetailHeader #topToolbar div + div {padding-left:44px;} .HomeNetDetailHeader #topToolbar div a {font-weight:bold; text-decoration:none;} .HomeNetDetailHeader #topToolbar div a:hover {text-decoration:underline;} .HomeNetDetailHeader #topToolbar div span {cursor:pointer; font-weight:bold; text-decoration:none;} .HomeNetDetailHeader #topToolbar div span:hover {text-decoration:underline;} /* Main Photo and Dealer Comments */ #VehicleSpotlight {display:block; float:left; width:54%;} #VehicleSpotlight div.inside { min-height:320px; } .browserIE6 #VehicleSpotlight div.inside { height: 320px; } #VehicleInfo {display:block; float:right; width:43%;} #VehicleInfo table {width:100%;margin-bottom:20px;} #VehicleInfo table td{padding:5px;} #VehicleInfo table td .form_input { width: auto; } #VehicleInfo .standard-info td:first-child { font-weight: bold; } #VehicleInfo .standard-info .alt-row { background: #e2e2e2; } #VirtualGarageLite {display:block; float:right; width:43%;} #VirtualGarageLite div.inside {height:320px; line-height:18px;} #VirtualGarageLite div.inside div.button_wrapper {line-height:14px;} /* contact form substitute for VG */ .top-right-box div.inside #actionForm { overflow: hidden; } .top-right-box div.inside #actionForm .form_label { text-align: left; } .top-right-box div.inside #actionForm .form_input { width: 160px; float: none; margin-left: 0; } /* contact form */ .contactform { min-height: 270px; } .contactform div.inside #actionForm { overflow: hidden; } .contactform div.inside #actionForm .form_label { text-align: left; } .contactform div.inside #actionForm .form_input { width: 142px; float: none; margin-left: 0; } #ViewAllPhotos {margin-right:13px;margin-top:7px; font-size:12px; text-align:right; background:url('/InventoryHosting2/Details/images/pgo_view_all_images.png') top right no-repeat; height:30px; line-height:30px; font-weight:bold; font-style:italic; padding-right:35px;} #ViewAllPhotos a {text-decoration:underline;} #ViewAllPhotos a:hover {text-decoration:none;} #VehicleSpotlight .video-link { font-size: 12px; float: right; margin: 7px 48px 0 0; text-align: right; } #VehicleSpotlight .inside .tcenter { position: relative; margin: 0 auto; } #VehicleSpotlight .inside .tcenter.video { width: 404px; } .videoCover {position:absolute;height:300px;width:399px;background-color:black;left:2px;cursor:pointer;} .videoCover img {margin-top:90px;} #GalleryPricingDisplay { float: right; width: 43%; margin-top: 10px; } #GalleryPricingDisplay:first-child { margin-top: 0; margin-bottom: 10px; } #GalleryPricingDisplay div.inside { padding: 5px 10px; overflow: hidden; } .pricing-container div.disclaimer { font-size: 10px; } .pricing-container div.price-container, .pricing-container span.pricing-msrp-container, .pricing-container span.pricing-yousave-container, .pricing-container span.pricing-thirdprice-container, .pricing-container span.pricing-ourprice-container { overflow: hidden; font-size: 22px; line-height: 30px; display: block; } .pricing-container div.price-container.regular-price { } .pricing-container div.price-container.special-price { color: red; } .pricing-container div.price-container.difference { color: green; } .pricing-container div.price-container span.label, .pricing-container div.price-container span.pricing-ourprice-label { color: #666666; float: left; font-weight: bold; font-size: 12px; } .pricing-container div.price-container span.value { float: right; } .pricing-container div.price-container span.pricing-ourprice { float: right; color: #666666 !important; } .pricing-container span.pricing-msrp-container span.pricing-msrp-label { float: left; } .pricing-container span.pricing-msrp-container span.pricing-msrp-value { float: right; color: #666666 !important; } .pricing-container span.pricing-thirdprice-container span.pricing-thirdprice-label { float: left; } .pricing-container span.pricing-thirdprice-container span.pricing-thirdprice-value { float: right; color: #666666 !important; } .pricing-container span.pricing-yousave-container span.pricing-yousave-label { float: left; } .pricing-container span.pricing-yousave-container span.pricing-yousave-value { float: right; color: green !important; } .pricing-container span.pricing-ourprice-container span.pricing-ourprice-label { float: left; } .pricing-container span.pricing-ourprice-container span.pricing-ourprice { float: right; color: red !important; } #contact-form .form_input { width: 160px; } /* Action Panel and Similar/Special Carousel Vehicles */ #ActionPanel {display:block; float:left; width:34%;} #ActionPanel div.inside {height:348px; border-top:1px solid white; padding:0 !important;} /* height matching similar for now since using relative for arrows... need to change this somehow MAYBE later or else cant use equal cols but then again prolly cant have more buttons than the similar panel anyway so maybe its ok */ #ActionPanel div.inside .action {background:url("/InventoryHosting2/Details/images/dealer-services/questions.png") no-repeat 4% 50%;display:block; cursor:pointer; font-size:15px; text-decoration:none; font-weight:bold; cursor:pointer;border-bottom:1px solid #D9D9D9; padding:10px 5px 9px 50px;} #ActionPanel div.inside .action:hover {border-bottom-width:1px; border-bottom-style:solid;} #SpecialSimilarScroller {display:block; float:right; width:63%;} #SpecialSimilarScroller div.inside {height:310px;} #ActionPanel div.inside .action.moreInformation{background-image:url("/InventoryHosting2/Details/images/dealer-services/questions.png");} #ActionPanel div.inside .action.makeAnOffer{background-image:url("/InventoryHosting2/Details/images/dealer-services/thought_bubble.png");} #ActionPanel div.inside .action.requestAQuote{background-image:url("/InventoryHosting2/Details/images/dealer-services/name_your_payment.png");} #ActionPanel div.inside .action.tradeInValue{background-image:url("/InventoryHosting2/Details/images/dealer-services/value_my_trade.png");} #ActionPanel div.inside .action.pictureViewer{background-image:url("/InventoryHosting2/Details/images/dealer-services/drive_it_now.png");} #ActionPanel div.inside .action.virtualGarage{background-image:url("/InventoryHosting2/Details/images/dealer-services/virtual_garage.png");} #ActionPanel div.inside .action.sendToFriend{background-image:url("/InventoryHosting2/Details/images/dealer-services/carfax_report.png");} #ActionPanel div.inside .action.printBrochure{background-image:url("/InventoryHosting2/Details/images/dealer-services/schedule_a_test_drive.png");} #ActionPanel div.inside .action.videoViewer{background-image:url("/InventoryHosting2/Details/images/dealer-services/video.png");} #ActionPanel div.inside .action.moreInformation:hover{background-image:url("/InventoryHosting2/Details/images/dealer-services/questions_over.png");} #ActionPanel div.inside .action.makeAnOffer:hover{background-image:url("/InventoryHosting2/Details/images/dealer-services/thought_bubble_over.png");} #ActionPanel div.inside .action.requestAQuote:hover{background-image:url("/InventoryHosting2/Details/images/dealer-services/name_your_payment_over.png");} #ActionPanel div.inside .action.tradeInValue:hover{background-image:url("/InventoryHosting2/Details/images/dealer-services/value_my_trade_over.png");} #ActionPanel div.inside .action.pictureViewer:hover{background-image:url("/InventoryHosting2/Details/images/dealer-services/drive_it_now_over.png");} #ActionPanel div.inside .action.virtualGarage:hover{background-image:url("/InventoryHosting2/Details/images/dealer-services/virtual_garage_over.png");} #ActionPanel div.inside .action.sendToFriend:hover{background-image:url("/InventoryHosting2/Details/images/dealer-services/carfax_report_over.png");} #ActionPanel div.inside .action.printBrochure:hover{background-image:url("/InventoryHosting2/Details/images/dealer-services/schedule_a_test_drive_over.png");} #ActionPanel div.inside .action.videoViewer:hover{background-image:url("/InventoryHosting2/Details/images/dealer-services/video_over.png");} /* Widget Boxes */ div.widget {display:inline-block; vertical-align:middle; width:33%; text-align:center; margin-bottom:10px;} .browserIE7 div.widget, .browserIE6 div.widget {display:inline;} #vnsProduct {} #vns_add_form {display:none; margin-left:11px; border:1px #ccc solid; padding:5px; width:220px; font-size:10px; text-align:left;} /* Virtual Garage Lite */ #VGLite tr td {padding:4px !important;} #VGLite td.heading {font-weight:bold; padding-bottom:6px;} #VGLite td.col-status {text-align:center; width:10%; vertical-align:center;} #VGLite td.col-vehicle {text-align:left; width:70%; font-weight:bold;} #VGLite td.col-color {text-align:left; width:20%;} #VGLite.nocars {padding:15px 10px 10px 10px; line-height:17px;} #VGLite.nocars div.message {margin-top:8px; margin-bottom:8px;} #VGLite.nocars div.about_point {background:url('/InventoryHosting2/Common/virtualgarage/images/vgbullet.jpg') no-repeat 0% 25%; line-height:17px; padding-top:3px; padding-left:25px; margin-left:5px; clear:both;} #VGLite.nocars div.alert {font-weight:bold; margin-left:auto; margin-right:auto; width:94%; text-align:center; padding:3px; border-width:1px;border-style:solid;} /* Vehicle Specs */ #specTabs {overflow:hidden; position:relative; top:2px;} #specTabs > div {margin-left:5px;} #vspecs {width:100%; vertical-align:top;} #vspecs td {padding:5px 0px 5px 5px; vertical-align:top;} .techSpecCategory {font-weight:bold; border-bottom-width:1px; border-bottom-style:solid; margin-bottom:3px; margin-top:5px;} .techSpecList {margin-left:25px; margin-bottom:10px; font-size:11px;} .option {display:block; float:left; width:30%; background:url('/InventoryHosting2/Common/images/dot.png') no-repeat center left; padding:5px 13px 5px 10px;} .dot {background:url('/InventoryHosting2/Common/images/dot.png') no-repeat center left; padding:5px 13px 5px 10px;} .third {display:block; float:left; width:30%;} .epa-compliancy-disclaimer { font-size: 8px; } /* BASIC BOX CONTAINER */ div.box {border-width:2px; border-style:solid;} div.box div.inside {padding:20px; line-height:14px;} /* GENERIC CONTAINER MODIFIERS */ div.half {display:block; width:49%;} /* VEHICLE PHOTOS */ div.photo {display:block; float:left; width:20%; height:100px; text-align:center;margin-bottom:10px;} div.photo img {border-width:2px;border-style:solid;cursor:pointer;} div.photo img:hover {border-width:2px;border-style:solid;} #tinyPhotos {margin-left:2px;} #csi_content + script + #tinyPhotos {margin-left:18px;} div.tinyPhoto {display:block; float:left; text-align:center; margin:0px 3.5px 5px 0px; } .browserIE7 div.tinyPhoto { width: 46px !important; } div.tinyPhoto img {border-width:1px; border-style:solid;} /* SIMILAR VEHICLE LISTINGS */ div.similar {padding:3px; cursor:pointer; clear:both;} div.similar a {text-decoration:none;} div.similar a:hover {text-decoration:underline;} div.similar span.pricing-ourprice-container { } div.similar span.pricing-msrp-container { display: none; } div.similar span.pricing-thirdprice-container { display: none; } div.similar span.pricing-yousave-container { display: none; } div.similar .image-cell { padding-right: 8px; width: 130px; } /* PAYMENT CALCULATOR */ #pmtTable table {width:95%;} #pmtTable table thead {font-weight:bold;} #pmtTable table tbody {font-weight:normal;} #pmtTable table tr td {padding:3px;} #calcErrors {font-size:12px; font-weight:bold; margin:7px 0px;} .details-cell.paymentcalc .payment-calculator-disclaimer { font-style: italic; font-size: 10px; margin: 15px 0 0; } /* dealer info */ #DealerInfo { float: right; width: 58%; } #DealerInfo ul { padding: 0; margin-top: 0; margin-bottom: 10px; list-style: none; line-height: 20px; } #DealerInfo div.inside { overflow: hidden; } #DealerInfo .infoContainer { float: left; } .partial #DealerInfo .infoContainer { width: 100%; float: none; } #DealerInfo .mapContainer { float: right; } .partial #DealerInfo .mapContainer { float: none; } #DealerInfo .mapContainer div { text-align: center; } .details-cell.multimap {} .details-cell.multimap .map-container { text-align: center; } .details-cell.multimap ol { list-style: upper-alpha; padding: 0 0 0 20px; } .details-cell.multimap ol li { line-height: 16px; margin: 0 0 10px; } /* HEADINGS */ h1, h2 {display:inline !important; font-weight:normal !important; font-size:18px !important;position:relative;bottom:1px;} h3 {font-size:16px !important; font-weight:normal !important;} /* FORMS */ textarea {padding:2px; border-width:1px;border-style:solid;font-size:12px;} input.pretty {padding:2px; border-width:1px;border-style:solid;font-size:12px;} label {float:left; font-weight:bold;} input.calc {width:175px; margin:0px 0px 8px 10px; font-size:12px;} input.info {width:315px; margin:0px 0px 8px 10px; font-size:12px;} textarea.info {width:315px; margin:0px 0px 8px 10px; font-size:12px;} span.button {padding:2px 19px; cursor:pointer; border-width:2px;border-style:solid;font-weight:bold;} #showInt360 {float:left;margin-top:10px;} #showExt360 {margin-left:5px;float:left;margin-top:10px;} /* prices */ span.pricing-msrp-label {margin-right:5px;} span.pricing-msrp-value {margin-right:10px;} span.pricing-ourprice-label {margin-right:5px;} span.pricing-ourprice {margin-right:10px;} span.pricing-yousave-label {margin-right:5px;} span.pricing-yousave-value {margin-right:10px;} span.pricing-thirdprice-label {margin-right:5px;} span.pricing-thirdprice-value {margin-right:10px;} .infiniteCarousel_description span.pricing-yousave-label, .infiniteCarousel_description span.pricing-yousave-value {font-weight:bold;} /* tabs */ .not_selected .tab_left {background-image:url('/InventoryHosting2/common/images/tabs/search_tab_left_on.png');} .not_selected .tab_middle {background-image:url('/InventoryHosting2/common/images/tabs/search_tab_middle_on.png');} .not_selected .tab_right {background-image:url('/InventoryHosting2/common/images/tabs/search_tab_right_on.png');} .selected .tab_left {background-image:url('/InventoryHosting2/common/images/tabs/search_tab_left_on.png');} .selected .tab_middle {background-image:url('/InventoryHosting2/common/images/tabs/search_tab_middle_on.png');} .selected .tab_right {background-image:url('/InventoryHosting2/common/images/tabs/search_tab_right_on.png');} /* browser specific */ .browserIE7 h2, .browserIE7 h1, .browserIE7 #VehicleSpotlight .tcenter {position:static;} .browserIE6 #topToolbar div {padding-right:44px;} .browserIE6 .infiniteCarousel .wrapper ul {position: static !important;} .browserIE6 .infiniteCarousel .wrapperautorotate ul {position: static !important;} /* Rivworks widget */ #rivbtn0 { margin-left: 0 !important; position: relative !important; top: auto !important; left: auto !important; }