@import url('http://images1.ecarlist.com/sites/templates/common/css/base.css');
@import url('http://images1.ecarlist.com/sites/templates/advanced/css/advanced_inventory_base.css');
@import url('http://images1.ecarlist.com/sites/templates/advanced/css/advanced_vehicle_base.css');

html {background-color: #353535;}
body {background: #000 url(../images/bgTile.jpg) left top repeat-x; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; line-height: 1.5;}
a {color: #2e467f; text-decoration: underline;}
a:hover {color: #00a4ff;}

#right.customPages h2, #about #right h2, #financing #financeLeft h2, #trade_bid #notify_middle h2, #notify #notify_middle h2 {background: transparent url(../images/h2BorderBottom.png) left bottom repeat-x; font-size: 24px; margin-bottom: 10px; padding-bottom: 5px;}
#right.customPages p, #about #right p, #financing #financeLeft p, #trade_bid #notify_middle p, #notify #notify_middle p {margin-bottom: 10px;}

#mainWrapper {background: transparent url(../images/pageBg.jpg) center top no-repeat;}
#main {background-color: #fff; margin: 0 auto; width: 980px;}

#header #logo{background: url(../images/logo.jpg) center top no-repeat; display: block; height: 100px; text-indent: -9999em; width: 980px;}

#contactatonceLeft{
	position: absolute;
}
#contactatonceRight{
	position: absolute;
	top:2px;
	right:0px;
}
#content {background: url(../images/contentBg.jpg) center top no-repeat; min-height: 400px; padding: 4px 10px 100px;}
#home #content {padding: 4px 10px 0;}

#priNav {height: 40px; margin: 0 0 10px -6px; width: 986px;}
#priNav li {float: left;}
#priNav ul {display: none;}
#priNav a {background: transparent url(../images/nav.png) left top no-repeat; display: block; height: 40px; text-indent: -9999em;}

#priNav #priNav_home {background-position: left top; width: 83px;}
#priNav #priNav_inventory {background-position: -83px top; width: 136px;}
#priNav #priNav_about_us {background-position: -219px top; width: 123px;}
#priNav #priNav_ebay {background-position: -342px top; width: 79px;}
#priNav #priNav_faq {background-position: -421px top; width: 71px;}
#priNav #priNav_customer_reviews {background-position: -492px top; width: 216px;}
#priNav #priNav_warranty {background-position: -708px top; width: 141px;}
#priNav #priNav_contact {background-position: -849px top; width: 123px;}

#priNav #priNav_home:hover {background-position: left bottom;}
#priNav #priNav_inventory:hover {background-position: -83px bottom;}
#priNav #priNav_about_us:hover {background-position: -219px bottom;}
#priNav #priNav_ebay:hover {background-position: -342px bottom;}
#priNav #priNav_faq:hover {background-position: -421px bottom;}
#priNav #priNav_customer_reviews:hover {background-position: -492px bottom;}
#priNav #priNav_warranty:hover {background-position: -708px bottom;}
#priNav #priNav_contact:hover {background-position: -849px bottom;}

#mainBottomTile {background: transparent url(../images/footerTile.jpg) left bottom repeat-x;}
#mainBottom {background: transparent url(../images/footerBg.jpg) center bottom no-repeat; }

#footer {background-color: #353535; clear: both; color: #898989; margin: 20px auto; width: 980px;}
#footer div, #footer #industryLinks {float: left;}
#footer h3 {float: right; margin-bottom: 100px;}
#footer div {width: 490px;}
#footer #industryLinks {width: 300px;}
#footer #industryLinks li {float: left;}
#footer #industryLinks a {background: transparent url(../images/industryLinks.png) left top no-repeat; display: block; height: 58px; text-indent: -9999em;}
#footer #industryLinks .oiada {background-position: left top; margin-right: 13px; width: 48px;}
#footer #industryLinks .niada {background-position: -60px top; margin-right: 23px; width: 79px;}
#footer #industryLinks .square_trade {background-position: -160px top; width: 134px;}

#footerNav li, #ec_footer li {border-right: 1px solid #898989; float: left; font-size: 12px; line-height: 1; margin: 0 5px 5px 0; padding-right: 5px;}
#footerNav li.last, #ec_footer li.last {border-right: none; margin-right: 0; padding-right: 0;} 
#footerNav a, #ec_footer a {color: #898989; text-decoration: none;}
#footerNav a:hover, #ec_footer a:hover {color: #d5dbdf; text-decoration: underline;}

#footer h3 a {background: transparent url(../images/eclLogo.png) left top no-repeat; display: block; height: 28px; text-indent: -9999em; width: 144px;}
#footer h3 a:hover {background-position: right top;}


/*   home   */
#homeVideo, #specials_flash {float: left;}
#homeVideo {height: 234px; margin-right: 12px; position: relative; width: 260px;}
#ec_flowplayer {background-color: #2d2d2d; border: 10px solid #7c7c7c; display: block; height: 193px; width: 240px;}
#ec_flowplayer.videoplaceholder {background: #2d2d2d url(../images/youtube.png) center center no-repeat; text-indent: -9999em;}
.ecl_video_unmute {color: #fff; border: 1px solid #000; font-weight: bold; left: 50%; margin-left: -75px; padding: 5px; position: absolute; text-align: center; text-decoration: none; text-transform: uppercase; top: 20px; width: 140px;
	background: #000;
	background-color: rgba(0, 0, 0, 0.7);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#homeVideo .time {display: none;}
#homeVideo .play, #homeVideo .pause {background: transparent url(../images/play_pause.png) left top no-repeat; cursor: pointer; display: block; height: 20px; width: 25px; text-indent: -9999em;}
#homeVideo .play {background-position: left top;}
#homeVideo .pause {background-position: right top;}
#homeVideo .mute, #homeVideo .unmute {display: none;}
#homeVideo .viewVideos {background: transparent url(../images/viewVideos.png) left top no-repeat; bottom: 0; display: block; height: 21px; position: absolute; right: 0px; text-indent: -9999em; width: 74px;}
#ec_playlist {display: none;}
#homeVideo .track {background: transparent url(../images/seek.png); bottom: 0; display: block; height: 21px; left: 34px; position: absolute; text-align: center; width: 141px;}
#homeVideo .buffer {background-color: #6b6a6a; height: 3px; left: 3px; margin: 0 auto; position: absolute; top: 7px;}
#homeVideo .progress {background-color: #000; height: 3px; left: 3px; margin: 0 auto; position: absolute; top: 7px;}

#homeCopy {background: url(../images/homeCopyBg.png) center top no-repeat; clear: both; padding-top: 13px;}
#socialMediaLinks li {float: left;}
#socialMediaLinks a {background: transparent url(../images/social.png) left top no-repeat; display: block; height: 77px; text-indent: -9999em; width: 229px;}

#socialMediaLinks #facebook {background-position: left top;}
#socialMediaLinks #twitter {background-position: -229px top;}
#socialMediaLinks #blog {background-position: -458px top;}

#socialMediaLinks #facebook:hover {background-position: left bottom;}
#socialMediaLinks #twitter:hover {background-position: -229px bottom;}
#socialMediaLinks #blog:hover {background-position: -458px bottom;}

#homeBrowse {background: transparent url(../images/browseInventoryTile.png) center top repeat-y; float: right; margin-top: -6px; width: 264px;}
#homeBrowseOuter {background: transparent url(../images/browseInventoryTop.png) center top no-repeat;}
#homeBrowseInner {background: transparent url(../images/browseInventoryBottom.png) center bottom no-repeat; padding: 0 15px 15px;}

#homeBrowse h3 {height: 55px; text-indent: -9999em;}
#homeBrowse a, #homeBrowse p {color: #fff; font-size: 12px; line-height: 1.45; text-decoration: none;}
#homeBrowse a:hover {color: #cbedff; text-decoration: underline;}
#homeBrowse .floatleft {width: 112px;}

#welcome {float: left; margin-top: 15px; width: 685px;}
#welcomeTitle {background: transparent url(../images/welcome.png) left top no-repeat; height: 36px; width: 685px; text-indent: -9999em;}
#welcome h3 {color: #062468; font-size: 16px;}
#welcome .readMore {display: block; font-size: 11px; color: #666; text-align: right; letter-spacing: -1px; text-decoration: none; text-transform: uppercase;}
#welcome .readMore:hover {text-decoration: underline;}
#welcome #text {text-align: justify; float: left; width: 53%;}
#mapFlash {float: right;}
#welcome .shippingText {color:#062468; float: right; font-size: 16px; font-weight: bold; margin-top: 5px; text-align: center;}

#contactInfo {background: transparent url(../images/blueBorder.png) left top no-repeat; float: left; margin-top: 15px; padding-top: 35px; width: 684px;} 
#contactInfo div {background: transparent url(../images/chevron.png) right center no-repeat; float: left; line-height: 1.25; margin-left: 30px; padding-right: 34px; width: 150px;}
#contactInfo div.first {margin-left: 0;}
#contactInfo div.phone {width: 190px;}
#contactInfo div.last {background-image: none; padding-right: 0; width: 215px;}
#contactInfo h3 {background: url(../images/homeTitles.png) left top no-repeat; font-size: 13px; height: 13px; margin-bottom: 5px; text-indent: -9999em;}

#contactInfo .address h3 {background-position: left top; width: 52px;}
#contactInfo .phone h3 {background-position: -52px top; width: 82px;}
#contactInfo .hours h3 {background-position: -134px top; width: 125px;}

#contactInfo a {color: #737373;}
#contactInfo a:hover {color: #2398ea}
#contactInfo .phone span {color: #970000;}

#getDirections {background: transparent url(../images/map.png) left top no-repeat; display: block; height: 140px; float: right; text-indent: -9999em; width: 264px;}
#getDirections:hover {background-position: right top;}

#featuredVehicles {background: transparent url(../images/featuredbg.png) left top no-repeat; height: 216px; margin-left: -10px; width: 980px;}
#featuredVehicles_title span {display: block; height: 77px; text-indent: -9999em; }
#random_list_location {margin-left: 5px;}
#random_list_location #random_list_item {height: 125px; margin: 0 8px; overflow: hidden; width: 105px;}
#random_list_item img {border: 5px solid #aaa; height: 62px; width: 95px;}
#random_list_item a {color: #000; font-size: 12px; line-height: 1; text-decoration: none;}
#random_list_item a:hover {color: #062467;}
#random_list_item a:hover img {border-color: #062467;}
.toolTipInner_price {color: #062467; }

/******** inventory ********/
#searchBar_right {display: none;}
#inventory_v2_sidebar_filters h3 {color: #000; font-weight: bold;}
#inventory_v2_sidebar_filters h2 {font-size: 18px;}
#currentFilters {background-color: #2e467f; color: #fff; font-size: 12px; padding: 3px;}
#currentFilters a {color: #fff;}
#currentFilters a:hover {color: #ccc;}

.filterList {background: #d7d7d7 url(../images/filterListBg.png) left top repeat-x; border: 1px solid #c0c0c0; color: #ababab; font-size: 12px; padding: 5px;}
.filterList a {background:transparent url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_grey.gif) no-repeat scroll 2px center; color: #6c6c6c; padding: 2px 2px 2px 12px;}
.filterList a:hover {background-color: #2e467f; background-image: url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif); color: #fff;}
.filterList .expandable a {background-color: #ededed; background-image: none; border: 1px solid #c0c0c0; float: right; padding: 5px;}
.filterList .expandable a:hover {color: #2e467f;}

#vehicle_v2_notify_button {margin-left: -10px;}

#searchBar {background: url(../images/searchBarTile.png) left top repeat-x; border-bottom: 1px solid #fff; border-top: 1px solid #000; height: 40px;}
#sort_bar {background: url(../images/sortBarTile.png) left top repeat-x; border-bottom: 1px solid #fff;}

#listing_form .button {background-color: #EDEDED; border: 1px solid #c0c0c0; margin-top: 3px;}

#sort_bar {color: #3d3d3d;}
#sort_bar a {color: #3d3d3d;}

.inventory_v2_row {background: transparent url(../images/inventoryGrad.png) left top repeat-x; border-bottom: 1px dotted #000; padding-bottom: 5px;}
.inventory_v2_details.span8.col {margin-right: 0;}

.inventory_v2_details h4 a {color: #000;}
.inventory_v2_details h4 a:hover {color: #00a4ff;}
.inventory_v2_details li {color: #444; line-height: 1.05; margin-bottom:0;}

.inventory_v2_price_right .price_line_1, .inventory_v2_price_right .price_title {color: #2e467f;}
.inventory_v2_details_links a {color: #010000;}
.inventory_v2_details_links a:hover {text-decoration: underline;}


/******** vehicle ********/
#similarVehicles h3 {border-bottom: 1px solid #969696; font-size: 22px; margin-bottom: 10px;}
.similarVehicle, #vehicle_v2_sidebar_links {background: #d7d7d7 url(../images/filterListBg.png) left top repeat-x; border: 1px solid #c0c0c0; color: #444; font-size: 12px; padding: 5px;}
.similarVehicle li {line-height: 1.25; margin-bottom: 0;}
.similarVehicle li a {margin-bottom: 5px;}
.similarVehicle li a:hover {text-decoration: underline;}
.similarVehicle a {color: #444; text-decoration: none;}
.similarVehicle .simCar_pricelabel {font-weight: bold;}

#vehicle_v2_sidebar_links p {font-weight: bold;}
#vehicle_v2_sidebar_links a {background:transparent url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_grey.gif) no-repeat scroll 2px center; color: #6c6c6c; padding: 2px 2px 2px 12px;}
#vehicle_v2_sidebar_links a:hover {background-color: #2e467f; background-image: url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif); color: #fff;}

#vehicle_topbar {background: #b5b5b5 url(../images/searchBarTile.png) left bottom repeat-x; border-bottom: 1px solid #fff;}
#vehicle_topbar_left {font-weight: normal;}
#vehicle_topbar_left a {text-decoration: none;}
#vehicle_topbar_left a:hover {text-decoration: underline;}
#vehicle_topbar, #vehicle_topbar a {color: #fff;}

#vehicle #searchBar {background: url(../images/sortBarTile.png) left top repeat-x; border-bottom: 3px solid #000; border-top: 1px solid #bbb;}

#vehicle_title {font-size: 24px;}
#vehicle .price_title {color: #7f7f7f; font-size: bold; font-weight: bold; line-height: 1;}
#vehicle .price_line_1 {color: #2e467f; font-size: 32px; font-weight: bold; line-height: 1;}

#vitalsContainer {color: #4c4c4c; font-size: 12px;}
#vehicle_thumbs {background-color: #bfbfbf;}
#viewMorePhotos {text-decoration: none;}

#customer_tools .input_element {margin-bottom: 2px;}

/******** contact_small ********/

#contact_small h2 {height: 60px; text-indent: -9999em;}
#contact_small {background: transparent url(../images/contactSmallTop.png) center top no-repeat;}
#contact_small fieldset {margin-bottom: 10px;}

#ec_is_submit, #ec_is_loading, #ec_is_thanks {background: transparent url(../images/contactSmallBottom.png) center bottom no-repeat; padding-bottom: 15px;} 

#contact_small label {color: #fff;}
#contact_small .required label {background: none;}

form#contact_small.validation .validationIcon {margin: 3px 8px 0 0;}
#contact_small p.error_msg {margin: 3px 10px 0 0 !important}

#ec_is_submit .submitButton {background-color: #c6c6c6; border: 1px solid #a8a8a8; padding: 4px 0; width: 165px;}


/******** financing ********/
#financing #financeHeader ul {margin-bottom: 0;}
#financing #financeHeader #get_started {margin-left: 180px;}


/**** faq *****/
#faq #right.customPages p {margin-bottom: 20px;}


/**** warranty *****/
#warranty #right.customPages ul {margin-bottom: 20px; margin-left: 20px;}
#warranty #right.customPages li {margin-bottom: 10px;}
#warranty #right.customPages li span {font-weight: bold;}

#warrantyPrices{background: url(../images/warrantyPrices.jpg) no-repeat; text-indent: -9000em; width: 800px; height: 1215px; display: block; margin-left: -75px; padding-bottom: 100px;}


/**** quicklinks *****/
#quicklinks a {background: transparent url(../images/quicklinks.png) left top no-repeat; display: block; height: 77px; text-indent: -9999em; width: 229px;}

#quicklinks #facebook {background-position: left top;}
#quicklinks #twitter {background-position: -229px top;}
#quicklinks #blog {background-position: -458px top;}

#quicklinks #facebook:hover {background-position: left bottom;}
#quicklinks #twitter:hover {background-position: -229px bottom;}
#quicklinks #blog:hover {background-position: -458px bottom;}

/**** random stuff ****/
#sidebar_address {margin-bottom: 16px;}
#sidebar_address dl {clear: both; font-size: 12px; margin-bottom: 16px; overflow: auto;}
#sidebar_address dt.title {clear: both; font-size: 13px; font-weight: bold; float: left;}
#sidebar_address dd {clear: right; float: right;}

.dealerContact {margin: 16px 0;}
.dealerContact .name {font-weight: bold;}

#iphone_droid {
	width: 798px;
	height: 142px;
}

#iphone_droid li {
	display: inline;
	float: left;
	width: 300px;
	height: 117px;
	margin-right: 10px;
}

#iphone_droid ul { display: inline; } 

#iphone_droid li a.iphone {
	display: block;
	background: transparent url(../images/available_on_iphone_gray2.png) left top no-repeat;
	text-indent: -9999px;
	height: 117px;
	width: 300px;
}

#iphone_droid li a.droid {
	display: block;
	background: transparent url(../images/available_on_android2.png) left top no-repeat;
	text-indent: -9999px;
	height: 117px;
	width: 300px;
}

#iphone_droid li.get-approved { width: 50px; float: right; }
#credit-application iframe { width: 710px; height: 3030px; float: right; }
#credit-application iframe body {background: none; }