/* ################################################ ### IMPORT CSS STYLES ### ################################################ */ @import url(http://images1.ecarlist.com/sites/default/default_black/css/globalMain.css); @import url(http://images1.ecarlist.com/sites/default/default_white/css/globalInner_black.css); @import url(http://images1.ecarlist.com/sites/common/featured_vehicles.css); @import url(http://images1.ecarlist.com/sites/common/sitemap-2.0.css); /*reset*/ * {margin: 0; padding: 0;} /*fonts*/ body, p, a, li, td, address {color: #fff; font-family: Verdana, Arial, Helvetica, "Trebuchet MS", Tahoma, Geneva, "Lucida Sans Unicode", "Lucida Grande", "MS Sans Serif", sans-serif; font-size: 12px;} h1, h2, h3, h4 {color: #fff; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;} /*headings*/ a {color: #fff;} #home h2 {font-size: 18px;} .gloInner-left2 h2, .gloInner-left3 h2 {color: #444; font-size: 14pt; margin-bottom: 15px;} /*commonly used classes */ .gradientHeading {background: url(../images/headingBg.png) transparent left top repeat-x; color: #fff; font-weight: normal; height: 35px; line-height: 35px; text-align: center;} .boxShadow {background: url(../images/boxShadowBottom.png) center bottom no-repeat; padding-bottom: 19px;} .btn {display: block; text-indent: -9999em;} /*page structure*/ body {background: url(../images/bodyBg.png) #292929 repeat-x left top; text-align: left;} #container {background-color: #373737; margin: 0 auto; width: 950px;} #header {background: url(../images/header.jpg) transparent center top no-repeat; height: 290px; position: relative; width: 950px;} #priNav {background: url(../images/navBg.png) transparent center top repeat-x; border-top: 1px solid #fff; height: 81px; } #mainContent {background: #373737 url(../images/mainContentBg.png) left top repeat-x; margin-bottom: 10px; padding: 14px 15px 0;} #vehicle #mainContent {padding: 14px 10px 0;} #right, #rightColumn {width: 670px;} #left, #leftColumn {width: 240px;} #footer {background: url(../images/footerSiteMapBg.gif) left top repeat-x; padding-top: 16px;} /*navigation list common settings*/ #priNav li, #footerNav li, #ec_footer li { display: inline; list-style-type: none;} #priNav a, #footerNav a, #ec_footer a {color: #fff; text-decoration: none;} #footerNav a:hover, #ec_footer a:hover {text-decoration: underline;} /*header*/ #header h1 {display:block; height:235px; left:40px; position:absolute; top:30px; width:260px;} #header h1 a {display: block; height: 100%; text-indent: -9999em; width: 100%;} #header ul.contactInfo {position: absolute; height: 50px; right: 130px; top: 30px; width: 210px; background: transparent;} #header ul.contactInfo li {list-style-type: none; text-indent: -9999em;} /*priNav*/ #priNav li {background: url(../images/navSeperator.png) transparent right top no-repeat; display: inline; float: left;} #priNav li.first {margin-left: 31px;} #priNav li.last {background: none;} #priNav li a {background: url(../images/navBg.png) transparent center top repeat-x; display: block; font-size: 14px; font-weight: normal; height: 80px; line-height: 80px; margin: 0 3px 0 0; padding: 0; text-align: center; text-transform: uppercase; } #priNav li a:hover {background-position: center bottom;} #priNav li a#priNav_Home { width: 73px;} #priNav li a#priNav_Inventory {width: 115px;} #priNav li a#priNav_Financing {width: 109px;} #priNav li a#priNav_Shipping {width: 104px;} #priNav li a#priNav_Vehicle_Finder {width: 150px;} #priNav li a#priNav_Trade_Appraisal {width: 167px;} #priNav li a#priNav_Contact_Us {width: 126px;} #footer {background-color: #292929; display: inline-block; width: 100%;} /*footerNav*/ #footerNav {background: height: 38px; text-align: center;} #footerNav li {border-right: 1px solid #fff; margin-right: 5px; padding-right: 5px;} #footerNav li.last {border: none; margin-right: 0; padding-right: 0;} #footer #footerNav a {color: #fff; line-height: 38px;} /*ec_footer*/ #ec_footer {background: #292929; padding-top: 5px; text-align: center;} #footer #ec_footer li, #footer #ec_footer a {color: #808386; text-transform: none;} #footer #ec_footer li {border-right: 1px solid #808386; margin-right: 5px; margin-left: 0; padding-right: 5px;} #footer #ec_footer li:last-child {border-right: none;} #footer a#eclLogo {background: url(../images/ecl.gif) transparent left top no-repeat; display: block; height: 28px; margin: 10px auto; text-indent: -99999em; width: 138px;} #footer a#eclLogo:hover {background-position: right top;} /************************************* *** homepage *** *************************************/ /*dealerInfo*/ #home #dealerInfo { background: url(../images/contactInfoBg.png) #131313 left bottom no-repeat; color: #444; float: left; height: 548px; margin-right: 10px; text-align: left; width: 240px;} #home #dealerInfo h3 {margin: 5px;} #home #dealerInfo ul {margin: 5px; padding-bottom: 35px;} #home #dealerInfo li {font-size: 12px; list-style-type: none;} #home #dealerInfo ul.contactInfo {margin-top: 34px;} #home #dealerInfo li.phoneNumber {font-size: 23px; } #home #dealerInfo ul.physicalAddress li.dealershipName {font-weight: bold; } #home #dealerInfo ul.physicalAddress li address {font-style: normal;} #home #dealerInfo ul.physicalAddress li a.btn {background: url(../images/getDirections.png) transparent top center no-repeat; height: 27px; margin: 15px auto 0; width: 157px;} #home #dealerInfo ul.physicalAddress li a.btn:hover {background-position: center bottom;} #home #dealerInfo ul.hours {border-bottom: none;} #home #dealerInfo ul.hours li {font-size: 12px;} #home .toolTipInner_price {color: #666;} /*welcomeAndFeaturedInventory*/ #home #welcomeAndFeaturedInventory {float: left; margin-right: 10px; width: 420px;} #home #welcomeAndFeaturedInventory ul, #home #welcomeAndFeaturedInventory li {list-style-type: none;} #home #welcomeAndFeaturedInventory #welcome {background: url(../images/welcomeBg.gif) #373737 left -35px repeat-x;} #home #welcomeAndFeaturedInventory #welcome #quicklinks {background: url(../images/quicklinks.png) transparent center top no-repeat; height: 108px; margin: 13px auto; width: 382px;} #home #welcomeAndFeaturedInventory #welcome #quicklinks li {display: inline; float: left;} #home #welcomeAndFeaturedInventory #welcome #quicklinks li a {display: block; height: 100px; margin-top: 5px; text-indent: -999999em; } #home #welcomeAndFeaturedInventory #welcome #quicklinks #inventory {margin-left: 23px; width: 82px;} #home #welcomeAndFeaturedInventory #welcome #quicklinks #finder {margin-left: 25px; width: 117px;} #home #welcomeAndFeaturedInventory #welcome #quicklinks #financing {margin-left: 25px; width: 88px;} #home #welcomeAndFeaturedInventory #welcome p {color: #444; margin: auto; width: 382px;} #home #welcomeAndFeaturedInventory #welcome ul {margin: 20px auto 15px; width: 380px;} #home #welcomeAndFeaturedInventory #welcome li {display: inline; float: left;} #home #welcomeAndFeaturedInventory #welcome li a {display: block; text-indent: -9999em;} #home #welcomeAndFeaturedInventory #welcome li.warranty a {background: url(../images/warrantyEbayBg.png) transparent left top no-repeat; height: 66px; margin-right: 10px; width: 131px; } #home #welcomeAndFeaturedInventory #welcome li.powerSeller a {background: url(../images/warrantyEbayBg.png) transparent center top no-repeat; height: 66px; margin-right: 9px; width: 98px; } #home #welcomeAndFeaturedInventory #welcome li.auctions a {background: url(../images/warrantyEbayBg.png) transparent right top no-repeat; height: 66px; width: 131px; } #home #welcomeAndFeaturedInventory #featured {background: url(../images/welcomeBg.gif) #373737 left 15px repeat-x; padding-top: 15px; } #home #welcomeAndFeaturedInventory #featured {clear: both; height: 225px; margin-top: 15px;} #home #welcomeAndFeaturedInventory #featured h2 {border-bottom: 1px solid #373737;} #home #welcomeAndFeaturedInventory #featured #featuredVehicles {margin: 0 auto; width: 404px;} #home #welcomeAndFeaturedInventory #featured #featuredVehicles #featuredVehicles_title {display: none;} #home #welcomeAndFeaturedInventory #featured #featuredVehicles #random_list_item {margin: 0 2px;} #home #welcomeAndFeaturedInventory #featured #featuredVehicles #random_list_item a, #home #welcomeAndFeaturedInventory #featured #featuredVehicles #random_list_item img {border: none; text-decoration: none;} #home #welcomeAndFeaturedInventory #featured #featuredVehicles #random_list_item a {color: #fff;} #home #welcomeAndFeaturedInventory #featured #featuredVehicles #random_list_item a:hover {color: #ccc;} .toolTipInner_price {color: #008db6;} #home #featured {padding-bottom: 30px;} #home #featured a.autotrader {display: block; margin: auto; width: 140px; } /*searchAndBrowseInventory*/ #searchAndBrowseInventory {color: #444; float: left; width: 240px;} #searchAndBrowseInventory #search {background: url(../images/searchHome.png) no-repeat; height: 266px; padding:15px; width:210px;} #searchAndBrowseInventory #search form label {color: #fff; font-size: 11px; font-weight: bold; margin: 5px 0 3px 5px;} #searchAndBrowseInventory #search form select {color: #444; margin-bottom:5px; margin-left:5px; width:200px;} #searchAndBrowseInventory #search #listing_form {margin: auto; padding-top: 2px; width: 100%;} #searchAndBrowseInventory #search .submitButton {background: url(../images/search.png) left top no-repeat; border: none; height: 26px; text-indent: -9999em; width: 156px;} #searchAndBrowseInventory #search .submitButton:hover {cursor: pointer;} #searchAndBrowseInventory #browseInventory {background: url(../images/browseInventoryBg.png) no-repeat; height: 246px; width:240px;} #searchAndBrowseInventory #browseInventory div.floatleft {margin: 10px 10px 10px 20px} #searchAndBrowseInventory #browseInventory div a {color: #fff; text-decoration: none;} #searchAndBrowseInventory #browseInventory div a:hover {text-decoration: underline;} /************************************* *** inventory *** *************************************/ #contSecA #breadcrumbs a, #makes a {color: #ccc;} .makesTitle { border-bottom:8px solid #666; border-left:1px solid #666; border-right:1px solid #666; color: #ccc; } #contSecA .sortDisplay a:hover {color: #fff;} #contSecA .inventoryLeft a, #contSecA .inventoryRight h2, #contSecA .inventoryRight a {color: #fff; text-decoration: none;} #contSecA .inventoryLeft a:hover, #contSecA .inventoryRight a:hover {color: #fff; text-decoration: underline;} .inventorySec_a {border-bottom: 1px solid #333; color: #ccc;} .inventorySec_b {background-color: #666; border-bottom: 1px solid #333; color: #ccc;} /************************************* *** vehicle *** *************************************/ #vehicle #accordian td{color: #333;} #vehicle #optionstabs a {color: #ccc; text-decoration: underline;} #vehicle #optionstabs a.selected, #vehicle #optionstabs a.selected:hover {background: none; color: #fff; cursor: default; text-decoration: none;} /************************************* *** warranty *** *************************************/ #warrantyContent h1, #warranty h2{text-align: center; margin-bottom: 10px; margin-top: 25px;} #warrantyContent ol {margin-left: 50px;} #warrantyContent ol li {margin: 10px 0;} #warrantyContent p {margin-bottom: 25px;} #warrantyContent p.topLogo {text-align: center;} #warrantyContent p.lojack {font-weight: bold; text-align: center;} #shipping #gloInner-right2 table {border: none; width: 234px;} #shipping #gloInner-right2 table span, #shipping #gloInner-right2 table select, #shipping #gloInner-right2 table font {margin: 5px;} #shipping p img, #notify p img, #trade_bid p img {border: 1px solid #666; display: block; margin: auto;} #shipping #gloInner-right2 td {color: #333;} #vehicleFinder tr {height: 35px;} #vehicleFinder input {width: 180px;} #vehicleFinder select {width: 185px;} /************************************* *** financing *** *************************************/ #financing h2, #shipping h2, #notify h2, #trade_bid h2 {color: #fff; font-weight: bold;}