/* ################################################ ### 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 block styles ### ########################################## */ body { margin: 0; padding: 0; font-family: Arial; font-size: 12px; line-height:16px; background: #4e4c46; } #wrapper { width:980px; margin: 0 auto; padding: 0; } .clear { margin: 0; padding: 0; clear:both; } #page_bkgd { margin: 0; padding: 0; background: url(../images/top_bkgd.jpg) no-repeat center top; } #page_tile { margin: 0; padding: 0 0 15px; background:#000 url(../images/bodytile.gif) repeat-x center top; } p { margin: 5px 0; } a { color: #ffba00; text-decoration:underline; } a:link { color: #fff; text-decoration:none; } a:hover { color: #c57101; text-decoration:underline; } a:visited {} a:active { outline:none; } a:focus { outline-style: none; } .color_pri { color: #ffba00 !important; } .color_sec { color: #c57101 !important; } #main_content { width:980px; margin: 0; padding: 0; } #main_content_inner { width:980px; margin: 0; padding: 35px 0 0; background: url(../images/flash_top.jpg) no-repeat left top; } #left, #leftColumn { float:left; display:inline; width:240px; padding: 0; margin: 0 0 0 20px; } #right p, #finance_middle p, #notify_middle p { font-size:12px; line-height: 16px; color:#ccc; font-family: Helvetica; } #right, #rightColumn { float:right; display:inline; padding: 0; margin: 0 20px 0 0; } #right h2 { color:#fff; font-size:22px; margin: 0 0 10px; padding: 0 0 10px; background: url(../images/underline.gif) repeat-x center bottom; } /* ########################################### ### #header styles ### ########################################## */ #header { width:980px; height:91px; margin: 0; padding: 0; } #header_left { float:left; width:292px; height:91px; margin: 0; padding: 0; } #header_left h1 { margin: 0; padding: 13px 0 0 23px; } #header_left h1 a { display:block; width:247px; height:70px; text-indent: -9000px; } #header_right { float:right; height: 38px; margin: 0; padding: 0 7px 0 0; text-align: right; font-size:22px; color:#fff; line-height: 38px; font-weight: bold; } #chatplacer { float:right; margin: 2px 20px 0 20px; } /* ########################################### ### #primary nav ### ########################################## */ #priNav { clear:right; float:right; width:688px; height:50px; margin: 0; padding: 0 0 3px; list-style-type:none; } #priNav li { float:left; margin: 0; padding:0; background: url(../images/nav_div.jpg) no-repeat right bottom; font-size:13px; } #priNav li.last { background: none; } #priNav li a { display:block; margin: 0; padding: 21px 15px 15px; color:#282e34; text-decoration: none; } #priNav li a:hover { background:url(../images/nav_rollover.jpg) repeat-x center top; color:#fff; } /* ########################################### ### #home page ### ########################################## */ #home_flash { width:980px; height:346px; margin: 0; padding: 0; background: url(../images/flash_top.jpg) no-repeat left top; } #flash_content { width:980px; height:346px; margin: 0; padding: 0; background: url(../images/flash_placeholder.jpg) no-repeat center top; } #home_featured { width:980px; min-height: 119px; height:auto !important; height:119px; background:#d48309 url(../images/featured_bkgd.jpg) repeat-x center top; } #featuredVehicles_title {display:none; } #random_list_location #random_list_item { margin:0 5px 0 6px; } #random_list_location #random_list_item a { text-decoration:none; text-size:10px; font-weight:bold; font-size:11px; color:#fff; } #random_list_location #random_list_item a:hover { color:#000; } #random_list_location #random_list_item img { border:1px solid #000; } #home .toolTipInner_price { color:#c57101; } #home_inner { width:980px; margin: 0; padding: 24px 0 0; background: url(../images/orange_arrow.gif) no-repeat right top; } #left_col { float:left; width:240px; height:350px; margin: 0; padding: 0; background:#3d2c02 url(../images/left_col_bttm.gif) no-repeat center bottom; } #left_col h1 { font-size:12px; margin: 0 0 15px; padding: 0; line-height: 33px; width:240px; height:33px; text-align: center; background: url(../images/left_col_top.gif) no-repeat center top; color:#3d310f; } #left_col p { font-size:13px; color:#fff; margin: 0; padding: 0 12px 0 18px; } #left_col a { font-size:13px; color:#fff; margin: 3px 0; padding: 0; text-decoration: none; } #left_col a:hover { color:#c57101; } #left_col hr { margin: 12px 15px; background:url(../images/dots.gif) repeat-x center top; border:none; height:1px; } #left_col .divline { } #left_col a#direction { margin: 5px 0 0; display:block; width:95px; background: url(../images/orangearrowsmall.gif) no-repeat right center; padding: 0 10px 0 0; } #left_col .floatLeft { margin: 0 0 0 16px; padding: 0px; float:left; display:inline; } #left_col .floatRight { float:left; display:inline; margin: 0 0 0 20px; padding: 0; } #left_col a#contactemail { clear:both; } #left_col .floatLeft p, #left_col .floatRight p { margin: 0; padding: 0; } #left_col a#ebay { display:block; width:77px; height:58px; margin: 10px 0 5px 82px; padding: 0; text-indent: -9000px; background: url(../images/ebay_home.gif) no-repeat center top; } #right_col { float:right; width:240px; margin: 0; height:352px; padding: 0; background: url(../images/right_col_back.gif) no-repeat center top; } #right_col h1 { display:block; width:240px; height:35px; line-height: 35px; margin: 0; padding: 0; color:#fff; font-weight: normal; text-align: center; font-size:16px; background: url(../images/right_col_top.gif) no-repeat center top; } #right_col_inner { width:240px; } #right_col .floatleft { padding:0; color:#e4dddd; padding: 5px; } #right_col .floatleft a { padding:3px 0 0 5px; } #right_col .floatleft a:hover { color:#c57101; } #right_col .floatleft p { color:#e4dddd; padding:3px 0; } #mid_col { float:left; width:460px; display:inline; margin: 0 0 0 20px; padding: 70px 0 0; background: url(../images/home_welcome.gif) no-repeat center top; } #mid_col p { color:#fcf8f8; font-size:11px; margin: 0; padding: 5px 10px; } #mid_col #text_block { height:202px; } a#readmore { color:#ffba00; margin:10px 0 0 350px; padding: 0 10px 0 0; background: url(../images/readmorearrow.gif) no-repeat right center; } #ql_home { margin: 20px 0 0; padding: 0; list-style-type:none; width:460px; } #ql_home li { float:left; margin: 0; padding: 0; } #ql_home li a { display:block; height:109px; text-indent: -9000px; background: url(../images/quicklinks.gif) no-repeat; } #ql_home li a#search { width:153px; background-position: 0px 0px; } #ql_home li a#quick { width:155px; background-position: -153px 0px; } #ql_home li a#get { width:152px; background-position: -308px 0px; } /* rollover states */ #ql_home li a#search:hover { width:153px; background-position: -460px 0px; } #ql_home li a#quick:hover { width:155px; background-position: -613px 0px; } #ql_home li a#get:hover { width:152px; background-position: -768px 0px; } /* ################################################# ### #=footer ### ################################################ */ #footer { margin: 0; padding: 18px 0 25px; background:#4e4646 url(../images/footer_tile.gif) repeat-x center top; } #footer_box { width:980px; margin: 0 auto; padding: 0; } #footer_box h1 { float:right; margin: 0; padding: 0 17px 0 0; } #footer_box h1 a { display:block; width:160px; height:35px; text-indent: -9000px; background: url(../images/ecarlist.gif) no-repeat left top; } #footer_box h1 a:hover { background-position: -160px 0px; } #footerNav { float:left; margin: 0; padding: 0 0 0 9px; list-style-type:none; } #footerNav li { float:left; font-size:10px; margin: 0; padding: 0 4px; border-right:1px solid #bec0c1; line-height: 10px; } #footerNav li.last { border:none; } #footerNav li a { color:#bec0c1; text-decoration: none; } #footerNav li a:hover { color:#fff; } #ec_footer { clear:left; float:left; margin: 5px 0 0; padding: 0 0 0 9px; list-style-type:none; } #ec_footer li { float:left; font-size:10px; margin: 0; padding: 0 4px; border-right:1px solid #bec0c1; line-height: 10px; color:#bec0c1; } #ec_footer li.last { border:none; } #ec_footer li a { color:#bec0c1; text-decoration: none; } #ec_footer li a:hover { color:#fff; } /* ################################################# ### #=common forms ### ################################################ */ #sidebar_address { background:#f9f9f9; border:1px solid #e4e4e4; padding: 5px; } #sidebar_address_head { font-size:14px; padding-left:10px; padding-top:10px; color:#333; } #sidebar_address .floatleft p { font-size:11px; color:#333; } #sidebar_address .floatleft { padding-left:0; margin-bottom:15px; margin-top:10px; } #sidebar_address #getdirections { margin-top:10px; margin-bottom:10px; margin-left:15px; } #sidebar_address a#getdirections:hover { color:#c57101; } #dealer_contact { padding:10px 5px; background:#f9f9f9; border:1px solid #e4e4e4; } #dealer_contact h2 { color:#333; padding: 0 0 10px; } #dealer_contact { width:220px; } #dealer_contact .input_element { width:180px !important; } /* ################################################# ### #=common forms ### ################################################ */ #site_logoSection { display:none; } #sidebar_address { background:#f9f9f9; border:1px solid #e4e4e4; padding: 5px; } #sidebar_address_head { font-size:14px; padding-left:10px; padding-top:10px; color:#333; } #sidebar_address .floatleft p { font-size:11px; color:#333; } #sidebar_address .floatleft { padding-left:0; margin-bottom:15px; margin-top:10px; } #sidebar_address #getdirections { margin-top:10px; margin-bottom:10px; margin-left:15px; } #sidebar_address a#getdirections:hover { color:#f8c525; } #dealer_contact { padding:10px 5px; background:#f9f9f9; border:1px solid #e4e4e4; } #dealer_contact h2 { color:#333; padding: 0 0 10px; } #dealer_contact #contact_small { width:220px; } #dealer_contact .input_element { width:180px !important; } #dealer_contact li { clear:both; } /* ################################################# ### #=contact us 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 { min-height:230px; height:auto !important; height: 220px; } #contact #left { width:240px; margin:10px 0 10px 10px; display:inline; } #contact #right { display:inline; margin:10px 0; } #contact #customer_tools_top_middle { color:#000; } /* ################################################# ### #=financing page ### ################################################ */ #financeLeft { float:left; display:inline; margin:10px 0 10px 20px; padding: 0; } #financeLeft p { font-size:12px; line-height: 16px; color:#ccc; } #financeLeft h2 { color:#fff; margin: 15px 0 5px; } #financeRight { float:right; display:inline; margin: 10px 20px 10px 0; } #financing #financeHeader { margin:0 20px 29px; } #financing #financeHeader h2 { padding-top:10px; } #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; } /* ################################################# ### #vehicle finder ### ################################################ */ #notify #notify_right { float:right; display:inline; margin:10px 0; } #notify_middle { width:640px; float:left; display:inline; margin:10px 0 10px 10px; } #notify #notify_middle h2 { color:#fff; } #notify #notify_middle p { color:#e4dddd; font-size:12px; line-height:16px; } #notify #notify_form_div { background:#fff; } #notify #notify_form_div h3 { padding:5px; color:#c57101; } /* ################################################# ### #shipping ### ################################################ */ #shipping #left { display:inline; margin:10px 0 10px 20px; width:250px; } #shipping #right { display:inline; margin:10px 20px 10px 0; width:660px; } #shipping #right h2 { color:#fff; } #shipping #right p { color:#e4dddd; font-size:12px; line-height:16px; } #trade_bid #notify_middle { margin:10px 0 10px 20px; } #trade_bid #notify_right { width:302px; } #trade_bid #notify_form_div { background: #fff; } /* ################################################# ### #=inventory page ### ################################################ */ #inventory #leftColumn { float:left; width:240px; display:inline; margin: 10px 0 10px 10px; padding: 0; } #inventory #rightColumn { float:right; width:710px; display:inline; margin: 10px 0; padding: 0; } /* Number of Results */ #inventory #inventory_v2_sidebar_filters h3 { padding-left:5px; color:#666; } #inventory #inventory_v2_sidebar_filters h2 { padding-left:5px; padding-bottom:5px; color:#fff; } /* 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; font-weight: bold; } #inventory .filterList ul {} #inventory .filterList ul li { color:#6c6c6c; } #inventory .filterList ul li a { color:#7a7a7a; } #inventory .filterList li a:hover { color:#fff; background-color: #c57101; } #inventory .filterList span a { float: left; margin: 10px; } #inventory .filterList span a:hover { color:#c57101; } /* 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 #ec_is_submit .submitButton { display:block; margin: 0 0 0 100px; width:75px; height: 29px; text-indent: -9000px; background: url(../images/send_small.gif) no-repeat left top; border:none; } #inventory #ec_is_submit .submitButton:hover { background-position: -75px 0px; } #inventory #sort_bar_left, #inventory #sort_bar_right { height:36px; line-height: 36px; } #inventory #contact_small li { clear:both; } /* 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:#f8c525; 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/sortbartop.gif) no-repeat center top; height:36px; padding: 0 0 9px; margin:0; } #inventory #sort_bar { border:none; background: url(../images/sortbartop.gif) no-repeat center top; height:33px; padding:0 10px 3px; margin:0; } #inventory #sort_bar a:hover { color: #000; } /* Vehicle Title and Price */ #inventory .inventory_v2_details h4 a { } #inventory .inventory_v2_details h4 a:hover { color:#f8c525 !important; } #inventory .price_line_1 { padding-bottom:3px; } #inventory .inventory_v2_price { color:#e4dddd; } #inventory .inventory_v2_price_right { color:#e4dddd; } #inventory .inventory_v2_details li { color:#e4dddd; } #inventory .inventory_v2_details_links li a { color: #fff; } #inventory .inventory_v2_details_links li a:hover { color: #fff; 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: #fff; } #inventory .inventory_v2_pagination a:hover {} #inventory #vehicleDisclaimer p {} #inventory .inventory_v2_row { background:none; } #inventory .inventory_v2_paginationCenter a:hover { color:#c57101; } #inventory .inventory_v2_paginationRight a:hover { color:#c57101; } a#vehicle_v2_notify_button img { display:none; } a#vehicle_v2_notify_button { display:block; width:240px; height:92px; text-indent: -9000px; background: url(../images/finder.jpg) no-repeat left top; } /* ################################################# ### #=vehicle ### ################################################ */ #vehicle #leftColumn { float:left; width:240px; display:inline; margin: 10px 0 10px 10px; padding: 0; } #vehicle #rightColumn { float:right; width:710px; display:inline; margin: 10px 0; padding: 0; } /* Similar Vehicles Heading */ #vehicle #leftColumn h3 { color:#fff; } .similarVehicle { background:#f9f9f9; border:1px solid #e4e4e4; } .similarVehicle ul { width: 125px; } #vehicle .similarVehicle ul li { color:#333; font-size: 10px; } #vehicle .similarVehicle ul li.price { color:#c57101; font-size: 12px; font-weight: bold; } #vehicle .similarVehicle ul li a { font-weight:bold; color:#000; font-size: 12px; } /* 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 { font-weight: bold; color:#333; } #vehicle #vehicle_v2_sidebar_links ul {} #vehicle #vehicle_v2_sidebar_links li {} #vehicle_v2_sidebar_links li a { } #vehicle_v2_sidebar_links li a:hover { color:#fff; background-color:#c57101; } /* Breadcrumbs and share bar at top */ #vehicle #vehicle_topbar { border:none; background: url(../images/sortbartop.gif) no-repeat center top; height:33px; padding:0 10px 3px; margin:0 0 10px; } #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 { color:#3474B0; } #vehicle .price_line_1 { font-size: 20pt; font-weight:bold; line-height: 20pt; } #vehicle #searchBar { border:none; background: url(../images/sortbartop.gif) no-repeat center top; height:33px; padding:0 10px 3px; margin:0 0 10px; } #vehicle #vehicle_vitals { border:1px solid #999; } /* Breadcrumbs and share bar at top Links */ #vehicle #vehicle_topbar a { color:#333; } #vehicle #picShadow { padding-left:5px; } /* Vehicle Title -- Make sure to enlarge this */ #vehicle #vehicle_title { font-size: 18pt; font-weight:bold; width:450px; color:#333 !important; line-height: 18pt; } /* 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:#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 #customer_tools_top_middle { color:#333 !important; } #vehicle #customer_tools #customer_tools_content_wrapper { height:230px; } #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 #vehicle_topbar_right ul li { border-left:1px dotted #534d4d; background: none; } #vehicle #vehicle_topbar_right ul li.listFirst { border:none; } a#vd_block_description_button { color:#333; } /* ################################################### ### #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:#fff; } #sitemap #sitemapContent h1 { margin-bottom:25px; margin-top:15px; color:#fff; } #sitemap .sitemap_vehicle_list { list-style-type: none; width:auto; margin: 0 5px; } #sitemap #sitemap_list li { text-transform: capitalize; } #sitemap #footer h1 { margin: 0; padding:5px 10px 0 0; } #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:#fff; } #sitemap #sitemapContent h1 { margin-bottom:25px; margin-top:15px; font-size: 12pt; color:#fff; } #sitemap .sitemap_vehicle_list { list-style-type: none; } #sitemap .sitemap_vehicle_list li a { color:#ccc; } #sitemap .sitemap_vehicle_list li a:hover { color:#ffba00; } #sitemap #sitemap_list li { text-transform: capitalize; color:#ccc; } #sitemap #sitemap_list li ul { display:none; } #sitemapContent { padding-bottom: 20px; } #sitemap_list, .sitemap_vehicle_list { width: 20%; } .home_hours { display: none; } #left_col p { font-size: 16px; } #left_col a { font-size: 14px; } #vd_block_description a {color: #C57101;}