/* ################################################
###             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/header.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:55px; 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; }


/* ###########################################
###              #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_v2_details{
	width: 285px;
}
.inventory_v2_price {
		float: right;
		width: 30%;
}

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

.bring_it_to_me_inv {
	margin: 0 0 5px;
	float: right;
	padding-top:10px;
	z-index:1000;
}

#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; }


.d_2623 .vctTabs_pane #customer_tools_vehicle_question, 
.d_2623 .vctTabs_pane #customer_tools_vehicle_offer {
		width:90%;
		float:none;
		display: block;
		margin: 0 auto;
}

.d_2623 .vctTabs_pane #customer_tools_vehicle_question input.input_element, 
.d_2623 .vctTabs_pane #customer_tools_vehicle_offer input.input_element,
.d_2623 .vctTabs_pane #customer_tools_vehicle_question textarea,
.d_2623 .vctTabs_pane #customer_tools_vehicle_offer textarea {
		width:85% !important; 
		font-size:11px; 
		margin-bottom: 20px; 
		margin-top: 5px; 
		padding: 5px; 
		background: #fff; 
}
.d_2623 form.validation .customer_tools_right_left, 
.d_2623 form.validation .customer_tools_right_right {
		width:48%;
}
#vehicle.d_2623 #vehicle_chat_link .smartchat_button, 
#inventory.d_2623 .smartchat_button {
		color:#f00;
}

.d_2623 .smartchat .offer_window .admin_img { width: 147px; height: 219px; background-image: url(../images/chat_bianca.jpg) }
.d_2623 .smartchat .offer_window { width: 280px; height: 239px; }
.d_2623 .smartchat .offer_window .message { left: 180px; }
.d_2623 .smartchat .offer_window .chat_btn { left: 180px; }


/* Bring it to me! Pop-Up */
#bring_pop_up {
	display: none;
	width: 640px;
	height: 360px;
	color:#000;
}
#bring_pop_up form {
	padding:20px;
}
#bring_pop_up .customer_tools_content_contact {
	position: absolute;
	background: white;
	margin-left:1px;
	padding:0;
	width:100%;
	width: 640px;
	height: 360px;
}
#bring_pop_up h3 {
	background: #E05F2F;
	color:#FFF;
	font-weight: normal;
	padding: 6px 10px;
	border: 2px #fab1a0 solid;
	margin:0 -1px 0 1px;
	font-size:20px;
}
#bring_pop_up .close {
	background-image: url(../images/close.png);
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	height: 35px;
	width: 35px;
}
#bring_pop_up form.validation .required label, #bring_pop_up #vehicle_question_submit label {
	background: url(../images/ast_trans.png) no-repeat left center;
	width: 370px;
	height: 10px;
	display: block;
	position: relative;
	z-index: 99999;
}
#bring_pop_up li label {
	padding-left:10px;
	margin: 10px 0 3px 0;
}
#bring_pop_up li input {
	width: 260px !important;
	border: 1px #d2d2d2 solid;
}
#bring_pop_up li input.small {
	width:110px !important;
}
#bring_pop_up .customer_tools_right_right {
	width:300px;
	height: 120px;
	float:right;
}
#bring_pop_up .customer_tools_right_left {
	width:300px;
	height: 220px;
	float:left;
}
#bring_pop_up .customer_tools_state{
	float: left;
	width: 150px;
	height: 120px;
}
#bring_pop_up .customer_tools_zip{
	float: left;
	width: 150px;
	height: 120px;
}
#bring_pop_up .customer_tools_right_right #left {
	float:left;
	width:150px;
}
#bring_pop_up .customer_tools_right_right #right {
	float:right;
	width:150px;
}
#bring_pop_up #vehicle_question_submit label {
	float:left;
	margin:30px;
}
#bring_pop_up #vehicle_question_submit input {
	background: #E05F2F;
	color:#FFF;
	font-weight: normal;
	padding: 6px 10px;
	border: 2px #fab1a0 solid;
	margin:20px -1px 20px 1px;
	font-size:20px;
	width:150px;
	height: 40px;
	display: block;
	float:left;
	position: relative;
	z-index: 99999;
}