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

/* dark blue: #093a71 */
html {background: url(../images/bodyBgTile.png) left top repeat-x #093a71;}
body {background: url(../images/bodyBgCenter.jpg) center top no-repeat transparent; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.5;}

a {color: #545454;}
a:hover {text-decoration: underline;}

.custom h2, #financeLeft h2, #notify_middle h2, #incentives #right h2, #specials #right h2, #specials.portal h2, #about #right h2, #service #right h2, #contact #right h2, #parts #right h2, #service #right h2, #right.cms_page h2 {border-bottom: 1px solid #dfdfdf; color: #093a71; font-size: 24px; font-weight: normal; margin-bottom: 15px;}
.custom h3, #financeLeft h3, #notify_middle h3, #incentives #right h3, #specials #right h3, #about #right h3, #service #right h3, #parts #right h3, #service #right h3 {color: #333; font-size: 16px; margin-top: 10px;}
.custom #right p, .custom #right li, #financeLeft p, #notify_middle p, #about #right p, #incentives #right p, #service #right p, #right.cms_page p {color: #444; font-size: 14px; margin: 10px 0;}
.custom #right li {font-size: 14px; margin: 0; padding-left: 20px;}
.custom #right a {text-decoration: none;}
.custom #right a:hover {text-decoration: underline;}

.section {clear: both; margin-bottom: 20px;}

#wrapper {background: url(../images/bodyBgCenter.jpg) center top no-repeat #eee; margin: 0 auto; width: 980px;}
#content {background: url(../images/navBgCenter.jpg) center -36px no-repeat #eee; border-bottom: 1px solid #2d3946; min-height: 600px; padding: 25px 20px 0;
	-moz-box-shadow: 0 25px 50px 15px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 25px 50px 15px rgba(0, 0, 0, 0.6);
	box-shadow: 0 25px 50px 15px rgba(0, 0, 0, 0.6);
}


/******************************************
**               #header                 **
******************************************/
#header {height: 172px;}
#header h1 {float: left;}
#header h1 a {background: url(../images/QCars-logo_v2.png) left top no-repeat; display: block; height: 149px; margin: 16px 0 0 74px; text-indent: -9999em; width: 380px;}
#header .contact {background: url(../images/note_2.png) left top no-repeat; float: right; height: 152px; margin: 20px 78px 0 0; text-indent: -9999em; width: 226px;}
#qcar_chat {float: left; white-space: nowrap; margin: 90px 40px 0 0;}

/******************************************
**               #priNav                 **
******************************************/
#priNavWrap {background: url(../images/navBgCenter.jpg) center 21px no-repeat transparent; clear: both; height: 47px; margin: 0 auto; padding-bottom: 10px; position: relative; text-align: center;}
#priNavWrap img {bottom: 10px; display: block; left: 60px; margin: 0 auto; position: absolute; width: 860px; z-index: 3000;}
#priNav {display: inline-block; margin: 12px auto 0; width: auto;}
*:first-child+html #priNav {display: inline;}
#priNav a {background: url(../images/navTabBgCenter.png) center top no-repeat; color: #ffe872; display: block; font-family: Georgia, Times, Times New Roman, serif; font-size: 14px; height: 35px; line-height: 35px; margin: 0 4px; text-align: center; width: 109px; text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#priNav a:hover {height: 45px; margin-top: -10px;}


/******************************************
**               #dropdown                 **
******************************************/
#priNav ul {width: 200px; background: #001b36; border: 1px solid #232323; padding: 0; text-align: left; }
#priNav ul li { display: block; width: 100%;}
#priNav ul li a {font-size: 13px; background: none; border-top: 1px solid #232323; border-bottom: none; padding: 8px 26px; width: auto; margin: 0;
-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; text-align: left; line-height: 20px;}
#priNav ul li.first a {border-top: none;}
#priNav ul li a:hover {background: #004587; height: 20px; margin-top: 0;}


/******************************************
**               #footer                 **
******************************************/
#footer {background: url(../images/footerBgTile.png) left top repeat-x #3d3d3d; clear: both; height: 122px; margin-top: 70px; padding-top: 25px;}
#footer, #footer a {color: #ccc; text-decoration: none;}
#footer a:hover {color: #fff; text-decoration: underline;}
#footerWrapper {margin: 0 auto; width: 940px;}
#footer .branding, #footer .middle, #footer .ecl {float: left;}
#footer .branding, #footer .ecl {float: left; width: 20%;}
#footer .middle {text-align: center; width: 60%;}

