/* ################################################ ### 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); /* ################################################ ### #_main page styles ### ################################################ */ body { margin: 0; padding: 0; font-family: Helvetica; font-size:12px; background: #fff; } #wrapper { width:952px; margin: 0 auto; padding: 0; } .clear { margin: 0; padding: 0; clear:both; } p { margin: 5px 0; } a { color: #333; text-decoration:none; } a:link {} a:hover { color: #333; text-decoration:underline; } a:visited {} a:active { outline:none; } a:focus { outline-style: none; } .color_pri { color: #333 !important; } .color_sec { color: #a81800 !important; } #site_logoSection { display:none; } #left, #leftColumn { float:left; display:inline; width:240px; padding: 0; margin: 10px 0 0 10px; } #right, #rightColumn { float:right; display:inline; padding: 0; margin: 10px 10px 0 0; } #right p, #finance_middle p, #notify_middle p { font-size:12px; line-height: 16px; color:#444; } #right h2 { color:#a81800; font-size:22px; margin: 0 0 10px; padding: 0 0 10px; } #header { width:952px; height:109px; margin: 0; padding: 0; background: url(../images/header.gif) no-repeat center top; position: relative; } #header h1 { float:left; margin: 0; padding: 29px 0 0 32px; } #header h1 a { display: block; width:208px; height:65px; text-indent: -9000px; } #topNav { float:right; margin: display:inline; margin: 14px 5px 0 0; list-style-type:none; } #topNav li { float:left; font-family:Tahoma,Arial,verdana,sans-serif; font-size:11px; font-weight:normal; line-height:12px; padding: 0 8px 0 7px; background: url(../images/topnavdiv.gif) no-repeat right center; } #topNav li.last { padding-right:0; background:none; } #topNav li a { color:#fff; text-decoration: underline; } #topNav li a:hover { color:#000; } #priNav { border-left:1px solid #474747; border-right:1px solid #474747; list-style-type: none; margin: 0; padding: 0; background: #000; height:26px; } #priNav li { float:left; margin: 0; font-family:Tahoma,Arial,verdana,sans-serif; font-size:11px; font-weight:bold; line-height:26px; background: url(../images/priNavdiv.gif) no-repeat right center; } #priNav li.first { background: none; } #priNav li.last { background: none; } #priNav li a { color:#fff; text-decoration: none; padding: 0 10px; } #priNav li a:hover { color:#ff0000; } #priNav li a#priNav_Pre-Owned { background: #ddd; padding: 6px 10px 7px; line-height: 26px; border-right:1px solid #fff; border-left:1px solid #fff; color:#ff0000; } #subNav { background: #ddd; height:30px; border-left:1px solid #474747; border-right:1px solid #474747; border-bottom:1px solid #fff; list-style-type:none; line-height: 30px; text-align: center; margin: 0; padding: 0; } #subNav li { display:inline; margin: 0; padding: 0 13px 0 11px; background: url(../images/subnavdiv.gif) no-repeat right center; font-family:Tahoma,Arial,verdana,sans-serif; font-size:11px; } #subNav li.last { background: none; } #subNav li a { color:#000; text-decoration: none; } #subNav li a:hover { text-decoration: underline; } #main_content { background: #fff; border-left:1px solid #474747; border-right:1px solid #474747; border-top:1px solid #000; border-bottom:1px solid #000; margin: 0; padding:10px 0; } #footer_top { margin: 0; padding: 0; border-left:1px solid #474747; border-right:1px solid #474747; background: #ad1800; border-top:1px solid #fff; border-bottom: 1px solid #fff; margin:0; padding: 5px 0; } #footleft { float:left; display:inline; margin: 0; padding: 0 0 0 5px; font-family:Tahoma,Arial,verdana,sans-serif; font-size:11px; font-weight:normal; line-height:12px; color:#fff; font-weight: bold; } #footright { float:right; display:inline; margin: 0; padding: 0 5px 0 0; font-family:Tahoma,Arial,verdana,sans-serif; font-size:11px; font-weight:normal; line-height:12px; color:#fff; } #footright a { color:#fff; text-decoration: none; } #footright a:hover { color:#ff0000; } #footer_bttm { border-left:1px solid #474747; border-right:1px solid #474747; background: #000; margin: 0; padding: 9px 0; } #footer_bttm h1 { margin:15px 0 0 421px; padding: 0; } #footer_bttm h1 a { display:block; width:108px; height:26px; text-indent: -9000px; background: url(../images/ecarlist.gif) no-repeat left top; } #footer_bttm h1 a:hover { background-position: -108px 0px; } #footerNav { margin: 0; padding: 0; list-style-type:none; text-align: center; } #footerNav li { display:inline; margin: 0; padding: 0 5px; border-right:1px solid #ccc; font-size:10px; } #footerNav li.last { border:none; } #footerNav li a { color:#ccc; text-decoration: none; } #footerNav li a:hover { text-decoration: underline; } #ec_footer { margin: 0; padding: 0; list-style-type:none; text-align: center; } #ec_footer li { display:inline; margin:5px 0 0; padding: 0 5px; border-right:1px solid #ccc; font-size:10px; color:#ccc; } #ec_footer li.last { border:none; } #ec_footer li a { color:#ccc; text-decoration: none; } #ec_footer li a:hover { text-decoration: underline; } /* ########################################### ### #notify ### ########################################## */ #notify_middle h2 { } #notify_form_div { background: #fff; } #notify_form_div h3 { padding: 5px; color:#a81800; } /* ################################################# ### #=inventory page ### ################################################ */ #inventory #leftColumn { float:left; width:240px; display:inline; margin: 18px 0 10px 10px; padding: 0; } #inventory #rightColumn { float:right; display:inline; margin: 18px 10px 10px 0; padding: 0; } /* Number of Results */ #inventory #inventory_v2_sidebar_filters h3 { padding-left:5px; color:#333; } #inventory #inventory_v2_sidebar_filters h2 { padding-left:5px; color:#333; } /* Search Filter List Container Boxes */ #inventory .filterList { background:#f9f9f9; border:1px solid #e4e4e4; } #inventory #inventory_v2_sidebar_filters .filterList h3 { padding-left:10px; color:#000; font-weight: bold; } #inventory .filterList ul {} #inventory .filterList ul li { color:#666; } #inventory .filterList ul li a { color:#666; background: url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_red.gif) no-repeat 2px center; } #inventory .filterList li a:hover { color:#fff; background:#a81800 url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat 2px center; } #inventory .filterList span a { float: left; margin: 10px; } #inventory .filterList span a:hover { color:#a81800; } /* Contact Form Box */ #inventory #inventory_v2_sidebar_contact { padding:10px 5px; background:#f9f9f9; border:1px solid #e4e4e4; margin: 0 0 15px; } #inventory #inventory_v2_sidebar_contact h2 { color:#333; padding: 0 0 10px; } #inventory #contact_small { width:220px; } #inventory #inventory_v2_sidebar_contact .input_element { width:180px !important; } #inventory #inventory_v2_sidebar_contact #ec_is_submit .submitButton { display:block; width:75px; height:29px; margin: 0 0 0 95px; padding: 0; background: url(../images/send_inv.gif) no-repeat left top; text-indent: -9000px; border:none; } #inventory #inventory_v2_sidebar_contact #ec_is_submit .submitButton:hover { background-position: -75px 0px; } /* Contact Form Element Styles - Default is usually ok */ /* #home #inventory_v2_sidebar_contact .input {} #home #inventory_v2_sidebar_contact textarea {} #home #inventory_v2_sidebar_contact select {} */ /* Current Filters Box */ #inventory #currentFilters { background:#a81800; border:none; } #inventory #currentFilters p { padding-left:15px; font-size:12px; color:#fff; } #inventory #currentFilters p a { color:#fff; } #inventory #currentFilters p a:hover { color:#fff; text-decoration: underline; } /* Top Search Bar Styles */ /* #inventory #searchBar { border:none; background: url(../images/bar_top.jpg) no-repeat center top; height:36px; margin: 0; padding: 0 0 9px; } #inventory #sort_bar { border:none; background: url(../images/bar_bttm.gif) no-repeat center top; height:36px; margin: 0; padding: 0 10px 4px; color:#fff; line-height: 36px; } */ #inventory #sort_bar a { color:#333; text-decoration: none; font-size:11px; } #inventory #sort_bar a:hover { color: #333; text-decoration: underline; } /* Vehicle Title and Price */ #inventory .inventory_v2_details h4 a { color:#006699; } #inventory .inventory_v2_details h4 a:hover { color:#006699; } #inventory .price_line_1 { padding-bottom:3px; } #inventory .inventory_v2_details_links li a { color: #666; } #inventory .inventory_v2_details_links li a:hover { color: #000; text-decoration:underline; } /* Change width so prices dont wrap */ .inventory_v2_price { width:190px; } .inventory_v2_price_right { width: 110px; } #inventory .inventory_v2_pagination a { color: #666; } #inventory .inventory_v2_pagination a:hover {} #inventory #vehicleDisclaimer p {} #inventory .inventory_v2_row { background:none; } /* ################################################# ### #=vehicle ### ################################################ */ /* Similar Vehicles Heading */ #vehicle #leftColumn h3 { color:#000; } .similarVehicle { font-size: 8pt; background:#f9f9f9; border:1px solid #e4e4e4; } .similarVehicle ul { width: 125px; } #vehicle .similarVehicle ul li { color:#444; } #vehicle .similarVehicle ul li a { font-weight:bold; color:#444; } /* View More Box */ #vehicle #vehicle_v2_sidebar_links { background:#f9f9f9; border:1px solid #e4e4e4; margin:0 0 15px 0; } #vehicle #vehicle_v2_sidebar_links p {} #vehicle #vehicle_v2_sidebar_links ul {} #vehicle #vehicle_v2_sidebar_links li {} #vehicle_v2_sidebar_links li a { color:#666; background: url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_red.gif) no-repeat 2px center; } #vehicle_v2_sidebar_links li a:hover { color:#fff; background:#a81800 url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat 2px center; } /* Breadcrumbs and share bar at top */ #vehicle #vehicle_topbar {} #vehicle #vehicle_topbar a { color:#000; } #vehicle #vehicle_title { font-size: 14pt; font-weight:bold; width:450px; } #vehicle #vehicle_contact span { color:#333; } #vehicle #vehicle_contact a {} #vehicle .price_line_1 { font-size: 20pt; font-weight:bold; } /* Vehicle Listing Details */ #vehicle #vitalsContainer ul li { font-size:10px; } #vehicle #media_center_links li a { margin-top:5px; } #vehicle #vehicle_thumbs img { margin:2px 7px; } /* give some space to the subject line for the make an offer form */ #vehicle #trade_offer_subject { padding-bottom:10px; display:block; margin-left:70px; font-size:10pt; } #vehicle #dealerboxName { padding-top:5px; font-size:14px; } #vehicle .dealerboxAdd { font-size:12px; } #vehicle #dealerboxPhone { font-size:12px; font-weight:bold; padding-top:10px; padding-bottom:10px; } #vehicle #dealerboxMap a { font-size:12px; color:#a81800; font-weight: bold; text-decoration:none; } #vehicle #dealerboxMap a:hover { text-decoration:underline; } /* Disclaimer at the bottom of the page */ #vehicle #vehicleDisclaimer p {} #vehicle #customer_tools .input_element { width:160px !important; font-size:12px; float:none; } #vehicle #customer_tools #customer_tools_vehicle_offer .input_element { } #vehicle #customer_tools #customer_tools_vehicle_offer .customer_tools_right_left { width:210px; } /* ################################################### ### #contact page ### ################################################### */ #contact .customer_tools_label { font-size:12px; } #contact .customer_tools_right_left { width:215px; float:left; } #contact .customer_tools_right_right { width:215px; float:left; margin-left:10px; } #contact #customer_tools { width:645px; margin-left:0px; margin-right:0px; } #contact .customer_tools_right { float:right; width:450px; margin: 0; } #contact .customer_tools_right .input_element { width:170px !important; font-size:10pt; float:none; } #contact .customer_tools_right_left li { clear:both; } #contact .customer_tools_right_right li { clear:both; } #contact #customer_tools { margin-top: 0; } #contact #customer_tools_content_wrapper { height: 225px; } /* ################################################# ### #=common forms ### ################################################ */ #site_logoSection { display:none; } #sidebar_address { margin: 0 0 15px; padding: 5px; background:#f9f9f9; border:1px solid #e4e4e4; } #sidebar_address_head { font-size:14px; padding-left:10px; padding-top:10px; color:#333; } #sidebar_address .floatleft p { font-size:10px; color:#333; } #sidebar_address .floatleft { padding-left:5px; margin-bottom:15px; margin-top:10px; } #sidebar_address #getdirections { margin-top:10px; margin-bottom:10px; margin-left:15px; } #sidebar_address a#getdirections:hover { color:#6d0000; } #ActivEngageChatButton { position: absolute; left:930px; top:350px; }