/*------------------------------------------------------------------ [Vehicle Details Stylesheet] Theme Name: Paramus Mitsubishi Version: 1.1.1 Last Change: 1/5/2015 - Mike Hetman [Table of Contents] 1. Columns & Title 2. Tools 3. Sub Columns 4. Modules 4A. Pricing 4B. Forms 4C. Finance 4D. Image Galley 4E. Vehicle Options and Details 4F. Similar Vehicles 4G. Dealer Message 5. Disclaimer [Notes] -------------------------------------------------------------------*/ /* 1. COLUMNS & TITLE */ #columns {padding:7px 0 15px 0; margin:7px auto 0 auto;} .one_column #column_1 {margin:0 6px; width:960px;} #page_title {width:960px; z-index:210; background:url('vehicle_page_title_bg_top.png') repeat-x #92a0a1;} #page_title .page_title_inner {padding:16px 16px 4px 16px;} /* Title */ a.certified {margin:5px 8px 0 0; display:inline; float:left;} h1.make_model {padding:4px 0 0 0; width:715px; display:inline; float:left; font-family:Helvetica, Arial, sans-serif; font-size:1em; line-height:1.2em; font-weight:normal; color:#2b3131;} h1.certified {width:592px;} h1.make_model strong {display:block; padding:5px 0; font-family:Arial, Helvetica, sans-serif; font-size:2em; font-weight:bold; color:#000;} h1.make_model strong .trim {font-size:0.6875em; text-transform:uppercase;} /* 2. TOOLS */ .vehicle_page_tools {width:192px; margin:5px 0 0 0; display:inline; float:right; position:relative; z-index:3;} .vehicle_page_tools ul {padding:0; margin:0; float:left;} .vehicle_page_tools li {margin:0px 0px 0px 7px; width:41px; display:inline; float:left; list-style:none;} .vehicle_page_tools li a {padding:0; margin:0; width:41px; height:53px; display:block; overflow:hidden; text-indent:-5000px; font-size:0.812em; color:#fff;} .vehicle_page_tools li a.tool_print {background:url("vehicle_tool_sprite.png") no-repeat 0 0;} .vehicle_page_tools li a.tool_email {background:url("vehicle_tool_sprite.png") no-repeat -48px 0;} .vehicle_page_tools li a.tool_send_phone {background:url("vehicle_tool_sprite.png") no-repeat -96px 0;} .vehicle_page_tools li a.add_this_btn {background:url("vehicle_tool_sprite.png") no-repeat -144px 0;} .vehicle_page_tools li a.tool_print:hover {background:url("vehicle_tool_sprite.png") no-repeat 0 -57px;} .vehicle_page_tools li a.tool_email:hover {background:url("vehicle_tool_sprite.png") no-repeat -48px -57px;} .vehicle_page_tools li a.tool_send_phone:hover {background:url("vehicle_tool_sprite.png") no-repeat -96px -57px;} .vehicle_page_tools li a.add_this_btn:hover {background:url("vehicle_tool_sprite.png") no-repeat -144px -57px;} .vehicle_page_tools li a.tool_send_phone.selected {background-position:-144px -114px;} /* Send To Phone Form */ .send_phone_holder {width:224px; height:159px; padding:13px 0 0 22px; overflow:hidden; position:absolute; top:38px; right:42px; z-index:500; display:block; background:url("send_to_phone_bg.png") no-repeat transparent;} .hide_phone {display:none;} #send_to_phone fieldset {padding:0; margin:0; border:none;} #send_to_phone div {padding:0; margin:0; width:202px;} #send_to_phone input, #send_to_phone select {margin:0 0 4px 0; width:194px; display:block; float:none; font-size:14px; background:#fff; border:2px solid #6d6d6d;} #send_to_phone select {margin:0 0 12px 0; width:202px;} #send_to_phone label {margin:0; padding:0; display:block; float:none; font-size:0.6875em; text-align:left; letter-spacing:1px; color:#000;} #send_to_phone .carrier_wrap strong {display:none;} #send_to_phone div.submit {padding:0; margin:0;} #send_to_phone input.submit {margin:0 auto; padding:0; width:169px; height:34px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#2b3131; background:url("vehicle_form_submit.png") no-repeat -240px 0 transparent; border:none; cursor:pointer; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} #send_to_phone input.submit:hover {color:#d60009; cursor:pointer; background:url('vehicle_form_submit.png') repeat-x -240px bottom; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .send_phone_holder p {width:202px; font-size:0.625em; text-align:center; color:#333;} .phone_message {padding:20px 12px; margin:40px 0 100px 0; width:176px; color:#0e322c; font-weight:bold; font-size:1em; text-align:center; background:#bdeecd; border:3px solid #6ea07f; -moz-border-radius:8px; -webkit-border-radius:8px;} .send_phone_holder .send_phone_loader {padding-top:165px; background:url('phone_loader.gif') no-repeat 87px 66px;} /* 3. SUB COLUMNS */ #sub_col_1 {padding:0; margin:0; width:316px !important; float:left;} #sub_col_2 {padding:0; margin:0; width:632px; float:right;} /* 4. MODULES */ .vehicle_all_module {margin-top:7px;} #sub_col_1 .vehicle_module {width:316px;background:url('vehicle_module_bg_sprite.png') repeat-y left #FFF; border-bottom:1px solid #adbbbc;} #sub_col_1 .vehicle_module_inner {} #sub_col_2 .vehicle_module {background:url('vehicle_module_bg_sprite.png') repeat-y right #FFF; border-bottom:1px solid #adbbbc;} #sub_col_2 .vehicle_module_inner {} .vehicle_all_module h2.vehicle_module_heading {padding:5px 9px 6px 9px; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.6875em; text-transform:uppercase; letter-spacing:2px; line-height:normal; color:#fff; background:url("vehicle_module_heading_bg.png") repeat-x #93a1a2; border-bottom:1px solid #768485;} /* 4A. PRICNG */ #vehicle_price {position:relative; overflow:hidden;} #vehicle_price_inner {padding:0 21px 10px 21px;} dl.price_list {padding:0; margin:6px 0 0 0; font-family:Arial, Helvetica, sans-serif; list-style:none; line-height:1.5em;} dl.price_list dt {padding:5px 0 0 0; margin:0; width:137px; float:left; color:#666; font-size:0.875em; border-bottom:1px dotted #c2bfa8;} dl.price_list dd {padding:2px 0 3px 0; margin:0; width:137px; float:left; color:#333; text-align:right; font-size:1.25em; border-bottom:1px dotted #c2bfa8;} dl.price_list dt.single_list {padding:10px 0 2px 0; margin:0 0 6px 0; color:#000; font-weight:normal; font-size:1.125em;} dl.price_list dd.single_list {padding:6px 0; margin:0 0 6px 0; color:#000; font-size:1.875em;} dl.price_list dd.single_list strong {font-weight:bold; letter-spacing:-1px;} dl.price_list dt.sale {padding:10px 0 2px 0; margin:0; color:#000; font-weight:bold; font-style:italic; font-size:1.125em;} dl.price_list dd.sale {padding:6px 0; margin:0; color:#d60009; font-size:1.875em;} dl.price_list dd.sale strong {font-weight:bold; letter-spacing:-1px;} /* Vehicle Lease Price */ #vehicle_price .lease{padding:4px 0 0 0; margin:0; height:30px; display:block; line-height:normal; text-align:center;} #vehicle_price .lease strong {padding:0 0 5px 0; width:92px; display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.875em; font-weight:bold; line-height:0.888em; color:#ca5700;} #vehicle_price .lease.compact strong{font-size:1.5em;} #vehicle_price .lease em {padding:9px 0; margin:0 0 0 55px; width:36px; display:block; float:left; font-size:0.625em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; line-height:1em; color:#3a3d40; text-transform:uppercase;} #vehicle_price .lease span {padding:9px 0; width:30px; display:block; float:left; font-size:0.625em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:10px; color:#3a3d40; text-transform:uppercase;} #vehicle_price .lease.compact em, #vehicle_price .lease.compact span {padding-top:0;} /* Vehicle Buy Price */ #vehicle_price .buy{padding:0 0 5px 0; margin:0; height:30px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:1.875em; line-height:0.888em; text-align:center; letter-spacing:-1px; color:#ca5700;} #vehicle_price .buy strong{font-weight:bold;} #vehicle_price .buy.compact{font-size:1.5em;} /* Legal & Description */ #vehicle_price .legal_toggle {margin:2px auto 0 auto; width:100px; display:block; font-size:0.562em; color:#888; text-align:center; text-transform:uppercase; cursor:pointer;} #vehicle_price .legal_toggle:hover {color:#006eba;} #vehicle_price .legal_toggle:hover .description {display:block;} body.js #vehicle_price .legal_toggle:hover .description {display:none;} #vehicle_price .legal_toggle .description {padding:25px 5px 0 20px; margin:0; display:none; overflow:hidden; position:absolute; top:0; left:0; right:0; bottom:0; cursor:auto; z-index:200; text-align:left; font-size:1.777em; background:url('featured_vehicles_description_bg.png');} #vehicle_price .legal_toggle .description h6 {padding:0 0 5px 0; font-size:0.75em; color:#fff; line-height:normal; letter-spacing:2px; text-transform:uppercase;} #vehicle_price .legal_toggle .description p {position:absolute; top:42px; left:20px; right:5px; bottom:0; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:0.625em; color:#b5b5b6; line-height:normal; text-transform:none;} /* Generarted by JavaScript */ #vehicle_price .legal_toggle .description div.close {padding:0 3px; position:absolute; top:4px; right:4px; cursor:pointer; z-index:210; font-size:10px; color:#fff; background:#006eba;} #vehicle_price .legal_toggle .description div.close:hover {color:#fff; background:#1a94e9;} /* Make Offer Form */ form#make_an_offer :focus {outline: none;} /* Removes Webkit glow */ form#make_an_offer {padding:0; margin:0 0 0 1px; width:314px; height:64px; position:relative; background:url(vehicle_make_offer_form_sprite.png);} /*form#make_an_offer:hover {background-position:-274px 0;}*/ form#make_an_offer fieldset {padding:6px 0 0 9px; margin:0;} form#make_an_offer label {width:124px; height:24px; display:block; overflow:hidden; position:absolute; left:30px; top:15px; text-indent:-5000px;} #refoffer {width:75px; height:18px; display:block; position:absolute; left:165px; top:18px; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; color:#fff; border:none; background:#000;} #submit-offer {margin:0; padding:0; width:54px; height:57px; overflow:hidden; display:block; position:absolute; left:253px; top:0; text-indent:-5000px; background:url(vehicle_make_offer_form_sprite.png) no-repeat -253px 0; border:none; cursor:pointer;} #submit-offer:hover, #submit-offer:active, #submit-offer:focus {background-position:-253px -66px;} /* Request Price */ a#request-price {padding:0; margin:-10px 0 0 1px; width:314px; height:67px; position:relative; display:block; overflow:hidden; text-indent:-5000px; background:url('vehicle_request_price_form_btn.png');} a#request-price:hover {background-position:0 -67px;} a#request-price:active {background-position:0 -134px;} /* Check Availability */ #check-availability {padding:0; margin:0 0 0 1px; width:314px; height:65px; position:relative; display:block; overflow:hidden; text-indent:-5000px; background:url("check-availability-btn.png") no-repeat;} #check-availability:hover {background-position:0 -69px;} /* 4B. FORM */ #vehicle_form {padding:16px 0 21px 0; width:315px; position:relative; z-index:100; color:#cad2d3; background:url("vehicle_form_bg.jpg") no-repeat #2b3131; border-top:1px solid #463a42; border-left:1px solid #463a42;} #vehicle_form_inner {width:316px;} #vehicle_form h2 {margin:-10px 0 10px 21px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.6875em; text-transform:uppercase; letter-spacing:2px; line-height:49px;/* equal to #form_selector_container */ color:#fff;} /* Drop down replaces this with javascript */ #form_selector_container {height:49px; position:relative; z-index:4;} .form_vehicle {padding:0;} .form_vehicle fieldset {margin:0; padding:0;} .form_vehicle fieldset div {padding:3px 0 5px 21px; position:relative; clear:both; z-index:3;} .form_vehicle fieldset div#test_drive_fields {padding:0; width:316px;} .form_vehicle label {margin:0; padding:0; display:block; font-size:0.6875em; text-align:left; letter-spacing:1px;} /* Form - Fields */ .form_vehicle input, .form_vehicle select, .form_vehicle textarea {padding:4px 2px; width:266px; font-size:14px; color:#4f5357; background:url("input_bg.png") repeat-x #fff; border:solid 2px #2b3131; -moz-border-radius:0px; -webkit-border-radius:0px;} .form_vehicle select {width:274px;} .form_vehicle select.month {width:110px; border:solid 2px #4f6377;} .form_vehicle select.day {width:68px;} .form_vehicle select.time {width:88px;} .form_vehicle label.radio input, .form_vehicle label.checkbox input {width:auto; border:solid 2px #4f6377;} .form_vehicle textarea {height:70px;} .form_vehicle .radio, .form_vehicle .checkbox { background:transparent; border:0;} .form_field_highlight { background:transparent; -moz-border-radius:0; -webkit-border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .form_vehicle .form_field_highlight input, .form_vehicle .form_field_highlight select, .form_vehicle .form_field_highlight textarea {border-color:#d60009;} /* Form - Submit */ .form_vehicle div.submit {padding:10px 0 0 0;} .form_vehicle input.submit {margin:0 auto; padding:0; width:209px; height:34px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#2b3131; background:url("vehicle_form_submit.png") no-repeat left top transparent; border:none; cursor:pointer; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .form_vehicle input.submit:hover {color:#d60009; cursor:pointer; background:url("vehicle_form_submit.png") repeat-x left bottom; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} /* Validation Labels */ .form_vehicle label.error {padding:6px 8px 7px 17px; height:23px; width:235px; position:absolute; top:15px; right:-200px; text-align:left; text-transform:none; letter-spacing:normal; color:#000; background:url("form_error_bg.png") no-repeat transparent;} /* Form Selector Drop Down */ #form_selector_container p {padding:0; margin:0; position:absolute; top:0; left:21px; font-size:0.6875em; font-weight:bold; text-align:left; letter-spacing:1px;} .form_menu_selector {padding:0; margin:0; display:block; width:274px; height:32px; position:absolute; left:21px; top:17px; background:url("vehicle_form_selector_bg.png") no-repeat;} .form_menu_selector a {padding:0 0 0 36px; margin:0; display:block; width:238px; font-weight:bold; font-size:0.9375em; line-height:32px; color:#000; background:url("vehicle_form_select_icon_sprite.png") no-repeat;} .form_menu_selector a:hover {color:#000;} .form_menu_selector .form_menu_request {background-position:6px -194px;} .form_menu_selector .form_menu_credit {background-position:6px -244px;} .form_menu_selector .form_menu_tradein {background-position:6px -294px;} .form_menu_selector .form_menu_testdrive {background-position:6px -344px;} .form_menu_drop {padding:5px 5px 4px 5px; margin:0; width:262px; display:none; position:absolute; top:51px; left:21px; z-index:5; clear:both; background:#d0d0d0; border:1px solid #ebebeb; -moz-border-radius:4px; -webkit-border-radius:4px;} .form_menu_drop li {padding:0; margin:0; list-style:none; border-bottom:1px solid #aeaeae;} .form_menu_drop li.last {border-color:#c6cfd4;} .form_menu_drop li a {padding:0 0 0 36px; margin:0; display:block; font-size:0.8125em; font-weight:bold; line-height:28px; color:#384149; background:url('vehicle_form_select_icon_sprite.png') left top no-repeat;} .form_menu_drop li a:hover {color:#000;} #form_menu_request a {background-position:0 3px;} #form_menu_credit a {background-position:0 -47px;} #form_menu_tradein a {background-position:0 -97px;} #form_menu_testdrive a {background-position:0 -147px;} #form_menu_request a:hover {background-position:0 -197px;} #form_menu_credit a:hover {background-position:0 -247px;} #form_menu_tradein a:hover {background-position:0 -297px;} #form_menu_testdrive a:hover {background-position:0 -347px;} /* 4C. FINANCE */ #vehicle_finance_inner {padding:11px 21px 21px 21px;} #vehicle_finance_inner h3 { font-size:0.875em; color:#333;} #vehicle_finance_inner p { font-size:0.75em; color:#666;} #vehicle_finance ul.vehicle_finance_options {margin:0; padding:0; width:274px;} #vehicle_finance ul.vehicle_finance_options li {margin:0; padding:0; width:274px; list-style:none;} #vehicle_finance ul.vehicle_finance_options li a.button, #vehicle_finance ul.vehicle_finance_options li h3 {margin:0 0 1px 0; padding:10px 4px 9px 36px; width:234px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:0.937em; font-weight:bold; color:#bfbfbf; background:url("vehicle_finance_options_btn_sprite.png") no-repeat #000;} #vehicle_finance ul.vehicle_finance_options li#finance_box_credit a.button:hover {background-position:0 -37px;} #vehicle_finance ul.vehicle_finance_options li#finance_box_tradein a.button {background-position:-274px 0;} #vehicle_finance ul.vehicle_finance_options li#finance_box_tradein a.button:hover {background-position:-274px -37px;} #vehicle_finance ul.vehicle_finance_options li#finance_box_payment h3 {margin:0; background-position:-548px -37px; color:#fff;} #vehicle_finance ul.vehicle_finance_options li a.button:hover {color:#fff;} form#calculator {margin:0; padding:3px 0 3px 0; width:272px; font-family:Arial, Helvetica, sans-serif; color:#333; background:#ebeded; border:1px solid #999; border-top:none;} form#calculator fieldset {margin:0 13px; border-bottom:1px dotted #888;} form#calculator fieldset .price_wrap, form#calculator fieldset .cash_wrap, form#calculator fieldset .term_wrap, form#calculator fieldset .rate_wrap {padding:5px 0 10px 0; width:112px; float:left;} form#calculator fieldset .price_wrap, form#calculator fieldset .term_wrap {margin:0 22px 0 0;} form#calculator fieldset .rate_wrap span { font-size:0.812em;} form#calculator label, #payment_wrap strong {display:block; font-size:0.687em; font-weight:bold;} form#calculator input, form#calculator select { font-size:0.8125em; padding:2px; border:2px solid #b6b6b6;} #price, #cash_trade {width:90px;} #term {width:70px;} #rate {width:25px;} a#finance_box_tradein_inline {display:block; font-family:Verdana, Arial, sans-serif; font-size:0.562em; letter-spacing:-1px; line-height:12px; color:#555;} a#finance_box_tradein_inline:hover {color:#232264;} #payment_wrap {width:246px;} #payment_wrap span.title {padding:10px 0 0 0; width:120px; display:block; float:left; font-size:0.687em; font-weight:bold; line-height:14px;} #payment_wrap span.title em {display:block; font-style:normal; font-weight:bold;} #payment_wrap strong {padding:15px 0; width:120px; display:block; float:right; font-family:Arial, Helvetica, sans-serif; font-size:1.875em; font-weight:bold; text-align:right; color:#000;} #cost {padding:0; margin:0;} form#calculator .offer_wrap {padding:11px 0 8px 0;} form#calculator a:hover {color:#d60009;} a#calculator_offer {margin:0 auto; width:176px; height:42px; display:block; overflow:hidden; text-indent:-5000px; background:url("vehicle_make_payment_offer_btn_sprite.png") no-repeat;} a#calculator_offer:hover {background-position:-176px 0;} /* 4D. IMAGE GALLERY */ .slideshow-container {position:relative; clear:both; height:474px; /* This should be set to be at least the height of the largest image in the slideshow */ background:#fff;} #slideshow img, #slideshow .video-wrapper {position:absolute; top:0; left:0;} #slideshow .video-wrapper {width:632px; height:474px; z-index:1; background:#000;} #slideshow .previous .video-wrapper {display:none !important;} .vehicle_photo_no_js {position:absolute;} body.js .vehicle_photo_no_js {display:none;} .loader {position:absolute; top:0; left:0; width:632px; height: 474px; display:block; /* This should be set to be at least the height of the largest image in the slideshow */ background:url("loader.gif") no-repeat center #fff;} .single_img_container {position:relative; clear:both; height:316px;} .single_img_container img {position:absolute;} /* Comment */ #gallery_comment {position:absolute; bottom:0; left:0; width:632px; background:url("vehicle_img_comment_bg.png") no-repeat center top;} #comment_tab {margin:0 auto; padding:0 18px 0 0; display:none; width:139px; font-size:0.5625em; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; line-height:23px; color:#b7b7b7; background:url("vehicle_img_comment_link_bg.png") no-repeat 136px -94px;} body.js #comment_tab {display:block;} /* Display with javascript */ #comment_tab:hover {color:#dab800; background:url("vehicle_img_comment_link_bg.png") no-repeat 136px -144px;} #comment_tab.expand_comment {background:url("vehicle_img_comment_link_bg.png") no-repeat 136px 6px;} #comment_tab.expand_comment:hover {background:url("vehicle_img_comment_link_bg.png") no-repeat 136px -44px;} #comment_wrap {display:none;} #gallery_comment p {padding:14px 16px 6px 16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.75em; font-style:italic; font-weight:normal; color:#c0c0c0;} #gallery_comment p span {display:block; font-family:Arial, Verdana, sans-serif; font-style:normal; text-align:right; color:#c3c3c3;} #gallery_comment p span em {font-size:0.833em; font-style:normal; text-transform:uppercase; color:#c3c3c3;} #gallery_comment p a {color:#ff903d;} #gallery_comment p a:hover {color:#fff;} /* Controls */ .gallery_controls_container {position:relative; z-index:1; font-family:Verdana, Arial, Helvetica, sans-serif; background: url("vehicle_gallery_controls_bg.png") repeat-x left top #2b3232; border-top:1px solid #000; border-bottom:1px solid #455757;} #gallery_count {padding:0 15px; margin:0; display:block; float:left; position:relative; z-index:2; font-size:0.6875em; text-align:center; line-height:23px; color:#aaa; background:url("vehicle_img_control_bg.gif") repeat-y right;} #controls {margin:0; padding:0; position:relative; z-index:2;} /* Slideshow */ #controls .ss-controls a {width:118px; display:block; float:left; position:relative; z-index:2; font-size:0.6875em; font-style:italic; text-align:center; line-height:23px; color:#fff; background:url("vehicle_img_control_bg.gif") repeat-y right;} #controls .ss-controls a:hover {color:#94aaaa;} /* Pagination */ .pagination {padding:0 96px 0 0; height:23px; float:right; position:relative; background:url("vehicle_gallery_pagination_sprite.png") no-repeat right top;} .pagination a, .pagination span {margin:5px 2px 0 0; width:11px; height:16px; overflow:hidden; float:left; display:block; text-indent:-5000px; background:url("vehicle_gallery_pagination_sprite.png") no-repeat -4px -92px;} .pagination a:hover {background-position:-20px -92px;} .pagination span {background-position:-36px -92px;} .pagination a.page-link-prev, .pagination a.page-link-next {padding:0; margin:0; width:47px; height:23px; display:block; float:none; position:absolute; background:url("vehicle_gallery_pagination_sprite.png") no-repeat;} .pagination a.page-link-prev {top:0; right:47px; background-position:0 -23px;} .pagination a.page-link-next {top:0; right:0; background-position:-47px -23px;} .pagination a.page-link-prev:hover {background-position:0 -46px;} .pagination a.page-link-next:hover {background-position:-47px -46px;} .pagination a.page-link-prev:active {background-position:0 -69px;} .pagination a.page-link-next:active {background-position:-47px -69px;} #gallery_pagination {padding:0; margin:0; xfloat:right; position:absolute; z-index:2; top:30px; right:0; text-align:center; font-size:0.6875em; line-height:23px; color:#ccc;} #gallery_pagination span {width:45px; height:23px; display:block; float:left; overflow:hidden; background:url("vehicle_img_control_bg.png") repeat-y left;} #gallery_pagination span a {width:45px; height:23px; display:block; overflow:hidden; text-indent:-5000px; line-height:23px;} #gallery_pagination span#gallery_pag_prev a {background:url('vehicle_img_pagination.png') no-repeat center 7px;} #gallery_pagination span#gallery_pag_next a {background:url('vehicle_img_pagination.png') no-repeat center -43px;} #gallery_pagination span#gallery_pag_prev a:hover {background:url('vehicle_img_pagination.png') no-repeat center -193px;} #gallery_pagination span#gallery_pag_next a:hover {background:url('vehicle_img_pagination.png') no-repeat center -243px;} #gallery_pagination span#gallery_pag_prev a.pag_disabled {background:url('vehicle_img_pagination.png') no-repeat center -93px;} #gallery_pagination span#gallery_pag_next a.pag_disabled {background:url('vehicle_img_pagination.png') no-repeat center -143px;} .pageLink {padding:0; margin:0; line-height:0;} /* Thumbs */ #thumbs {} #thumbs ul {padding:0; margin:0; height:78px; display:block; background:url("vehicle_img_thumbs_bg.png") repeat-x;} #thumbs ul li {padding:0; margin:10px 0; float:left; position:relative; list-style:none; font-size:9px;} #thumbs ul li a.thumb span, #thumbs ul li a.thumb img, #thumbs ul li.selected a.thumb img {width:75px; height:56px; display:block;} #thumbs ul li a.thumb span {position:absolute; top:1px; left:13px; overflow:hidden; text-indent:-5000px;} #thumbs ul li.video a.thumb span {background:url('vehicle-thum-video.png') no-repeat 22px 13px;} #thumbs ul li a.thumb img {padding:0; margin:1px 1px 1px 13px; background:url("loader.gif") no-repeat center center #fff;} #thumbs ul li.selected a.thumb img {padding:0; margin:0 0 0 12px; border:1px solid #ffd700;} /* Load More Photos */ a#more-photos-btn {margin:0 0 0 12px; width:77px; height:58px; display:block; overflow:hidden; text-indent:-5000px; background:url("vehicle-more-photos-btn.png") no-repeat transparent;} a#more-photos-btn:hover {background-position:-77px 0;} /* Request Photos */ a#request-photos-thumb {margin:0 0 0 12px; width:77px; height:58px; display:block; overflow:hidden; text-indent:-5000px; background:url('vehicle-request-photos-btn-sprite.png') no-repeat transparent;} a#request-photos-thumb:hover {background-position:-77px 0;} a#request-photos-btn {width:148px; height:32px; display:block; overflow:hidden; position:absolute; top:12px; right:10px; z-index:2; text-indent:-5000px; background:url('vehicle-request-photos-btn-sprite.png') no-repeat transparent 0 -68px;} a#request-photos-btn:hover {background-position:-152px -68px;} /* Request Video */ a#request-video-btn {width:148px; height:32px; display:block; overflow:hidden; position:absolute; top:12px; left:10px; z-index:2; text-indent:-5000px; background:url('vehicle-request-media-sprite.png') no-repeat transparent 0 -40px;} a#request-video-btn:hover {background-position:-152px -40px;} /* Sans Video */ .video_play_button {width:148px; height:32px; display:block; position:absolute; top:12px; left:10px; z-index:2;} .video_play_button a {width:148px; height:32px; display:block; overflow:hidden; text-indent:-5000px; background:url('vehicle-play-video-btn.png') no-repeat transparent 0 0;} .video_play_button a:hover {background-position:-152px 0;} #vehicle_image_gallery .disclaimer {font-size:0.625em; text-align:center;} /* 4E. VEHICLE OPTIONS AND DETAILS */ #vehicle_details .vehicle_module_inner {padding:12px 12px 12px 21px; margin:0;} #vehicle_details h3 {font-size:1.125em; color:#333;} #vehicle_details .details_col_1 {width:265px; float:left;} #vehicle_details .details_col_2 {width:314px; float:right;} /* Specifications */ dl.spec_list {padding:0; margin:6px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; list-style:none; line-height:1.5em; font-size:0.6875em;} dl.spec_list dt {padding:6px 0; margin:0; width:105px; float:left; color:#666; border-top:1px dotted #999;} dl.spec_list dd {padding:6px 0; margin:0; width:160px; float:left; color:#333; border-top:1px dotted #999;} dl dt.first, dl dd.first {border-top:none;} /* Fuel Economy */ .vehicle_mpg {margin:0; padding:0; height:122px; position:relative; color:#333; background:url("vehicle_fuel_economy_bg.png") no-repeat center 10px; border-bottom:1px dotted #999; border-top:1px dotted #999;} .vehicle_mpg abbr, .vehicle_mpg acronym {border:none;} .vehicle_mpg .mpg_city, .vehicle_mpg .mpg_hwy {width:80px; display:block; position:absolute; top:16px; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:0.75em; font-weight:bold; text-transform:uppercase; text-align:center; line-height:1em;} .vehicle_mpg .mpg_city {left:9px;} .vehicle_mpg .mpg_hwy {right:9px;} .vehicle_mpg .mpg_city span, .vehicle_mpg .mpg_hwy span {display:block;} .vehicle_mpg .mpg_city strong, .vehicle_mpg .mpg_hwy strong {font-size:3em; line-height:1em;} .vehicle_mpg .mpg_fine {padding:0; position:absolute; top:92px; font-family:Verdana, Arial, sans-serif; font-size:0.5625em; line-height:1.2em; text-align:center; color:#666;} /* Carfax & One Owner */ #carfax {padding:0; margin:10px auto 0 auto; width:265px; height:38px; display:block; overflow:hidden; text-indent:-5000px; background:url('vehicle_carfax_btn_sprite.png') no-repeat 0 0;} #carfax:hover {background-position:-275px 0;} #carfax.one_owner {height:81px; background:url('vehicle_carfax_btn_sprite.png') no-repeat -550px 0;} #carfax.one_owner:hover {background-position:-825px 0;} /* Certified */ #vehicle_details .certified_btn {padding:0; margin:10px auto 0 auto; width:265px; height:85px; display:block; overflow:hidden; text-indent:-5000px; background:url('vehicle_certified_btn.png') no-repeat left top;} #vehicle_details .certified_btn:hover {background:url('vehicle_certified_btn.png') no-repeat left bottom;} /* Features */ .details_col_2 .vehicle_features {margin:6px 0 0 0; background:#ebeded; border:1px solid #bbbbbb;} .details_col_2 ul {padding:0; margin:0;} .details_col_2 ul#features {margin:6px 16px 12px 16px;} .details_col_2 ul li {padding:0; margin:0 0 0 0; list-style:none;} .details_col_2 h4 {padding:6px 0 2px 0; font-size:0.75em; font-weight:bold; text-transform:uppercase; letter-spacing:1px; color:#333;} .details_col_2 ul li ul {border-bottom:1px solid #999;} .details_col_2 ul li ul li {padding:3px 0; margin:0 0 0 20px; font-size:0.6875em; list-style:disc; color:#666666; border-bottom:1px dotted #888;} /* Expand */ .details_col_2 .vehicle_expand_all {text-align:right; background:url('vehicle_expand_bg.png') repeat-x top #dcdcdc; border-bottom:1px solid #aeac9c;} .details_col_2 .vehicle_expand_all.expand_bottom {border-bottom:none; border-top:1px solid #aeac9c;} .details_col_2 .vehicle_expand_all a {display:block; padding:0 20px 0 0; margin:0 4px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.625em; line-height:1.8em; color:#000; background:url('vehicle_expand_sprite.png') no-repeat right 3px;} .details_col_2 .expand_single_line a {display:block; padding:0 20px 0 0; color:#666;} .details_col_2 a.expand_single {background:url('vehicle_expand_sprite.png') no-repeat right -97px;} .details_col_2 .vehicle_expand_all a:hover, .details_col_2 .expand_single_line a.expand_single:hover {color:#d60009; background:url('vehicle_expand_sprite.png') no-repeat right -47px;} /* Collapse */ .details_col_2 .vehicle_expand_all a.collapse_all {background:url('vehicle_expand_sprite.png') no-repeat right -147px;} .details_col_2 a.collapse_single {background:url('vehicle_expand_sprite.png') no-repeat right -247px;} .details_col_2 .vehicle_expand_all a.collapse_all:hover, .details_col_2 a.collapse_single:hover {color:#d60009; background:url('vehicle_expand_sprite.png') no-repeat right -197px;} .details_col_2 .expand_no {list-style:none; border:none;} .details_col_2 .option_collapsed li.expandable {display:none;} .details_col_2 li.expand_single_line {display:block; list-style:none; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:10px; border:none;} /* Javascript turns on list collapse */ .details_col_2 .vehicle_expand_all a.expand_all, .details_col_2 .expand_single_line a.expand_single {display:none;} body.js .details_col_2 .vehicle_expand_all a.expand_all, body.js .details_col_2 .expand_single_line a.expand_single {display:block;} /* 4F. SIMILAR VEHICLES */ #vehicle_similar_inner {padding:12px 0 0 12px;} #vehicle_similar ul {padding:0; margin:0; width:608px;} #vehicle_similar ul li {padding:0 10px 0 0; margin:0 0 6px 0; width:598px; list-style:none; background:#fff; border-bottom:1px solid #bfbfbf;} #vehicle_similar ul li ul li {background:transparent; border:none;} #vehicle_similar ul li:hover {} #vehicle_similar .similar_col_1 {width:120px; float:left;} #vehicle_similar .similar_col_2 {margin:6px 0 6px 0; width:470px; float:right;} /* Image */ #vehicle_similar .similar_col_1 a img {display:block;} /* Make Model Trim */ #vehicle_similar h3 a {font-size:1.25em; color:#000;} #vehicle_similar h3 a:hover {color:#d60009;} /* Comments */ #vehicle_similar .comments {padding:2px 4px 4px 21px; margin:4px 0 0 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.6875em; font-style:italic; line-height:1.153em; color:#708064; background:url('vehicle_comment.png') 3px 3px no-repeat #cee9b8; border:1px solid #b5bab1;} /* Price & Details Button */ #vehicle_similar .similar_col_2 ul {padding:0; margin:4px 0; width:468px;} #vehicle_similar .similar_col_2 ul.no_comment {margin-top:24px;} #vehicle_similar .similar_col_2 li {display:inline; width:220px;} #vehicle_similar .similar_col_2 li.price {padding:8px 0 0 0; float:left; font-size:0.875em; color:#666;} #vehicle_similar .similar_col_2 li.price strong {font-size:1.429em;} #vehicle_similar .similar_col_2 li.view_details {padding:0; margin:0; float:right;} #vehicle_similar .similar_col_2 li.view_details a {width:113px; height:33px; display:block; float:right; overflow:hidden; text-indent:-5000px; background:url("vehicle_similar_details_btn.png") no-repeat left;} #vehicle_similar .similar_col_2 li.view_details a:hover {background:url("vehicle_similar_details_btn.png") no-repeat right;} /* 4G. DEALER MESSAGE */ #vehicle_dealer_message #content {padding:15px 20px 6px 20px; color:#333;} #vehicle_dealer_message #content h3 {margin-top:0; color:#444;} #vehicle_dealer_message #content h3 strong {color:#000;} #vehicle_dealer_message #content a, #vehicle_dealer_message #content a strong { color:#d60009; background:transparent;} #vehicle_dealer_message #content a:hover, #vehicle_dealer_message #content a:hover strong { text-decoration:none; color:#b30008; background:transparent;} /* 4H. DEALER SPECIAL */ #vehicle_dealer_special {margin-top:0;} #vehicle_dealer_special ul {padding:0; margin:0; width:316px;} #vehicle_dealer_special li {padding:0; margin:7px 0 0 0; width:316px; list-style:outside none; text-align:left;} #vehicle_dealer_special li a {padding:0; margin:0; width:316px; display:block; list-style:inside none; text-align:left;} #vehicle_dealer_special li a img {display:block;} .sidebar_banner {width:auto;} /* 4I. DIRECTIONS */ #vehicle_directions {} #static_map a {display:block;} #static_map img {margin:0 0 0 1px; border-bottom:1px solid #aeac9c;} #directions_content {padding:10px 20px 15px 20px;} #directions_content h3 {color:#333;} #directions_content address { font-size:0.875em; color:#666;} #directions_content address span {display:block;} #directions_phone {padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px dotted #ccc; font-size:0.875em; color:#666;} /* Form - Fields */ #directions {padding:0 0 10px 0; margin:0;} #directions fieldset {padding:0; margin:0;} #directions input {padding:4px 2px; width:266px; font-size:14px; color:#4f5357; background:url('input_bg.png') repeat-x #fff; border:solid 2px #999;} #directions label {margin:0; padding:0; display:block; font-size:0.6875em; text-align:left; letter-spacing:1px; color:#333; font-weight:bold;} /* Form - Submit */ #directions input.submit {margin:14px auto 0 auto; padding:0; width:209px; height:34px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#2b3131; background:url('vehicle_form_submit.png') no-repeat left top transparent; border:none; cursor:pointer;} #directions input.submit:hover {color:#d60009; cursor:pointer; background:url('vehicle_form_submit.png') repeat-x left bottom;} /* 4J. MANUFACTURER INCENTIVES */ a#vehicle_mfg_incentives {padding:12px 5px 0 40px; margin:7px 0 0 0; width:271px; height:36px; display:block; font-family:Arial, Helvetica, sans-serif; color:#fff; font-style:italic; background:url('vehicle_mfg_incentives_sprite.png') no-repeat;} a#vehicle_mfg_incentives strong {padding:0 6px 0 0; color:#ecdf8c; text-transform:uppercase; font-size:1.25em; font-style:italic; letter-spacing:-1px} a#vehicle_mfg_incentives:hover {background-position:0 -48px;} a#vehicle_mfg_incentives:active {padding-top:13px; height:35px; background-position:0 -96px;} /* 4K. OFFERS */ #vehicle_offers_inner {padding:12px 11px;} #vehicle_offers ul.vehicle_offers_options {margin:0; padding:0; width:294px;} #vehicle_offers ul.vehicle_offers_options li {margin:0; padding:0; width:294px; list-style:none;} #vehicle_offers ul.vehicle_offers_options li a {margin:0; padding:11px 30px 0 53px; width:211px; height:44px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; color:#333333; background:url('vehicle_offers_sprite.png') no-repeat;} #vehicle_offers ul.vehicle_offers_options li a span {padding:2px 0 0 0; display:block; color:#000; font-size:10px; text-transform:uppercase; line-height:10px} #vehicle_offers ul.vehicle_offers_options li a:hover {color:#000;} #vehicle_offers ul.vehicle_offers_options li a:hover span {color:#000;} #vehicle_offers ul.vehicle_offers_options li a:active {padding-top:12px; height:43px; color:#000;} #vehicle_offers ul.vehicle_offers_options li a:active span {color:#000;} #vehicle_offers ul.vehicle_offers_options li.apr a {background-position:0 0;} #vehicle_offers ul.vehicle_offers_options li.apr a:hover {background-position:-305px 0;} #vehicle_offers ul.vehicle_offers_options li.apr a:active {background-position:-610px 0;} #vehicle_offers ul.vehicle_offers_options li.finance a {background-position:0 -55px;} #vehicle_offers ul.vehicle_offers_options li.finance a:hover {background-position:-305px -55px;} #vehicle_offers ul.vehicle_offers_options li.finance a:active {background-position:-610px -55px;} #vehicle_offers ul.vehicle_offers_options li.lease a {background-position:0 -110px;} #vehicle_offers ul.vehicle_offers_options li.lease a:hover {background-position:-305px -110px;} #vehicle_offers ul.vehicle_offers_options li.lease a:active {background-position:-610px -110px;} #vehicle_offers ul.vehicle_offers_options li.buy a {background-position:0 -165px;} #vehicle_offers ul.vehicle_offers_options li.buy a:hover {background-position:-305px -165px;} #vehicle_offers ul.vehicle_offers_options li.buy a:active {background-position:-610px -165px;} #vehicle_offers ul.vehicle_offers_options li.incentives a {background-position:0 -220px;} #vehicle_offers ul.vehicle_offers_options li.incentives a:hover {background-position:-305px -220px;} #vehicle_offers ul.vehicle_offers_options li.incentives a:active {background-position:-610px -220px;} /* 5. DISCLAIMER */ .vehicle_disclaimer {padding:6px; font-size:0.6875em; line-height:1.27em; color:#999;}