/*------------------------------------------------------------------ [Vehicle Details Stylesheet] Theme Name: Jeep City Version: 1.1.1 Last Change: 6/27/2012 - DMH [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 4K. Offers 5. Disclaimer [Notes] -------------------------------------------------------------------*/ /* 1. COLUMNS & TITLE */ #columns {padding:18px 0 15px 0; margin: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 #7f7e78; border-top:1px solid #fff; border-bottom:1px solid #535353;} #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:#5c5c5c;} 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.add_this_btn {background:url("vehicle_tool_sprite.png") no-repeat -144px 0;} .vehicle_page_tools li a.tool_send_phone {background:url("vehicle_tool_sprite.png") no-repeat -96px 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.add_this_btn:hover {background:url("vehicle_tool_sprite.png") no-repeat -144px -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.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 #9d9c97;} #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:#2e2f2f;} #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:#38383f; background:url("vehicle_form_submit.png") no-repeat right top transparent; border:none; cursor:pointer; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} #send_to_phone input.submit:hover {color:#000; cursor:pointer; background:url('vehicle_form_submit.png') repeat-x right 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:#2c2c2c;} .phone_message {padding:20px 12px; margin:40px 0 100px 0; width:172px; 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 #fff; border-bottom:1px solid #a1a1a1;} #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 #a1a1a1;} #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:#000; background:url("vehicle_module_heading_bg.png") repeat-x #807f79; border-top:1px solid #fff; border-bottom:1px solid #4d4d4d;} /* 4A. PRICNG */ #vehicle_price {position:relative; overflow:hidden;} #vehicle_price_inner {padding:0 21px 0px 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:#cd6800; 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:#cd6800;} #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:#cd6800;} #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:#c26b00;} #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:#c26b00;} #vehicle_price .legal_toggle .description div.close:hover {color:#fff; background:#ad3d00;} /* 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:transparent;} #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 -69px;} /* Request Price */ a#request-price {padding:0; margin:0 0 5px 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;} /* Request Info Button */ #request-more-info {padding:0; margin:0 0 0 1px; width:314px; height:65px; position:relative; display:block; overflow:hidden; text-indent:-5000px; background:url("request-info-btn.png") no-repeat;} #request-more-info:hover {background-position:0 -69px;} /* 4B. FORM */ #vehicle_form {padding:16px 0 21px 0; width:315px; position:relative; z-index:100; color:#88898a; background:url("vehicle_form_bg.png") no-repeat #000;} #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; color:#b3ada3;} /* 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 #6e6e6e; -moz-border-radius:4px; -webkit-border-radius:4px;} .form_vehicle select {width:274px;} .form_vehicle select.month {width:110px; border:solid 2px #6e6e6e;} .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 #6e6e6e;} .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:#cd6800;} /* 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:#3e484a; 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:#000; 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; color:#b3ada3;} .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:#cddef1; 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:#e6e5e3; border:1px solid #a8a8a8; border-top:none;} form#calculator fieldset {margin:0 13px; border-bottom:1px dotted #777;} 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 #bab5ab;} #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:#666;} a#finance_box_tradein_inline:hover {color:#cd6800;} #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:#cd6800;} 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:#a9a6a0; 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:#ffe6bc; 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:bold; color:#fff;} #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:#ffe6bc;} #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 #4b4b49; border-top:1px solid #000;} #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:#000; background:url("vehicle_img_control_bg.png") 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.png") repeat-y right;} #controls .ss-controls a:hover {color:#ffe6bc;} /* 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 #fea614;} /* 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:-80px 0;} a#request-photos-btn {width:124px; height:26px; 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 left bottom;} a#request-photos-btn:hover {background-position:right bottom;} #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 #afaeac;} dl.spec_list dd {padding:6px 0; margin:0; width:160px; float:left; color:#333; border-top:1px dotted #afaeac;} 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 #afaeac; border-top:1px dotted #afaeac;} .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 */ #vehicle_details .carfax {padding:0; margin:10px auto 0 auto; width:265px; height:38px; display:block; overflow:hidden; text-indent:-5000px; background:url('vehicle_carfax_btn.png') no-repeat left top;} #vehicle_details .carfax:hover {background:url('vehicle_carfax_btn.png') no-repeat -275px top;} /* Certified */ #vehicle_details .certified_btn {padding:0; margin:10px auto 0 auto; width:265px; height:97px; 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:#e6e5e3; border:1px solid #a8a8a8;} .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 #a8a8a8;} .details_col_2 ul li ul li {padding:3px 0; margin:0 0 0 20px; font-size:0.6875em; list-style:disc; color:#444; border-bottom:1px dotted #777;} /* 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:#7c7c7c;} .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:#cd6800; 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:#cd6800; 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; 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:#f6f5f3; border:1px solid #dad9d7;} #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:#293c49;} #vehicle_similar h3 a:hover {color:#cd6800;} /* 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:#444; background:url('vehicle_comment.png') 3px 3px no-repeat #f2f0e0; border:1px solid #adaaa4;} /* 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; color:#293c49;} #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:#13253a;} #vehicle_dealer_message #content h3 strong {color:#000;} #vehicle_dealer_message #content a, #vehicle_dealer_message #content a strong { color:#007bbb; background:transparent;} #vehicle_dealer_message #content a:hover { color:#009ced; 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 #bab5ab;} #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:#3e484a; background:url('vehicle_form_submit.png') no-repeat left top transparent; border:none; cursor:pointer;} #directions input.submit:hover {color:#000; cursor:pointer; background:url('vehicle_form_submit.png') repeat-x left bottom;} /* 4J. MANUFACTURER INCENTIVES */ a#vehicle_mfg_incentives {padding:12px 5px 0 46px; margin:7px 0 0 0; width:265px; 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:#fffec1; 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:#d6d1cc; 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:#97918b; font-size:10px; text-transform:uppercase; line-height:10px} #vehicle_offers ul.vehicle_offers_options li a:hover {color:#fff;} #vehicle_offers ul.vehicle_offers_options li a:hover span {color:#c0a395;} #vehicle_offers ul.vehicle_offers_options li a:active {padding-top:12px; height:43px; color:#efdbd2;} #vehicle_offers ul.vehicle_offers_options li a:active span {color:#c0a395;} #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:#888;}