/*------------------------------------------------------------------ [Vehicle Inventory Stylesheet] Theme Name: Ramsey Subaru Version: 1.0 Last Change: 3/04/2013 - EJR [Table of Contents] 1. Title 2. Search Form 3. Search Matches 4. Sort & Compare 5. Search Wrap 6. Vehicle Listings 7. Pagination 8. Content 9. Headlines [Notes] -------------------------------------------------------------------*/ /* 1. TITLE */ .one_column #column_1 {padding:10px 0 15px 0; margin:0; width:960px;} #page_title {margin:0; width:960px;} #page_title .page_title_inner {padding:8px 0 12px 0;} #columns {} #column_1 h1.results {padding:0 0 10px 0; width:685px; float:left; font-family:'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial, sans-serif; font-style:normal; font-weight:normal; font-size:2em; line-height:1em; text-transform:uppercase; color:#202b39;} /* Search VIN Stock */ #inventory-search-vin-stock {margin-top:5px; width:231px; float:right; position:relative;} #inventory-search-vin-stock label {display:none;} #inventory-search-vin-stock .text {padding:6px 8px 5px 8px; width:177px; min-height:17px; position:absolute; top:0; left:0; font-family:'HelveticaNeueW02-57Cn', Helvetica, Arial, sans-serif; font-size:0.875em; font-weight:normal; letter-spacing:1px; color:#9daab9; background:#fff; border:1px solid #bbc2cb; border-right:none;} #inventory-search-vin-stock .text.active {color:#202b39; border-color:#537094;} #inventory-search-vin-stock .submit-wrap {width:37px; height:30px; position:absolute; top:0; right:0; overflow:hidden;} #inventory-search-vin-stock .submit {padding:0 0 0 300px; width:37px; height:30px; display:block; cursor:pointer; background:url('search-vinstock-button.png') no-repeat; border:none;} #inventory-search-vin-stock .submit:hover {background-position:0 -35px;} /* Search Flags */ .search_flags {padding:0; margin:10px 0 0 0;} .search_flags.no_flags {margin:0;} .search_flags span.title {padding-right:10px; display:block; float:left; font-family:'HelveticaNeueW01-67MdCn 692710', Helvetica, Arial, sans-serif; font-size:1.2em; font-weight:normal; text-transform:uppercase; letter-spacing:1px; line-height:30px; color:#202b39;} .search_flags .flag_holder {padding-left:150px;} .search_flags .search-flag, .search_flags .search-flag-clear-all {padding:0 0 0 10px; margin:0 10px 4px 0; display:inline; float:left; font-family:'HelveticaNeueW02-57Cn', Helvetica, Arial, sans-serif; font-size:0.75em; font-weight:normal; text-transform:uppercase; letter-spacing:2px; line-height:22px; color:#202b39; background:#c7d0d8; border-radius:3px;} .flag-item {padding-top:4px; float:left;} .search_flags .keyword {background:#ffff00;} .search_flags .search-flag-clear-all {padding-top:4px;} .search_flags .flag-close {width:29px; height:29px; display:block; float:left; overflow:hidden; text-indent:-5000px; background:url('search-flag-close.png') no-repeat 5px 5px;} .search_flags .flag-close:hover {background-position:5px -19px;} .search_flags .search-flag-clear-all {padding-left:6px; background:none;} .search_flags .search-flag-clear-all a:hover {color:#be4745;} /* 2. SEARCH FORM */ .search-holder { margin:0 0 10px 0; position:relative;} #search {padding:0 0 11px 0; margin:0; display:block; position:relative; background:#202b39; border-top:6px solid #537094;} #search .search_inner {padding:2px 24px 0 24px; margin-bottom:0; position:relative;} #search fieldset {margin:0; width:720px; float:left;} #search fieldset legend {display:none;} #search fieldset div {width:180px; float:left;} #search fieldset div.trim_holder {width:170px;} #search fieldset label {margin-top:9px; display:block; font-family:'HelveticaNeueW02-57Cn', Helvetica, Arial, sans-serif; font-size:0.75em; font-weight:normal; text-transform:uppercase; color:#b3bcc9; letter-spacing:1px;} #search fieldset select {padding:7px 4px 4px 4px; width:165px; font-family:'HelveticaNeueW02-57Cn', Helvetica, Arial, sans-serif; font-size:0.875em; letter-spacing:1px; color:#202b39; background:#eceff2; border:none; border-bottom:3px solid #537094;} #search fieldset select option { font-family:'HelveticaNeueW02-57Cn', Helvetica, Arial, sans-serif; font-size:0.875em; letter-spacing:1px; color:#202b39;} #search fieldset .range {width:80px;} #search .search_submit {padding:27px 0 0 0; float:right;} .search_submit input.submit {padding:7px 0; width:170px; overflow:visible; display:inline; font-family:'HelveticaNeueW01-67MdCn 692710', Helvetica, Arial, sans-serif; font-weight:normal; font-size:0.875em; letter-spacing:1px; text-transform:uppercase; color:#fff; background:#be5000; border:none; cursor:pointer; border-radius:4px; box-shadow: 0 3px 0 #682c00;} .search_submit input.submit:hover {color:#fff; cursor:pointer; background:#d45b02;} /* Advanced Search */ #search fieldset div#vehicle_search_advanced {width:725px; float:left; display:none;} #search fieldset .tag-toggle label {padding:10px 0 0 0; width:300px;} #vehicle_search_advanced {} #search #vehicle_search_adv_link {margin-top:7px; padding-right:20px; width:686px; display:block; font-family:'HelveticaNeueW01-67MdCn 692710', Helvetica, Arial, sans-serif; font-size:0.625em; text-align:right; font-weight:normal; line-height:1.5em; letter-spacing:2px; text-transform:uppercase; color:#b3bcc9; background-image:url('vehicle_results_advanced.png'); background-repeat:no-repeat;} #search #vehicle_search_adv_link:hover {color:#fff;} #search .advanced_closed {background-position:692px 0px;} #search .advanced_closed:hover {background-position:692px -60px;} #search .advanced_open {background-position:692px -30px;} #search .advanced_open:hover {background-position:692px -90px;} /* 3. SEARCH MATCHES */ #search_matches {margin:0; width:213px; height:auto; top:0; bottom:0; right:0; display:block; float:right; position:absolute; text-align:center; background:#202b39; border-top:6px solid #537094;} #search_matches .search_matches_inner {margin-top:-39px; width:213px; top:50%; position:absolute; text-align:center;} #search_matches p {padding:0 5px; margin:0; font-family:'HelveticaNeueW01-67MdCn 692710', Helvetica, Arial, sans-serif; font-size:1em; font-weight:normal; line-height:1em; letter-spacing:1px; text-transform:uppercase; color:#fff;} #search_matches p strong {display:block; font-family:'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial, sans-serif; font-size:2.625em; font-weight:normal; line-height:1em; color:#fff;} #search_matches p em {display:block; font-family:'HelveticaNeueW02-57Cn', Helvetica, Arial, sans-serif; font-size:0.75em; font-style:normal; font-weight:normal; letter-spacing:2px; color:#b3bcc9;} /* 4. SORT & COMPARE */ #sort {padding:0 0 10px 16px; margin:14px 0 0 0; width:578px; float:left; clear:both; font-family:'HelveticaNeueW02-57Cn', Helvetica, Arial, sans-serif; font-weight:normal; font-size:0.875em; line-height:18px; color:#b3bcc9;} #sort span.title {width:80px; display:block; float:left; font-family:'HelveticaNeueW01-67MdCn 692710', Helvetica, Arial, sans-serif; font-size:1.2em; font-weight:normal; text-transform:uppercase; letter-spacing:1px; color:#fff;} #sort a {padding:0 12px; margin:0; float:left; letter-spacing:1px; text-transform:uppercase; line-height:18px; color:#b3bcc9;} .sort_divider {padding:0; width:0; height:20px; float:left; border-left:1px solid #000; border-right:1px solid #414d5c;} #sort a:hover {color:#FFFFFF;} #sort a em {font-weight:bold; font-style:normal; color:#fff;} #sort img {margin:0 0 2px 0; display:inline;} /* Vehicles Per Page */ #listings_number_changer {margin:9px 11px 0 0; width:250px; float:right; text-align:right;} #listings_number_changer label {font-family:'HelveticaNeueW01-67MdCn 692710', Helvetica, Arial, sans-serif; font-size:0.875em; font-weight:normal; text-transform:uppercase; letter-spacing:1px; color:#fff;} #listings_number_changer select {padding:7px 4px 4px 4px; margin-left:6px; width:46px; font-size:0.812em; color:#202b39; background:#eceff2; border:none;} /* 5. SEARCH WRAP */ #search_results_wrap {width:960px; position:relative; background:#202b39; border:none;} #ajax_vehicle_results {padding:7px 8px; margin:0 0 -1px 0; width:944px;} /* 6. VEHICLE LISTINGS */ ul#search_results {padding:0; margin:0; width:944px;} ul#search_results li.vehicle {padding:8px 8px 8px 166px; margin:0 0 1px 0; width:770px; min-height:110px; position:relative; overflow:hidden; vertical-align:bottom; list-style:none outside; color:#666; border-top:3px solid #537094; background:#eceff2;} ul#search_results li.vehicle:hover {background:#fff;} ul#search_results li {padding:0; margin:0; list-style:none outside;} /* Columns */ li.vehicle .sub_col_1, li.vehicle .sub_col_2 {padding:3px 0 0 0; float:left;} li.vehicle .sub_col_1 {width:625px;} li.vehicle .sub_col_2 {width:140px; float:right;} /* Vehicle Year Make Model Trim */ ul#search_results h2 {margin:0 0 4px 0; width:598px; font-size:1.375em; line-height:1.2em; position:relative;} ul#search_results h2 a {display:block; font-family:'HelveticaNeueW01-67MdCn 692710', Helvetica, Arial, sans-serif; font-weight:normal; text-transform:uppercase; letter-spacing:1px; color:#202b39;} ul#search_results h2 a strong {font-size:0.818em; font-weight:normal;} ul#search_results h2 a .vehicle_trim {font-size:0.818em; font-weight:normal;} ul#search_results h2 a:hover {color:#539b6b;} /* Quick Links */ ul#search_results ul.quick-links, ul#search_results ul.quickl-links li {padding:0; margin:0;} ul#search_results ul.quick-links {padding:10px 0 0 0; width:598px;} ul#search_results ul.quick-links li {margin-right:12px; height:18px; display:block; list-style:none; float:left;} /* Check Availability */ ul#search_results a.check-availability {margin:0; width:143px; height:18px; display:block; overfow:hidden; text-indent:-5000px; background:url('vehicle_check_availability_btn.png') no-repeat;} ul#search_results a.check-availability:hover {background-position:0 -20px;} ul#search_results a.check-availability:active {background-position:0 -40px;} /* Lease Price */ ul#search_results a.request-lease-price {margin:0; width:130px; height:18px; display:block; overfow:hidden; text-indent:-5000px; background:url('vehicle_lease_price_btn.png') no-repeat;} ul#search_results a.request-lease-price:hover {background-position:0 -20px;} ul#search_results a.request-lease-price:active {background-position:0 -40px;} /* Window Sticker */ ul#search_results a.window-sticker {margin:0; width:162px; height:16px; display:block; overfow:hidden; text-indent:-5000px; background:url('vehicle_window_sticker_btn.png') no-repeat;} ul#search_results a.window-sticker:hover {background-position:0 bottom;} /* Vehicle Image */ ul#search_results .vehicle_image {position:absolute; top:8px; left:8px; width:147px; height:110px; display:block; padding:0; font-size:9px;} ul#search_results .vehicle_image img {padding:0; width:147px; display:block;} /* Video Play Button */ li.vehicle .inventory_video_play_button {position:absolute; top:1px; left:1px; width:85px; height:15px; cursor:pointer; overflow:hidden; z-index:2;} li.vehicle .inventory_video_play_button:hover img {margin-top:-15px;} /* Dealer Comments */ li.vehicle .comments {padding:6px 4px 5px 28px; margin:4px 0 6px 0; width:571px; font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; font-style:italic; line-height:1.153em; color:#375d8c; background:url('vehicle_comment.png') 6px 7px no-repeat #fff; border:1px solid #bbc2cb; border-radius:4px;} ul#search_results li.vehicle:hover .comments, ul#search_results li.vehicle .comments:hover {background-color:#eceff2;} /* Vehicle Options */ li.vehicle ul.meta {padding:0; margin:0; width:625px; font-family:'HelveticaNeueW02-57Cn', Helvetica, Arial, sans-serif; font-weight:normal; font-size:0.75em; letter-spacing:1px; color:#666f77;} li.vehicle ul.meta li {padding:2px 0 2px 0; margin:0 0 2px 0; width:204px; float:left;} li.vehicle ul.meta li ul {padding:0; margin:-18px 0 0 65px; width:133px; float:none;} li.vehicle ul.meta li ul li {padding:1px 6px 0 0; margin:0; width:135px; float:none; font-weight:normal; color:#202b39;} li.vehicle ul.meta_no_comment {margin-top:1em;} li.vehicle ul.meta li ul li .highlight {background:#ffff00;} /* Vehicle Price */ ul#search_results li.vehicle ul.price {padding:2px 0 0 0; margin:0; width:140px; font-family:'HelveticaNeueW02-57Cn', Helvetica, Arial, sans-serif; font-weight:normal; font-size:0.75em; letter-spacing:1px; color:#202b39;} ul#search_results li.vehicle ul.price li {padding:2px 0 2px 0; margin:0 0 2px 0; width:140px; list-style:none outside;} ul#search_results li.vehicle ul.price li ul {padding:0; margin:-20px 0 0 57px; width:83px;} ul#search_results li.vehicle ul.price li ul li {padding:0 0 0 0; margin:0; width:78px; list-style:none outside; font-family:'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial, sans-serif; font-size:1.5em; font-weight:normal; text-align:right; letter-spacing:normal;} ul#search_results li.vehicle ul.price li ul li .price_crossout {text-decoration:line-through;} /* Dual Pricing */ ul#search_results li.vehicle .inv_dual_pricing .inv_price_high {font-family:'HelveticaNeueW02-57Cn', Helvetica, Arial, sans-serif; font-weight:normal; text-decoration:line-through;} ul#search_results li.vehicle .inv_dual_pricing .inv_price_difference {font-family:'HelveticaNeueW02-57Cn', Helvetica, Arial, sans-serif; font-weight:normal; color:#be5000;} ul#search_results li.vehicle .inv_single_pricing .inv_price_low {color:#be5000;} /* Certified Image */ li.vehicle .certified {margin:5px 0 0 0; display:block;} /* Vehicle Details Button */ li.vehicle a.view_details {width:140px; margin:10px 0 0 0; height:29px; display:block; text-indent:-5000px; background:url('vehicle_results_view_details.png') no-repeat;} li.vehicle a:hover.view_details {background-position:0 -30px;} li.vehicle a:active.view_details {background-position:0 -60px;} /* 7. PAGINATION */ .pagination {margin:27px auto 16px auto; font-family:'HelveticaNeueW01-67MdCn 692710', Helvetica, Arial, sans-serif; font-size:0.9375em; font-weight:normal; text-align:center; text-transform:uppercase; line-height:19px; letter-spacing:1px; color:#fff;} .pagination span, .pagination a {padding:3px 6px; margin:0 2px; line-height:19px; background:#537094; border-top:1px solid #91a4bb; border-radius:3px;} .pagination span.current {font-size:1.267em; color:#fff; background:none; border:none;} .pagination span.break {padding:3px 2px; background:none;} .pagination a {color:#fff;} .pagination a:hover {color:#fff; background-color:#6d89ad; border-color:#a0b3c9;} .pagination .break {background:none; border:none;} .pagination .listings_summary {margin-top:10px; display:block; font-size:.75em; letter-spacing:2px; color:#838fa1; background:none; border:none;} .pagination .disabled_nav {color:#8b9098; background-color:#384c65; border-color:#566577;} .pagination .first, .pagination .previous, .pagination .next, .pagination .last, .pagination .first_disabled, .pagination .previous_disabled, .pagination .next_disabled, .pagination .last_disabled {width:33px; overflow:hidden; text-indent:-5000px;} /* Car Finder */ #search_results_wrap .car-finder {width:944px; height:104px; display:block; position:relative; overflow:hidden; background:url('vehicle_results_car_finder_sprite.png') no-repeat #eceff2; border-top:3px solid #537094;} #search_results_wrap .car-finder span {width:187px; height:37px; display:block; position:absolute; left:707px; top:32px; overflow:hidden; text-indent:-5000px; background:url('vehicle_results_car_finder_sprite.png') no-repeat right top;} #search_results_wrap .car-finder span:hover {background-position:right -39px;} #search_results_wrap .car-finder span:active {background-position:right -78px;} /* Inventory Notice - Out of Stock */ .inventory_notice {margin:12px 40px 20px 40px; padding:0; color:#333; line-height:1.3em; background:url('inventory_notice_bg.png') repeat-x #ffeea8; border:1px solid #afa478;} .inventory_notice_inner {padding:1em 20px 1em 114px; background:url('notice_large_icon.png') no-repeat 18px center;} .inventory_notice p {margin:0; padding:0;} /* 8. CONTENT */ #content {padding:8px 16px;} /* 9. HEADLINES */ /************************ headline ************************/ #headline_wrap {width:960px; height:120px; margin:0 0 10px 0; position:relative; z-index:1; overflow:hidden; color:#A90C0F;} #headline {margin:0 auto; width:960px; position:absolute; z-index:1; overflow:hidden;} #headline_wrap #headline .headline_inventory_min {padding:0 5px; position:absolute; top:6px; right:6px; cursor:pointer; z-index:200; display:none; font-size:0.625em; color:#fff; text-transform:uppercase; background:#be4745; -moz-border-radius:4px; -webkit-border-radius:4px;} #headline_wrap .headline_inventory_text {display:none;} /* Slides */ ul#slides, ul#slides img {width:960px; height:120px;} ul#slides {padding:0; margin:0; overflow:hidden; white-space: nowrap; position:relative;} ul#slides li {padding:0; margin:0; height:120px; list-style:none; display:inline; /*position:relative;*/} /* Must be relative or last headline flashes first */ ul#slides img {padding:0; margin:0; top:0; left:0; list-style:none;} /* Slide Nav */ #headline ol.flex-control-paging {padding:0; width:auto; height:18px; position:absolute; display:none; bottom:6px; right:9px; z-index:50;} #headline ol.flex-control-paging li a {width: 12px; height: 12px; display: block; background: #6b6b6b; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 2px #fff;} #headline ol.flex-control-paging li a:hover {background: #272727; } #headline ol.flex-control-paging li a.flex-active { background: #fff; box-shadow: inset 0 0 2px #000; cursor: default; } /* Legal & Description */ /*body.js ul#slides .headline_toggle {display:block;}*/ ul#slides .headline_toggle {width:76px; display:block; position:relative; bottom:25px; left:9px; font-size:0.562em; text-transform:uppercase; text-align:center; cursor:pointer; color:#4d4d4d; background:#cacaca; -moz-border-radius:4px; -webkit-border-radius:4px;} ul#slides .headline_toggle:hover{background:#cacaca; color:#A90C0F;} ul#slides .headline_description {padding:15px 20px 0 20px; margin:0; width:920px; height:105px; display:none; overflow:hidden; position:relative; top:-142px; left:0; cursor:auto; z-index:102; text-align:left; white-space:normal; background:url("../images/template/featured_vehicles_description_bg.png");} ul#slides .headline_description h6 {padding:0 0 5px 0; font-size:0.75em; color:#fff; line-height:normal; letter-spacing:2px; text-transform:uppercase;} ul#slides .headline_description p {margin-bottom: 0px; width:920px; height:56px; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:0.625em; color:#b5b5b6; line-height:normal; text-transform:none;} /* Generarted by JavaScript */ ul#slides .headline_description div.headline_close {padding:0 5px; position:absolute; bottom:6px; left:9px; cursor:pointer; z-index:200; font-size:0.625em; color:#fff; text-transform:uppercase; background:#A90C0F; -moz-border-radius:4px; -webkit-border-radius:4px;} /*********************** headline-minized ***********************/ #headline_wrap.min {width:960px; display:block;} #headline_wrap.min ul#slides img {display:none;} #headline_wrap.min {background:url('../images/template/headline_inventory_bg.png') no-repeat 0 0;} #headline_wrap.min #headline .headline_inventory_min {padding:0; width:960px; height:30px; position:absolute; top:0px; right:0px; cursor:pointer; z-index:200; background:none;} #headline_wrap.min #headline .headline_toggle {display:none;} /* Minimized Headline Text*/ #headline_wrap.min .headline_inventory_text {display:block; text-align:center; margin:6px auto 6px auto; width:959px; position:absolute; font-family:'HelveticaNeueW01-77BdCn 692722', Helvetica, Arial, sans-serif; font-size:1.125em; font-weight:normal; font-style:italic; text-transform:uppercase; letter-spacing:1px; color:#202b39;} /* Slides */ .min ul#slides li img {display:none;} /* Slide Nav-min */ #headline ol.flex-control-paging.min {display:none;}