/* ################################################ ### IMPORT CSS STYLES ### ################################################ */ @import url(http://images1.ecarlist.com/sites/common/dropdown.css); @import url(http://images1.ecarlist.com/sites/common/similar_vehicles.css); @import url(http://images1.ecarlist.com/sites/common/vehicle_v2_sidebar_links.css); @import url(http://images1.ecarlist.com/sites/common/v2_top_search.css); @import url(http://images1.ecarlist.com/sites/common/vehicle_v2_top.css); @import url(http://images1.ecarlist.com/sites/common/vehicle_v2_vitals.css); @import url(http://images1.ecarlist.com/sites/common/vehicle_v2_tools.css); @import url(http://images1.ecarlist.com/sites/common/vehicle_v2_details.css); @import url(http://images1.ecarlist.com/sites/common/news_sidebar.css); @import url(http://images1.ecarlist.com/sites/common/news.css); @import url(http://images1.ecarlist.com/sites/common/inventory_v2_sidebar_filters.css); @import url(http://images1.ecarlist.com/sites/common/inventory_v2_right.css); @import url(http://images1.ecarlist.com/sites/common/inventory_v2_sidebar_contact.css); @import url(http://images1.ecarlist.com/sites/common/new_vehicles.css); @import url(http://images1.ecarlist.com/sites/common/featured_vehicles.css); @import url(http://images1.ecarlist.com/sites/common/sitemap-2.0.css); @import url(http://images1.ecarlist.com/sites/common/specials_footer.css); @import url(http://images1.ecarlist.com/sites/common/specials.css); @import url(http://images1.ecarlist.com/sites/common/common_classes.css); @import url(http://images1.ecarlist.com/sites/common/columns.css); * {margin: 0; padding: 0;} body {background: #333 url(../images/bodyBgGreen.gif) left top repeat-x; font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 11px; margin: 0; padding: 0;} a {color: #333;} a:hover {color: #666; text-decoration: underline;} a img {border: none;} .box {border: 1px solid #ccc;} .caps {text-transform: capitalize;} .clear {clear: both;} .wrapper {margin: 0 auto; width: 1008px; padding: 0 45px; background: transparent url(../images/contentBg.png) center top repeat-y; } #header {background: #fff url(../images/headerBG-red.gif) left top repeat-x; height: 197px; width: 1008px;} #header #returnHome {} #header #returnHome a{background: transparent url(../images/rightArrow.png) 1003px center no-repeat; color: #ccc; display: block; padding-right: 8px; padding-top: 3px; text-align: right; text-decoration: none; text-transform: uppercase; width: 1000px;} #header #returnHome a:hover {background-color: #a60000; text-decoration: none;} #header a#bbb { float:left; margin: 0; padding: 0; } #header a#left_dealer{float: left; margin: 22px 0px 0px 27px; padding: 0; display: none;} #header h1 {background: transparent url(../images/logo.png) top center no-repeat; display: inline-block; float: left; height: 62px; margin: 26px 0 0 15px; text-indent: -9999em; width: 246px;} #header h1 a {display: block; height: 100%; width: 100%;} #header .divisionAddress {clear: right; color: #999; float: right; margin-top: 10px;} #header .divisionAddress li {list-style-type: none;} #header #DealerAddress {position: relative;} #header #DealerAddress h2 {margin-top: 25px;} #header #phoneNumbers {font-size: 26px;} #header #DealerAddress #domain a{height: 100px; right: 0; top: 0; position: absolute; width: 100px; } #priNavHolder {text-align: center; background-color: #333;border-bottom: 2px solid #fff; border-top: 1px solid #bc9e9e; margin: 0 auto;} #priNav {display: inline-block; height: 30px; margin: 0 auto; width: auto;} #priNav li{ border-left: 1px solid #fff; float: left; list-style-type: none;} #priNav li:last-child {border-right: 1px solid #fff;} #priNav li a{background: transparent url(../images/navBG.gif) center top repeat-x; color:#fff; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 12px; height: 9px; margin: 0 auto; text-align: center; text-decoration: none; text-transform: capitalize; padding: 9px 10px 12px;} #priNav li a:hover {background: #333 none;} #priNav li ul {display: none;} #phoneNumbers {clear: both; font-size: 16px; padding: 23px 15px 0;} #phoneNumbers ul {float: left; height: 30px;} #phoneNumbers li {color: #fff; list-style-type: none;} #phoneNumbers ul.left {float: left; width: 340px;} #phoneNumbers ul.middle {float: left; text-align: center; margin-top: 5px; width: 350px;} #phoneNumbers ul.right {float: right; text-align: right; width: 280px;} #phoneNumbers ul.right.dealer{font-size: 18px;width: auto;} /* ################################################# ### #drop down menus ### ################################################ */ #dropmenudiv, #dropmenudiv_firefox {background: #fff url(../images/dropdownBg1339.jpg) center bottom repeat-x; font-family: Helvetica; font-size: 12px; line-height: 1; margin: 0 0 0 -1px; padding: 0;} #dropmenudiv a, #dropmenudiv_firefox a {color:#333; border: none; margin:0; padding: 5px 10px; text-decoration:none; text-indent: 0; width: auto;} #dropmenudiv a:hover, #dropmenudiv_firefox a:hover {background-color:#a00; background-image: none; color:#fff; font-weight: normal;} /* ################################################# ### #footer ### ################################################ */ #footer {background: #343434 url(../images/footer.png) left top repeat-x; color: #ccc; margin-bottom: 10px; } #footer .wrapper {background: none; padding-top: 44px; width: 1000px;} #footer #contact {float: left; width: 885px;} #footer #footerLinks {float: right; margin-left: 10px;} #footer #footerCP {clear: left; float: right; margin-left: 10px; width: 110px;} #footer #main {height: 208px; text-align: center; width: 233px;} #footer #main h2 a{background: transparent url(../images/redNoland.png) center top no-repeat; display: block; height: 68px; margin: 20px auto 20px; text-indent: -9999em; width: 207px;} #footer #main p {margin-bottom: 10px;} #footer .box {float: left; margin-bottom: 5px; margin-right: 10px; padding: 4px 5px; width: 191px;} #footer .box:hover {color: #fff;} #footer .box h2 {text-indent: -9999em;} #footer #description {height: 191px; padding: 10px; width: 588px;} #footer li {margin: 5px 0; list-style-type: none;} #footer h3 {color: #fff;} #footer #footerLinks {width: 105px;} #footer #footerQuicklinks li, #footer #footerNav li {margin-bottom: 3px;} #footer #footerQuicklinks a, #footer #footerNav a {color: #ccc; text-decoration: none; text-transform: capitalize;} #footer #footerQuicklinks a:hover, #footer #footerNav a:hover {color: #fff;} #footer #ecl_logo {background: transparent url(../images/ecarlist.png) left top no-repeat; display: block; height: 19px; margin-bottom: 10px; margin-top: 10px; text-indent: -9999em; width: 89px;} #footer #ecl_logo:hover {background-position: right top;} #footer #ec_footer a{color: #ccc; text-decoration: none;} #footer #ec_footer a:hover {text-decoration: underline;} #content {padding: 10px 8px 15px; width: 990px;} #socialFooter{ float: right; } #socialFooter li{ width: 32px; height: 32px; display: block; float: left; } #socialFooter li a{ background: url(http://images1.ecarlist.com/sites/social_media/images/social_media_icons.png) no-repeat top left; width: 32px; height: 32px; display: block; text-indent: -9000em; } #socialFooter li a#face{ background-position: -74px 0; } #socialFooter li a#youtube{ background-position: -110px 0; } /* ########################################### ### #home ### ########################################## */ #home #content {padding-top: 0;} #home #specials_flash embed {margin: 0 5px;} #home #quicklinks {float: left; margin-top: 11px; width: 209px;} #new_vehicles {background: transparent url(../images/featuredBg.png) bottom center no-repeat; float: left; font-size: 10px; margin: 0; padding: 15px 20px 20px; position: relative; width: 741px;} #new_vehicles #new_vehicles_top { background: transparent url(../images/newTitle.png) center top no-repeat; height: 69px; margin-bottom: -20px; text-indent: -9999em; width: 749px; margin-top: 15px; float:none; } #new_vehicles_top { float:right; margin: 0 15px 0 0; background: transparent url(../images/newTitle.png) center top no-repeat; height: 40px; margin-bottom: -20px; text-indent: -9999em; width: 749px; margin-top: 15px; } #new_vehicles a {text-decoration: none;} #new_vehicles a:hover {color: #a00;} #new_vehicles .jcarousel-skin-tango .jcarousel-prev-horizontal {left: 3px; top: 60px;} #new_vehicles .jcarousel-skin-tango .jcarousel-next-horizontal {top: 60px; right: -3px;} #new_vehicles #new_vehicles_showall {position: absolute; text-transform: uppercase; top: 28px; right: 18px;} #new_vehicles #new_vehicles_showall a {color: #666; cursor: pointer; } #new_vehicles .jcarousel-skin-tango.jcarousel-container-horizontal, .jcarousel-skin-tango .jcarousel-clip-horizontal {height: 125px; margin-left: 15px; width: 679px;} #new_vehicles ul#mycarousel {margin: 0 15px 0;} #new_vehicles li {margin-right: 0;} #new_vehicles #displayAll {margin-left: 116px;} #new_vehicles #displayAll li {margin-right: 3px;} #ecl_new_vehicles { background: transparent url(../images/featuredBg.png) bottom center no-repeat; float: left; font-size: 10px; margin: 0; padding: 15px 35px 20px; position: relative; width: 711px; } .ecl_new_vehicles_make {} .ecl_new_vehicle_make_wrap { position: relative; } #home .ecl_new_vehicles_model { width:25%; } #home .ecl_new_vehicles_model img { width:100%; } .ecl_new_vehicles_trigger h3 a { font-size: 16px; color:#333; text-decoration: none; font-weight: normal; } .ecl_new_vehicles_trigger:hover h3 a { color:#aa0000; } .ecl_new_vehicles_trigger p.ecl_new_vehicles_price a { font-size: 12px; color:#333; text-decoration: none; } .ecl_new_vehicles_trigger:hover p.ecl_new_vehicles_price a { color:#aa0000; } #ecl_new_vehicles a.prev { display:block; text-indent: -9000px; width:15px; height:25px; background: url(../images/newVehicles-prev-horizontal.png) no-repeat -8px 0; position: absolute; left: -15px; top: 60px; cursor: pointer } #ecl_new_vehicles a.prev:hover { background-position: -28px 0px; } #ecl_new_vehicles a.next { display:block; text-indent: -9000px; width:15px; height:25px; background: url(../images/newVehicles-next-horizontal.png) no-repeat -8px 0; position: absolute; top: 60px; right: -15px; cursor: pointer } #ecl_new_vehicles a.next:hover { background-position: -30px 0; } #ecl_new_vehicles a.view_all { position: absolute; text-transform: uppercase; top: -25px; right: -5px; font-size: 10px; color:#666; text-transform: uppercase; } #ecl_new_vehicles a.view_all:hover { background-position: left bottom; } #ecl_new_vehicles .viewing_all a.prev { display: none !important; } #ecl_new_vehicles .viewing_all a.next { display: none !important; } #featuredVehicles {background: transparent url(../images/featuredBg.png) bottom center no-repeat; float: left; font-size: 10px; margin: 0; padding: 15px 20px 20px; width: 741px;} #featuredVehicles #featuredVehicles_title {background: transparent url(../images/featuredtitle.png) center top no-repeat; height: 59px; margin-bottom: -20px; text-indent: -9999em; width: 749px;} #featuredVehicles #random_list_item {height: 110px; margin: 13px;} #featuredVehicles #random_list_item, #featuredVehicles #random_list_item a, #featuredVehicles #random_list_item img {border: none; text-decoration: none;} #featuredVehicles #random_list_item a:hover {color: #a00;} #featuredVehicles .toolTipInner_price {color: #a00;} #home #news {float: left; margin-top: 4px; width:100%;} #newsHeader {background: transparent url(../images/newsTitle.png) top left no-repeat; height: 55px; margin: 0 7px -10px; text-indent: -99999em;} #news_sidebar {background: transparent url(../images/newsBg.png) bottom center no-repeat; height: 149px; margin: -10px 0 0 0; overflow: hidden; padding: 0 25px 20px;} #news_sidebar .newsItem {border-right: 1px solid #e5e5e5; float: left; height: 141px; margin-right: 5px; padding-right: 2px; position: relative; overflow: hidden; width: 150px;} #news_sidebar .newsItem:last-child {border: none; margin-right: 0; padding-right: 0;} #news_sidebar .newsItem h3 {font-size: 11px; margin-bottom: 5px;} #news_sidebar .newsItem h3 a, #home .newsItem a{color: #333; text-decoration: none;} #news_sidebar .news_sidebar_cont {background: transparent url(../images/readmore.png) right top no-repeat; bottom: 0; left: 0; display: block; height: 18px; margin-top: 5px; position: absolute; text-indent: -9999em; width: 141px;} #news_sidebar .news_sidebar_cont:hover {background-position: right top;} #news_wrapper { background: transparent url(../images/newsBg.png) bottom center no-repeat; overflow: auto; height: 230px; } #news_wrapper #news { width: 525px; } #news_wrapper #news_sidebar { background: transparent; float: left; } #news_wrapper #newsHeader { float: left; } #news_wrapper #social { float: right; margin: 0 20px 0 0; width: 431px; } /* ########################################### ### #inventory ### ########################################## */ /*leftColumn*/ #inventory_v2_sidebar_filters h3 {color: #333;} #currentFilters {background-color: #ccc; color: #fff;} #currentFilters p {color: #fff;} #currentFilters a.clearFilter {color: #fff; } #currentFilters a.clearFilterCpo {color: #666;} #inventory #leftColumn #inventory_v2_sidebar_filters h2 {background: transparent url(../images/refine.png) left top no-repeat; height: 18px; margin-bottom: 5px; text-indent: -99999em; width: 180px;} .filterList {background: #f1f1f1 url(../images/filterBg.jpg) repeat-x scroll left bottom; border: 1px solid #e6e6e6;} .filterList li {color: #666;} .filterList li a {background-image: url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_grey.gif); color: #333;} .filterList li a:hover {background-color: #666; color: #fff} .filterList span a:hover {color: #000} #inventory_v2_sidebar_contact {padding-left: 0;} #inventory_v2_sidebar_contact h2 {background: transparent url(../images/email.png) left top no-repeat; height: 17px; margin-bottom: 5px; text-indent: -99999em; width: 180px;} #inventory_v2_sidebar_contact li.required label{background: none; color: #666; font-size: 10px;} #inventory_v2_sidebar_contact li.required label:after {content: " (required)";} /*rightColumn*/ #searchBar {border-top: none;} #sort_bar, #searchBar {background: transparent url(../images/sortBg.png) top left repeat-x; color: #333;} #sort_bar a, #sort_bar a:link {color: #333} #sort_bar a:hover {color: #333} .inventory_v2_row {background: none;} .inventory_v2_details h4 a {color: #000; font-size: 18px; text-decoration: none;} .inventory_v2_details h4 a:hover {color: #000} .inventory_v2_price .price_line_1 {color: #000} .inventory_v2_details_wrap a.btn_inventory_photos:link, .inventory_v2_details a.btn_inventory_photos:link, .inventory_v2_details_wrap a:link, .inventory_v2_details_wrap a.btn_inventory_contact:link, .inventory_v2_details a.btn_inventory_contact:link {color: #000; text-decoration: none;} .inventory_v2_details_wrap a.btn_inventory_photos:visited, .inventory_v2_details a.btn_inventory_photos:visited, .inventory_v2_details_wrap a:visited, .inventory_v2_details_wrap a.btn_inventory_contact:visited, .inventory_v2_details a.btn_inventory_contact:visited {color: #333; text-decoration: none;} .inventory_v2_details_wrap a.btn_inventory_photos:hover, .inventory_v2_details a.btn_inventory_photos:hover, .inventory_v2_details_wrap a:hover, .inventory_v2_details_wrap a.btn_inventory_contact:hover, .inventory_v2_details a.btn_inventory_contact:hover {color: #666} .inventory_v2_paginationLeft, .inventory_v2_paginationRight {width: 90px;} .inventory_v2_pagination a {color: #000} .inventory_v2_pagination a:hover {color: #666} #inventory_v2_sorry #vehicle_finder_bottom {height: 50px; width: 100%;} /* ########################################### ### #vehicle ### ########################################## */ /*leftColumn*/ .similarVehicle {} .similarVehicle a {font-weight: bold;} .similarVehicle .simCar_pricelabel {font-size: 10px;} #vehicle_v2_sidebar_links {background-color: #f9f9f9; border: 1px solid #e6e6e6;} #vehicle_v2_sidebar_links li a {background-image: url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_grey.gif);} #vehicle_v2_sidebar_links li a:hover {background-color: #666; color: #fff} #vehicle_v2_sidebar_links span a:hover {color: #000} /*rightColumn*/ #vehicle #vehicle_topbar, #vehicle #searchBar {background: transparent url(../images/sortBg.png) top left repeat-x; color: #333;} #vehicle #vehicle_topbar a {color: #333; text-decoration: none;} #vehicle #vehicle_topbar a:hover {text-decoration: underline;} #vehicle #rightColom div.clear {display: none;} #vehicle #vehicle_title {font-size: 24px; width: auto;} #vehicle #vehicle_mainVitals {width: 370px;} #priceContainer li.price_title {font-size: 16px;} #priceContainer li.price_line_1 {color: #000; font-weight:bold; font-size: 24px;} #media_center_links {margin-top: 8px;} #vehicle_thumbs {background-color: #fff;} #customer_tools_top_middle {color: #444;} ol.customer_tools_left.trade_bid, div.customer_tools_right.trade_bid {width: 45%;} #vehicle form.validation p.error_msg {margin: 5px 20px 0 0 !important;} #trade_bid #ecl_trade_appraisal{ width: 700px; float: left; } /*quick links - sidebar quicklinks*/ #quicklinks {margin: 0; width: 210px;} #inventory #quicklinks {margin-left: 8px;} #vehicle #quicklinks {margin-left: -5px;} #quicklinks li{list-style-type: none; margin-top: 0;} #quicklinks a {background: transparent url(../images/quicklinks.png) left top no-repeat; display: block; height: 59px; text-indent: -9999em; width: 209px;} #quicklinks a.notify {background-position: left top;} #quicklinks a.incentives {background-position: left -60px;} #quicklinks a.specials {background-position: left -120px;} #quicklinks a.notify:hover {background-position: right top;} #quicklinks a.incentives:hover {background-position: right -60px;} #quicklinks a.specials:hover {background-position: right -120px;} /* ########################################### ### #financing ### ########################################## */ #financeCalc li#footer {margin-bottom: 0; min-height: 0;} /*###### Staff page ###### ######################*/ .staff_member { color: #333333; display: inline-block; margin: 10px 0; padding: 0; width: 315px; } .staff_member img { float:left; margin-right:15px; } .staff_member strong { font-size:12pt; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; } /* ########################################### ### #generic modules ### ########################################## */ /*modules used on multiple pages*/ #vehicleDisclaimer {margin-bottom: 10px;}/*inventory and vehicle pages */ #site_logoSection, #site_logoSection img {display: none;} #left, #leftColumn {width: 250px;} #right, #rightColumn {width: 720px;} /*dealer_contact*/ #dealer_contact {margin: 10px 0;} #dealer_contact h2 {background: transparent url(../images/email.png) left top no-repeat; height: 17px; margin-bottom: 5px; text-indent: -99999em; width: 180px;} #dealer_contact .section {margin-bottom: 10px;} #dealer_contact select, #dealer_contact textarea {width: 210px;} #dealer_contact input {width: 205px;} #dealer_contact #vehicle_question_submit {width: 210px;} #dealer_contact .section strong{background: none; color: #666; font-size: 10px;} #dealer_contact ol { padding: 10px 0 0; } #dealer_contact .input_element { margin-left: 13px; width:194px !important; font-size:12px; } /*sidebar_address*/ #sidebar_address_head {margin-bottom: 5px;} #sidebar_address p {margin-bottom: 10px; } #sidebar_address a#getdirections {color: #666;} #sidebar_address a#getdirections:hover {color: #000;} /*twitter module*/ #twitter_box {background: transparent url(../images/social.jpg) left top no-repeat; height: 128px; position: relative;} h3#twitter_header {position: absolute; left: 10px; top: 15px;} #twitter_box h3#twitter_header a{display: block; height: 54px; text-indent: -9999em; width: 127px;} #twitter_update_list {height: 101px; overflow: hidden; left: 143px; padding: 2px 2px 0; position: relative; top: 12px; width: 260px;} #twitter_update_list li {font-size: 12px; margin-bottom: 10px;} #twitter_update_list li a {color: #0066ff; text-decoration: none;} #twitter_update_list li span a {color: #666;} #twitter_update_list li a:hover {text-decoration: underline; } #social {float: left; margin-left: 5px; width: 434px;} #social li {list-style-type: none;} #social #face {background: transparent url(../images/social.jpg) left -132px no-repeat; display: block; float: left; height: 78px; text-indent: -9999em; width: 215px;} #social #youtube {background: transparent url(../images/social.jpg) right -132px no-repeat; display: block; float: right; height: 78px; text-indent: -9999em; width: 215px;} #youtube iframe {border: none; height: 1000px; width: 1008px; margin: 10px -8px -15px; overflow: hidden;} .testbox { margin: 10px 10px 10px 0; padding: 10px 0; border-bottom: 1px dotted #ccc; }