/*------------------------------------------------------------------
[Vehicle Details Stylesheet]

Theme Name:		Englewood Auto Group
Version:		1.0
Last Change:	8/13/2009 - Eric Rihlmann

[Table of Contents]

1.  Title & Price
2.  Sub Columns
3.  Module Titles
4.  Image Module
5.  Details Module
6.  Toolbox Module
7.  Features Module
8.  Content Module
9.  Contact Module
10.  Similar Vehicles Module
11. Disclaimer
12. Buttons
[Notes]

-------------------------------------------------------------------*/


/* 1. TITLE */

#columns {padding:6px 0 15px 0;  margin:0 auto;}
.one_column #column_1 {margin:0 6px; width:960px;}

#page_title {width:960px;
	background:url(../images/template/vehicle_page_title_bg_top.png) no-repeat #dd2500;}
#page_title .page_title_inner {padding:8px 0 5px 8px;
	background:url(../images/template/vehicle_page_title_bg_btm.png) no-repeat bottom;}

/* Title */	
a.certified {margin:0 8px 0 0; float:left;}
h1.make_model {padding:4px 0 0 0; width:590px; float:left;
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:1.562em; line-height:1.2em; font-weight:normal; color:#ffde00;}
h1.certified {width:467px;}		
h1.make_model strong {display:block;
	font-family:Arial, Helvetica, sans-serif; font-size:0.6em; font-weight:normal; text-transform:uppercase; letter-spacing:0.2em; line-height:8px; color:#fff;}

/* Price */	
h2.price {padding:0; margin:6px 0 0 0; width:356px; float:right;
	font-family:"Arial Black", Arial, Helvetica, sans-serif; line-height:normal; text-align:right;}
h2.price span {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.812em; color:#fff;}
h2.price strong {padding:0; margin:0;
	font-size:2.187em; line-height:34px;}
h2.price strong span {padding:0 7px 0 0; margin:0;
	color:#ffde00; font-weight:bold; font-size:inherit;}
	
	
/* 2. SUB COLUMNS */

#sub_col_1, #sub_col_3 {padding:8px 0 0 0; width:488px; float:left;}
#sub_col_3 {padding:0;}
#sub_col_2 {padding:8px 0 0 0; width:472px; float:right;}	
	

/* 3. MODULE TITLES */

#vehicle_details h2, #additional_comments h2, #toolbox h2, #vehicle_features h2, #extra_content h2, #vehicle_contact h2, #similar_vehicles h2  {padding:6px 0 10px 37px; margin:0 0 0 0;
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:1.25em; font-weight:normal; color:#3475bf;
	background:url(../images/template/vehicle_module_icon_sprite.png) no-repeat;}	


/* 4. IMAGE MODULE */

#vehicle_images {margin:0 0 8px 0; width:472px; position:relative;
	background:url(../images/template/vehicle_module_wrap_01.png) no-repeat #fff;}
#vehicle_images .vehicle_images_inner {padding:8px;
	background:url(../images/template/vehicle_module_inner_01.png) no-repeat bottom;}
#vehicle_images #placeholder {float:left; cursor:pointer;}
#vehicle_images #placeholder_stock {}
#vehicle_images .disclaimer {padding:4px 0 0 0;display:block;
	font-size:0.714em; text-align:center; color:#999;}
	
/* Make Offer Form */
#overlay-form {width:295px; height:75px; position:absolute; left:-31px; top:-13px;}
form#make_an_offer :focus {outline: none;} /* Removes Webkit glow */
form#make_an_offer {padding:0; margin:0; width:295px; height:75px; position:relative;
	background:url(../images/template/vehicle_make_offer_form_sprite.png) no-repeat;}
/*form#make_an_offer:hover {background-position:-274px 0;}*/
form#make_an_offer fieldset {padding:6px 0 0 9px; margin:0;}
form#make_an_offer label {width:124px; height:24px; display:block; overflow:hidden; position:absolute; left:30px; top:15px;
	text-indent:-5000px;}	
