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

body { margin: 0; padding: 0; font-family: Helvetica; font-size: 12px; background: #ddd; }
.clear { margin: 0; padding: 0; clear: both; }

#right p, #financeLeft p, #notify_middle p { font-size:9pt; line-height: 16px; color:#000; font-family: Helvetica; margin: 0; padding: 0 0 12px }
#right h2, #financeLeft h2, #notify_middle h2, #sitemapContent h1 { color:#333; font-size:26px; font-weight: normal; margin: 0 0 10px; padding: 0 0 5px;  }

#wrapper { width:960px; margin: 0 auto; padding: 0;  }

#siteHeader{
	width:960px;
	height:120px;
	background:#FFF;
	position: relative;
	text-align: center; padding: 2px 0 0;
}
h2.hdrPhone{
	/* Uncomment to hide default phone numbers
	display:none;
	height:0;
	width:0;
	text-indent:-1000em;
	*/
	position:absolute;
	left:214px;
	top:80px;
	color:#393939;
	font-size:17px;
	line-height:26px;
	text-align:right;
	xtext-shadow:1px 1px 1px #333;  /*  <horizontal offset> <vertical offset> <softness> <color> */
	margin:0;
	padding:0;
	border:none
}
h2.hdrPhone2{
	/* Uncomment to hide default phone numbers
	display:none;
	height:0;
	width:0;
	text-indent:-1000em;
	*/
	position:absolute;
	color:#393939;
	font-size:17px;
	line-height:26px;
	text-align:right;
	xtext-shadow:1px 1px 1px #333;  /*  <horizontal offset> <vertical offset> <softness> <color> */
	margin:0;
	padding:0;
	border:none
}
.bluePhone{
  color:#065693;
}
h2#servicePhone{top:80px; left:400px;}
h2#partsPhone{top:80px;left:600px;}
/* To stack address, specify width for h2.hdrAddress and display:block for h2.hdrAddress span */
h2.hdrAddress{
	position:absolute;
	left:350px;
	top:65px;
	xwidth:200px;
	color:#393939;
	font-size:14px;
	line-height:20px;
	text-align:right;
	margin:0;
	padding:0;
	border:none
}
h2.hdrAddress a:link, h2.hdrAddress a:visited{color:#393939;text-decoration:none;}
h2.hdrAddress a:hover{color:#999;}
h2.hdrAddress span{
xdisplay:block;}

#siteHeader h2.hdrAddress span.address2{
	display:none;
	height:0;
	width:0;
	text-indent:-1000em;
}

#dealerLogo1{
	position:absolute;
	left:95px;
	top:35px;
	margin:0;
	padding:0;
	border:none;
	float: left;
}
#dealerLogo1 img{
	margin:0;
	padding:0;
	border:none
}
#dealerLogo2{
	position:absolute;
	right:135px;
	top:35px;
	margin:0;
	padding:0;
	border:none;
	float: right;
}
#dealerLogo2 img{
	margin:0;
	padding:0;
	border:none
}
#vwLogo{
	position:absolute;
	left:10px;
	top:10px;
	margin:0;
	padding:0;
	border:none
}
#vwLogo img{
	margin:0;
	padding:0;
	border:none
}
#subaruLogo{
	position:absolute;
	right:10px;
	top:10px;
	margin:0;
	padding:0;
	border:none
}
#subaruLogo img{
	margin:0;
	padding:0;
	border:none
}

#clockbox{
	position: relative;
	top: 102px;
	left: 410px;
	width:150px;
	text-align: center;
}

#siteHeader h1.siteName, #siteHeader div.siteName {
    display: none;
    height: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-indent: -1000em;
}


#priNav { width:960px; height:31px; margin: 0 auto; padding: 0px 0 8px; list-style-type: none; text-align: center; background: url(../images/navBkg.png) no-repeat center top; }
#priNav li { display: inline; border-right:1px solid #ccc; font-size: 12px; line-height: 32px; margin: 0; padding: 0; font-family: Arial; float:none; }
#priNav li.last { border:none; }
#priNav li a { padding: 3px 5px; color:#fff; text-decoration: none; font-weight: bold; text-transform: uppercase; }
#priNav li a:hover { text-decoration: underline; }

#priNav ul {
	display: none;
}

#priNav ul {
	background: #fff;
	margin-top: 27px;
	margin-left: 0px;
	width: 210px;
	padding: 0px;
	border: none;
	text-align: left;
	top: 0px;
	left: 0px;
	border:1px solid #333; border-top:none; border-bottom: none;
}

