/* ################################################ ### IMPORT CSS STYLES ### ################################################ */ @import url(../../common/dropdown.css); @import url(../../common/similar_vehicles.css); @import url(../../common/vehicle_v2_sidebar_links.css); @import url(../../common/v2_top_search.css); @import url(../../common/vehicle_v2_top.css); @import url(../../common/vehicle_v2_vitals.css); @import url(../../common/vehicle_v2_tools.css); @import url(../../common/vehicle_v2_details.css); @import url(../../common/news_sidebar.css); @import url(../../common/news.css); @import url(../../common/inventory_v2_sidebar_filters.css); @import url(../../common/inventory_v2_right.css); @import url(../../common/inventory_v2_sidebar_contact.css); @import url(../../common/new_vehicles.css); @import url(../../common/featured_vehicles.css); @import url(../../common/sitemap.css); @import url(../../common/specials_footer.css); @import url(../../common/specials.css); @import url(../../common/common_classes.css); @import url(../../common/columns.css); * {margin: 0; padding: 0;} body {background-color: #000; color: #fff; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px;} a {color: #ddd;} a:hover {color: #f2ca61;} .wrapper {margin: 0 auto; width: 942px;} #header {height: 343px;width: 942px;} #flash_div { background: transparent url(../images/banner.jpg) center top no-repeat; height: 343px; position: relative; width: 942px; } /* #header {height: 343px; position: relative; width: 942px;} */ #header h1 {height: 100%; width: 100%;} #header h1 a {display: block; height: 100%; text-indent: -9999em; width: 100%;} #header .home_link {display: block; height: 250px; position: absolute; top: 0px ; left: 0px; z-index: 999; width: 942px; } #header .shippingLink {bottom: 0; display: block; height: 60px; left: 0; position: absolute; text-indent: -9999em; width: 350px; z-index: 999} #priNavHolder {background: transparent url(../images/priNav.jpg) center top no-repeat; height: 58px; margin: 0 -162px 0 -186px; padding: 0 162px 0 186px; position: relative} ul#priNav{width: 980px;} #priNav li {float: left; line-height: 58px; list-style: none; margin-right: 43px;} #priNav li.first {margin-left: 186px;margin-right:55px} #priNav li.last {margin-right: 0; margin-left: 16px;} #priNav li ul {display: none;} #priNav a {display: block; font-size: 15px; font-weight: bold; height: 100%; text-decoration: none; white-space: nowrap;} /* ################################################# ### #drop down menus ### ################################################ */ #dropmenudiv, #dropmenudiv_firefox {background: #000 none repeat scroll 0 0; border-color: #FFFFFF; border-style: none solid solid; border-width: 0 2px 2px; font-family: Helvetica; font-size: 12px; line-height: 1; margin: 0 0 0 0; padding: 0;} #dropmenudiv a, #dropmenudiv_firefox a {color:#fff; border-bottom:1px solid #ccc; font-weight: bold; margin:0; padding: 5px 10px; text-decoration:none; text-indent: 0; width: auto;} #dropmenudiv a:hover, #dropmenudiv_firefox a:hover {background-color:#f2ca61; background-image: none; color:#333; font-weight: bold;} #contentWrapper {background: transparent url(../images/contentTile.jpg) center top repeat-y; padding-top: 5px; width: 942px;} #content {background: transparent url(../images/contentBottom.jpg) center bottom no-repeat; padding-bottom: 10px; width: 942px;} #home #content {padding-bottom: 0;} #left, #leftColumn, #footerLeft {float: left; width: 248px;} #right, #rightColumn, #footerRight {color: #fff; width: 685px;} #left p, #right p {color: #fff; font-size: 12px;} #footerRight {float: left; margin-left: 20px; width: 665px;} #right h2, #finance_middle h2, #notify_middle h2 {color: #fff;} #right p, #finance_middle p, #notify_middle p {color: #fff; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; } #financeLeft p, #notify_middle p {margin-bottom: 10px;} #footerNav li {border-right: 1px solid #fff; float: left; list-style-type: none; margin-right: 3px; padding-right: 3px;} #footerNav li.last {border: none; margin: 0; padding: 0;} #footer {background: transparent url(../images/footer.jpg) center top no-repeat; clear: both; margin: 0 -162px 0 -186px; padding: 20px 162px 120px 186px} #footer a {text-decoration: none;} #ec_footer li {float: left; list-style: none;} #ec_footer .first {border-right: 1px solid #fff; clear: both; margin-right: 5px; padding-right: 5px;} #ec_footer .last {clear: both;} .ecl a {background: url(../images/ecarlist.png) left top; display: block; height: 32px; margin-bottom: 5px; text-indent: -9999em; width: 140px;} .ecl a:hover {background-position: right top;} /*****home******/ /*left*/ #home #search {background: transparent url(../images/searchInventory.png) left top no-repeat; height: 235px; padding: 5px 11px 5px 13px; width: 219px;} #home #search h2 {text-indent: -999em; height: 45px; margin-bottom: 5px; width: 235px;} *:first-child+html #home #search h2 {height: 40px; margin-bottom: 0;} #home #search label {color: #eeeeee; font-size: 12px;} #home #search select {border: 1px solid #9c9c9c; color: #666666; font-weight: bold; margin-bottom: 2px; width: 216px;} #home #search #listing_form {margin-left: 0;} #home #search .submitButton {background-color: #808080; border: 1px solid #eee;; color: #eee; padding: 2px; width: 216px;} #home #search .submitButton:hover {background-color: #525252;} .vehicleFinder, #vehicle_v2_notify_button {background: url(../images/vehicleFinder.png) left top no-repeat; display: block; height: 85px; margin: 4px 0; text-indent: -9999em; width: 242px;} .vehicleFinder:hover, #vehicle_v2_notify_button:hover {background-position: left bottom;} #vehicle_v2_notify_button img {display: none;} #home .dealershipImageHolder {background: transparent url(../images/leftGrad.jpg) right top no-repeat; margin-right: -1px; margin-left: -186px; padding-left: 186px;} #home .dealershipImage {margin: 10px 0;} #home .contact {font-size: 14px; margin-right: 5px; text-align: right;} #home .contact h3 {font-size: 17px; margin-bottom: 3px;} #home .contact ul {line-height: 1.5; list-style: none; margin-bottom: 5px;} #home .contact .directions {background: transparent url(../images/rightArrow.jpg) right top no-repeat; border: 1px solid #9b9b9b; display: block; float: right; margin-bottom: 10px; line-height: 25px; padding: 0 26px 0 5px; text-align: left; text-decoration: none; width: 116px; } #home .contact .directions:hover {background-position: right bottom; color: #ddd;} /*right*/ #specialsHolder {background: transparent url(../images/homeSpecials.jpg) center top no-repeat; height: 276px; margin-bottom: 4px;} #specialsHolder #specials_flash {padding: 5px;} #specialsHolder .viewAll {background: transparent url(../images/viewAllSpecials.png) left top no-repeat; float: right; height: 22px; margin: 10px 5px 0 0; text-indent: -9999em; width: 164px;} #specialsHolder .viewAll:hover {background-position: left bottom;} #homeImagery {margin-left: -4px;} #homeAbout {background: url(../images/homeDivider.jpg) right bottom no-repeat; float: left; height: 232px; padding: 17px 17px 17px 13px; width: 273px;} #homeAbout h3 {font-size: 15px; font-weight: normal;} #homeAbout p {line-height: 1.75; max-height: 190px; overflow: hidden;} #homeAbout .readMore {float: right; font-size: 14px; margin-bottom: 10px; text-decoration: none; text-transform: uppercase;} #VehicleSlider {background-color: #000; float: left; height: 266px; position: relative; width: 382px;} #VehicleSlider #vertSlider {height: 240px;} #VehicleSlider #actions .next, #VehicleSlider #actions .prev {background: transparent url(../images/sliderArrows.jpg); height: 15px; left: 174px; position: absolute; text-indent: -9999em; width: 41px;} #VehicleSlider #actions .prev {background-position: left top; top: 8px;} #VehicleSlider #actions .prev:hover {background-position: right top;} #VehicleSlider #actions .next {background-position: left bottom; bottom: 6px;} #VehicleSlider #actions .next:hover {background-position: right bottom;} #VehicleSlider .scrollable {height: 219px; margin: 25px; overflow: hidden; position: relative; width: 382px;} #VehicleSlider .scrollable .items {height: 2000em; position: relative; width:382px;} #VehicleSlider .scrollable .item {float: none; height: 219px; margin: 0; width: 382px;} #VehicleSlider .scrollable .item h4 a {color: #fff;} #VehicleSlider a{text-decoration: none; text-transform: uppercase;} #VehicleSlider a img {border: none;} #VehicleSlider .inventoryLinks li {float: left; list-style-type: none; margin: 0 5px 6px; max-width: 150px;} #VehicleSlider .inventoryLinks li.first {margin-left: 0;} #VehicleSlider .inventoryLinks li.last {margin-right: 0;} #VehicleSlider .inventoryLinks a {background: transparent url(../images/rightArrow.jpg) right top no-repeat; border: 1px solid #9b9b9b; display: block; float: right; font-size: 12px; line-height: 25px; padding: 0 30px 0 5px; text-align: left; text-decoration: none; text-transform: none;} #VehicleSlider .inventoryLinks a:hover {background-position: right bottom; color: #ddd;} #VehicleSlider .trimLinks {clear: both;} #VehicleSlider .trimLinks li {float: left; list-style-type: none; margin: 0 5px; text-transform: uppercase;} #VehicleSlider .trimLinks li.first {margin-left: 0;} #VehicleSlider .trimLinks li.last {margin-right: 0;} .inventory_image_label_sold { background: url(http://images1.ecarlist.com/sites/images/certified/sold_95.jpg); height: 23px; width: 100px; text-indent: -9000em; } #vertSlider, #vertSlider .scrollable {overflow: hidden;} #homeText {display: none;} #homeText h3 {margin-top: 30px;} #homeText p {margin-bottom: 20px;} #homeText a {text-decoration: underline;} /*****inventory******/ /*left*/ #site_logoSection, #site_logoSection img {display: none;} #inventory_v2_sidebar_filters {margin-right: 5px;} #inventory_v2_sidebar_filters h2 {color: #ddd;} #currentFilters {background-color: #4d5163; border: none;} #currentFilters p, #currentFilters a {color: #fff;} .filterList {background-color: transparent; border: 1px solid #9b9b9b;} .filterList li a {color: #fff; background-image: url(../../images/listingImages/arrowTree_grey.gif); padding:1px 2px 1px 12px;} .filterList li a:hover {color: #fff; background-color: #4d5163} .filterList span a:hover {color: #000} /*right*/ #inventory_v2_sidebar_contact {background: transparent url(../images/leftGrad.jpg) right top no-repeat; margin-right: -1px; margin-left: -186px; padding-left: 186px; padding-top: 10px;} #searchBar, #sort_bar {background: transparent url(../images/sortBarBg.jpg) center top no-repeat;} #sort_bar, #sort_bar a {color: #fff;} #sort_bar a:hover {color: #f2ca61;} .inventory_v2_row {background: transparent; border: 1px solid #9b9b9b; margin-bottom: 5px;} .inventory_v2_details h4 a {font-size: 16px;} .inventory_v2_details h4 a, .inventory_v2_price_right {color: #f2ca61;} .inventory_v2_price_right {font-size: 24px;} .inventory_v2_price_right .price_line_1 {line-height: 24px;} .inventory_v2_price_right .price_title {color: #fff;} .inventory_v2_details_wrap a {color: #fff !important;} .inventory_v2_details_wrap a:hover {color: #f2ca61 !important;} /*****vehicle******/ /*left*/ #similarVehicles {margin-right: 5px;} #similarVehicles h3 {color: #fdefe6;} .similarVehicle {border: 1px solid #9b9b9b; color: #ccc;} .similarVehicle a {text-decoration: none;} #vehicle_v2_sidebar_links {background: transparent; border: 1px solid #9b9b9b; margin-right: 5px;} #vehicle_v2_sidebar_links p {color: #fff; font-weight: bold;} #vehicle_v2_sidebar_links li a {background-image: url(../../images/listingImages/arrowTree_grey.gif); color: #999;} #vehicle_v2_sidebar_links li a:hover {color: #fff;} /*right*/ #vehicle_topbar {background: transparent url(../images/sortBarBg.jpg) center top no-repeat; height: 36px;} #vehicle_topbar_left, #vehicle_topbar_right {height: 36px; line-height: 36px;} #vehicle_topbar_right ul {margin: 0; padding-top: 3px;} #vehicle_vitals {background: transparent; color: #ccc;} #vehicle_title {color: #f2ca61;} #vehicle_contact {color: #ccc;} #media_center_links {margin-top: 10px;} #vehicle #priceContainer #price {color: #7f7f7f; font-size: 14px; font-weight: bold;} #vehicle #priceContainer #price .price_line_1 {color: #f2ca61; font-size: 32px} #vehicle .ecl_carfax_highlights {color: #ddd !important;} #vehicle_thumbs {background-color: transparent; border-top: 1px solid #9c9c9c;} #customer_tools {color: #333;} /*****financing******/ #financing #contentWrapper, #financing #content {background-image: none;} #financing .financeBox2 p {color: #444;} /*****notify******/ #notify #contentWrapper, #notify #content {background: none; color: #fff;} #notify #notify_middle {float: left; margin-right: 0; width: 615px;} #notify_right {width: 310px;} #notify_form_div {background-color: #fff; color: #444; padding: 5px;} /*****specials******/ #specials_navigation a {color: #666;} #specials_navigation a:hover {text-decoration: underline;} #specials .automated_10425_line1 {color: #ccc !important;} #specials .automated_10425_line2 {color: #f2ca61 !important;} /*****sitemap******/ #sitemap #sitemapContent h1 {width: 220px;} #sitemap #sitemapContent li {list-style-type: none; margin-bottom: 5px;} #sitemap #sitemapContent li a {text-decoration: none;} #sitemap_list {margin-right: 40px;} .sitemap_vehicle_title {font-weight: bold;} /*****contact_small******/ #contact_small {border: 1px solid #9b9b9b; margin-right: 5px; padding: 5px; width: 231px;} #contact_small h2 {color: #ddd; font-size: 18px; margin-bottom: 10px;} #contact_small label {color: #999; font-size: 11px;} #contact_small .input_element {width: 193px !important;} #contact_small .submitButton {background: url(../images/sendBtn.jpg) left top no-repeat; border: none; height: 27px; margin-left: 140px; text-indent: -9999em; width: 52px;} #contact_small .submitButton:hover {background-position: left bottom;} /*****sidebar_address******/ #sidebar_address p {margin-bottom: 10px;} #sidebar_address a#getdirections:hover {color: #000;} .custom_page .red {color: #f00;} .custom_page .gold {color: #f2ca61} .custom_page .indentedList {margin-left: 24px; margin-bottom: 12px;} .custom_page .collisionCenterImage {float: left; text-align: center; width: 50%;} .custom_page .collisionCenterImage img {margin-bottom: 5px;} .custom_page .teamMembers {border: 1px solid #fff; clear: right; float: right; margin: 0 0 20px 20px; padding: 10px;} .custom_page .teamMembers ul {list-style: none; margin-bottom: 10px;} #maintenance_schedule .custom_page h3 {font-size: 19px; margin: 10px 0;} #maintenance_schedule .custom_page h4 {font-size: 16px; font-weight: bold;} #maintenance_schedule .custom_page ul {margin: 0 0 40px 20px;} #stockVinSearch {margin: 10px 0;} #stockVinSearch input {background:#E8E8E8 none repeat scroll 0 0; border:1px solid #ABABAB; color:#666666; font-size:7pt; padding:2px 5px; text-decoration:none;} #stockVinSearch input:hover {color: #000;} a#creditbttnnew { display:block; width:584px; height:180px; margin: 20px auto; padding: 0; text-indent: -9000px; background: url(../images/Credit_Button_Heritage.jpg) no-repeat left top; } /***** social media links ****/ #socialMedia_links { list-style-type: none; } #socialMedia_links li { float: right; display: inline; margin:15px 15px 15px 0px; } #socialMedia_links li a{ width: 48px; height: 48px; text-indent: -9000px; display: block; float: left; } #socialMedia_links li a#socialMedia_link001{ background: url('../images/facebook_icon_big.png') no-repeat; } #socialMedia_links li a#socialMedia_link002{ background: url('../images/blogger_big.png') no-repeat; } #socialMedia_links li a#socialMedia_link003{ background: url('../images/twitter_icon_big.png') no-repeat; }