#refoffer {width:75px; height:18px; display:block; position:absolute; left:152px; top:20px;
	font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; color:#fff;
	border:none; background:#053d17;}
#submit-offer {margin:0; padding:0; width:59px; height:59px; overflow:hidden; display:block; position:absolute; left:236px; top:0;
	text-indent:-5000px;
	background:url(../images/template/vehicle_make_offer_form_sprite.png) no-repeat 0 -78px; border:none; cursor:pointer;}
#submit-offer:hover, #submit-offer:active, #submit-offer:focus {background-position:-70px -78px;}

/* Image Thumbnails */
#vehicle_images ul {padding:0 0 0 10px; margin:0; width:78px; height:312px; overflow:auto;}
#vehicle_images ul li {display:inline; list-style:none;}
#vehicle_images ul li img {margin:0 0 4px 0; padding:0; display:inline;}
#vehicle_images ul li:hover img {}

/* slideshow buttons (XHTML created via javascript except 'enlarge_image') */
#start_slideshow, #stop_slideshow, #next_image, #previous_image, #enlarge_image {width:52px; height:32px;  position:absolute;
	text-indent:-5000px; cursor:pointer;
	background:url(../images/template/vehicle_gallery_button_sprite.png) no-repeat;}
#start_slideshow {left:6px; bottom:3px;
	background-position:0 0;}
#start_slideshow:hover {background-position:0 -32px;}
#start_slideshow:active {background-position:1px -63px;}
#stop_slideshow {left:6px; bottom:3px; display:none;
	background-position:-104px 0;}
#stop_slideshow:hover {background-position:-104px -32px;}
#stop_slideshow:active {background-position:-103px -63px;}
#previous_image {left:275px; bottom:3px;
	background-position:-156px 0;}
#previous_image:hover {background-position:-156px -32px;}
#previous_image:active {background-position:-155px -63px;}
#next_image {left:329px; bottom:3px;
	background-position:-208px 0;}
#next_image:hover {background-position:-208px -32px;}
#next_image:active {background-position:-207px -63px;}
#enlarge_image {left:60px; bottom:3px;
	background-position:-52px 0;}
#enlarge_image:hover {background-position:-52px -32px;}
#enlarge_image:active {background-position:-51px -63px;}
#gallery_count {position:absolute; top:294px; left:127px; width:130px;
	font-size:0.75em; line-height:26px; text-align:center;}

/* 5. DETAILS MODULE */

#vehicle_details {margin:0 0 8px 0; width:472px;
	background:url(../images/template/vehicle_module_wrap_01.png) no-repeat #fff;}
#vehicle_details .vehicle_details_inner {padding:6px 8px 8px 8px;
	background:url(../images/template/vehicle_module_inner_01.png) no-repeat bottom;}
#vehicle_details h2 {background-position:0 0;}
#vehicle_details ul {margin:0 4px 0 0; width:224px; float:left;
	border:1px solid #6d87a0;}
#vehicle_details li {padding:2px 0 2px 6px; margin:0; width:218px;
	list-style-position:outside; list-style-type: none;
	font-size:0.75em; font-weight:normal; color:#0061aa;
	background:#e4f3f9;}
#vehicle_details li ul {margin:-18px 0 0 0; padding:0 0 0 80px; width:139px; float:none;
	color:#4f5357;
	background:transparent; border:none;}
#vehicle_details li ul li {padding:0 3px 0 0; margin:0; width:135px; 
	font-size:1em; color:#001926;}
#vehicle_details .odd {background:#c6e4f3;}

/* Payment Calculator */
form#calculator {padding:16px 0 0 0; margin:0; width:224px; display:block; position:relative; float:left;
	background:url(../images/template/vehicle_detail_cal_price_bg.png) no-repeat #fff; border:1px solid #6d87a0;}
