/* ################################################ ### 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: Arial; font-size:12px; background: #426ca8; } #wrapper { width:990px; margin: 0 auto; padding: 0; } #header { width:990px; height: 74px; margin: 17px 0 0; padding: 0; background: url(../images/header.gif) no-repeat center top; } .clear { margin: 0; padding: 0; clear: both; } #header h1 { float:left; margin: 0; padding: 14px 0 0 12px; } #header h1 a { display:block; width:128px; height:59px; text-indent: -9000px; } #main_content { width:990px; margin: 0; padding:10px 0; background: url(../images/pagetile.gif) repeat-y center top; } p { margin: 5px 0; } a { color: #333; text-decoration:none; } a:link {} a:hover { color: #000; text-decoration:underline; } a:visited {} a:active { outline:none; } a:focus { outline-style: none; } .color_pri { color: #333 !important; } .color_sec { color: #cc0000 !important; } #left, #leftColumn { float:left; display:inline; width:240px; padding: 0; margin: 10px 0 0 15px; } #right, #rightColumn { float:right; display:inline; width:679px; padding: 0; margin: 10px 15px 0 0; } #site_logoSection { display:none; } /* ########################################### ### #primary nav ### ########################################## */ #priNav { width:962px; height:25px; margin: 0; padding: 0 14px; list-style-type: none; background: url(../images/navbar.gif) no-repeat center top; } #priNav li { display:inline; margin: 0; padding: 0 10px 0 9px; background: url(../images/navdiv.gif) no-repeat right center; font-family: Verdana; font-size:9px;font-weight: bold; line-height: 25px; } #priNav li.first { padding-left:0; } #priNav li.last { background: none; } #priNav li a { color:#fff; text-decoration: none; text-transform: uppercase; } #priNav li a:hover { color:#223E61; } #priNav li ul { display:none; } /* ################################################# ### #drop down menus ### ################################################ */ #dropmenudiv, #dropmenudiv_firefox { background:#7d7d7d; padding:0px; margin:6px 0 0; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; } #dropmenudiv a, #dropmenudiv_firefox a { font-family: Verdana; font-size:8px; font-weight:bold; color:#fff; border-bottom:none; margin:0px; text-decoration:none; padding-left:5px; padding-right:-5px; } #dropmenudiv a:hover, #dropmenudiv_firefox a:hover { color:#fff; background:#275076 url(../images/navarrow.gif) no-repeat left center; width:185px; } /* ########################################### ### #footer styles ### ########################################## */ #footer { width:970px; padding: 20px 10px 10px; margin: 0; background: url(../images/pagetile.gif) repeat-y center top; } #footer h1 { float:right; display:inline; margin: 0 10px 0 0 ; padding: 0 ; } #footer h1 a { display:block; width:131px; height:27px; text-indent: -9000px; background: url(../images/ecarlist.gif) no-repeat left top; } #footer h1 a:hover { background-position: -131px 0px; } #footerNav { margin: 0 0 0 10px; padding: 0; list-style-type: none; } #footerNav li { display:inline; margin: 0; padding: 0 4px; border-right:1px solid #8C8C8C; text-transform: uppercase; font-family: Verdana; font-size:8px; } #footerNav li a { color:#8C8C8C; text-decoration: none; } #footerNav li.last { border: none; } #footerNav li a:hover { color:#002E6E; } #ec_footer { margin: 0 0 0 10px; padding: 0; list-style-type: none; } #ec_footer li { display:inline; margin: 0; padding: 0 4px; border-right:1px solid #8C8C8C; text-transform: uppercase; font-family: Verdana; font-size:8px; color:#8C8C8C; } #ec_footer li a { color:#8C8C8C; text-decoration: none; } #ec_footer li.last { border: none; } #ec_footer li a:hover { color:#002E6E; } /* ################################################# ### #=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:#d20001; } /* Search Filter List Container Boxes */ #inventory .filterList { background:#f9f9f9; border:1px solid #e4e4e4; } #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_red.gif) no-repeat 2px center; } #inventory .filterList li a:hover { color:#fff; background:#d20001 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:#d20001; } /* 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:#d20001; padding: 0 0 10px; } #inventory #contact_small { width:220px; } #inventory #inventory_v2_sidebar_contact .input_element { width:180px !important; } /* 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:#d20001; 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; } #inventory #currentFilters a.clearFilterCpo:hover { color:#fff; } /* 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; } #inventory #sort_bar a { color:#333; 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:#666; } /* 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; } .inventory_v2_price_right .price_title { font-size: 12px; } /* ################################################# ### #=vehicle ### ################################################ */ /* Similar Vehicles Heading */ #vehicle #leftColumn h3 { color:#993333; font-size:18px; } .similarVehicle { font-size: 8pt; background:#fff; border:1px solid #999; } .similarVehicle ul { width: 115px; } #vehicle .similarVehicle ul li { color:#999; } #vehicle .similarVehicle ul li a { font-weight:bold; color:#000; } /* 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 {} #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:#d20001 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; } #vehicle #vehicle_topbar a { color:#000; } #vehicle #searchBar { border:none; background: url(../images/sortbar.gif) no-repeat center top; height:36px; padding: 0 10px 9px; } #vehicle #vehicle_vitals { border:1px solid #999; } */ #vehicle #picShadow { padding-left:5px; } /* Vehicle Title -- Make sure to enlarge this */ #vehicle #vehicle_title { font-size: 14pt; font-weight:bold; width:450px; } #vehicle #price_right { margin-right: 5px; } /* Contact Phone Number */ #vehicle #vehicle_contact span { color:#d20001; } #vehicle #vehicle_contact a { color:#666; } /* Vehicle Price -- Make sure to set this */ #vehicle .price_line_1 { font-size: 20pt; font-weight:bold; } /* Vehicle Listing Details */ #vehicle #vitalsContainer ul li { font-size:10px; } /* Buttons underneath the main photo */ #vehicle #media_center_links li a { margin-top:5px; } /* Vehicle Picture Thumbnails - Set this to space them properly */ #vehicle #vehicle_thumbs img { margin:2px 7px; } /* Label for fields on the Customer Tools forms */ #vehicle .customer_tools_label {} /* give some space to the subject line for the make an offer form */ #vehicle #trade_offer_subject { padding-bottom:0; margin-top:6px; } #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:#d20001; 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_content_wrapper { height:235px; }