/* ################################################
###             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);


body {background: #000 url(../images/pageBg.gif) center top repeat-x; color: #eee; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 12px;}

a {color:#ccc;}
a:hover {color: #fff;}
a img {border: none;}
.clear {clear: both;}

.color_pri {color: #fff;}
.color_sec {color: #999;}

/*typography for terms of sale, financing, shipping, testimonials, about, and notify pages*/
#about p, #notify p, #shipping p, #financing p, #right p {color: #ccc; font-family: Arial, HelveticaNeue, Helvetica, sans-serif; font-size: 14px; margin-bottom: 15px;} 
#about h2, #notify h2, #shipping h2, #financeLeft h2, #specials h2, #right h2 {color: #fff; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 24px; margin: 10px 0; padding-bottom: 10px;}

#wrapper {margin: 0 auto; width: 973px;}


/* ###########################################
###              #header                   ###
########################################## */
#header {background: transparent url(../images/header.png) center top no-repeat; height: 132px; position: relative;}
#header h1 {position: absolute; top: 100px; left: 240px; width: 500px;}
#header h1 a {display: block; height: 100%; text-indent: -9999em; width: 100%;}
#header h2#logo {margin-left: 370px; position: absolute; height: 105px; width: 200px;}
#header h2 a {display: block; height: 100%; text-indent: -9999em; width: 100%;}
#header h3.location {text-indent: -99999em;}
#header h3.phone {background: transparent url(../images/headerPhone.png) left top no-repeat; height: 29px; left: 0; position: absolute; text-indent: -99999em; top: 0; width: 212px;}

/*priNav*/
#priNav {margin-top: 45px;}
#priNav li {float: left; list-style-type: none;}
#priNav a {background: transparent none; display: block; font-family: "Hoefler Text", Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-size: 17px; margin-right: 18px; padding-bottom: 10px; text-decoration: none; text-transform: capitalize;}
#priNav a:hover {background: transparent url(../images/priNavHover.gif) center bottom no-repeat;}

#priNav a#priNav_home {margin-left: 100px;}
#priNav a#priNav_inventory {}
#priNav a#priNav_vehicle_finder {margin-right: 227px;}
#priNav a#priNav_apply_here {}
#priNav a#priNav_sold {}
#priNav a#priNav_contact_us {}


/* ###########################################
###              #footer                   ###
########################################## */
#footer {background: transparent url(../images/footer.png) center top no-repeat; color: #666; font-size: 10px; padding-bottom: 45px; padding-top: 105px;}
#footer li {display: inline; list-style-type: none;}
#footer li a{color: #666; text-decoration: none;}
#footer li a:hover {color: #999;}

#footer #footerNav {display: block; float: left;}
#footer #footerNav li {border-right: 1px solid #666; margin-right: 5px;}
#footer #footerNav li.last {border-right: none;}
#footer #footerNav a {margin-right: 5px; text-transform: uppercase;}
#footer #ec_footer {clear: left; float: left;}
#footer #ec_footer a {text-decoration: underline;}
div#footer.clear a img{ float: right; padding-right: 10px;}

#footer h2 {float: right;}
#footer h2 a {background: transparent url(../images/ecl.png) left top no-repeat; display: block; height: 30px; text-indent: -9999em; width: 139px;}
#footer h2 a:hover {background-position: right top;}

#footer h2#carfax {background: transparent url(../images/carfax-logo.gif) left top no-repeat; height: 39px; text-indent: -9999em; width: 150px;}


/* ###########################################
###            #homepage                   ###
########################################## */
/*mainContent*/
#mainContent {background: transparent url(../images/headerBottom.png) center top no-repeat; padding: 17px 0 0; }
#mainContent #flash a, #mainContent #flash a img {border: none; text-decoration: none;}

/*featured_vehicles*/
#featuredVehicles {margin-top: 20px;}
#featuredVehicles #featuredVehicles_title {background: transparent url(../images/featuredTitle.png) center top no-repeat; height: 29px; text-indent: -99999em;}
#featuredVehicles #random_list_location {background: #2b2b2b url(../images/featuredBg.png) left top repeat-x; height: 132px; border: 1px solid #3c3c3c; border-top: none; margin-top: -1px;}
#featuredVehicles #random_list_item {font-size: 11px; margin: 9px 12px 0;}
#featuredVehicles #random_list_item a, #featuredVehicles #random_list_item a img {text-decoration: none; border: none;}
#featuredVehicles #random_list_item a img {border: 1px solid transparent;}
#featuredVehicles #random_list_item a:hover img {border: 1px solid #fff;}