form#calculator fieldset {padding:0; margin:0; border:none;}
form#calculator legend, form#calculator div.notes {display:none;}
form#calculator fieldset div {padding:0 0 3px 0; clear:left;}
form#calculator label {margin:0; padding:3px 5px; width:92px; display:block; float:left;
	font-family:Arial, Helvetica, sans-serif; font-size:0.75em; text-align:right; color:#1c2427;}
form#calculator input, form#calculator select {padding:0 0 0 3px; width:101px;
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-weight:normal; color:#1c2427; font-size:0.812em;
	background:url(../images/template/vehicle_detail_input_bg.png) no-repeat left top #fff; border:1px solid #1c2427;}
form#calculator select {width:106px;}
#payment {padding:0; margin:0px 0 0 0;
	text-align:center;}
#payment span.title {margin:8px 0 0 0; padding:0; width:auto; display:block; float:none;
	font-family:Arial, Helvetica, sans-serif;  font-weight:normal; font-size:0.562em; color:#333; text-align:center; text-transform:uppercase; letter-spacing:2px; line-height:6px;}
#payment strong {padding:0; margin:0;
	font-family:"Arial Black", Arial, Helvetica, sans-serif; color:#000; font-weight:normal; font-size:2em; line-height:41px;
	background-image:none;}	
#payment strong span {padding:0; margin:0;
	color:#000; font-weight:normal; font-size:inherit;
	background-image:none;}
body.js form#calculator .submit_wrap {display:none;}
form#calculator .submit_wrap {text-align:center;}
form#calculator .submit_wrap input {padding:2px 5px; margin:10px 0 0 0; width:auto;
	color:#ffde00;
	background:#dd2500; border:none;}

/* Fuel Economy */
#vehicle_details p {padding:0; margin:0; width:224px; height:11em; display:block; position:relative; float:left;
	background: url(../images/template/vehicle_mileage_pump.jpg) no-repeat #fff;
	border:1px solid #6d87a0;}
#vehicle_details p acronym, #vehicle_details p abbr {border:none;}
#vehicle_details p .disclaimer {display:block; position:absolute; left:34px; right:34px; bottom:3px;
	font-size:0.562em; text-align:center; line-height:1.5em; color:#4f5357;}
#vehicle_details p .city, #vehicle_details p .highway {width:60px; display:block; position:absolute; top:33px;
	font-size:0.75em; font-weight:bold; text-transform:uppercase; text-align:center; line-height:1em; color:#1c2427;}
#vehicle_details p .city {left:6px;}
#vehicle_details p .highway {right:6px;}
#vehicle_details p .city abbr, #vehicle_details p .city acronym, #vehicle_details p .highway acronym {display:block;}
#vehicle_details p .city strong, #vehicle_details p .highway strong {display:block; font-size:2.187em; font-weight:bold; line-height:1.2em;
	font-family:"Arial Black", Arial, Helvetica, sans-serif;}


/* 6. TOOLBOX MODULE */

#toolbox {margin:0 0 8px 0; width:472px; position:relative; z-index:3;
	background:url(../images/template/vehicle_module_wrap_01.png) no-repeat #fff;}
#toolbox .toolbox_inner {padding:6px 0 8px 8px;
	background:url(../images/template/vehicle_module_inner_01.png) no-repeat bottom;}
#toolbox h2 {background-position:0 -61px;}
.add_this_btn {position:absolute; top:12px; right:9px;}	
#toolbox ul {padding:0; margin:0; float:left;}
#toolbox li {margin:2px 4px 0 0; width:226px; float:left;
	list-style:none;}
#toolbox li a {padding:3px 3px 3px 30px;argin:0; width:193px; display:block;
	font-size:0.812em; font-weight:bold; color:#324155;
	background-repeat:no-repeat; background-color:transparent;}