#footer .branding a {background: url(../images/footerLogo.png) left top no-repeat transparent; display: block; height: 83px; text-indent: -9999em; width: 103px;}

#footerNavWrap, #footer .contact {margin: 0 auto; width: 470px;}
#footerNavWrap {border-bottom: 1px solid #282828;}
#footerNav {display: inline-block; margin: 0 auto; padding-bottom: 10px; width: auto;}
*:first-child+html #footerNav {display: inline;}
#footerNav li {float: left;}
#footerNav a {border-right: 1px solid #ccc;line-height: 1; padding: 0 5px;}
#footerNav li.last a {border: none;}

#footer .contact {border-top: 1px solid #848484; padding-top: 10px;}

#footer .ecl .branding {height: 28px; margin-bottom: 10px; width: 136px;}
#footer .ecl .branding a {background: url(../images/eclLogo.png) left top no-repeat transparent; height: 28px; text-indent: -9999em; width: 137px;}
#footer .ecl .branding a:hover {background-position: right top;}
#footer .ecl #ec_footer li {float: left; font-size: 10px; line-height: 1; padding: 0 5px; white-space: nowrap;}
#footer .ecl #ec_footer li.first {border-right: 1px solid #fff;}
#footer .ecl #ec_footer li.last {clear: both;}


/******************************************
**                #home                  **
******************************************/
#home .section.specials {margin-top: -20px; position: relative;}
#home .section.specials #subNav {color: #eee; position: absolute; right: -9px; top: 0;}
#home .section.specials #subNav li {float: right;}
#home .section.specials #subNav a {background: url(../images/subNavBg.png) left top no-repeat; color: #f6f6f6; display: block; font-family: Georgia, Times, Times New Roman, serif; height: 30px; line-height: 30px; padding-left: 18px; text-decoration: none; text-shadow: 2px 2px 1px rgba(0,0,0,0.9); width: 134px;}
#home .section.specials #subNav a:hover {font-style: italic;}
#home .section.specials #subNav .testimonials {margin-left: -30px;}
#home #slogan {background: url(../images/slogan.png) left top no-repeat transparent; float: left; height: 244px; margin: 30px 0 20px -38px; position: relative; text-indent: -9999em; width: 279px;}
*:first-child+html #home #slogan {left: -38px;}
#specials_flash {border: 8px solid #fff; float: left; margin-left: 8px; margin-top: 30px; width: 675px;
	-moz-box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.6);
	box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.6);
}
*:first-child+html #specials_flash {left: 10px; position: relative;}
#specials_flash675 {border: 1px solid #000;}

#featuredVehicles {background: url(../images/featuredVehiclesBg.png); float: left; height: 276px; width: 620px;}
#featuredVehicles_title {height: 45px; text-indent: -9999em; width: 620px;}
#random_list_location {margin: 10px 20px;}
#random_list_location #random_list_item {font-size: 11px; height: 95px; line-height: 1; margin: 0 10px; text-align: center; width: 95px;}
#random_list_location #random_list_item a {text-decoration: none;}
#random_list_location #random_list_item a:hover {text-decoration: underline;}

#featuredVehicles_footer {display: none;}

.fvTooltip_price {color: #093a71;}

#blog_feed {float: left; margin-left: 18px; position: relative; width: 302px;}
#blog_feed h2 {background: url(../images/blogHeading.png) center top no-repeat transparent; height: 69px; text-indent: -9999em;}
#blog_feed h2#testimonials_header { background: url(../images/testimonialsHeading.png) no-repeat left top; }
#blog_feed #blog_link {color: #c10808; font-family: Georgia, Times, Times New Roman, serif; font-size: 11px; position: absolute; right: 10px; text-decoration: none; top: 10px;}
#blog_feed #blog_link:hover {font-style: italic;}
#blog_posts {background-color: #eee; border: 1px solid #ccc; border-top: none; min-height: 185px; padding: 10px 20px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomright: 5px;
	
	-moz-box-shadow: inset 0 2px 5px 2px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: inset 0 2px 5px 2px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 2px 5px 2px rgba(0, 0, 0, 0.6);
}

#blog_posts p { font-size: 11px; }
#blog_posts p.thanks { font-style: italic; margin-top: 5px; }