#priNav ul li {
	padding: 0px 0px;
	width: 210px;
	float: left;
	display: inline;
	background: none; border-bottom: 1px solid #333;
}

#priNav ul a {
	color: #333;
	background: transparent;
	font-size: 12px;
	text-transform: none;
	font-family: Helvetica, Arial, sans-serif;
	position: static;
	text-decoration: none;
	display: block;
	padding:0 5px;
	line-height: 28px; height:28px;
	text-shadow: none;
}

#priNav ul a:hover {
	color: #fff;
	background: #065693; text-decoration: none;
}


#main_content { background: #fff; padding: 15px; min-height: 400px; background: #fff; }


#footerContainer {
	position:relative;
	top:1px;
	width:960px;
	height:51px;
	padding:0px;
	margin:0px auto;
	text-align:left;
	border:none;
	background: url(../images/footerBkg.gif) top left repeat-x;
}
#footerText {
	position:relative;
	width:950px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0px;
	margin:0px auto;
	border:none;
	color:#FFF;
}
#footerAddress {
	float:left;
	margin-left:20px;
	margin-right:30px;
	margin-top:18px;
	padding:0px;
}
#footerPhone {
	float:right;
	margin-right:10px;
	margin-top:18px;
	padding:0px;
	
}
#footerLinks {
	float:left;
	padding:0px;
}
#footerLinks a:link, #footerLinks a:visited {
	color:#FFF;
	margin-right:20px;
	text-decoration:none;
}
#footerLinks a:hover {
	color:#CCC;
}
#socialLinks {
	list-style:none;
	margin-right:40px;
	float:right;
	margin-top:15px;
}
#socialLinks li{
	float:left;
	width:24px;
	height:24px;
	margin-right:4px;
}

#footer_bttm { margin: 0; padding: 5px 0; text-align: center; }

#footerNav { margin: 25px 0 0; padding: 0; text-align: center; list-style-type: none; }
#footerNav li { display: inline; margin: 0; padding: 0 4px; border-radius: 1px solid #444; font-size: 11px; }
#footerNav li a { color:#444; text-decoration: none;  }
#logoplacer { width:104px; height:24px; margin: 20px auto; padding: 0;  }
#logoplacer a { display: block; width:104px; height:24px; text-indent: -9000px; background: url(../images/ecarlist.png) no-repeat left top; }
#logoplacer a:hover { background-position: right top; }
#ec_footer { margin: 15px 0 0; padding: 0; text-align: center; list-style-type: none; }
#ec_footer li { display: inline; margin: 0; padding: 0 4px; border-radius: 1px solid #444; font-size: 11px; }
#ec_footer li a { color:#444; text-decoration: none;  }


/* #################################################
###              #=common forms                  ###
################################################ */

#site_logoSection { display:none; }
#sidebar_address { padding: 0 0 15px; border:1px solid #c2c2c2; margin: 0 0 10px; font-size:11px; color:#000; font-weight: bold; background: #dbdbdb url(../images/dc_tile.png) repeat-x left top; border-radius:5px;	-moz-border-radius:5px;	-webkit-border-radius:5px; box-shadow: 0px 0px 10px #6a6a6a; -moz-box-shadow: 0px 0px 10px #6a6a6a; -webkit-box-shadow: 0px 0px 10px #6a6a6a; }
#sidebar_address_head { font-size: 16px; text-align: center; color:#606975; padding: 10px 0; margin: 0; }
#sidebar_address .floatleft p { font-size:11px; color:#444; line-height: 18px; }
#sidebar_address .floatleft { margin: 10px 10px 15px; *margin: 5px 10px 10px; }
#sidebar_address #getdirections { margin: 5px 10px 10px 20px; font-size:10px; background: #E8E8E8; border:1px solid #ababab; padding: 5px 7px; color:#666; }
#sidebar_address a#getdirections:hover { color:#606975; text-decoration: none; }
#sidebar_address .addressblock { margin: 10px; border-bottom: 1px dotted #ccc; }