/*homeInventory*/
#homeInventory {float: left; margin: 11px 17px 10px; width: 278px;}
#homeInventory div {margin: 0 13px 0 20px; width: 110px;}
#homeInventory h2 {background: transparent url(../images/browseInventory.png) center top no-repeat; height: 15px; text-indent: -99999em;}
#homeInventory a {font-size: 11px; text-decoration: none;}
#home .toolTipInner_price { color: #333; }

/*contactInfo*/
#contactInfo {float: left; margin-top: 11px;}
#contactInfo a#map {background: transparent url(../images/getDirections.png) left top no-repeat; display: block; float: left; height: 188px; text-indent: -99999em; width: 188px;}
#contactInfo a#map:hover {background-position: right top;}
#contactInfo div {float: left; margin-left: 10px;}
#contactInfo h3, #contactInfo ul {margin: 10px 0;}
#contactInfo h3 {margin-top: 0;}
#contactInfo li {list-style-type: none;}
#contactInfo li h4 {display: inline;}
#contactInfo address {font-style:  normal;}


/* ###########################################
###              #inventory                ###
########################################## */
/*left column*/
#inventory_v2_sidebar_filters h3 {color: #666;}
#currentFilters, #currentFilters p {background-color: #333; border: none; color: #fff;}
.filterList {background: #000 url(../images/filterListBg.png) left bottom repeat-x; border: 1px solid #404040; color: #fff;}
#inventory_v2_sidebar_filters h3 {color: #fff;}
.filterList li a {background:transparent url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat scroll 2px center; color: #fff;}
.filterList li a:hover{background-color: #999; color: #fff;}
.filterList span a {color: #}
.filterList span a:hover {color: #000; text-decoration: underline;}
#inventory_v2_sidebar_contact {padding-left: 0;}
#vehicle_v2_notify_button img {margin-top: 10px;}

/*right column*/
#sort_bar, #searchBar {background: transparent url(../images/sortBg.png) center top no-repeat; }
#sort_bar {color: #fff;}
#sort_bar a {color: #ccc;}
#sort_bar a:hover {color: #fff;}

.inventory_v2_row {background: #000 url(../images/invBg.png) left bottom repeat-x; border: 1px solid #333; margin-bottom: 5px;}
.inventory_v2_details {color: #fff;}
.inventory_v2_details h4 a {color: #fff;}
.inventory_v2_details h4 a:hover {color: #fff; text-decoration: underline;}

.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: #fff; 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: #fff; 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: #fff; text-decoration: underline;}
.inventory_v2_price_left {color: #fff;}
.inventory_v2_price_right .price_line_1 {font-size: 24px; line-height: 24px;}
.inventory_v2_price_right .price_title {color: #fff;}

.inventory_v2_pagination a {color: #999;}
.inventory_v2_pagination a:hover {color: #fff;}

#inventory_v2_sorry_text {color: #ccc;}
#inventory_v2_sorry .similarVehicle ul li {color: #333;}


/* ###########################################
###              #vehicle                  ###
########################################## */
/*leftColumn*/
.similarVehicle {background: #000 url(../images/filterListBg.png) left bottom repeat-x; border: 1px solid #404040; color: #fff;}
.similarVehicle img {border: 1px solid #545454;}
.similarVehicle ul a {text-decoration: none;}


#vehicle_v2_sidebar_links {background: #000 url(../images/filterListBg.png) left bottom repeat-x; border: 1px solid #404040; color: #fff;}
#vehicle_v2_sidebar_links li a {background:transparent url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat scroll 2px center; color: #fff;}
#vehicle_v2_sidebar_links li a:hover {background-color: #999; color: #fff;}

/*rightColumn*/
#vehicle #rightColumn {color: #ccc;}
#vehicle_topbar {background: transparent url(../images/sortBg.png) center top no-repeat; height: 36px;}
#vehicle_topbar_left {line-height: 36px;}
#vehicle_topbar_right ul li {margin-top: 0;}

#vehicle_vitals {background-color: #000;}

#priceContainer #price li.price_line_1 {color: #fff; font-size: 24px;}

.ip_dottedLine {visibility: hidden;}
#vehicle_mainPhoto #picShadow img {border: 1px solid #333;}
#media_center_links {margin-top: 10px;}

#vehicle_thumbs {background-color: #333; border: 1px solid #666;}

#customer_tools {color: #666;}
#customer_tools_top_middle {color: #000;}

#media_center #mc_vehicle_vitals ul, #media_center #mc_mpg span  {color: #333;}

/* ###########################################
###            #financing                  ###
########################################## */
#financing .financeBox2 p{color: #000;}
#financing .financeBox2 p {margin-bottom: 5px;}

#financing form li {float: none;}


/* ###########################################
###            #notify                  ###
########################################### */
#notify h2.location{ margin: 0; padding-bottom: 0;}

#notify_middle h2, #notify_middle p{color: #eee;}
#notify_form_div {background-color: #fff; color: #333; padding: 5px;}
#notify p#nfd_legend {color: #666;}


/* ###########################################
###                 #parts                ###
########################################## */
#parts #vehicle_question_submit {margin-top: 10px;}


/* ###########################################
###           #generic modules             ###
########################################## */
/*modules used on multiple pages/*

/*vehicle finder button*/
#vehicle_v2_notify_button {background: transparent url(../images/vehicle_finder.jpg) left top no-repeat; display: block; height: 49px; margin-top: 10px; width: 242px;}
#vehicle_v2_notify_button:hover {background-position: left bottom;}
#vehicle_v2_notify_button img {display: none;}


/*columns for two column pages*/
#left, #leftColumn {margin-left: 15px; width: 240px;}
#right, #rightColumn {margin-right: 15px;}
#inventory_v2_sidebar_filters h2 {color: #fff;}

div#leftColumn.span3.col h2 a img{
	padding-left: 45px;
}

/*quicklinks*/
#quicklinks li{list-style-type: none;}
#quicklinks li a {display: block; text-indent: -999999em;}


/*other quicklinks*/
#quicklinks {float: left; margin-top: 11px;}
#quicklinks li a{background: transparent url(../images/quicklinks.png) center top no-repeat; height: 40px; width: 241px; margin-bottom: 10px;}
#quicklinks li a.financing{background-position: left top;}
#quicklinks li a.vehicleFinder{background-position: left -49px;}
#quicklinks li a.about{background-position: left -100px;}
#quicklinks li a.testimonials{background-position: left -150px;}

#quicklinks li a.financing:hover{background-position: right top;}
#quicklinks li a.vehicleFinder:hover{background-position: right -49px;}
#quicklinks li a.about:hover{background-position: right -100px;}
#quicklinks li a.testimonials:hover{background-position: right -150px;}

/*homepage quicklinks only*/
#home #quicklinks {float: left; margin-top: 11px;}
#home #quicklinks li a{background: transparent url(../images/qlHome.png) center top no-repeat; height: 40px; width: 266px; margin-bottom: 10px;}
#home #quicklinks li a.financing{background-position: left top;}
#home #quicklinks li a.vehicleFinder{background-position: left -51px;}
#home #quicklinks li a.about{background-position: left -100px;}
#home #quicklinks li a.testimonials{background-position: left -150px;}

#home #quicklinks li a.financing:hover{background-position: left -190px;}
#home #quicklinks li a.vehicleFinder:hover{background-position: left -241px;}
#home #quicklinks li a.about:hover{background-position: left -290px;}
#home #quicklinks li a.testimonials:hover{background-position: left -340px;}

/*sidebar_address*/
#sidebar_address_head {margin-bottom: 5px;}
#sidebar_address p {margin-bottom: 10px; }
#sidebar_address a#getdirections {color: #333;}
#sidebar_address a#getdirections:hover {color: #000;}

/*site logo on top left side of numerous pages */
#site_logoSection {display: none;} 

/*small contact form - on about page, specials page, etc*/
form#contact_small {background: #000 url(../images/contactFormBottom.png) center bottom repeat-x; border: 1px solid #3c3c3c; border-top: none; min-height: 384px; padding: 0 5px; width: 228px;}
form#contact_small h2 {background: transparent url(../images/contactFormTop.png) center top no-repeat; color: #fff; height: 28px; text-align: center; text-indent: -99999em; margin: 0 -6px; padding-top: 10px;}
form#contact_small ol {margin: 0 auto; width: 195px;}
form#contact_small li label {background: none; color: #666; 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 #5c5c5c; font-size: 12px; margin-left: 0; width: 195px !important;}
form#contact_small li textarea {height: 100px;}
form#contact_small li.required p.error_msg {margin-right: 12px !important; margin-left: 2px !important; position: relative;}
form#contact_small .submitButton {background:transparent url(../images/submit.gif) no-repeat scroll left top; border:medium none; display:block; float: right; height:28px; margin-right: 7px; padding:0; text-indent:-9000px; width:58px;}
form#contact_small li.required div.validationIcon {display: none;}
form li {float: left;}

a#graph { display:block; margin: 10px 0 30px 18px; }
a#seal { display:block; margin: 10px 0 20px 60px; }
