/* ################################################ ### 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; background: #001a49 url(../images/body_tile.gif) repeat-x center top; } #wrapper { width:950px; margin: 0 auto; padding: 0; } #main_content { width:950px; margin: 0; padding: 10px 0; background: #fff; } #bttm_gradient { margin: 0; padding: 0; background: url(../images/bttm_tile.gif) repeat-x center bottom; } .clear { margin: 0; padding: 0; clear:both; } p { margin: 5px 0; } a { color: #000; text-decoration:none; } a:link {} a:hover { color: #001a49; 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 { float:left; display:inline; width:240px; padding: 0; margin: 0 0 0 10px; } #right, #rightColumn { float:right; display:inline; width:670px; padding: 0; margin: 0 10px 0 0; } #right p, #finance_middle p, #notify_middle p { font-size:12px; line-height: 16px; color:#444; } #right h2 { color:#990000; font-family: Georgia; font-size:22px; margin: 0 0 10px; padding: 0 0 10px; background: url(../images/home_underline.gif) repeat-x center bottom; } /* ################################################ ### #header styles ### ################################################ */ #header { width:950px; height:270px; margin: 0; padding: 0; background: url(../images/header_nocars.jpg) no-repeat center top; } #header_content { width:950px; height:270px; margin: 0; padding: 0; background: url(../images/header.jpg) no-repeat center top; } #header h1 { float:left; margin: 0; padding: 2px 0 0 374px; } #header h1 a { display:block; width:202px; height:127px; text-indent: -9000px; } /* ########################################### ### #primary nav ### ########################################## */ #priNav { width:950px; height:24px; margin: 0; padding: 16px 0 1px; text-align: center; background: url(../images/nav_bkgd.jpg) no-repeat center top; } #priNav li { display:inline; margin: 0; padding: 0 13px 0 12px; font-size:12px; text-transform: uppercase; font-weight: bold; background: url(../images/navdiv.gif) no-repeat right center; } #priNav li.last { background:none; padding-right: 0; } #priNav li a { color:#000; text-decoration: none; padding-bottom: 10px; } #priNav li a:hover { color:#334b61; background: url(../images/nav_arrow.jpg) no-repeat center bottom; } #priNav li a#priNav_Home:hover { color:#334b61; background: url(../images/nav_arrow_thin.jpg) no-repeat center bottom; } #priNav li ul { display:none; } /* ########################################### ### #home page ### ########################################## */ #home_top { width:930px; margin: 0 10px; padding: 0 0 5px; } #video_box { float:left; width:250px; margin:0; padding: 0; height:225px; background: url(../images/video_placeholder.jpg) no-repeat center top; } a#map_home { float:left; display:inline; margin: 0; padding: 0; width:250px; height:225px; text-indent: -9000px; background: url(../images/dealer_pic_new.jpg) no-repeat left top; } #home_specials { float:right; display:inline; margin: 0; padding: 0; width:675px; height:225px; } #specials_placeholder { margin: 0; padding: 0; width:675px; height:225px; background: url(../images/specials_placeholder.jpg) no-repeat left top; } #home_right2 { float:right; display:inline; margin: 10px 10px 0 0; width:276px; } #home_search { /*float:right; display:inline;*/ margin: 0 10px 15px 0; padding: 10px; width:256px; height:256px; background: url(../images/home_search_bkgd.gif) no-repeat center top; } #home #search h2 { font-family: Georgia; text-align: center; font-size:18px; padding:0; color:#001a49; margin: 0 0 10px; } #home #search form label { margin-left:28px; margin-top:4px; } #home #search form select { width:200px; margin-left:28px; margin-bottom:10px; } #home #search .submitButton { width:102px; height:25px; margin-left:25px; background: url(../images/search_small.gif) no-repeat left top; border:none; text-indent: -9000px; } #home #search .submitButton:hover { background-position: -102px 0px; } #home_left { float:left; display:inline; margin: 10px 0 0 10px; padding: 17px 0 0; width:405px; background: url(../images/home_div_line.gif) no-repeat center top; } #home_left h1 { color:#001a49; font-family: Georgia; font-size:22px; font-weight: normal; margin: 15px 0; padding: 0 0 10px; background: url(../images/home_underline.gif) repeat-x center bottom; } #home_left p.main { /*width:400px;*/ color:#444; line-height: 18px; font-size:12px; } #home_text_list { margin: 10px 0; padding: 0 0 0 20px; } #home_text li { font-size:11px; margin: 0; padding: 0 5px; } #contact_box { float:right; width:205px; margin: 0 20px 30px 0; padding: 0; } #contact_box .floatLeft { float:left; margin: 0 0 0 10px; display:inline; } #contact_box .floatRight { float:right; margin: 0 15px 0 0; display:inline; } #contact_box h2 { color:#666; font-size:16px; font-weight: normal; margin: 10px 0 10px 10px; padding: 0; } #contact_box p { margin: 0 0 0 10px; padding: 0; font-size:12px; line-height: 16px; } #contact_box .floatLeft p { color:#666; margin:0; } #contact_box .floatRight p { color:#000; text-align: right; margin:0; } #contact_box .floatRight a { color:#c41212; } #contact_box a#ebay { display:block; margin: 10px 0 0 15px; padding: 0; width:136px; height:48px; text-indent: -9000px; background: url(../images/ebaypowerseller.jpg) no-repeat center top; } #contact_box hr { margin: 10px 15px 10px 10px; height:4px; background: #f0f0f0; color:#f0f0f0; border:none } #featured_box { width:950px; margin: 15px 0 0; padding: 0; background: url(../images/featured_tile.gif) repeat-x center top; } #featured_box h1 { display:block; width:208px; height:23px; margin:0 0 17px 20px; padding: 0; text-indent: -9000px; background: url(../images/featured_title.gif) no-repeat center top; } #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:#444; } #random_list_location #random_list_item a:hover { text-decoration: none; color:#33486d; } #random_list_location #random_list_item img { border:5px solid #e8e8e8; height:63px; } #random_list_location #random_list_item img:hover { border:5px solid #33486d; } #home .toolTipInner_price { color:#3d85b0; } p#homenappa { float:left; width:67px; height:52px; text-indent: -9000px; background: url(../images/napa-home-small.gif) no-repeat center top; margin: 40px 0 10px 0; padding: 0; } #VolusionLiveChat { margin:25px 0 15px; } #home #VolusionLiveChat { float:right; } a#clicktocall { display:block; padding:10px 0 20px 12px; border-top:1px solid #ccc; margin: 10px 40px; } /* ########################################### ### #footer ### ########################################## */ #footer_wrap { margin: 0 0 20px; padding: 0; background: url(../images/footer_tile.gif) repeat-x center top; min-height:93px; height:auto !important; height:93px; } #footer_box { width:950px; margin:0 auto 15px; padding: 20px 0 0; } #footer_box h1 { float:right; margin: 0; padding: 0; } #footer_box h1 a { display:block; width:139px; height:30px; text-indent: -9000px; background: url(../images/ecarlist.gif) no-repeat left top; } #footer_box h1 a:hover { background-position: -139px 0px; } #footerNav { margin: 0; padding: 0; list-style-type:none; } #footerNav li { display:inline; margin: 0; padding: 0 11px; border-right:1px dotted #fff; } #footerNav li.last { border:none; } #footerNav li a { font-size:9px; color:#fff; text-decoration: none; } #footerNav li a:hover { color:#fff; text-decoration: underline; } #ec_footer { margin: 5px 0 0; padding: 0; list-style-type:none; } #ec_footer li { font-size:9px; color:#fff; display:inline; margin: 0; padding: 0 11px; border-right:1px dotted #fff; } #ec_footer li.last { border:none; } #ec_footer li a { color:#fff; text-decoration: none; } #ec_footer li a:hover { color:#fff; text-decoration: underline; } /* ################################################# ### #=quicklinks ### ################################################ */ #ql_inner { margin: 0; padding:0; list-style-type: none; } #ql_inner li { margin: 0; padding: 2px 0; } #ql_inner li a { display:block; padding: 8px 0; text-align: center; background:#fff; border:1px solid #999; color:#666; font-size:11px; } #ql_inner li a:hover { background: #cc0000; color:#fff; text-decoration: none; } /* #ql_inner li a#inv { height:20px; background-position: 0px 0px; } #ql_inner li a#special { height:22px; background-position: 0px -20px; } #ql_inner li a#pre { height:22px; background-position: 0px -42px; } #ql_inner li a#request { height:24px; background-position: 0px -64px; } #ql_inner li a#order { height:21px; background-position: 0px -88px; } /* rollover states */ /* #ql_inner li a#inv:hover { height:20px; background-position: -239px 0px; } #ql_inner li a#special:hover { height:22px; background-position: -239px -20px; } #ql_inner li a#pre:hover { height:22px; background-position: -239px -42px; } #ql_inner li a#request:hover { height:24px; background-position: -239px -64px; } #ql_inner li a#order:hover { height:21px; background-position: -239px -88px; } */ /* ################################################# ### #=common forms ### ################################################ */ #site_logoSection { display:none; } .spacer { height:5px; } #sidebar_address { margin: 0 0 10px; padding: 5px; background:#fff; border:1px solid #999; } #sidebar_address_head { font-size:14px; padding-left:10px; padding-top:10px; color:#990000; } #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:#001a49; } #dealer_contact { margin: 0; padding: 5px; background:#fff; border:1px solid #999; } #dealer_contact h2 { color:#990000; padding: 10px 0 10px; } #dealer_contact .input_element { width:180px !important; font-size:12px; margin-bottom: 17px; } #dealer_contact #contact_small { width:220px; margin-left: 8px; } #dealer_contact #contact_small ol li { clear:both; } /* ################################################### ### #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:650px; 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: 245px; } #contact #customer_tools_top_middle { color:#333; } /* ################################################# ### #=financing page ### ################################################ */ #financeLeft { display:inline; margin:10px 0 10px 10px; } #financeRight { display:inline; margin:10px 0; width:240px; } #financeLeft { float:left; display:inline; margin: 0 0 10px 10px; padding: 0; } #financeLeft p { font-size:12px; line-height: 16px; color:#444; } #financeLeft h2 { color:#990000; font-family: Georgia; font-size:22px; margin: 10px 0; padding: 0 0 10px; background: url(../images/home_underline.gif) repeat-x center bottom; } #financeRight { float:right; display:inline; margin: 0 10px 10px 0; } #financing #financeCalc li#footer { background: url(http://images1.ecarlist.com/sites/images/financeCalc_footer.jpg) no-repeat scroll left top !important; } #financing #financeHeader h2 { padding-top:10px; } #financing #financeHeader { margin:0 10px 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; } /* ################################################# ### #trade_bid ### ################################################ */ #trade_bid #notify_middle { margin:10px 0 0 10px; display:inline; width:500px; float:left; } #trade_bid #notify_right { margin: 10px 10px 0 0; display:inline; } #trade_bid #notify_middle p { color:#333; ont-size:12px; line-height:18px; } #trade_bid #notify_middle h2 { color:#345c7d; font-family: Georgia; font-size:22px; margin: 0 0 10px; padding: 0 0 10px; background: url(../images/home_underline.gif) repeat-x center bottom; } #trade_bid #notify_middle img { margin: 70px 0 0; } #notify_form_div { background: #fff; } #trade_bid #sidebar_address { width:300px; background: url(../images/address_bkgd_wide.gif) no-repeat center top; } /* ################################################# ### #about us ### ################################################ */ /* ################################################# ### #service ### ################################################ */ #service #service_request_form h3 { background: #cecece; margin: 10px 0; color:#333; } #parts #parts_request_form h3 { background: #cecece; margin: 10px 0; color:#333; } #vehicle_question_submit { margin: 15px 0 15px 220px; } #parts #parts_request_form label, #service #service_request_form label { font-size:12px; } #service h4, #collision h4 { color:#000; margin: 0 0 10px; padding: 3px 0; font-size:18px; font-style:italic; font-weight: bold; border-bottom: 1px solid #ccc; padding: 10px 0; } p#collisionlogo { float:right; width:187px; height:64px; text-indent: -9000px; margin: 0; padding: 0; background: url(../images/collision.gif) no-repeat center top; } p#servicelogo { float:right; width:112px; height:88px; text-indent: -9000px; margin: 0; padding: 0; background: url(../images/napa-service-img.gif) no-repeat center top; } /* ########################################### ### #notify ### ########################################## */ #notify_middle h2 { color:#990000; font-family: Georgia; font-size:22px; margin: 0 0 10px; padding: 0 0 10px; background: url(../images/home_underline.gif) repeat-x center bottom; } #notify_form_div { background: #fff; } #notify_form_div h3 { padding: 5px; color:#cc0000; } /* ################################################### ### #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 { width: 20%; } /* ################################################# ### #=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:#333; } /* Search Filter List Container Boxes */ #inventory .filterList { background:#fff; border:1px solid #999; } #inventory #inventory_v2_sidebar_filters .filterList h3 { padding-left:10px; color:#333; 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:#cc0000 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: 0; padding: 5px 5px 10px; background:#fff; border:1px solid #999; } #inventory #inventory_v2_sidebar_contact h2 { color:#990000; padding: 10px 0 10px 5px; } #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; } #contact_small .submitButton { width:102px; height:25px; margin-left:80px; background: url(../images/send2.gif) no-repeat left top; border:none; text-indent: -9000px; } #contact_small .submitButton:hover { background-position: -102px 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:#cc0000; 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; color:#fff; height:36px; padding: 0 10px 9px; 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 { color:#000; } #inventory .inventory_v2_details h4 a:hover { color:#25337e; } #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:#333; } /* 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; } a#vehicle_v2_notify_button { display:block; margin-top: 10px; } #inventory .inventory_v2_price_right .price_line_2 { color:#001a49; } /* ################################################# ### #=vehicle ### ################################################ */ /* Similar Vehicles Heading */ #vehicle #leftColumn h3 { color:#333; } .similarVehicle { font-size: 8pt; background:#fff; border:1px solid #999; } .similarVehicle ul { width: 125px; } #vehicle .similarVehicle ul li { color:#444; } #vehicle .similarVehicle ul li.price { color:#993333 } #vehicle .similarVehicle ul li a { font-weight:bold; color:#993333; } /* View More Box */ #vehicle #vehicle_v2_sidebar_links { background:#fff; border:1px solid #999; margin:0 0 15px 0; } #vehicle #vehicle_v2_sidebar_links p { font-weight: bold; color:#333; padding: 5px 0 0 5px; } #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:#cc0000 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_topbar_left { height:36px; line-height: 36px; } #vehicle #vehicle_topbar_right { height:36px; line-height: 36px; } #vehicle #vehicle_topbar_right ul { margin-top:3px; } #vehicle #searchBar { border:none; background: url(../images/sortbar.gif) no-repeat center top; height:36px; padding: 0 0 9px; } #vehicle #vehicle_title { font-size: 14pt; font-weight:bold; width:450px; line-height: 14pt; color:#001a49 !important; padding-top: 5px; } #vehicle #vehicle_contact span { color:#666; font-size:14px; padding-top: 3px; } #vehicle #vehicle_contact a { color:#3474b0; } #vehicle .price_line_1 { font-size: 24pt; font-weight:bold; } /* Vehicle Listing Details */ #vehicle #vehicle_vitals { border:1px solid #999; padding: 5px; } #vehicle #vehicle_mainVitals { width:355px; } #vehicle #vitalsLeft { width:180px; } #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:#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 { float:right; margin: 0 0 15px; } #vehicle #customer_tools #customer_tools_vehicle_offer .customer_tools_right_left { width:250px; margin:10px 0 15px 80px; } #vehicle .price_line_2 { color:#001A49; font-size:12pt; } a#addtocart { float:right; display:inline; margin: 5px 10px 0 0; padding: 0; width:161px; height:55px; text-indent: -9000px; background: url(../images/shoppingcart.gif) no-repeat left top; } a#addtocart:hover { background-position: -161px 0px; } #vehicle #customer_tools_vehicle_offer .customer_tools_right_left li { clear:both; } #vehicle #customer_tools_vehicle_offer form.validation label { margin: 15px 0 0; } #vehicle #customer_tools_content_wrapper #customer_tools_vehicle_offer label { margin: 0 0 15px; } .staffbox { margin: 10px 0; padding: 10px 0; border-bottom: 1px dotted #444; } .staffpic { float:left; margin: 0 10px 10px 0; border:5px solid #fff; box-shadow: -5px 5px 5px #ccc; -moz-box-shadow: -5px 5px 5px #ccc; -webkit-box-shadow: -2px 5px 5px #ccc; } #meet_our_staff #right h3 { font-size:20px; font-weight: normal; margin: 35px 0 10px; padding: 0; } #right .staffbox p.name { font-size:16px; font-weight: normal; } #right .staffbox p.name span { font-size:14px; font-style:italic; }