#dealer_contact { padding:0 0 15px;  border:1px solid #c2c2c2; margin: 0 0 10px; font-size:11px; color:#000; font-weight: bold; background: #dbdbdb url(../images/ql_tile.png) repeat-x left top; border-radius:5px;	-moz-border-radius:5px;	-webkit-border-radius:5px; box-shadow: 0px 0px 10px #6a6a6a; -moz-box-shadow: 0px 0px 10px #6a6a6a; -webkit-box-shadow: 0px 0px 10px #6a6a6a; }
#contact_small h2 { font-size: 20px; text-align: center; color:#606975; padding: 10px 0; margin: 0; }
#dealer_contact ol { padding: 15px 5px 10px 10px; background: none;  }
#dealer_contact #contact_small { background: url(../images/dealer_contact_tile.gif) repeat-y center top; }
#dealer_contact  .input_element { width:160px !important; font-size:11px; margin-bottom: 20px; padding: 3px; }
#dealer_contact textarea { width:180px !important; font-size:12px; margin-bottom: 12px; }
#contact_small .submitButton { background: #c6c6c6; border:1px solid #a7a7a7; margin: 0; padding: 5px 40px; text-align: center; color:#565656;  *margin-top:10px; *padding: 5px 20px; }
#contact_small .submitButton:hover { background: #a7a7a7; border:1px solid #c6c6c6; cursor:pointer; }

#incentives #contact_incentives { padding:0 0 15px;  border:1px solid #c2c2c2; margin: 0 0 10px; font-size:11px; color:#000; font-weight: bold; background: #dbdbdb url(../images/ql_tile.png) repeat-x left top; border-radius:5px;	-moz-border-radius:5px;	-webkit-border-radius:5px; box-shadow: 0px 0px 10px #6a6a6a; -moz-box-shadow: 0px 0px 10px #6a6a6a; -webkit-box-shadow: 0px 0px 10px #6a6a6a; width:auto;  }
#incentives #contact_incentives legend { display:none; }
#incentives #contact_incentives h3 { font-size: 20px; text-align: center; color:#606975; padding: 10px 0; margin: 0; }
#incentives #contact_incentives ol { padding: 15px 5px 10px 22px; margin: 0; }
#incentives #contact_incentives li { clear: both; }
#incentives #contact_incentives li label {}
#incentives #contact_incentives .input_element { width:160px !important; font-size:11px; margin-bottom: 20px; border:1px solid #45494d; }
#incentives #contact_incentives #vehicle_question_submit { margin-top: 0; width:178px; margin: 0 auto; }
#incentives #contact_incentives #vehicle_question_submit input { float:none; background: #c6c6c6; font-size:12px; border:1px solid #a7a7a7; margin: 0; padding: 5px 40px; text-align: center; color:#565656;  *margin-top:10px; *padding: 5px 20px; height:auto; }
#incentives #contact_incentives #vehicle_question_submit input:hover { background: #a7a7a7; border:1px solid #c6c6c6; cursor:pointer; }


#ql_inner { padding: 5px 0; border:1px solid #c2c2c2; margin: 30px 0; font-size:11px; color:#000; font-weight: bold; background: #dbdbdb url(../images/ql_tile.png) repeat-x left top; border-radius:5px;	-moz-border-radius:5px;	-webkit-border-radius:5px; box-shadow: 0px 0px 10px #6a6a6a; -moz-box-shadow: 0px 0px 10px #6a6a6a; -webkit-box-shadow: 0px 0px 10px #6a6a6a; }
#ql_inner li { background: url(../images/ql_div.png) no-repeat center bottom; padding: 0; }
#ql_inner li.last { background: none; padding-bottom: 0; }
#ql_inner li a { display:block; line-height: 30px; height:30px; background: url(../images/ql_arrows2.png) no-repeat left -7px; padding-left: 35px; }
#ql_inner li a:hover { color:#fff; background-position: left -46px; text-decoration: none; }

#contact #contact_map { background: #fff; border:1px solid #9F9F9F; padding:20px 20px; border-radius:5px;	-moz-border-radius:5px;	-webkit-border-radius:5px; }


/* ###################################################
###                 #inventory                     ###
################################################### */

#inventory h3.non_expandable_menuheader { color:#6a7380; font-size:12px; margin: 0 0 3px 6px; }
#inventory_v2_sidebar_filters h2 { font-size:18px; font-weight: bold; color:#6a7380; margin: 3px 0 0 6px; }