#blog_posts .newsItem {color: #333; line-height: 1.1;}
#blog_posts .newsItem h3 a {color: #093a71; display: block; margin-bottom: 5px; text-decoration: None;}
#blog_posts .newsItem .newsDate {color: #000;}

#home_quicklinks li {float: left; margin-top: 25px;}
#home_quicklinks li li {float: none; margin-top: 0;}

#home_quicklinks a {background: url(../images/homeQl.jpg) no-repeat transparent; display: block; text-indent: -9999em;}
#home_quicklinks .ebay a {background-position: 0 0; height: 133px; margin-right: 9px; width: 169px;}
#home_quicklinks .facebook a {background-position: -178px 0; height: 60px; margin-bottom: 10px; margin-right: 9px; width: 199px;}
#home_quicklinks .twitter a {background-position: -178px -70px; height: 63px; margin-right: 9px; width: 199px;}
#home_quicklinks .trade_bid a {background-position: -391px 0; height: 133px; margin-right: 8px; width: 273px;}
#home_quicklinks .financing a {background-position: -677px 0; height: 133px; width: 273px;}
#home_quicklinks .ebay a:hover {background-position: 0 -133px; height: 133px; margin-right: 9px; width: 169px;}
#home_quicklinks .facebook a:hover {background-position: -178px -133px; height: 60px; margin-bottom: 10px; margin-right: 9px; width: 199px;}
#home_quicklinks .twitter a:hover {background-position: -178px -203px; height: 63px; margin-right: 9px; width: 199px;}
#home_quicklinks .trade_bid a:hover {background-position: -391px -133px; height: 133px; margin-right: 8px; width: 273px;}
#home_quicklinks .financing a:hover {background-position: -677px -133px; height: 133px; width: 273px;}

#home .section.footer {margin-bottom: 0;}
#home .get_directions {background: url("../images/getDirections2.png") no-repeat scroll center top transparent; color: #eee; display: block; height: 140px; margin: 0 -24px -26px; padding: 0 20px; width: 948px;}
#home .get_directions a {color: #eee; display: block; float: right; height: 114px; text-indent: -9999em; width: 420px;}

