/* ################################################ ### 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.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; line-height: 16px; background: #fff; } #page_bkgd { margin: 0; padding: 0; background: url(../images/page_bkgd.jpg) no-repeat center top; } #page_bkgd_home { margin: 0; padding: 0; background: url(../images/page_bkgd_home.jpg) no-repeat center top; } #wrapper { width:980px; margin: 0 auto; padding: 0; } .clear { margin: 0; padding: 0; clear:both; } p { margin: 5px 0; } a { color: #666; text-decoration:none; } a:link {} a:hover { color: #c69e00; text-decoration:underline; } a:visited {} a:active { outline:none; } a:focus { outline-style: none; } .color_pri { color: #333333 !important; } .color_sec { color: #333333 !important; } #left, #leftColumn { float:left; display:inline; width:248px; padding: 0; margin: 0; } #right, #rightColumn { float:right; display:inline; width:680px; padding: 0; margin: 0; } #right p, #finance_middle p, #notify_middle p { font-size:12px; line-height: 16px; color:#444; } #right h2, #notify_middle h2 { color:#333; font-size:22px; font-weight: normal; margin: 0 20px 10px 0; padding: 20px 0 10px;border-bottom:1px solid #d9d9d8; line-height: 24px; } p#top_address { text-align: right; height:42px; color:#595959; margin: 0; padding: 8px 0 0; } p#top_address span { text-transform: uppercase; } #header { padding: 0 0 14px; margin: 0; width:980px; height:62px; background: url(../images/header.jpg) no-repeat center top; } #header h1 { float:left; margin: 0; padding: 11px 0 0 14px; } #header h1 a { display:block; width:280px; height:40px; text-indent: -9000px; } #priNav { float:right; display:inline; margin: 0; padding: 25px 10px 0 0; list-style-type:none; } #priNav li { float:left; margin: 0; padding: 0 7px 0 0; background: url(../images/navdiv.png) no-repeat right 2px; font-family: Courier; font-size: 14px; } #priNav li.last { background: none; padding-right: 0; } #priNav li a { display:block; padding: 0 10px 10px; color:#fff; text-decoration: none; } #priNav li a:hover { background: url(../images/nav_underline.png) no-repeat center bottom; } #home_specials { width:974px; height:320px; margin: 0; padding: 3px; background: url(../images/specials_bkgd.png) no-repeat center -1px; } #specials_placeholder { width:974px; height:320px; margin: 0; padding: 0; background: url(../images/specials_placeholder.jpg) no-repeat center 0; } #home_mid { width:980px; margin: 0; padding:0; background: url(../images/home_shadow.png) no-repeat center top; } #home_search { float:left; margin: 0; padding: 101px 26px 0 24px; width:198px; height:267px; background: url(../images/home_search.jpg) no-repeat center top; } #home_search h2 { display:none; } #home_search select { width:190px; margin-bottom: 10px; } #home_search input.submitButton { display:block; width:110px; margin: 0 0 0 40px; padding: 0; border:none; height:26px; text-indent: -9000px; background: url(../images/submit_home.gif) no-repeat left top; } #home_search input.submitButton:hover { background-position: -110px 0px; } #home_featured { float:right; margin: 0; padding:8px 0 0 20px; width:712px; background: url(../images/featured_bttm.jpg) no-repeat center bottom; } #featuredVehicles_title { display:none; } #random_list_location #random_list_item { margin: 0 6px; width:105px; height:120px; } #random_list_location #random_list_item a { font-size:10px; text-decoration: none; color:#757575; } #random_list_location #random_list_item a:hover { text-decoration: none; color:#333333; } #random_list_location #random_list_item img { border:2px solid #cacaca; height:63px; width:95px; } #home .toolTipInner_price { color:#333333; } #home_contact { clear:right; float:right; width:226px; margin: 0; padding: 64px 0 0 31px; background: url(../images/welcome.jpg) no-repeat center top; } #home_contact p { font-size:12px; color:#000; } #home_contact .floatleft { float:left; display:inline; margin: 0; padding: 0; } #home_contact .floatright { float:right; display:inline; margin: 0; padding: 0 43px 0 0; } #home_contact .floatleft p { color:#888; } #home_contact hr { display:block; width:193px; height:5px; padding: 0; margin: 30px 0 10px; background: url(../images/contact_hr.jpg) no-repeat center top; border:none; } p.home_text { margin: 0; padding: 11px 10px 0 30px; float:left; width:430px; color:#909090; } p.home_text span { font-size:14px; font-weight: bold; } #footer { width:980px; height:130px; margin: 0; padding: 20px 0 0; background: url(../images/footer.jpg) no-repeat center top; } #footer h1 { float:right; display:inline; margin: 0 10px 0 0; padding: 0; } #footer h1 a { display:block; width:160px; height:32px; text-indent: -9000px; background: url(../images/ecarlist.png) no-repeat left top; } #footer h1 a:hover { background-position: -160px 0px; } #footerNav { float:left; margin: 0; padding: 0; list-style-type:none; } #footerNav li { float:left; margin: 0; padding: 0 10px 0 3px; background: url(../images/footernavdiv.png) no-repeat right 8px; font-size:11px; } #footerNav li.last { background: none; } #footerNav li a { display:block; padding: 4px; color:#000; text-decoration: none; } #footerNav li a:hover { text-decoration: underline; } #ec_footer { clear:left; float:left; margin: 0; padding: 0; list-style-type:none; } #ec_footer li { float:left; margin: 0; padding: 0 10px 0 3px; background: url(../images/footernavdiv.png) no-repeat right center; font-size:11px; color:#000; } #ec_footer li.last { background: none; } #ec_footer li a { padding:0 4px; color:#000; text-decoration: none; } #ec_footer li a:hover { text-decoration: underline; } #ec_sitemap_tooltip .cms_nav li { background: none; } /* ################################################# ### #=common forms ### ################################################ */ #site_logoSection { display:none; } #sidebar_address { width:200px; height:227px; margin: 0; padding: 47px 25px 0 23px; background: url(../images/contact_bkgd_small.png) no-repeat center top; } #sidebar_address_head { font-size:14px; padding:0 0 0 10px; color:#000; } #sidebar_address .floatleft p { font-size:10px; color:#333; } #sidebar_address .floatleft { padding-left:10px; margin-bottom:15px; } #sidebar_address #getdirections { margin-top:10px; margin-bottom:10px; margin-left:15px; } #sidebar_address a#getdirections:hover { color:#000; } #dealer_contact { width:248px; margin: 0; padding: 47px 0 0; background: url(../images/contact-top.png) no-repeat center top; } #dealer_contact h2 { display:none; } #dealer_contact ol { margin: 0; padding: 0 5px 0 20px; } #dealer_contact .input_element { width:170px !important; font-size:12px; margin-bottom: 10px; } #dealer_contact #contact_small { width:235px;} #dealer_contact #contact_small ol li { clear:both; } #dealer_contact #ec_is_submit { width:200px; padding: 20px 23px 30px 25px; background: url(../images/contact_bttm.png) no-repeat center bottom; } #dealer_contact #contact_small input.submitButton { display:block; width:110px; height:26px; text-indent: -9000px; font-size:0; line-height: 0; border:none; background: url(../images/send_small.gif) no-repeat center top; } /* ########################################### ### #notify ### ########################################## */ #notify #notify_form_div { background: #fff; margin: 20px 2px 20px 0; border:1px solid #999; padding: 5px; } #notify #notify_form_div h3 { padding: 5px; color:#000; } #notify #notify_middle { float:left; display:inline; margin: 19px 0 0 12px; padding: 0; width:600px; } #trade_bid #notify_middle { float:left; display:inline; margin: 19px 0 0 0; padding: 0; width:600px; } #trade_bid #notify_right { float:right; display:inline; margin: 19px 0 0 0; padding: 0; width:302px; } #trade_bid #sidebar_address { width:252px; background: url(../images/contact-bkgd-wide.png) no-repeat center top; } /* ################################################### ### #contact page ### ################################################### */ #contact .customer_tools_label { font-size:12px; color:#333; } #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 form.validation p.error_msg { margin-right:0 !important; } #contact #right { width:650px; margin-right:25px; color:#333; background: none; } #contact #customer_tools_top_middle { color:#000 !important; } /* ################################################### ### #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; color:#333; } #sitemap #sitemapContent h1 { margin-bottom:25px; margin-top:15px; font-size: 12pt; color:#333; } #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 { width: 20%; } /* ################################################# ### #=financing page ### ################################################ */ #financeLeft { float:left; display:inline; margin:10px 0 10px 0; width:680px; padding: 0 0 20px; } #financeRight { float:right; display:inline; margin:10px 0 10px 0; width:240px; } #financeLeft h2 { color:#333; font-size:22px; font-weight: normal; margin: 0 20px 10px 0; padding: 20px 0 10px;border-bottom:1px solid #d9d9d8 } #financing #financeHeader h2 { padding-top:10px; } #financing #financeHeader { margin:0 0 15px; border:1px solid #D7D7D7; min-width: 869px; width:872px; background-position: center 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 { } .finpic { float:right; display:inline; margin: 0; padding: 0 0 15px 15px; } #financing #financeCalc h2 { background: url(../images/payment_calc_header.gif) no-repeat center top; } #financing #financeCalc li#footer { background: url(../images/payment_calc_bttm.gif) no-repeat center top; } #financing #main_content { padding: 10px 0 0; } #adsbox { margin: 10px 20px; } #financing #sidebar_address { width:220px; background: url(../images/contact-bkgd-fin.png) no-repeat center top; margin: 0; padding: 40px 10px 0; } /* ################################################# ### #=inventory page ### ################################################ */ /* Number of Results */ #inventory #inventory_v2_sidebar_filters h3 { padding:0 0 10px 5px; color:#666; } #inventory #inventory_v2_sidebar_filters h2 { padding:0 0 10px 5px; color:#333; } /* Search Filter List Container Boxes */ #inventory .filterList { background:url(../images/filterlist_div.jpg) no-repeat left bottom; border:none; margin: 4px 4px 10px; padding: 0 0 15px; } #inventory #inventory_v2_sidebar_filters .filterList h3 { padding-left:10px; color:#333; font-weight: bold; } #inventory .filterList ul { padding-left: 10px; } #inventory .filterList ul li { color:#6c6c6c; } #inventory .filterList ul li a { color:#6c6c6c; background: url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_blk.gif) no-repeat 2px center; } #inventory .filterList li a:hover { color:#fff; background:#444 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:#000; } /* Contact Form Box */ #inventory #inventory_v2_sidebar_contact { width:248px; margin: 0; padding: 47px 0 0; background: url(../images/contact-top.png) no-repeat center top; } #inventory #inventory_v2_sidebar_contact h2 { display:none; } #inventory #inventory_v2_sidebar_contact ol { margin: 0; padding: 0 5px 0 20px; } #inventory #inventory_v2_sidebar_contact .input_element { width:170px !important; font-size:12px; margin-bottom: 10px; } #inventory #inventory_v2_sidebar_contact #contact_small { width:235px; } #inventory #inventory_v2_sidebar_contact #contact_small ol li { clear:both; } #inventory #inventory_v2_sidebar_contact #ec_is_submit { width:200px; padding: 20px 23px 30px 25px; background: url(../images/contact_bttm.png) no-repeat center bottom; } #inventory #contact_small input.submitButton { display:block; width:110px; height:26px; text-indent: -9000px; font-size:0; line-height: 0; border:none; background: url(../images/send_small.gif) no-repeat center top; } #inventory #inventory_v2_sidebar_contact #contact_small ol li label { color:#333; font-weight: normal; } /* Current Filters Box */ #inventory #currentFilters { background:#444; border:none; margin-top: 0; } #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 { background: #444; border:none; color:#fff; height:36px; line-height: 36px; } #inventory #searchBar_left { padding-top:1px; } #inventory #sort_bar { margin: 8px 0 0; background: #444; color:#fff; height:36px; } #inventory #sort_bar_left { height:36px; line-height: 36px; } #inventory #sort_bar_right { height:36px; line-height: 36px; } #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 { } #inventory .inventory_v2_details h4 a:hover { text-decoration: underline; } #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 { margin: 10px; display:block; } #inventory .inventory_v2_row { background:url(../images/inv_div.png) no-repeat center bottom; border:none; } /*a#vehicle_v2_notify_button img { display:none; } a#vehicle_v2_notify_button { display:block; width:240px; height:114px; text-indent: -9000px; background: url(../images/finder.png) no-repeat 4px top; }*/ #inventory .inventory_v2_price { width:190px; } /* ################################################# ### #=vehicle ### ################################################ */ /* Similar Vehicles Heading */ #vehicle #leftColumn h3 { color:#333; padding: 0 0 5px; } .similarVehicle { font-size: 11px; background:url(../images/filterlist_div.jpg) no-repeat left bottom; border:none; margin: 4px 4px 10px; padding: 0 0 15px; } .similarVehicle ul { width: 125px; } #vehicle .similarVehicle ul li { color:#666; } #vehicle .similarVehicle ul li.price { color:#333; font-size:14px; font-weight: bold; } #vehicle .similarVehicle ul li a { font-weight:bold; color:#333; text-decoration: none; font-weight: bold; } /* View More Box */ #vehicle #vehicle_v2_sidebar_links { background:none; border:none; background:url(../images/filterlist_div.jpg) no-repeat left bottom; border:none; margin: 4px 4px 10px; padding: 0 0 15px; } #vehicle #vehicle_v2_sidebar_links p { font-weight: bold; padding-left: 5px; color:#333; } #vehicle #vehicle_v2_sidebar_links ul {} #vehicle #vehicle_v2_sidebar_links li { color:#666; } #vehicle_v2_sidebar_links li a { color:#6c6c6c; 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:#333 url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat 2px center; } /* Breadcrumbs and share bar at top */ #vehicle #vehicle_topbar { margin:0 0 8px; height:36px; background: #444; color:#fff; } #vehicle #vehicle_topbar a { color:#fff; } #vehicle #vehicle_topbar_left { line-height: 36px; } #vehicle #vehicle_topbar_right ul { padding-top:0; } #vehicle #vehicle_title { font-size: 14pt; font-weight:bold; width:450px; } #vehicle #vehicle_contact span { color:#333; font-size:18px; } #vehicle #vehicle_contact a {} #vehicle .price_line_1 { font-size: 20pt; font-weight:bold; line-height: 22pt; } #vehicle #searchBar { margin: 0 0 4px; background: #444; height:36px; border:none; } #vehicle #searchBar_left { } /* 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 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 { margin: 10px; display:block; } #vehicle #customer_tools { color:#333; } #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; } #vehicle #vehicle_vitals { background: none; } a#vehicle_v2_notify_button img { display:none; } a#vehicle_v2_notify_button { display:block; width:250px; height:125px; text-indent: -9000px; background: url(../images/finder.png) no-repeat left top; margin: 10px 0 } #vehicle #picShadow { padding: 4px; } #vehicle #vehicle_vitals .ip_dottedLine { background: url(../images/vitalsdiv.png) no-repeat center center; } #specials_navigation ul li.specials_current { background: url(http://images1.ecarlist.com/sites/customer_solutions/css/../images/page_bkgd.jpg) no-repeat -300px -100px; } #specials_navigation ul, #specials_navigation_wrap, #specials_navigation ul li a, .specials_item { border-color: #aaa !important; } #specials_navigation ul li a { background: #ddd; }