/* Search Filter List Container Boxes */
#inventory .filterList { background:#f9f9f9; margin: 5px 0; border:1px solid #e8e8e8; padding-bottom: 10px; }
#inventory #inventory_v2_sidebar_filters .filterList h3 { padding:5px 0 5px 10px; color:#333; font-size:13px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; font-weight: bold; }
#inventory .filterList ul {}
#inventory .filterList ul li { color:#ababab; margin: 2px 0; }
#inventory .filterList ul li a { color:#6c6c6c; background: url(../images/arrow_blue.gif) no-repeat 2px center; padding:2px 2px 2px 12px;  }
#inventory .filterList li a:hover { color:#fff; background:#065693 url(../images/arrow_white.gif) no-repeat 2px center; }
#inventory .filterList span a { float: left; margin: 10px 10px 0; background: #ededed; border:1px solid #b9b9b9; padding: 4px 8px; color:#333; }
#inventory .filterList span a:hover { color:#043f6c; }

/* Current Filters Box */
#inventory #currentFilters { background:#065693; border:none; margin: 5px 0 10px; padding: 10px; }
#inventory #currentFilters p { font-size:12px; color:#fff; margin: 3px 0; }
#inventory #currentFilters p a { color:#fff; }
#inventory #currentFilters p a:hover { color:#fff; text-decoration: underline; }
#inventory a.clearFilterCpo { color:#fff; }
#inventory a.clearFilterCpo:hover { text-decoration: underline; }


/* contact form */
#inventory_v2_sidebar_contact #contact_small { padding:0 0 15px;  border:1px solid #c2c2c2; margin: 0 0 10px; font-size:11px; color:#000; font-weight: bold; background: #dbdbdb url(../images/ql_tile.png) repeat-x left top; border-radius:5px;	-moz-border-radius:5px;	-webkit-border-radius:5px; box-shadow: 0px 0px 3px #6a6a6a; -moz-box-shadow: 0px 0px 3px #6a6a6a; -webkit-box-shadow: 0px 0px 3px #6a6a6a; }
#inventory_v2_sidebar_contact #contact_small h2 { font-size: 20px; text-align: center; color:#606975; padding: 10px 0; margin: 0; }
#inventory_v2_sidebar_contact ol { padding: 15px 5px 10px 10px; }
#inventory_v2_sidebar_contact .input_element { width:160px !important; font-size:11px; margin-bottom: 20px; padding: 3px; }

/* search and sort bars */
#inventory #searchBar { border-top:7px solid #000; border-bottom: 1px solid #c1c5ca; background:#fff url(../images/topbartile.gif) repeat-x center bottom; color:#333; margin: 0; }
#inventory #sort_bar { background: #d7d6d5 url(../images/bttmbartile.gif) repeat-x center bottom; color:#333; margin: 0; border-bottom: 1px solid #f3f2f6; border-top:1px solid #f3f3f7; }
#inventory #sort_bar a { color:#333; text-decoration: none; }
#inventory #sort_bar a:hover { text-decoration: underline; }

#inventory .inventory_v2_row { border-bottom: 1px dotted #332b1b; background: url(../images/ir_tile.png) repeat-x center top; padding:10px 0; margin:0; }
#inventory .inventory_v2_details { width:65%; }
#inventory .inventory_v2_details li { color:#444; line-height: 12px; }
#inventory .inventory_v2_details_links li a { color:#444; }
#inventory .inventory_v2_details_links li.ec_dl_quickcontact a { color:#010000; }
#inventory .inventory_v2_price_right .price_title { color:#666; margin-top: 0; }
#inventory .inventory_v2_details h4 a:hover { color:#8899aa !important; }

#inventory .inventory_v2_paginationLeft { padding: 10px 0; }
#inventory .inventory_v2_paginationCenter { padding: 10px 0; *width:48%; }
#inventory .inventory_v2_paginationRight { padding: 10px 0; } 

/* vehicle finder button */
a#vehicle_v2_notify_button img { display:none; }
a#vehicle_v2_notify_button { display:block; height:110px; text-indent: -9000px; background: url(../images/notify.png) no-repeat left top; margin: 10px 4px 0; }

#vehicleDisclaimer p { font-size:11px; line-height: 16px; color:#444; padding: 5px; }


/* ###################################################
###                   #vehicle                     ###
################################################### */