/******************************************
**              #inventory               **
******************************************/
#currentFilters {background-color: #093a71; color: #fff; padding: 3px;}
#currentFilters a {color: #fff;}
#inventory_v2_sidebar_filters {border-bottom: 5px solid #f7db6a; margin-bottom: 10px; padding-bottom: 5px;}
#inventory_v2_sidebar_filters h2 {color: #093a71; font-size: 18px}
#inventory_v2_sidebar_filters .filterList {background-color: #f9f9f9; border: 1px solid #999; color: #666; padding: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#inventory_v2_sidebar_filters h3 {font-weight: bold;}
.filterList span a {background-color: #fff; border: 1px solid #999; display: block; float: right; padding: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}

.filterList li {line-height: 1;}
.filterList li a {background: url(../images/arrowBlue.png) 2px 4px no-repeat transparent; padding: 2px 2px 0 12px;}
.filterList li a:hover {background: url(../images/arrowWhite.png) 2px 4px no-repeat #093a71; color: #fff;}

.filterList span a:hover {background-color: #093a71; color: #fff;}

#inventory_v2_sidebar_contact {padding-top: 0;}
#contact_small {background-color: #f9f9f9; border: 1px solid #999; color: #666; margin-bottom: 10px; padding: 3px 3px 40px;}
#contact_small h2 {color: #093a71; font-size: 16px;}
form.validation input, form.validation select, .input_element  {border: 1px solid #999;}
#contact_small form.validation .validationIcon {display: none;}
#contact_small p.error_msg {margin: 4px 10px 0 0 !important;}
#contact_small #ec_is_submit {clear: both;}
#contact_small #ec_is_submit input {background: url(../images/contactSmallSend.png) center center no-repeat transparent; border: none; display: block; float: right; font-size: 0; height: 32px; line-height: 0; margin-right: 12px; text-indent: -9999em; width: 77px;}
#vehicle_question_submit input {border: none;}

#vehicle_v2_notify_button {display: none;}

#inventory_v2_rows {border-bottom: 5px solid #093a71;}
.inventory_v2_row {background-color: #fff; border: 1px solid #999; margin-bottom: 5px;}
.inventory_v2_details h4 {margin-bottom: 0;}
.inventory_v2_details h4 a {color: #093a71; font-size: 15px;}
.inventory_v2_details li {color: #666; line-height: 1.1; margin-bottom: 0;}
.inventory_v2_price_right {color: #333;}

#searchBar, #sort_bar, #vehicle_topbar {background: url(../images/searchBarBg.png) center top no-repeat transparent; border: none; height: 28px; line-height: 28px; margin-left: 5px; padding: 4px 4px 9px; width: 681px;}
#drop_down_filters {padding-top: 6px;}

#sort_bar, #sort_bar a {color: #333;}

#inventory #sort_bar {margin: 5px 0;}

#vehicle_topbar_left {height: 28px; line-height: 28px;}
#vehicle_social_buttons {height: 21px; line-height: 21px; margin: 0;}

#quicklinks {margin-left: 1px;}
#quicklinks a {background: url(../images/quicklinkBg.png) center top no-repeat transparent; color: #fff; display: block; height: 32px; line-height: 33px; margin-bottom: 5px; text-decoration: none; text-indent: 25px; width: 222px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);	
}

#quicklinks a:hover {background-position: center bottom;}

#inventory a.Vehicles {display: none;}
a#clear_all_filters{display: none;}
/******************************************
**               #vehicle                **
******************************************/
#similarVehicles {border-bottom: 5px solid #f7db6a; margin-bottom: 10px; padding-bottom: 10px;}
#similarVehicles h3 {color: #093a71; font-size: 16px;}
.similarVehicle {background-color: #f9f9f9; border: 1px solid #999; color: #666; padding: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.similarVehicle.last {margin-bottom: 0;}
.similarVehicle li {line-height: 1; margin-bottom: 0px;}
.similarVehicle li a {font-weight: bold; margin-bottom: 2px; text-decoration: none;}
.similarVehicle li.price {font-size: 12px; font-weight: bold; margin-top: 2px;}
.simCar_pricelabel {font-size: 10px; font-weight: bold;}

#vehicle_v2_sidebar_links {background-color: #f9f9f9; border: 1px solid #999; color: #666; padding: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#vehicle_v2_sidebar_links {margin-bottom: 10px;}
#vehicle_v2_sidebar_links p {font-weight: bold;}
#vehicle_v2_sidebar_links li a {background: url(../images/arrowBlue.png) 2px 4px no-repeat transparent; padding: 2px 2px 0 12px;}
#vehicle_v2_sidebar_links li a:hover {background: url(../images/arrowWhite.png) 2px 4px no-repeat #093a71; color: #fff;}

#vehicle #searchBar {margin-top: 5px;}

#vehicle #vehicle_title {color: #093a71; font-size: 27px; margin-bottom: 0; width: 500px;}
#vehicle #vehicle_contact {color: #444; font-weight: bold;}
#vehicle .price_title {color: #787878; font-size: 14px; line-height: 1;}
#vehicle .price_line_1 {color: #093a71; font-size: 30px; font-weight: bold; line-height: 1;}
#vehicle #vitalsContainer {color: #464646;}
#vehicle #vitalsContainer ul li {padding-bottom: 5px;}

#vehicle #media_center_links {margin-top: 5px;}

#vehicle_count_controls {width: 100px;}

/******************************************
**           #vehicle_photos             **
******************************************/
#vehicle_photos #vehicle_title {color: #093a71; font-size: 16px;}
#vehicle_photos #vehicle #vehicle_mainVitals_inner {margin-top: 0; width: 430px;}
#vehicle_photos #vehicle_mainVitals_inner {color: #444;}
#vehicle_photos .price_title {font-weight: bold;}
#vehicle_photos .price_line_1 {color: #093a71; font-size: 16px; font-weight: bold;}


/******************************************
**              #financing               **
******************************************/
#financeHeader {border: 1px solid #999;}
#financeHeader ul {margin-bottom: 0;}


/******************************************
**               #contact                **
******************************************/
#sidebar_address p {margin-bottom: 10px;}
.customer_tools_left {float: left;}


/******************************************
**              #shipping                **
******************************************/
#shippingimage {padding-bottom: 20px;}





#our_team #right h2 {font-size: 20px;}

#our_team #right h3 {display: none;}

#our_team #right h4 {font-size: 17px;}

#our_team .four_column .employee { height: 265px !important; }
