/* ################################################ ### 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 block styles ### ########################################## */ body { margin: 0; padding: 0; font-family: Helvetica; font-size:12px; background: #9da2a8 url(../images/bodytile.jpg) repeat-x center top; } #page_bkgd { margin: 0; padding: 0; background: url(../images/page_bkgd.jpg) no-repeat center top; } #wrapper { width:980px; margin: 0 auto; padding: 0; } #page_shadow { margin: 0; padding: 0; background: url(../images/shadow2.png) repeat-y center top; } .clear { margin: 0; padding: 0; clear:both; } p { margin: 5px 0; line-height: 16px; } a { color: #666; text-decoration:none; } a:link {} a:hover { color: #666; text-decoration:underline; } a:visited {} a:active { outline:none; } a:focus { outline-style: none; } .color_pri { color: #000 !important; } .color_sec { color: #cc0000 !important; } #left, #leftColumn, #financeNav, #notifyNav, #sitemapNav { float:left; display:inline; width:250px; padding: 0; margin: 9px 0 0 17px; } #right, #rightColumn, #financeContent, #notify_content, #sitemapContent { float:right; display:inline; width:680px; padding: 0; margin: 9px 17px 0 0; } #right h2, #rightColumn h2, #notify_middle h2, #financeLeft h2 { color:#333; font-weight: normal; font-size:22px; margin: 10px 0; padding: 0; } #right p, #financeLeft p, #notify_middle p { font-size:12px; line-height: 16px; color:#444; } #header { width:980px; height:130px; margin: 0; padding: 0; background: url(../images/header2.jpg) no-repeat center top; } #header h1 { float:left; margin: 0; padding: 17px 0 0 26px; } #header h1 a { display:block; width:234px; height:87px; text-indent: -9000px; } #main_content { width:978px; margin: 0; padding: 0; background: #fff; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; } #home_left { float:left; display:inline; margin: 9px 0 0 17px; padding: 0; width:250px; } #priNav { margin: 0; padding: 0; list-style-type:none; } #priNav li { border-top:1px dotted #9f9b93; margin: 0 0 2px; padding: 2px 0 0; } #priNav li.last { border-bottom:1px dotted #9f9b93; padding-bottom: 2px; } #priNav li a { display:block; width:250px; height:54px; text-indent: -9000px; background: url(../images/priNav.gif) no-repeat; } #priNav li a#priNav_Home { background-position: 0px 0px; } #priNav li a#priNav_Current_Inventory { background-position: 0px -54px; } #priNav li a#priNav_Vehicle_Finder { background-position: 0px -108px; } #priNav li a#priNav_About_Us { background-position: 0px -162px; } #priNav li a#priNav_Financing { background-position: 0px -216px; } #priNav li a#priNav_Contact_Us { background-position: 0px -270px; } #priNav li a#priNav_Sitemap { background-position: 0px -324px; } /* rollovers */ #priNav li a#priNav_Home:hover { background-position: -250px 0px; } #priNav li a#priNav_Current_Inventory:hover { background-position: -250px -54px; } #priNav li a#priNav_Vehicle_Finder:hover { background-position: -250px -108px; } #priNav li a#priNav_About_Us:hover { background-position: -250px -162px; } #priNav li a#priNav_Financing:hover { background-position: -250px -216px; } #priNav li a#priNav_Contact_Us:hover { background-position: -250px -270px; } #priNav li a#priNav_Sitemap:hover { background-position: -250px -324px; } #innerNav { margin: 0 0 10px; padding: 0; list-style-type:none; width:250px; } #innerNav li { border-top:1px dotted #9f9b93; margin: 0 0 2px; padding: 2px 0 0; } #innerNav li.last { border-bottom:1px dotted #9f9b93; padding-bottom: 2px; } #innerNav li a { display:block; width:250px; height:32px; text-indent: -9000px; background: url(../images/innerNav.gif) no-repeat; } #innerNav li a#innerNav_Home { background-position: 0px 0px; } #innerNav li a#innerNav_Current_Inventory { background-position: 0px -32px; } #innerNav li a#innerNav_Vehicle_Finder { background-position: 0px -64px; } #innerNav li a#innerNav_About_Us { background-position: 0px -96px; } #innerNav li a#innerNav_Financing { background-position: 0px -128px; } #innerNav li a#innerNav_Contact_Us { background-position: 0px -160px; } #innerNav li a#innerNav_Sitemap { background-position: 0px -192px; } /* rollovers */ #innerNav li a#innerNav_Home:hover { background-position: -250px 0px; } #innerNav li a#innerNav_Current_Inventory:hover { background-position: -250px -32px; } #innerNav li a#innerNav_Vehicle_Finder:hover { background-position: -250px -64px; } #innerNav li a#innerNav_About_Us:hover { background-position: -250px -96px; } #innerNav li a#innerNav_Financing:hover { background-position: -250px -128px; } #innerNav li a#innerNav_Contact_Us:hover { background-position: -250px -160px; } #innerNav li a#innerNav_Sitemap:hover { background-position: -250px -192px; } #home_contact { width:250px; height:407px; margin: 0; padding: 47px 0 0; background: url(../images/home_contact_bkgd.gif) no-repeat left top; } #home_contact p { font-size:14px; color:#666; margin: 0 0 12px 15px; padding: 0; } #home_contact a { color:#666; text-decoration: none; } #home_contact a:hover { text-decoration: underline; } #home_contact a#home_map { display:block; width:219px; height:211px; text-indent: -9000px; background: url(../images/home_map.gif) no-repeat center top; margin: 0 0 0 15px; padding: 0; } #home_contact a#home_directions { display:block; width:222px; height:32px; margin: 20px 0 0 13px; padding: 0; text-indent: -9000px; background: url(../images/home_directions.gif) no-repeat left top; } #home_contact a#home_directions:hover { background-position: -222px 0px; } #home_right { float:right; display:inline; width:675px; margin: 9px 19px 0 0; padding: 0 0 242px; background: url(../images/bentley_bttm.jpg) no-repeat center bottom } #home_flash { width:675px; height:225px; margin: 0; padding: 0; background: url(../images/flash_placeholder.jpg) no-repeat center top; } #home_logos { width:621px; height:55px; margin:7px 0 0; padding: 7px 32px 9px 22px; list-style-type: none; background: url(../images/home_logos_bkgd.gif) no-repeat center top; } #home_logos li { margin: 0; padding: 0; float:left; } #home_logos li a { display:block; height:55px; text-indent: -9000px; background: url(../images/home_logos.jpg) no-repeat; } #home_logos li a#bentley { width:120px; margin-right: 33px; background-position: 0px 0px; } #home_logos li a#lamb { width:50px; margin-right: 59px; background-position: -120px 0px; } #home_logos li a#bmw { width:50px; margin-right: 57px; background-position: -170px 0px; } #home_logos li a#benz { width:52px; margin-right: 59px; background-position: -220px 0px; } #home_logos li a#porsche { width:45px; margin-right: 55px; background-position: -272px 0px; } #home_logos li a#fer { width:41px; background-position: -317px 0px; } #text_column { float:left; display:inline; margin: 0; padding: 0; width:334px; } #text_column h1 { display: block; width:313px; height:29px; text-indent: -9000px; background: url(../images/home_text_title.gif) no-repeat left top; margin:10px 0 0; padding: 0; } #text_column p { font-size:11.5px; line-height: 18px; margin: 0; padding: 0; color:#333; } #text_column a#needfinancing { display:block; width:299px; height:92px; margin: 20px 0 0 16px; padding: 0; text-indent: -9000px; background: url(../images/financing_callout.gif) no-repeat left top; } #text_column a#needfinancing:hover { background-position: -299px 0px; } #featured_block { float:right; display:inline; margin: 0; padding: 0; width:320px; } #featured_block h1 { display:block; width:302px; height:29px; margin:5px 0 0; padding: 0; text-indent: -9000px; background: url(../images/featured_title.gif) no-repeat left top; } #featuredVehicles_title { display:none; } #random_list_location #random_list_item { margin: 0 3px; width:97px; height:120px; } #random_list_location #random_list_item a { font-size:11px; text-decoration: none; color:#000; } #random_list_location #random_list_item a:hover { text-decoration: none; } #random_list_location #random_list_item img { border:1px solid #8fa1ad; height:63px; width:95px; } #random_list_location #random_list_item img:hover { border:1px solid #000; } #home .toolTipInner_price { color:#cc0000; } #footer_wrap { margin: 0 ; padding: 0; background: url(../images/footer.png) no-repeat center top; } #footer_block { width:980px; margin: 0 auto 20px; padding: 30px 0; } #footerNav { float:left; display:inline; margin: 5px 0 0; padding: 0 0 0 5px; list-style-type:none; } #footerNav li.last { border: none; } #footerNav li { display:inline; margin: 0; padding: 0 5px; border-right:1px solid #666; font-size:10px; } #footerNav li a { color:#666; text-decoration: none; } #footerNav li a:hover { color:#fff; } #ec_footer { clear:left; float:left; display:inline; margin: 0; padding: 0 0 0 5px; list-style-type:none; } #ec_footer li { display:inline; margin: 0; padding: 0 5px; border-right:1px solid #666; font-size:10px; color:#666; } #ec_footer li.last { border: none; } #ec_footer li a { color:#666; text-decoration: none; } #ec_footer li a:hover { color:#fff; } #footer_block h1 { float:right; display:inline; margin: 0; padding: 0 10px 0 0; } #footer_block h1 a { display:block; width:140px; height:30px; text-indent: -9000px; background: url(../images/ecarlist.png) no-repeat left top; _background: url(../images/ecarlist.gif) no-repeat left top; } #footer_block h1 a:hover { background-position: -140px 0px; } /* ################################################# ### #=common forms ### ################################################ */ #site_logoSection { display:none; } #sidebar_address { margin: 4px; padding: 5px; background:#fff; border:2px solid #e4e4e4; } #sidebar_address_head { font-size:14px; padding-left:10px; padding-top:10px; color:#000; } #sidebar_address .floatleft p { font-size:10px; color:#333; } #sidebar_address .floatleft { padding-left:10px; margin-bottom:15px; margin-top:10px; } #sidebar_address #getdirections { margin-top:10px; margin-bottom:10px; margin-left:15px; } #sidebar_address a#getdirections:hover { color:#333; } #dealer_contact { margin: 4px; padding: 5px; background:#fff; border:2px solid #e4e4e4; } #dealer_contact h2 { color:#000; padding: 10px 0 10px 5px; font-weight: normal; } #dealer_contact .input_element { width:180px !important; font-size:12px; margin-bottom: 17px; } #dealer_contact form.validation label { color:#666; font-size:12px; } #dealer_contact #contact_small { width:220px; margin-left: 8px; } #dealer_contact #contact_small ol li { clear:both; } #contact_small input.submitButton { display:block; width:75px; height:29px; padding: 0; margin:0 0 10px 124px; text-indent: -9000px; border:none; background: url(../images/send_small.gif) no-repeat left top; } #contact_small input.submitButton:hover { background-position: -75px 0px; } #left .spacer { display:none; } #ql_inner { display:none; } /* #ql_inner { margin: 4px; padding: 0; list-style-type:none; } #ql_inner li { border-top:1px dotted #9f9b93; margin: 0 0 4px; padding: 4px 0 0; font-weight: bold; } #ql_inner li.last { border-bottom:1px dotted #9f9b93; padding-bottom: 2px; } #ql_inner li a { display:block; height:44px; text-align: right; line-height: 44px; padding: 0 20px 0 0; background: #fff url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_grey.gif) no-repeat 225px 18px; border:2px solid #e4e4e4; } #ql_inner li a:hover { background: #fff url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_blk.gif) no-repeat 225px 18px; border:2px solid #999; text-decoration: none; } */ /* ################################################### ### #contact page ### ################################################### */ #contact #right { width: 650px; } #contact .customer_tools_label { font-size:12px; } #contact .customer_tools_right_left { width:200px; float:left; } #contact .customer_tools_right_right { width:200px; float:left; margin-left:10px; } #contact #customer_tools { width:650px; margin-left:0px; margin-right:0px; } #contact .customer_tools_right { float:right; width:450px; margin: 0; } #contact .customer_tools_right .input_element { width:160px !important; font-size:10pt; } #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: 230px; } #contact #customer_tools_top_middle { color:#333 !important; } #contact form.validation p.error_msg { margin-right:0 !important; } /* ################################################# ### #=financing page ### ################################################ */ #financeLeft { display:inline; margin:10px 0; width:420px; } #financeRight { display:inline; margin:10px 0; width:240px; } #financing #financeHeader { margin:0 0 15px; border:1px solid #D7D7D7; min-width: 608px; width:608px; background-position: right top; } #financeHeader ul { margin:18px auto 15px !important; margin:18px auto 5px ; padding:0; } #financeHeader a#get_started { display:inline; } #financing #financeCalc h2 { color:#000; } #financing .financeBox2 h3 { color:#000; } #financing #financeHeader h1 { color:#333; } .finpic { float:right; display:inline; margin: 0; padding: 0 0 15px 15px; } /* ################################################# ### #=about page ### ################################################ */ #about #right { color:#444; } #about #right ul { margin: 10px 0; padding: 0 15px 0 21px; } #about #right li { color:#444; margin: 0; padding: 3px 0; } /* ########################################### ### #notify ### ########################################## */ #notify #notify_form_div { background: #fff; border:1px solid #999; } #notify #notify_form_div h3 { padding: 5px; color:#333; } #notify #notify_right { margin: 0px; width:302px; float:right; display:inline; } #notify #notify_middle { float:left; display:inline; margin: 0; padding: 0; width:360px; } #notify #notify_middle img { width:350px; height:148px; } #trade_bid #notify_right { margin: 0px; width:302px; float:right; display:inline; } #trade_bid #notify_middle { float:left; display:inline; margin: 0; padding: 0; width:360px; } #trade_bid #notify_middle img { width:350px; height:173px; } /* ################################################### ### #sitemap ### ################################################### */ #sitemap #sitemap_list { list-style-type:none; margin:0px; padding:0px; } #sitemap #sitemap_list li { font-size:11pt; } #sitemap .sitemap_vehicle_title { font-weight:bold; } #sitemap #sitemapContent h1 { margin-bottom:25px; margin-top:15px; font-size: 12pt; } #sitemap .sitemap_vehicle_list { list-style-type: none; } #sitemap #sitemap_list li { text-transform: capitalize; } #sitemap #sitemap_list li ul { display:none; } #sitemapContent { padding-bottom: 20px; } #sitemap_list, .sitemap_vehicle_list { margin-right:10px; } #sitemap #sitemap_list { display:none; } /* ################################################# ### #=inventory page ### ################################################ */ /* Number of Results */ #inventory #inventory_v2_sidebar_filters h3 { padding-left:5px; color:#666; } #inventory #inventory_v2_sidebar_filters h2 { padding-left:5px; color:#666; } /* Search Filter List Container Boxes */ #inventory .filterList { background:#fff; border:2px solid #e4e4e4; margin: 4px; } #inventory #inventory_v2_sidebar_filters .filterList h3 { padding-left:10px; color:#333; } #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_blk.gif) no-repeat 2px center; } #inventory .filterList li a:hover { color:#fff; background:#000 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:#cc0000; } /* Contact Form Box */ #inventory #inventory_v2_sidebar_contact { margin: 4px; padding: 5px; background:#fff; border:2px solid #e4e4e4; } #inventory #inventory_v2_sidebar_contact h2 { color:#000; padding: 10px 0 10px 5px; font-weight: normal; } #inventory #inventory_v2_sidebar_contact .input_element { width:180px !important; font-size:12px; margin-bottom: 17px; } #inventory #inventory_v2_sidebar_contact #contact_small { width:220px; margin-left: 8px; } #inventory #inventory_v2_sidebar_contact #contact_small ol li { clear:both; } #inventory #inventory_v2_sidebar_contact input.submitButton { display:block; width:75px; height:29px; padding: 0; margin:0 0 10px 124px; text-indent: -9000px; border:none; background: url(../images/send_small.gif) no-repeat left top; } #inventory #inventory_v2_sidebar_contact input.submitButton:hover { background-position: -75px 0px; } /* Current Filters Box */ #inventory #currentFilters { background:#333; 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/sortbar.gif) no-repeat center top; height:36px; padding: 0 0 9px; } #inventory #sort_bar { border:none; background: url(../images/sortbar.gif) no-repeat center top; height:36px; padding: 0 10px 9px; line-height: 36px; color:#fff; } #inventory #sort_bar a { color:#fff; text-decoration: none; } #inventory #sort_bar a:hover { text-decoration: underline; } /* Vehicle Title and Price */ #inventory .inventory_v2_details h4 a { color:#af0000; } #inventory .inventory_v2_details h4 a:hover { } #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; } #inventory #inventory_v2_details ul li { color:#666; } /* Change width so prices dont wrap */ #inventory .inventory_v2_pagination a { color: #666; } #inventory .inventory_v2_pagination a:hover {} #inventory #vehicleDisclaimer p {} #inventory .inventory_v2_row { background:none; } #inventory .inventory_v2_price { width:190px; } a#vehicle_v2_notify_button img { display:none; } a#vehicle_v2_notify_button { display:block; width:250px; height:115px; text-indent: -9000px; background: url(../images/finder.gif) no-repeat left top; } a#vehicle_v2_notify_button:hover { background-position: -250px 0px; } /* ################################################# ### #=vehicle ### ################################################ */ /* Similar Vehicles Heading */ #vehicle #leftColumn h3 { color:#333; padding-left: 4px; } .similarVehicle { font-size: 8pt; background:#fff; border:2px solid #e4e4e4; margin: 6px 4px; } .similarVehicle ul { width: 115px; } #vehicle .similarVehicle ul li { color:#999; } #vehicle .similarVehicle ul li.price { color:#b30005; font-size:12px; font-weight: bold; } #vehicle .similarVehicle ul li a { font-weight:bold; color:#000 ; text-decoration: none; font-weight: bold; } /* View More Box */ #vehicle #vehicle_v2_sidebar_links { background:#fff; border:2px solid #e4e4e4; margin: 4px 4px 15px; } #vehicle #vehicle_v2_sidebar_links p { font-weight: bold; padding-left: 5px; color:#000; } #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_blk.gif) no-repeat 2px center; } #vehicle_v2_sidebar_links li a:hover { color:#fff; background:#000 url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat 2px center; } /* Breadcrumbs and share bar at top */ #vehicle #vehicle_topbar { border:none; background: url(../images/sortbar.gif) no-repeat center top; height:36px; padding: 0 0 9px; color:#fff; } #vehicle #vehicle_topbar a { color:#fff; } #vehicle #vehicle_title { font-size: 14pt; font-weight:bold; width:450px; color:#000 !important; } #vehicle #vehicle_contact span { color:#333; font-size:16px; } #vehicle #vehicle_contact a {} #vehicle .price_line_1 { font-size: 20pt; font-weight:bold; } #vehicle #vehicle_topbar_left { height:36px; line-height: 36px; } #vehicle #vehicle_topbar_right ul { margin-top:0; } #vehicle #searchBar { border:none; background: url(../images/sortbar.gif) no-repeat center top; height:36px; padding: 0 10px 9px; line-height: 36px; color:#fff; } #vehicle #searchBar_left { padding-top:1px; } /* 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 2px 6px; } /* 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:#333; 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; } #vehicle #customer_tools_top_middle { color:#333 !important; } #vehicle #customer_tools_content_wrapper { height:230px; } .center { text-align:center; } a#ebay_motors img { border:none; }