#vehicle #similarVehicles h3 { margin: 0 0 10px; text-transform: uppercase; color:#606975; }
#vehicle #similarVehicles .similarVehicle { background:#f9f9f9; border:1px solid #e8e8e8; margin: 10px 0; padding: 8px; }
#vehicle #similarVehicles .similarVehicle a { width:47% }
#vehicle #similarVehicles .similarVehicle ul { width:50%; }
#vehicle #similarVehicles .similarVehicle ul {}
#vehicle #similarVehicles .similarVehicle li { color:#444; }
#vehicle #similarVehicles .similarVehicle li a { color:#444; font-weight: bold; text-decoration: none; width:auto; }
#vehicle #similarVehicles .similarVehicle li a:hover { text-decoration: underline; }
#vehicle #similarVehicles .similarVehicle li.simCar_pricelabel { font-size: 9px; }

#vehicle_v2_sidebar_links { background:#f9f9f9; margin: 5px 0; border:1px solid #e8e8e8; padding-bottom: 10px; }
#vehicle_v2_sidebar_links p { padding:5px 0 5px 10px; color:#333; font-size:13px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; font-weight: bold; }
#vehicle_v2_sidebar_links ul {}
#vehicle_v2_sidebar_links li { color:#ababab; margin: 2px 0; }
#vehicle_v2_sidebar_links li a { color:#6c6c6c; background: url(../images/arrow_blue.gif) no-repeat 2px center; padding:2px 2px 2px 12px; }
#vehicle_v2_sidebar_links li a:hover { color:#fff; background:#065693 url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat 2px center; }

#vehicle #vehicle_topbar { border-top:7px solid #000; border-bottom: 1px solid #c1c5ca; background:#fff url(../images/topbartile.gif) repeat-x center bottom; color:#333; margin: 0; }
#vehicle #vehicle_topbar a { color:#333; text-decoration: none; }
#vehicle #vehicle_topbar a:hover { text-decoration: underline; }
#vehicle #vehicle_topbar_right ul { margin-top: 0; }
#vehicle #searchBar { background: #d7d6d5 url(../images/bttmbartile.gif) repeat-x center bottom; color:#333; margin: 0; border-bottom: 1px solid #f3f2f6; border-top:1px solid #f3f3f7; }

h1#vehicle_title { font-size:22px; }
.ip_dottedLine { height:20px; background: url(../images/dottedLine.gif) repeat-x center center; }
#vehicle .gray_ten { color:#000; font-size:13px; }
#vehicle .price_line_1 { font-size:28px; line-height: 28px; font-weight: bold; }

#vehicle_contact {}
#vehicle_contact span { color:#444; font-size:16px; }
#vehicle_contact a { color:#0049ab; }

#vehicle #vehicle_mainVitals { *width:54%; }
#vehicle #vitalsContainer li { font-size:10px; color:#444; }
#vehicle #vitalsContainer li strong { color:#333; }
#vehicle_mainPhoto {}
#picShadow #carimg { border:1px solid #cacaca; }

#vehicle #media_center_links { margin: 10px 0 0; }
#vehicle_thumbs { background:#065693; border:none; margin-bottom: 5px; }
a#viewMorePhotos { background:#065693; border:none; padding: 5px; font-size: 11px; color:#fff; }

#customer_tools li { clear:both; }
#customer_tools_content_wrapper form.validation label  { font-size:12px; margin: 0 0 2px; }
#customer_tools_vehicle_offer .customer_tools_right_right li label { margin-right: 10px; }
p#trade_offer_subject { float:left;}
.customer_tools_left { float:left; width:172px; }

#vehicle #dealerboxName { padding-top:5px; font-size:14px; }
#vehicle .dealerboxAdd { font-size:12px; }
#vehicle #dealerboxPhone { font-size:12px; font-weight:bold; padding-top:10px; padding-bottom:10px; }
#vehicle #dealerboxMap a { font-size:12px; color:#333; font-weight: bold; text-decoration:none; }
#vehicle #dealerboxMap a:hover { text-decoration:underline; }

#vehicle .vctTabs_container li a { color:#000; }
#vehicle .vctTabs_container li a:hover { text-decoration: underline; }
#customer_tools_vehicle_trade_bid .trade_bid li:first-child { margin: 0 0 15px 10px; font-weight: bold; }
#vehicle .vctAddress_dealerboxName { margin-bottom: 0; }
#vehicle .vctAddress_dealerboxPhone  { font-size:18px; }
#vehicle .vctAddress_dealerboxAdd { line-height: 16px; }


.specials_item { border:none; border-bottom: 1px dotted #332b1b; background: none; padding:10px; margin:0; }
#inventory #sort_bar_right { *width:47% }
#vehicle_count_controls { *width:90px; }
