/* ################################################ ### 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); /* ################################################ Color Guide link blue = #345c7d link blue:hover = #3f8ac9 ################################################ */ * {margin: 0; padding: 0;} body {/*background: #000 url(../images/bg.jpg) right top repeat;*/ background: #fff; color: #444; font-family: Arial,Helvetica,Garuda,sans-serif; font-size: 14px; margin: 0; padding: 0;} h2, h3, h4 {color: #444;} a, a.color_pri {color: #345c7d; text-decoration: underline;} a:hover {color: #3f8ac9;} /*typography for terms of sale, financing, shipping, testimonials, about, and notify pages*/ #about p, #notify p, #testimonials p, #shipping p, #financing p, #terms p {font-family: Arial, Helvetica, Garuda, sans-serif; font-size: 14px; margin-bottom: 15px;} #about h2, #notify h2, #testimonials h2, #shipping h2, #financing h2, #terms h2, #specials h2 {background: transparent url(../images/h2border.gif) bottom center repeat-x; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 24px; margin: 10px 0; padding-bottom: 10px;} #shipping #right p {margin-bottom: 0;} .shipping_contact_info li {list-style-type: none; margin-left: 30px;} .wrapper {background: transparent url(../images/topgradient.png) repeat-x; margin: 0; padding: 0;} .container {background-color: #fff; width: 950px; margin: 0 auto;} /* ########################################### ### #header ### ########################################## */ #header {background: transparent url(../images/header1.jpg) left top no-repeat; height: 270px; position: relative;} #header h1 {height: 90px; left: 360px; position: absolute; top: 10px; width: 315px;} #header h1 a {display: block; height: 100%; width: 100%; text-indent: -9999em;} #header ul {list-style-type: none; text-indent: -9999em;} #header a {float: right; margin-top: -40px; margin-right: 10px; } /* ########################################### ### #mainContent ### ########################################## */ #mainContent {background-color: #fff; width: 930px; margin-bottom: 20px; padding: 0 10px;} /* ########################################### ### #primary nav ### ########################################## */ #priNav { width:930px; height:24px; margin: 0 0 11px; padding: 12px 0 5px; text-align: center; background: url(../images/nav_bkgd.jpg) no-repeat center top; } #priNav li { display:inline; margin: 0; padding: 0 14px 0 7px; font-size:13px; text-transform: uppercase; font-weight: bold; background: url(../images/navdiv.gif) no-repeat right 2px; } #priNav li.first {padding-left: 0;} #priNav li.last { background:none; padding-right: 0; } #priNav li a { color:#000; text-decoration: none; padding-bottom: 14px; } #priNav li a:hover { color:#334b61; background: url(../images/nav_arrow.jpg) no-repeat center bottom; } #priNav li ul { display:none; position: absolute;} /* ################################################# ### #drop down menus ### ################################################ */ #dropmenudiv, #dropmenudiv_firefox {background: #fff none repeat scroll 0 0; border-color: #999; border-style: none solid solid; border-width: 0 1px 1px; line-height: 1; margin: 0 0 0 -8px; padding: 0;} #dropmenudiv a, #dropmenudiv_firefox a {border: none; color:#333; margin:0; padding: 5px 10px; text-decoration:none; text-indent: 10px; width: auto;} #dropmenudiv a:hover, #dropmenudiv_firefox a:hover {background-color:#000; background-image: none; color:#fff; font-weight: normal;} /* ########################################### ### #footer ### ########################################## */ #footer {clear: both; display: block; float: left; margin-bottom: 10px; width: 100%;} #footer li {border-right: 1px dotted #444; float: left; font-size: 10px; line-height: 12px; list-style-type: none; margin-left: 12px; padding-right: 12px; color:#444; } #footer li.first {margin-left: 0;} #footer li.last {border-right: none; padding-right: 0;} #footer li a {color: #444; text-decoration: none;} #footer li a:hover {text-decoration: underline;} #footer #footerNav { padding: 10px 0 0; border-top:1px dotted #999; } #footer #ec_footer {clear: left; color: #444; display: block; padding-top: 5px;} #footer h2 {background: none; float: right; height: 35px; width: 140px;} #footer h2 a {background: transparent url(../images/ecarlist.png) left top no-repeat; display: block; height: 35px; text-indent: -99999em; } #footer h2 a:hover {background-position: right top;} #superFooterWrapper {background: transparent url(../images/superFooterBg.png) center top repeat-x; clear: both; padding: 15px 0 45px;} #superFooter {height: 285px; margin: 0 auto; padding: 15px 0; width: 950px;} #superFooter div.column {float: left; font-size: 13px; font-weight: bold; list-style-type: none; text-transform: uppercase; width: 118px;} #superFooter div ul {margin-bottom: 10px;} #superFooter div li {font-size: 11px; font-weight: normal; list-style-type: none; text-transform: capitalize;} #superFooter a {color: #8c8c8c; font-size: 11px; text-decoration: none;} #superFooter a:hover {text-decoration: underline;} /* ########################################### ### #homepage ### ########################################## */ #featuredTestimonials {background: transparent url(../images/border.jpg) center bottom repeat-x; float: left; margin-bottom: 10px; padding: 0 0 17px;} #featuredTestimonials img {float: left;} #specials_flash {float: right; height: 225px; width: 675px;} #introduction {float: left; margin-right: 33px; width: 620px;} #introduction h2 {border-bottom:4px double #ccc; color: #345c7d; font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-weight: 200; margin-bottom: 15px;} #introduction p, #introduction ul {float: left; margin-right: 19px; width: 465px;} #introduction p {margin-bottom: 20px;} #introduction ul li {display: block; float: left;} #introduction ul#introRight {float: right; margin-right: 0; list-style-type: none; width: 134px;} #introduction ul#introRight li a{background: transparent url(../images/quicklinks.png) no-repeat; display: block; margin-bottom: 5px; text-indent: -9999em; width: 134px;} #introduction ul#introRight li#map a {background-position: center top; height: 88px;} #introduction ul#introRight li#share a {background-position: center -92px; height: 36px;} #introduction ul#introRight li#lease a {background-position: center bottom; height: 104px;} #introduction ul#qualifications li {background: transparent url(../images/qualifications.jpg) top no-repeat; height: 94px; margin-right: 35px; text-indent: -9999em;} #introduction ul#qualifications li a {display: block; height: 100%; width: 100%;} #introduction ul#qualifications li#ebayPowerSeller {background-position: left top; /*margin-left: 40px;*/ margin-left:95px; width: 112px;} #introduction ul#qualifications li#autoDealerMonthly {background-position: -144px top; width: 132px;} #introduction ul#qualifications li#bbb {background-position: -313px top; margin-right: 0; width: 66px;} #reasons {background: #e4e4e4 url(../images/reasonBg.gif) top left repeat-x; float: right; min-height: 245px; padding: 13px 13px 0px; width: 250px;} #reasons h3 {border-bottom: 1px dotted #656565; color: #345c7d; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; margin-bottom: 5px; padding-bottom: 5px; text-align: center;} #reasons li {color: #3b3b3b; font-size: 13px; line-height: 15px; list-style-type: none; margin-bottom: 15px;} #reasons a {background: transparent url(../images/reasons_button.jpg) center top no-repeat; display: block; height: 68px; margin-left: -13px; text-indent: -9999em; width: 276px;} #featured_box {background: url(../images/featured_tile.gif) repeat-x center top; clear: both; margin: 15px 0 0 -10px; padding: 0; width:950px;} #featured_box h3 { 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; } #home #featuredVehicles_title { display:none; } #home #featuredVehicles { margin: 17px 10px 13px; } #home #random_list_item { width:105px; margin: 0 3px; } #home #random_list_item a { color:#444; font-size:11px; text-decoration: none;} #home #random_list_item a:hover { color:#3f8ac9; font-size:11px; text-decoration: none; } #home #random_list_item img { border:5px solid #e8e8e8; height:63px; width:95px;} #home #random_list_item img:hover { border:5px solid #3f8ac9; } #home .toolTipInner_price { color:#3f8ac9; } #random_list_location { padding-left:12px; } #homepage_video {float:left; margin-right: 5px;} /* ########################################### ### #inventory ### ########################################## */ /*leftColumn*/ #inventory_v2_sidebar_contact {padding-left: 0;} .filterList span a:hover {color: #3f8ac9} /*rightColumn*/ #sort_bar { font-size: 12px; } #sort_bar a, #sort_bar a:link {color: #000} #sort_bar a:hover {color: #333} .inventory_v2_details h4 a {color: #345c7d; font-size: 18px; text-decoration: none;} .inventory_v2_details h4 a:hover {color: #3f8ac9} .inventory_v2_price .price_line_1 {color: #345c7d; } .inventory_v2_details_wrap a.btn_inventory_photos:link, .inventory_v2_details a.btn_inventory_photos:link, .inventory_v2_details_wrap a:link, .inventory_v2_details_wrap a.btn_inventory_contact:link, .inventory_v2_details a.btn_inventory_contact:link {color: #345c7d; text-decoration: none;} .inventory_v2_details_wrap a.btn_inventory_photos:visited, .inventory_v2_details a.btn_inventory_photos:visited, .inventory_v2_details_wrap a:visited, .inventory_v2_details_wrap a.btn_inventory_contact:visited, .inventory_v2_details a.btn_inventory_contact:visited {color: #00447d; text-decoration: none;} .inventory_v2_details_wrap a.btn_inventory_photos:hover, .inventory_v2_details a.btn_inventory_photos:hover, .inventory_v2_details_wrap a:hover, .inventory_v2_details_wrap a.btn_inventory_contact:hover, .inventory_v2_details a.btn_inventory_contact:hover {color: #3f8ac9} .inventory_v2_paginationLeft, .inventory_v2_paginationRight {width: 90px;} .inventory_v2_pagination a {color: #345c7d} .inventory_v2_pagination a:hover {color: #3f8ac9} #inventory_v2_sorry #vehicle_finder_bottom {height: 50px; width: 100%;} #autotrader_logo{ width: 88px; float: right; } #inventory .inventory_v2_image { width:23% ; } #inventory .inventory_v2_details_wrap { width:74%; } #inventory .inventory_v2_details { width:64%; } .inventory_v2_image a img { bordeR:1px solid #999; } /* ########################################### ### #vehicle ### ########################################## */ /*rightColumn*/ #vehicle #vehicle_title {width: auto;} #vehicle #vehicle_mainVitals {width: 370px;} #priceContainer li.price_title {font-size: 16px;} #priceContainer li.price_line_1 {color: #345c7d; font-size: 24px;} #media_center_links {margin-top: 8px;} #vehicle_thumbs {background-color: #fff;} #customer_tools_top_middle {color: #444;} ol.customer_tools_left.trade_bid, div.customer_tools_right.trade_bid {width: 45%;} #vehicle form.validation p.error_msg {margin: 5px 20px 0 0 !important;} #autotrader_logo_vitals{float: right; margin-top: -50px;} #vehicle .similarVehicle ul { width:145px; } #vehicle .similarVehicle li { font-size: 12px; } #vehicle .similarVehicle li a { text-decoration: none; font-weight: bold; } /* ########################################### ### #contact ### ########################################## */ /*customer tools box on contact page*/ .customer_tools_left {width:160px;} .customer_tools_left li img{margin-left: -10px;} /* ########################################### ### #financing ### ########################################## */ #financeHeader {margin-left: -7px;} #financeHeader h2 {background: none; font-family:Arial,Helvetica,sans-serif; font-size:10.5pt;} #financeLeft {width: 630px} #financeCalc h2 {background: url(http://images1.ecarlist.com/sites/images/financeCalc_header.gif); font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:13.5pt; margin-bottom: 0; padding-bottom: 0;} #financeRight {float:right; margin-left:43px; width:256px;} /* ########################################### ### #testimonials ### ########################################## */ #testimonials blockquote {background: transparent url(../images/quoteBg.png) left top no-repeat; min-height: 85px; padding: 20px 0 0 50px;} #testimonials span {color: #999; display: block; text-indent: 20px;} /* ########################################### ### #about ### ########################################## */ #about #right img {float: right;} /* ########################################### ### #generic modules ### ########################################## */ /*modules used on multiple pages /*column sizes for two column pages*/ #left, #leftColumn {width: 260px;} #right, #rightColumn {width: 664px;} /*expand search*/ #inventory #searchBar_right, #vehicle #searchBar_right {display: none;} #vehicleDisclaimer {margin-bottom: 10px;}/*inventory and vehicle pages */ /*site logo on top left side of numerous pages */ #site_logoSection {display: none;} /*quick link*/ #quicklinks {background: transparent url(../images/qlBg.png) center top no-repeat; height: 117px; margin-left: -10px; padding: 4px 10px;} #quicklinks li {list-style-type: none;} #quicklinks li a{background: transparent url(../images/qlsprite.png) left top no-repeat; color: #444; display: block; line-height: 21px; margin: 0 auto 1px; text-indent: -99999em; width: 239px;} #quicklinks li.inventory a {background-position: left 0; height: 21px;} #quicklinks li.inventory a:hover {background-position: right 0;} #quicklinks li.specials a {background-position: left -23px; height: 20px} #quicklinks li.specials a:hover {background-position: right -23px;} #quicklinks li.finance a {background-position: left -43px; height: 20px;} #quicklinks li.finance a:hover {background-position: right -43px;} #quicklinks li.service a {background-position: left -64px; height: 23px;} #quicklinks li.service a:hover {background-position: right -64px;} #quicklinks li.parts a {background-position: left -87px; height: 21px;} #quicklinks li.parts a:hover {background-position: right -87px;} /*small contact form - on about page, specials page, etc*/ form#contact_small {background: #fff url(../images/contactBottom.png) center bottom no-repeat; min-height: 384px; padding: 0 19px; width: 209px;} form#contact_small h2 {background: transparent url(../images/contactTop.png) center top no-repeat; color: #fff; height: 37px; margin-left: -19px; text-align: center; padding-top: 10px; width: 247px;} form#contact_small li label {background: none; color: #000; font-size: 11px; padding-left: 0;} form#contact_small li input, form#contact_small li textarea, form#contact_small li select {background: #fff none; border: 1px solid #c9c9c9; font-size: 12px; margin-left: 0;} form#contact_small li.required p.error_msg {margin-right: 32px !important; position: relative;} form#contact_small li.required div.validationIcon {margin: 5px 10px 0 0; } form#contact_small .submitButton {background:transparent url(../images/submit.gif) no-repeat scroll left top; border:medium none; display:block; height:28px; margin:0; padding:0; text-indent:-9000px; width:165px;} /*sidebar_address*/ #sidebar_address_head {margin-bottom: 5px;} #sidebar_address p {margin-bottom: 10px; } #sidebar_address a#getdirections {color: #345c7d;} #sidebar_address a#getdirections:hover {color: #3f8ac9;} a#warrantyhome { float:left; margin: 0; padding: 0; width:250px; height:225px; text-indent: -9000px; background: url(../images/warrantyInfo_v2.jpg) no-repeat -1px top; } #warrantyinfo #right ul { padding: 0 0 0 15px; } #notify #notify_form_div { font-size: 12px; } #notify #notify_form_div h3 { padding: 10px; } #homepage_video {display: block; width: 245px; height: 225px; background-color: #e4e4e4; position: relative; } /* #ec_flowplayer_controlbar, #homepage_video .ecl_video_unmute, #ec_playlist { display:none !important;} */ #videobox { float:left; width:245px; height:225px; background: #c8c8c8; margin: 0; padding: 0; position: relative; } a#ec_flowplayer { display: block; height:195px; } a.ecl_video_unmute { display:block; text-align: center; height:40px; background:url(../images/clicktolisten.png) no-repeat center center; text-indent: -9000px; line-height: 40px; width:245px; position: absolute; top:80px; margin: 0; padding: 0; *left:0; } #ec_flowplayer_controlbar { float:left; width:140px; padding: 5px; } #ec_flowplayer_controlbar a.play { float:left; width:15px; height:15px; text-indent: -9000px; background: url(../images/video-bttns.png) no-repeat left top; } #ec_flowplayer_controlbar a.play:hover { background-position: left bottom; } #ec_flowplayer_controlbar a.pause { float:left; width:15px; height:15px; text-indent: -9000px; background: url(../images/video-bttns.png) no-repeat -15px top; } #ec_flowplayer_controlbar a.pause:hover { background-position: -15px bottom; } #ec_flowplayer_controlbar a.mute { float:left; width:15px; height:15px; text-indent: -9000px; background: url(../images/video-bttns.png) no-repeat -30px top; } #ec_flowplayer_controlbar a.mute:hover { background-position: -30px bottom; } #ec_flowplayer_controlbar a.unmute { float:left; width:15px; height:15px; text-indent: -9000px; background: url(../images/video-bttns.png) no-repeat -30px top; } #ec_flowplayer_controlbar a.unmute:hover { background-position: -30px bottom; } #ec_flowplayer_controlbar div.time { display: none; } #ec_flowplayer_controlbar div.track { float:left; width:80px; height:5px; background: #ccc; margin: 5px 5px 0 5px; } #ec_flowplayer_controlbar div.track div.progress { color:#4c4c4e; height:5px; position: absolute; } div#ec_flowplayer_controlbar div.progress { background: #4c4c4e; } div#ec_flowplayer_controlbar div.buffer { display:none; } div#ec_flowplayer_controlbar div.playhead { height:13px; width: 3px; z-index: 200; position: relative; top:-4px; background: #333; } #ec_playlist { float:right; width:90px; margin: 5px 5px 0 0; } #ec_playlist a { float:left; margin: 0 5px 0 0; height:15px; line-height: 15px; width:15px; text-align: center; background: #4c4c4e; color:#fff; font-size: 11px; } #ec_playlist a:hover { background:#345c7d; }