#toolbox li a:hover {background-position:-226px 0; background-color:transparent; color:#001926;}
#toolbox li a.more_info {background-image:url(../images/template/vehicle_tool_more_info.png);}
#toolbox li a.test_drive {background-image:url(../images/template/vehicle_tool_test_drive.png);}
#toolbox li a.make_offer {background-image:url(../images/template/vehicle_tool_make_offer.png);}
#toolbox li a.calculator {background-image:url(../images/template/vehicle_tool_calculator.png);}
#toolbox li a.trade_in {background-image:url(../images/template/vehicle_tool_trade_in.png);}
#toolbox li a.credit_app {background-image:url(../images/template/vehicle_tool_credit_app.png);}
#toolbox li a.print {background-image:url(../images/template/vehicle_tool_print.png);}
#toolbox li a.email {background-image:url(../images/template/vehicle_tool_email.png);}
#toolbox li a.carfax{padding:0; width:456px; height:43px; overflow:hidden;
	text-indent:-5000px; 
	background-image:url(../images/template/vehicle_tool_carfax.png);}
#toolbox li a:hover.carfax{background-position:-456px 0;}
#toolbox li.social_links {padding:9px 0 2px 0;width:456px;
	font-weight:bold; text-align:center; color:#000;}
#toolbox li.social_links a, #toolbox li.social_links a:hover {padding:0; margin:0 0 0 0; width:auto; display:inline;
	background:transparent;}
#toolbox li.social_links a img {margin:0 0 -5px 0;}

/* 7. FEATURES MODULE */

#vehicle_features {margin:0 0 8px 0; width:472px;
	background:url(../images/template/vehicle_module_wrap_01.png) no-repeat #fff;}
#vehicle_features .vehicle_features_inner {padding:6px 8px 8px 8px;
	background:url(../images/template/vehicle_module_inner_01.png) no-repeat bottom;}
#vehicle_features h2 {background-position:0 -122px;}
ul#features {padding:8px; margin:0; height:16.642em; overflow:auto; position:relative;
	background:#fff;}
ul#features h3 {padding:0 0 3px 0;
	color:#6d87a0;}
ul#features li {color:#666; list-style:none outside;}
ul#features li ul {padding:0 0 10px 20px; margin:0; height:auto;}
ul#features li ul li {padding:0; margin:0 0 3px 0;
	font-size:0.812em;
	border-bottom:1px solid #e2e0e0;
	list-style-image:url(../images/template/bullet_disc_01.png);}

/* Comments */
ul#features li ul.comments {padding:0; margin:0;}
ul#features li ul.comments li {padding:2px 4px 4px 94px; margin:0;
	list-style-image:none; border:none;}
ul#features li ul.comments li h4 {padding:0; margin:0;
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:1.2307em; color:#001926}
ul#features li ul.comments li h5 {padding:0; margin:0;
	font-family:Arial, Helvetica, sans-serif; font-size:0.76923em; text-transform:uppercase; letter-spacing:2px;}
ul#features li ul.comments li .preowned_sales_photo {padding:3px; position:absolute; top:33px; left:4px;
	border:solid 1px #d4e2ea;}
body.js ul#features li ul.comments li .preowned_sales_photo {top:10px;}
ul#features li ul.comments li .phone {padding:0;
	font-family:Arial, Helvetica, sans-serif; font-size:0.76923em; color:#fff; text-transform:uppercase; letter-spacing:1px;}
ul#features li ul.comments li .phone span {padding:4px 4px 2px 4px; background:#001926;}
ul#features li ul.comments li .phone strong {
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:1.3em; text-transform:none; letter-spacing:normal;}
ul#features li ul.comments li .comment {padding:2px 2px 2px 4px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; text-indent:19px; color:#001926;
	background:url(../images/template/vehicle_comment.png) 3px 5px no-repeat #c6e4f3;}


/* js on (class="compact") */
ul#features.compact {padding:0; overflow:hidden;
	background:none;}
