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

Theme Name:		Shrewsbury VW
Version:		1.0
Last Change:	2/3/2009 - Eric Rihlmann

[Table of Contents]

1.  Title & Price
2.  Sub Columns
3.  Module Titles
4.  Image Module
5.  Toolbox Module
7.  Features Module
8.  Content Module
9.  Contact Module
10.  Similar Vehicles Module
11. Disclaimer

[Notes]

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


/* 1. TITLE */

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

/* Price */	
h2.price {padding:4px 0 0 0; width:356px; float:right;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif; line-height:normal; text-align:right;}
h2.price span {font-weight:normal; font-size:0.812em; color:#99d0ef;}
h2.price strong {padding:0 0 0 12px; margin:0;
	font-size:2.187em;
	background:url(../images/template/vehicle_price_bg.png) no-repeat;}
h2.price strong span {padding:0 12px 0 0; margin:0;
	color:#fff; font-weight:bold; font-size:inherit;
	background:url(../images/template/vehicle_price_corner_bg.png) no-repeat top right;}
	
	
/* 2. SUB COLUMNS */

#sub_col_1, #sub_col_3 {width:488px; float:left;}
#sub_col_2 {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:"Century Gothic", Arial, Helvetica, sans-serif; font-size:1.25em; font-weight:normal; color:#fff;
	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_02.png) no-repeat #fff;}
#vehicle_images .vehicle_images_inner {padding:8px;
	background:url(../images/template/vehicle_module_inner_02.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;}

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

/* Make an Offer Form */
form#make_an_offer {padding:0 54px 0 5px; width:210px; position:absolute; top:14px; left:0; z-index:90;
	background:url(../images/template/vehicle_make_offer_form_bg.png);}
form#make_an_offer:hover {background:#000;}
form#make_an_offer fieldset {padding:4px 0; margin:0; 
	text-align:right;}
form#make_an_offer label {padding:0; margin:0;
	font-family:Arial, Helvetica, sans-serif; font-size:0.937em; font-weight:bold; color:#fff;}
form#make_an_offer label em {padding:0 7px 0 0; margin:0;
	font-family:Helvetica, Arial, Helvetica, sans-serif; font-style:normal; color:#fff;}
#refoffer {width:67px;
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:0.937em; font-weight:bold; color:#001622;
	border:none; background:url(../images/template/vehicle_detail_input_bg.png) no-repeat left top #fff;}
#submit-offer {position:absolute; top:5px; right:7px;}

/* 5. DETAILS MODULE */

#vehicle_details {margin:0 0 8px 0; width:472px;
	background:url(../images/template/vehicle_module_wrap_01.png) no-repeat #011b29;}
#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:226px; float:left;}
#vehicle_details li {padding:2px 0 2px 6px; margin:0; width:220px;
	list-style-position:outside; list-style-type: none;
	font-size:0.75em; font-weight:normal; color:#013f61;
	background:#edf4f8;}
#vehicle_details li ul {margin:-18px 0 0 0; padding:0 0 0 80px; width:140px; float:none;
	background:transparent;}
#vehicle_details li ul li {padding:0 3px 0 0; margin:0; width:137px; 
	font-size:1em; color:#333;}
#vehicle_details .odd {background:#d4e2ea;}

/* 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 #9ab2bf;}
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:#001622;}
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:#001622; font-size:0.812em;
	background:url(../images/template/vehicle_detail_input_bg.png) no-repeat left top #fff; border:1px solid #001622;}
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:39px;
	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:#fff;
	background:#001622;}

/* Fuel Economy */
#vehicle_details p {padding:0; margin:0; width:224px; height:10.875em; display:block; position:relative; float:left;
	background: url(../images/template/vehicle_mileage_pump.jpg) no-repeat #fff;
	border:1px solid #9ab2bf;}
#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:#000;}
#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:#000;}
#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;}


/* 6. TOOLBOX MODULE */

#toolbox {margin:0 0 8px 0; width:472px; position:relative;
	background:url(../images/template/vehicle_module_wrap_01.png) no-repeat #011b29;}
#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:5px 3px 3px 30px; margin:0; width:193px; display:block;
	font-size:0.812em; font-weight:bold; color:#001926;
	background-repeat:no-repeat; background-color:#6c8898;}
