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

Theme Name:		Kingston Nissan
Version:		1.0
Last Change:	4/1/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. Similar Vehicles Module
10. Disclaimer

[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) repeat-x #8f0000;}
#page_title .page_title_inner {padding:8px 0 5px 8px;}

/* 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; font-style:italic; color:#fff;}
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:#fff; font-weight:bold; font-style:italic; 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, #similar_vehicles h2  {padding:6px 0 15px 37px; margin:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif; font-size:1.25em; font-weight:normal; font-style:italic; 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_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;}

/* 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:#cf3333;}
form#make_an_offer label em {padding:0 7px 0 0; margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; color:#fff;}
#offer-price {width:67px;
	font-family:Arial, Helvetica, sans-serif; font-size:0.937em; font-weight:bold; color:#f04040;
	border:none; background:#222;}
#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 #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 -183px;}
#vehicle_details ul {margin:0 5px 0 1px; width:224px; float:left;}
#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; text-transform:uppercase; letter-spacing:-0.5px; color:#36393c;}
#vehicle_details li ul {margin:-18px 0 0 0; padding:0 0 0 80px; width:139px; float:none;
	color:#36393c;
	background:transparent; border:none;}
#vehicle_details li ul li {padding:0 3px 0 0; margin:0; width:135px; 
	font-size:1em; text-transform:capitalize;letter-spacing:normal; font-style:italic; color:#000;}
#vehicle_details .odd {background:#c5c5c5;}

/* Payment Calculator */
form#calculator {padding:16px 0 0 0; margin:0; width:224px; display:block; position:relative; float:left;
	background:#fff}
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; font-weight:bold; color:#36393c;}
form#calculator input, form#calculator select {padding:2px 0 2px 3px; width:101px;
	font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#900000; font-size:0.812em;
	background:#fff; border:1px solid #36393c;}
form#calculator select {width:106px;}
#payment {padding:0; margin:3px 0 0 0;
	text-align:center;}
#payment span.title {margin:0 0 8px 0; padding:0; width:auto; display:block; float:none;
	font-family:Arial, Helvetica, sans-serif;  font-weight:bold; font-size:0.562em; color:#36393c; 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:#900000; font-weight:normal; font-size:2.25em; font-style:italic; line-height:40px;}	
#payment strong span {padding:0; margin:0;
	color:#900000; font-weight:normal; font-size:inherit;}
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;
	background:#900000; color:#fff;}

/* 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_03.png) no-repeat bottom;}
#toolbox h2 {background-position:0 -244px;}
#toolbox .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 2px 30px; margin:0; width:193px; display:block;
	font-size:0.812em; font-weight:bold; color:#000;
	background-repeat:no-repeat; background-color:#8f8f8f; background-position:-226px 0;}
#toolbox li a:hover {background-position:0px 0; background-color:#000; color:#fff;}
#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.send_phone {background-image:url(../images/template/vehicle_tool_send_phone.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);background-position:0 0;}
#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 -2px 0;}

/* Send To Phone Form */
#send_phone_holder {width:226px; height:120px; padding:14px 12px 12px 12px; position:absolute; top:147px; left:-4px; z-index:10;
	background:url(../images/template/send_to_phone_bg.png) no-repeat transparent;}
.hide_phone {display:none;}
#send_to_phone fieldset {padding:0; border:none;}
#send_to_phone input {width:140px;}
#send_to_phone select {width:146px;}
#send_to_phone label {width:55px; padding:3px 5px 3px 0; 
	color:#000;}
#send_to_phone input.submit {margin:5px 0 0 60px;}
#send_phone_holder p { width:208px; font-size:0.625em; text-align:right; color:#555;}
.phone_message {width:200px; padding:12px; position:absolute; top:150px; left:8px; z-index:10;
	color:#0e322c; font-weight:bold; font-size:0.75em; text-align:center;
	background:#bdeecd; border:1px solid #6ea07f;}


/* 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:#000;}
ul#features li {color:#000; 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 #999999;
	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 2px; margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;
	list-style-image:none; border:none;
	background:#c5c5c5;}
ul#features li ul.comments li h4 {padding:3px 0 0 0; margin:0;
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:1.2307em; color:#000;}
ul#features li ul.comments li h5 {padding:0; margin:0;
	font-family:Arial, Helvetica, sans-serif; font-size:0.76923em; color:#000; text-transform:uppercase; letter-spacing:2px;}
ul#features li ul.comments li .preowned_sales_photo {padding:4px; position:absolute; top:13px; left:13px;
	background:#fff;}
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:#900000;}
ul#features li ul.comments li .phone strong {
	font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:1.3em; color:#fff; text-transform:uppercase; letter-spacing:normal;}
ul#features li ul.comments li .comment {
	font-style:italic; text-indent:19px;
	background:url(../images/template/vehicle_comment.png) 0 4px no-repeat;}

/* 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:#000;}
ul#features.compact h3:hover {color:#fff;
	background:#910000;}	 
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{padding:2px 6px 4px 6px;
	color:#000;
	background:#c5c5c5;}
ul#features li.fcurrent ul {padding:8px 8px 8px 30px; width:418px; height:13.785em; display:block;
	background:#c5c5c5;}
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:#000;}
#content a:hover {color:#fff;}
#content a:hover strong {color:#fff;}
#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; margin-top:0;
	font-size:1.153em; font-weight:normal; text-transform:uppercase;}
	
	
/* 9. 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_03.png) no-repeat bottom;}
#similar_vehicles h2 {background-position:0 -61px;}

/* 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:url(../images/template/similar_vehicle_bg.png) repeat-x bottom #fff;}
#similar_vehicles ul li:hover {background-position:top;}
#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 a {font-family:"Arial Black", Arial, Helvetica, sans-serif; font-weight:normal; color:#8f0000;}
#similar_vehicles ul li h3 a:hover {font-family:"Arial Black", Arial, Helvetica, sans-serif; font-weight:normal; color:#000;}

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

/* 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:#000;
	background:url(../images/template/vehicle_comment.png) 3px 3px no-repeat #c5c5c5;}
	
/* 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:16px; 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 -24px;}

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


/* 10. DISCLAIMER */

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