ul#features.compact li {float:left;}
ul#features.compact h3 {margin:0 0 0 5px; padding:2px 6px 1px 6px; cursor:pointer;
	font-size:0.75em; font-weight:normal; color:#324155;
	background:#fff;}
ul#features.compact h3:hover {
	background:#dedfe1;}	 
ul#features.compact ul {height:232px; display:none; overflow:auto; position:absolute; left:0;
	list-style-type:disc;
	background:url(../images/template/vehicle_features_content_bg.png) no-repeat #fff;}
ul#features.compact ul li {float:none;}
ul#features li.fcurrent h3, ul#features li.fcurrent h3:hover{padding:2px 6px 4px 6px;
	color:#001926;
	background:#b9b9b9;}
ul#features li.fcurrent ul {padding:8px 8px 8px 30px; width:418px; height:13.785em; display:block;}
ul#features li.fcurrent ul.comments {padding:8px; width:440px;}


/* 8. CONTENT MODULE */

#extra_content {margin:0 0 8px 0; width:472px;
	background:url(../images/template/vehicle_module_wrap_01.png) no-repeat #fff;}
#extra_content .extra_content_inner {padding:6px 8px 8px 8px;
	background:url(../images/template/vehicle_module_inner_01.png) no-repeat bottom;}
#extra_content h2 {background-position:0 -183px;}
#content {padding:8px; height:225px; overflow:auto;
	color:#666;
	background:#fff;}
#content a:hover {color:#ff3300;}
#content li {
	border-bottom:1px solid #e2e0e0;
	list-style-image:url(../images/template/bullet_disc_01.png);}
#content h3, #content h4, #content h5 {font-family:"Arial Black", Arial, Helvetica, sans-serif; color:#001926;}
#content h3 {padding:0 0 4px 0;
	font-size:1.384em; font-weight:normal;}
#content h4 {padding:0 0 4px 0;
	font-size:1.153em; font-weight:normal; text-transform:uppercase;}
	
	
/* 9. CONTACT MODULE */

#vehicle_contact {margin:0 0 8px 0; width:472px;
	background:url(../images/template/vehicle_module_wrap_01.png) no-repeat #fff;}
#vehicle_contact .vehicle_contact_inner {padding:6px 8px 8px 8px;
	background:url(../images/template/vehicle_module_inner_01.png) no-repeat bottom;}
#vehicle_contact h2 {background-position:0 -183px;}
#vehicle_contact_content {padding:8px;
	color:#001926;
	background:url(../images/template/vehicle_extra_content_bg.png)no-repeat;}
	
/* Contact Info */
#vehicle_contact ul {padding:0; margin:0;}
#vehicle_contact ul li {padding:4px; margin:0 0 2px 0;
	list-style:none; background:#fff;}
#vehicle_contact ul li ul {padding:0; margin:0; height:auto;}
#vehicle_contact ul li ul li {padding:0; margin:0; background:transparent;}
#vehicle_contact ul a {color:#006fad;}
#vehicle_contact ul a:hover {color:#00a4ff;}

/* Columns */
#vehicle_contact ul .sub_col_1, #vehicle_contact ul .sub_col_2 {float:left;}
#vehicle_contact ul .sub_col_2 {float:right; width:350px;}

/* Staff Name Image Comments */
#vehicle_contact img {padding:3px;
	border:solid 1px #d4e2ea; background:#fff;}
#vehicle_contact ul li h3 {padding:0 0 4px 0;
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-weight:normal;}
#vehicle_contact ul .email, #vehicle_contact ul .phone {padding:10px 0 0 0; width:234px; xfloat:left;
	font-size:0.687em; color:#0061aa;}