#toolbox li a:hover {background-position:-240px 0; background-color:#f6f6a9; color:#433805;}
#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.credit_app {background-image:url(../images/template/vehicle_tool_credit_alt.png); background-color:#066651; color:#fff;}
#toolbox li a.credit_app:hover {color:#433805;}
#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-family:"Century Gothic", Arial, Helvetica, sans-serif; text-align:center; color:#fff;}
#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 #011b29;}
#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:#012031;}
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 0 5px;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:1.2307em;}
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:#011b29;}
ul#features li ul.comments li .phone strong {
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:1.3em; text-transform:uppercase; 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:#7b6c28;
	background:url(../images/template/vehicle_comment.png) 3px 5px no-repeat #fdfdd5;}

/* js on (class="compact") */
ul#features.compact {padding:0; overflow:hidden;
	background:none;}
ul#features.compact li {float:left;}
ul#features.compact h3 {margin-right:4px; padding:3px 6px; cursor:pointer;
	font-size:0.75em; color:#012031;
	background:url(../images/template/vehicle_features_tab.png) repeat-x bottom #9ab2bf;}
ul#features.compact h3:hover {color:#433805;
	background:url(../images/template/vehicle_features_tab_hover.png) repeat-x bottom #f6f6a9;}	 
ul#features.compact ul {height:232px; display:none; overflow:auto; position:absolute; left:0;
	list-style-type:disc;
	background:#fff;}
ul#features.compact ul li {float:none;}
ul#features li.fcurrent h3, ul#features li.fcurrent h3:hover{
	color:#111;
	background:url(../images/template/vehicle_features_tab_current.png) no-repeat #fff;}
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 #011b29;}
#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 {color:#006fad;}
#content a:hover {color:#00a4ff;}
#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:"Century Gothic", Arial, Helvetica, sans-serif; color:#1b6791;}
#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 #011b29;}
#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:#666;
	background:#fff;}
	
/* 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:"Century Gothic", Arial, Helvetica, sans-serif;}
#vehicle_contact ul .email, #vehicle_contact ul .phone {padding:10px 0 0 0; width:234px; xfloat:left;
	font-size:0.687em; color:#013f61;}
#vehicle_contact ul .email strong, #vehicle_contact ul .phone strong {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:1.272em; color:#666;}
#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:#7b6c28;
	background:url(../images/template/vehicle_comment.png) 3px 3px no-repeat #fdfdd5;}
	


/* 10. SIMILAR VEHICLES MODULE */

#similar_vehicles {margin:0 0 8px 0; width:472px;
	background:url(../images/template/vehicle_module_wrap_01.png) no-repeat #011b29;}
#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;}
#similar_vehicles ul li:hover {background-color:#f6f6a9;}
#similar_vehicles ul li:hover ul li {background-color:transparent;}
#similar_vehicles ul li ul {padding:0; margin:0; height:auto;}
#similar_vehicles ul li ul li {padding:0; margin:0; background:transparent;}
#similar_vehicles ul a {color:#006fad;}
#similar_vehicles ul a:hover {color:#00a4ff;}

/* 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:"Century Gothic", Arial, Helvetica, sans-serif;}

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

/* 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:#7b6c28;
	background:url(../images/template/vehicle_comment.png) 3px 3px no-repeat #fdfdd5;}
	
/* Vehicle Details Button */
#similar_vehicles ul .view_details {width:110px; float:right;}
#similar_vehicles ul .view_details a {width:105px; 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:214px; float:left;
	font-size:0.687em; color:#013f61;}
#similar_vehicles ul .price strong {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:1.272em; color:#666;}


/* 11. DISCLAIMER */

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


/* Buttons */

#request-price {margin:0 0 8px 0; width:472px; height:68px; display:block; overflow:hidden;
	text-indent:-5000px;
	background:url(../images/campaign/blowout/vehicle_request_price_form_btn.png) no-repeat;}
#request-price:hover {background-position:0 -68px;}
#special-offer {margin:0 0 8px 0; width:472px; height:68px; display:block; overflow:hidden;
	text-indent:-5000px;
	background:url(../images/campaign/routan/details-banner2.png) no-repeat;}
#special-offer:hover {background-position:0 -68px;}