#vehicle_contact ul .email strong, #vehicle_contact ul .phone strong {
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-weight:normal; font-size:1.272em; color:#001926;}
#vehicle_contact ul li.email, #vehicle_contact ul li.phone {padding:0; width:330px;}	
/* Dealer Comments */	
#vehicle_contact ul .comments {padding:2px 4px 4px 21px; margin:4px 0 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.687em; font-style:italic; line-height:1.153em; color:#001926;
	background:url(../images/template/vehicle_comment.png) 3px 3px no-repeat #c6e4f3;}
#content {background:url(../images/template/vehicle_extra_content_bg.png)no-repeat;}


/* 10. SIMILAR VEHICLES MODULE */

#similar_vehicles {margin:0 0 8px 0; width:472px;
	background:url(../images/template/vehicle_module_wrap_01.png) no-repeat #fff;}
#similar_vehicles .similar_vehicles_inner {padding:6px 8px 8px 8px;
	background:url(../images/template/vehicle_module_inner_01.png) no-repeat bottom;}
#similar_vehicles h2 {background-position:0 -244px;}

/* Vehicle Listings */
#similar_vehicles ul {padding:0; margin:0; height:214px; overflow:auto;}
#similar_vehicles ul li {padding:4px; margin:0 0 2px 0;
	list-style:none; background:#fff; border-bottom:1px solid #e2e0e0;}
#similar_vehicles ul li:hover {background-color:#ffffb8;}
#similar_vehicles ul li:hover ul li {background-color:transparent;}
#similar_vehicles ul li ul {padding:0; margin:0; height:auto;
	border:none;}
#similar_vehicles ul li ul li {padding:0; margin:0; background:transparent;}
#similar_vehicles ul a {color:#9f2f1f;}
#similar_vehicles ul a:hover {color:#ce1d03;}

/* Columns */
#similar_vehicles ul .sub_col_1, #similar_vehicles ul .sub_col_2 {float:left;}
#similar_vehicles ul .sub_col_2 {float:right; width:330px;}

/* Vehicle Year Make Model Trim */
#similar_vehicles ul li h3 {}
#similar_vehicles ul li h3 a {font-family:"Arial Black", Arial, Helvetica, sans-serif; font-weight:normal; color:#001926;}

/* Vehicle Image */
#similar_vehicles .similar_image {}
#similar_vehicles .similar_image img {padding:3px;
	border:solid 1px #6d87a0; background:#fff;}
#similar_vehicles .similar_image img:hover {border-color:#ce1d03;}

/* Dealer Comments */	
#similar_vehicles ul .comments {padding:2px 4px 4px 21px; margin:4px 0 0 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.687em; font-style:italic; line-height:1.153em; color:#001926;
	background:url(../images/template/vehicle_comment.png) 3px 3px no-repeat #c6e4f3;}
	
/* Vehicle Details Button */
#similar_vehicles ul .view_details {width:120px; float:right;
	border:none;}
#similar_vehicles ul .view_details a {width:120px; margin:10px 0 0 0; height:20px; display:block;
	text-indent:-5000px;
	background:url(../images/template/vehicle_results_view_details.png) no-repeat;}
#similar_vehicles ul .view_details a:hover {background-position:0 -20px;}

/* Vehicle Price */
#similar_vehicles ul .price {padding:10px 0 0 0; width:199px; float:left;
	font-size:0.687em; color:#0061aa;
	border:none;}
#similar_vehicles ul .price strong {
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-weight:normal; font-size:1.272em; color:#001926;}


/* 11. DISCLAIMER */

.disclaimer {margin-right:8px; clear:both;
	font-size:0.812em;}
.disclaimer strong {font-weight:bold;}


/* Buttons */

#request-incentives {padding:15px 0 0 44px; margin:0 0 8px 0; width:428px; height:34px; display:block;
	font-family:Arial, Helvetica, sans-serif; font-size:1.25em; color:#ffde00; font-style:italic; font-weight:bold;
	background:url(../images/template/vehicle-incentive-btn.png) no-repeat;}
#request-incentives:hover {background-position:-472px 0;}
#request-incentives span {color:#fff; font-weight:normal;}