﻿/**********************************
Author: First and Last Name, 04/04/2011
Last modified by: Myron R Schippers Jr, 04/25/2011, 12:55PM
Last modified by: Patrick Schippers, 01/04/2012
Last modified by: Bart Ward, 1/9/12
Last modified by: Patrick Schippers, 01/13/2012
**********************************/

@import "pfrotator.css";
body { 
	/*background:#afc4e4 url(../Images/body-bg.jpg) repeat-x fixed 0 bottom;*/
	background-color:#536F98;
	font-family:Arial, Helvetica, "Trebuchet MS", sans-serif
}

a:link { color:#C6011F; text-decoration:none;}
a:visited { color:#C6011F; text-decoration:none;}
a:hover { color:#666; text-decoration:none;}
a:active { color:#C6011F; text-decoration:none;}

.headerKBB { margin:10px 0 0 10px;}
.footerKBB {}

	/* button and customized link styles */
	a.buttonBlue{
		color:#7A9EC2;
		display: block;
		font-weight: bold;
		line-height: 34px;
		text-transform: uppercase;
		width:130px;
		
	}
		a.buttonBlue .leftEdge{
			background-image:url(../Images/buttonSpriteBlueLeft.png);
			background-position:0 0;
			background-repeat:no-repeat;
			display: block;
			float: left;
			height: 34px;
			padding: 0 0 0 15px;
			width:70%;
		}
		
			a.buttonBlue .rightEdge{
				background-image:url(../Images/buttonSpriteBlueright.png);
				background-position:100% 0;
				background-repeat:no-repeat;
				display: block;
				float: right;
				height: 34px;
				width: 24px;
			}
			a.buttonBlue .leftEdge:hover{
				background-position:0 -34px;
			}	
	div#outerWrapper {
				background:transparent url(../Images/dropshadow.png) repeat-y center center;
				margin:0 auto;
				padding-left:25px;
				padding-right:25px;
				width:990px;
			}
				div#outerWrapper:after {
					content: ".";
					visibility: hidden;
					display: block;
					clear: both;
					height: 0;
					font-size: 0;
				}
	/* masthead styles */
	div#masthead {
			background: url(../Images/header-bg.jpg) repeat-x;
			margin: 0 auto;
			width: 990px;
			position: relative;
			z-index: 1000;
			
			
		}
		div#masthead .leftCol {
			width:340px;
			text-indent:-99999px;
		}
		
		div#masthead .middleCol { width:auto; margin:11px 5px 0 45px;}
			div#masthead .middleCol p { 
				color:#000000;
				font-size:20px;
				font-weight:bold;
				text-align:right;
				width:auto;
			}					
			div#masthead .middleCol h3{
				color: #555;
			}
			div#masthead .middleCol p span{
				color: #cc191e;
				font-weight: bold;
			}
			#masthead .middleCol #ActivEngageChatButton { float:left; }
				
			#logoBlock{
				display:inline;}
			
			div#logoBlock .logo {
				background:url("../Images/logo.png") no-repeat scroll 0 0 transparent;
				display:block;
				float:left;
				height:137px;
				margin-top:10px;
				margin-left:10px;
				padding:0;
				width:346px;
				}	
			div#logoBlock .hondalogo {
				background: url(../Images/hondalogo.png) no-repeat scroll 0 0;
					display: block;
					float: left;
					height: 50px;
					padding: 0;
					width: 75px;
					margin:55px 0 0 23px;
				}
					
		div#masthead .rightCol { width:245px;}
			div#masthead .rightCol div.social-media	ul { 
				background:url("../Images/social-media2.jpg") no-repeat scroll 0 0 transparent;
				height:50px;
				list-style:none outside none;
				padding-left:109px;
				padding-top:8px;
				width:134px;
			}	
				div#masthead .rightCol div.social-media	ul li { display:block; float:left; margin-right:5px;}
					div#masthead .rightCol div.social-media	ul li a { display:block; float:left; width:36px; height:36px; text-indent:-9999px;}
			
			div#masthead .rightCol div.social-media a.mlogo {
				background:url("../Images/social-media2.jpg") no-repeat scroll 0 0 transparent;
				display:block;
				text-indent:-9999px;
				float:left;
				margin:5px 0px 0;
			}
				
				div#masthead .rightCol div.social-media a.toyota { background-position:0px -63px; width:82px; height:57px;}
				div#masthead .rightCol div.social-media a.cert { background-position:-85px -63px; width:86px; height:57px;}
				div#masthead .rightCol div.social-media a.scion { background-position:-173px -63px; width:77px; height:57px;}
			
				div#masthead .address{
				background: url(../Images/Address_Sprite.png) no-repeat;
				display: block;
				height: 45px;
				text-indent: -9999px;
				width:222px;
				margin:auto;
			}
			
			.blog{
					background: url(../Images/blog.png) no-repeat;
					display: block;
					float: left;
					margin: 10px 0 0 -5px;
					height: 46px;
					text-indent: -9999px;
					width:280px;
				}
				
		.blackBook {
			background:url(../Images/Black-Book.png) no-repeat;
			display:block;
			float:right;
			height:56px;
			width:154px;
			text-indent: -9999px;
			margin-top:-50px;
			margin-right:12px;}
			
		.lifetimeWarrantyLogo {
			background:url(../Images/lifetime-logo.png) no-repeat;
			display:block;
			height:69px;
			width:117px;
			text-indent: -9999px;
			margin-top:14px;}
			
		.MotorSportsLogo {
			background:url(../Images/MS-logo.png) no-repeat;
			display:block;
			height:60px;
			width:217px;
			text-indent: -9999px;
			margin-left:38px;
			margin-top:10px;}
				
	div#headerRotator {
		height:290px;
	}
	/* Primary Feature */
	.primaryFeatureBg {
		border: none;
		height:auto;
	}
	
	/* Quarternary Flipper */
	div#quarternaryFlipper {
		height:auto;
		margin: 0 auto 0 auto;
		padding: 20px 14px;
		width: 990px;
	}
	/* Secondary Features - CTAs */
			div#secondaryFeatures {
				background: url(../images/secondary_features_bg.gif) repeat-x scroll 0 0;
				height: 100px;
				margin: 0 auto 0 auto;
				position: relative;
				width: 990px;
				display:inline;
			}
			
			div#secondaryFeatures ul li a:hover {
				text-decoration: none;
			}
				
				div#secondaryFeatures ul {
					float: left;
					height: 100px;
					position: relative;
					width: 990px;
					margin:auto;
				}
				div#secondaryFeatures ul#search {
					width:auto;
				}
					
				div#secondaryFeatures ul li { display:inline;}
				div#secondaryFeatures ul li a{
					display:block;
					float:left;
					}
					.icons_sprite {
						background-image: url(../Images/cta_icons_sprite.png);
						background-repeat: no-repeat;
					}
						.specialsCTA, .newcarsCTA, .usedcarsCTA, .financingCTA, .serviceCTA,.fwdspecialsCTA {
							cursor: pointer;
							display: block;
							float: left;
							height: 32px;
							margin-top: 29px;
							width: 157px;
						}
						
							.specialsCTA {background-position: 0px 0px;}
								.specialsCTA:hover {background-position: 0px -32px;}
							.newcarsCTA {background-position: -153px 0px;}
								.newcarsCTA:hover {background-position: -153px -32px;}
							.usedcarsCTA {background-position: -310px 0px;}
								.usedcarsCTA:hover {background-position: -310px -32px;}
							.financingCTA {background-position: -467px 0px;}
								.financingCTA:hover {background-position: -467px -32px;}
							.serviceCTA {background-position: -624px 0px;}
								.serviceCTA:hover {background-position: -624px -32px;}
							.fwdspecialsCTA {background-position: -800px 0px;}
								.fwdspecialsCTA:hover {background-position: -800px -32px;}
								
								.fwdspecialsCTA { padding-left:21px}
		/* Tertiary Features - CTAs */	
		
		.mail_icon {
			background-image:url(../Images/mail_icon.png);
			width:290px;
			height:63px;
			margin-left:11px;
			margin-top:12px;d
			text-indent:-99999px;
			}

#quarternaryFlipper .promoTop { display:block; width:100%; height:174px; overflow:hidden; float:left; margin:5px 0; }
#quarternaryFlipper .promoBottom { display:block; width:100%; height:174px; overflow:hidden; float:left; margin:5px 0; }
		.promo {
			border: 1px solid #f4f6f6;
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
			min-height: 173px;
			width: 315px;
			float:left;
		}
			.promo1, .promo2, .promo3, .promo4, .promo5, .promo6  {
				display: block;
				height: 173px;
				position: relative;
				width: 315px;
			}
			.promo1 {
				background: url(../Images/promo_left2.png) no-repeat;
				text-indent: -9999px;
				background-position:0px 0px;}
			.promo1:hover {
				background-position:0px -173px;
				}
			.promo-lowmiddle { margin:0 6px; } 
			.testimonials {
				background:url("../Images/testimonials-bg.jpg") no-repeat scroll 0 0 transparent;
				height:161px;
				margin:0 6px;
				padding:12px 15px 0;
				width:285px;
			}
				.testimonialsContent  { height:120px;}
					.testimonialsContent .readMoreBtn { bottom:0; right:-5px;}
						.testimonialPane { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#333; margin-top:-15px;position:absolute;}
							span.customername { font-weight:bold; display:block; padding-top:10px;}
							span.testimonialname { display:none;}

			.promo2 {background: url(../Images/promo_middle.png) no-repeat scroll 0 0;margin:0;}
				.promoHeader {
					color: #ffffff;
					display: block;
					float: left;
					font: bold 18px Arial, Helvetica, sans-serif;
					margin: 12px 0 10px 20px;
				}
				.promoFormLeftCol {
					color: #316b9e;
					height: 92px;
					float: left;
					margin: 0 15px 0 15px;
					position: relative;
					width: 145px;
				}
					.promoFormLeftCol select,
					.promoFormLeftCol input {
						border: 1px solid #999999;
						background-color: #ffffff;
						color: #000000;
						float: left;
						margin-bottom: 8px;
					}
						.promoFormLeftCol select {
							margin-top: 3px;
							width: 130px;
						}
						.promoFormLeftCol input {
							height: 15px;
							padding: 2px 0 2px 3px;
							width: 125px;
						}
				.promoFormRightCol {
					color: #000000;
					float: left;
					height: 88px;
					width: 120px;
				}
					.promoFormRightCol span {
						display: block;
						color: #ffffff;
						font-size: 12px;
						font-weight: bold;
						margin-bottom: 10px;
					}
					.promoFormRightCol input {
						border: 0 none;
						height: 14px;
						width: 16px;
					}
					.promoFormRightCol label {
						width: 94px;
					}
					
				.promo2 .promoHeader {
					color: #ffffff;
					width: 295px;
				}
				.promo2 .QuickContactEmailField {
					float: left;
					margin-left:15px;
					height:20px;
					width:285px !important;
					background-color:#ffffff;
				}
					.promo2 p {
						border-bottom: 1px dotted #000000;
						margin: 0 20px 0 20px;
						padding-bottom: 15px;
						width: 275px;
					}
					.promo2 label {
						margin: 10px 0 0 20px;
						text-align:left;
						
					}
					
					.promo3 {
						background: url(../Images/promo_fb.png) no-repeat;
						text-indent: -9999px;
						background-position:0px 0px;}
			.promo3:hover {background-position:0px -173px;}
			
					.promo4 {
						background: url(../Images/promo_autotrader.png) no-repeat;
						text-indent: -9999px;
						background-position:0px 0px;}
			
			.promo4:hover {background-position:0px -173px;			
				}
				
				
					.promo5 {
						background: url(../Images/promo_video3.png) no-repeat;
						text-indent: -9999px;
						background-position:0px 0px;
						/*margin:0 6px;*/
						padding:12px 15px 0;
						width:285px;}
						
			
			.promo5:hover {background-position:0px -173px;			
				}
				
				.promo6 {
						background: url(../Images/promo_right.png) no-repeat;
						text-indent: -9999px;
						background-position:0px 0px;}
			
			.promo6:hover {background-position:0px -173px;
				}
				
				.promo2 .extras_sprite {background-image:url(../Images/extras_sprite.png);
					width: 121px;
					height: 32px;
					float:right;
					border:none;
					margin-right:-101px;
					margin-top:9px;
					}
					
			.clickHereBtn2 {background-position:-123px -168px; }			
			.clickHereBtn2:hover { background-position:-123px -136px;}
					
			/* Extra Sprite */
			.extra_sprite {
				background-image: url(../Images/inner_buttons_sprite.png);
				background-repeat: no-repeat;
			}
				.findOutBtn,
				.clickHereBtn {
					border: 0 none;
					color: transparent;
					cursor: pointer;
					display: block;
					height: 30px;
					width: 113px;
				}
					.findOutBtn {background-position: -518px -2px;}
						.findOutBtn:hover {background-position: -518px -34px;}
					.clickHereBtn {
						background-position: -632px -2px;
						float: right !important;
						margin: 10px 15px 0 0;
					}
						.clickHereBtn:hover {background-position: -632px -34px;}
		/* Doormat Margin */
		div#doormat{ margin:0 auto;padding: 25px 30px; width:1000px; }
		
		/* Footer */
		
		ul.column li a, ul.column li a:visited { color:#666;}
		ul.column li a:hover { color:#C6011F;}
		
		div#footer { height:100%; padding: 0; overflow:hidden;}
		
		div#footer a.youtube {
			display:block;
			width:216px;
			height:37px;
			text-indent:-9999px;
			background:transparent url(../Images/youtube.jpg) no-repeat scroll 0 0;
		}
		
		div#footer p {font-size:90%; line-height:20px;}
		#footer .viewmap_btn {background-image:url(../Images/extras_sprite.png);
					width: 121px;
					height: 32px;
					float:left;
					}
			.view_map {background-position:-123px -57px; }			
			.view_map:hover { background-position:-123px -25px;}
		
		.vDivider {
			background:url(../Images/doormat_vert_short_divider.gif);
			float:left;
			height:100px;
			width:1px;
			
			}
		
		ul.column .social_icons {
			background-image:url(../Images/social_icons.gif);
			float:left;
			width:99px;
			text-indent:-99999px;
			margin-top:5px;
			}
			
			.fb_sprite {
				background-position:0px 0px;
				height:23px;
				}
			 .twitter_sprite {
				background-position:0px -23px;
				height:21px;
				
				}
			.youtube_sprite {
				background-position:0px -44px;
				height:26px;
				}
			.blogger_sprite {
				background-position:0px -70px;
				height:30px;}
				
	ul.column {
		padding-left:20px;
		width:135px;
		margin:-2px;
	}
		ul.column li { width:175px;}
		
/* search results page styles */
.searchheader{
	font-size: 18px;
	padding: 10px;
}
.sortpager,.searchcriteria{
	width:990px;
	padding: 0;
}
	.sortpagertable{
		margin: 0 10px;
	}
.even, .odd {
	width: 980px;
}
.vehiclecount{
	font-family: Verdana;
	padding: 10px;
	}
.disclaimer{
	padding: 10px;
}	
.InventoryLinks{
	padding: 10px;
}

/*Soncondary Page Styles*/
.hoursLeft, .hoursRight {
	float: left;
	margin-bottom: 20px;
	width: 110px;
}
.hoursbox{
	width:250px;
	display:inline;
	float:left;
	margin-bottom:20px;
	margin-left:25px;
}
.hourstable{
	width:270px;
}
/*Specials Arrows*/
.specials_sprite {background-image: url(../Images/new_used_specials_sprite.png);}
*/


/* Styles to integrate arrow buttons on Internet Specials Rotators to work */
/* SPECIALS ROTATOR */			
div#tertiaryScroller  {
	height:180px;
	margin:15px 15px 0;
	padding:0;
	width:auto;
}
	.usedSpecials {
		float:left;
		position:relative;
		width:auto;
		margin-top:10px;
	}	
	
	div.vehiclephoto img:hover { border:solid 1px #c6011f !important;}


.RadRotator_Default .rrClipRegion {border: 0 none !important;}

	div#tertiaryScroller .RadRotator, div#pentanaryRotator .RadRotator {
		height:154px !important;
		overflow:hidden;
		padding:0 36px !important;
		width:900px !important;
	}
		div#pentanaryRotator .RadRotator {width: 885px !important;}
		
		div#tertiaryScroller .rrRelativeWrapper, div#pentanaryRotator .rrRelativeWrapper {
			background-image:url("../Images/new_used_specials_sprite.gif");
			background-position:0 -155px;
			background-repeat:repeat-x;
			display:block;
			float:left;
			height:134px !important;
			padding:10px;
			width:870px !important;
		}
		div#pentanaryRotator .rrRelativeWrapper {padding: 10px 0 10px 0; width: 885px !important;}
		
		div#tertiaryScroller .rrClipRegion,
		div#pentanaryRotator .rrClipRegion {
			height: 125px !important; 
			padding: 7px 0 0 0; 
			width: 508px !important;
		}
			div#pentanaryRotator .rrClipRegion {width: 885px !important;}
			
			div#tertiaryScroller .rrClipRegion, div#pentanaryRotator .rrClipRegion {
				height:125px !important;
				padding:7px 0 0;
				width:876px !important;
			}

				div#pentanaryRotator .rrClipRegion .rrItemsList {width: 885px !important;}
				
				div#tertiaryScroller .rrClipRegion .rrItemsList li, div#pentanaryRotator .rrClipRegion .rrItemsList li {
					height:125px !important;
					margin:0 7px;
					width:95px;
				}
					div#pentanaryRotator .rrClipRegion .rrItemsList li {margin: 0 8px 0 7px;}
					
		div#tertiaryScroller .rrClipRegion .rrItemsList { width:876px !important;}
					
		.RadRotator_Default .rrButton {
			background-image: url(../Images/new_used_specials_sprite.gif) !important;
			display: block;
			height: 154px !important;
			position: absolute;
			top: 0 !important;
			width: 36px !important;
		}
			.RadRotator_Default .rrButton.rrButtonRight {
				background-position: 0px -311px !important;
				margin-top: 0 !important;
				right: -36px !important;
			}
				.RadRotator_Default .rrButtonRight:hover {background-position: 0px -781px !important;}
			.RadRotator_Default .rrButton.rrButtonLeft {
				background-position: 0px 0 !important;
				left: -36px !important;
				margin-top: 0 !important;
			}
				.RadRotator_Default .rrButtonLeft:hover {background-position: 0px -468px !important;}
				.RadRotator_Default .rrButtonUp,
				.RadRotator_Default .rrButtonDown {display: none;}
		
		/* ------------------------------------------- */

/* Used on Service Portal page */
		div#servicesContainer {
			margin:10px 0;
			padding: 0 15px;
		}
			div#servicesContainer h1 {
				width: 100%;
			}
				div#serviceLeftCol, div#serviceRightCol {
					padding-top: 20px;
				}
				div#serviceLeftCol {
					float: left;
					margin-right: 10px;
					position: relative;
					width: 200px;
				}
					div#serviceLeftCol .leftColNav {
						width: 200px;
					}
						.leftColNav ul li a {
							color: #333333;
							float: left;
							font-size: 13px;
							font-weight: bold;
							line-height: 31px;
							position: relative;
							text-indent: 35px;
							width: 200px;
						}
							.leftColNav ul li a:hover {
								color: #174d85;
								text-decoration: none;
							}

					/* Services Sprite Icons */
					.service_sprite {
						background-image: url(../Images/services_sprite.png);
						background-repeat: no-repeat;
						display: block;
						height: 31px;
					}
						.schedule {background-position: 0px 0px;}
							.schedule:hover {background-position: 0px -31px;}
						.serviceSpecials {background-position: 0px -62px;}
							.serviceSpecials:hover {background-position: 0px -93px;}
						.tech {background-position: 0px -124px;}
							.tech:hover {background-position: 0px -155px;}
						.faq {background-position: 0px -186px;}
							.faq:hover {background-position: 0px -217px;}
						.testimonial {background-position: 0px -246px;}
							.testimonial:hover {background-position: 0px -277px;}
						.warranty {background-position: 0px -308px;}
							.warranty:hover {background-position: 0px -339px;}
						.parts {background-position: 0px -370px;}
							.parts:hover {background-position: 0px -401px;}
						.recalls {background-position: 0px -432px;}
							.recalls:hover {background-position: 0px -463px;}
						.mobility {background-position: 0px -494px;}
							.mobility:hover {background-position: 0px -525px;}
						.benefits {background-position: 0px -556px;}
							.benefits:hover {background-position: 0px -587px;}
						.price {background-position: 0px -618px;}
							.price:hover {background-position: 0px -649px;}
						
				/* Block of Ads that change */
				div#serviceRightCol {
					float: left;
					position: relative;
					width: 727px;
				}
					.serviceAdsContainer {
						
					}
						ul.serviceAd li {
							float: left;
							height: 342px;
							margin-right: 3px;
							width: 178px;
						}
				.hoursboxes {display:none}
				.innerLeftCol .testimonialPane {
							border-bottom: 1px inset;
							padding: 20px 0;
						}



/* Submit button for forms */
input.submitBtn {
	background-image: url(../Images/sprite_cta_buttons.png);
	background-position: -548px 0px;
	background-repeat: no-repeat;
	height: 35px;
}
	.submitBtn:hover {background-position: -548px -38px;}


.prices span{
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
}

iframe {
	height:600px;
	border:none !important;}
iframe.googleMap
{
    height:auto;
}	
/* Icons for the Incentives page */

.Incetives_Icons{
	background-image:url(../Images/Honda_Icons.png);
	background-repeat:no-repeat;
	width:75px;
	height:35px;
	float:left;
	margin:15px 25px;}

.accord {background-position:0px 0px;}
.civic {background-position:-75px 0px;}
.crosstour {background-position:-150px 0px;}
.crv {background-position:-225px 0px;}
.insight {background-position:-300px 0px;}
.odyssey {background-position:-375px 0px;}
.pilot {background-position:-452px 0px;}

.quote_btn {
	float:right;
	width:148px ;
	height:33px ;
	background-image:url(../Images/quote_btn.png);
	margin-right:25px;
	margin-top:10px;}
	


div.incentives {
	padding-left:15px;
	padding-bottom:10px;
	border-bottom:1px solid gray;
	}
	
	.incentives h2 {
		font-size:12px;
		color:#0066cc;}
.incentives h1 {color:#000; padding:10px 0 0 20px;
				}
.IncentivesHeader { 
		font-weight:bold;
		color:#0066cc;
		font-size:20px;
		padding:15px;
	}
	div.custompage p {
		padding-bottom:10px;
		padding-top:10px;
		text-align:justify;} 

	div.incentives p {
		padding-top:0px;} 
		
.showbutton {
	float:right;
	margin:-20px 35px;}
	
.incentivesDetails {display:none;}
		
/*	Service Portal Page Ad at the bottom of the page  */
	
	#serviceBottom{float:right;}	

a.serviceBannerAd {
		background-position:0 0;
		display:block;}
		
.serviceBannerAd:hover {
			background-position:0px -79px;
			display:block;}
			
	.newcarsBottom {
		background-image:url(../Images/banner_ad_942x79.jpg);
		height:79px;
		width:942px;
		margin-right:5px;
		margin-top:40px;
		margin-bottom:10px;
		}
	
.locationhours {
	display:none;
}


.inventoryDetails {
	padding: 0px 15px;}
	
	.searchHeader {
padding-top:15px; }

.even, .odd {
width:auto;}

.InventoryLinks {
display: none;}

.save input[type=checkbox] {margin:10px auto;}
.save a {background-color:#fff;}

	.inventoryDetails div.bottomnav .buttonbar .requestinfo a{background:url(../Images/bottombuttons.png) 0px 0px;}
	.inventoryDetails div.bottomnav .buttonbar .requestinfo a:hover, div.bottomnav .buttonbar .requestinfo .selected{background:url(../Images/bottombuttons.png) 0px 40px;}
	.inventoryDetails div.bottomnav .buttonbar .scheduletest a{background:url(../Images/bottombuttons.png) 804px 0px;}
	.inventoryDetails div.bottomnav .buttonbar .scheduletest a:hover, div.bottomnav .buttonbar .scheduletest .selected{background:url(../Images/bottombuttons.png) 804px 40px;}
	.inventoryDetails div.bottomnav .buttonbar .makeanoffer a {
	    width:160px;
	    background:url(../Images/bottombuttons.png) 664px 0px;
	}
	.inventoryDetails div.bottomnav .buttonbar .makeanoffer a:hover, div.bottomnav .buttonbar .makeanoffer .selected{background:url(../Images/bottombuttons.png) 664px 40px;}
	.inventoryDetails div.bottomnav .buttonbar .payment a {
	    width:170px;
	    background:url(../Images/bottombuttons.png) 504px 0px;
	}
	.inventoryDetails div.bottomnav .buttonbar .payment a:hover, div.bottomnav .buttonbar .payment .selected{background:url(../Images/bottombuttons.png) 504px 40px;}
	.inventoryDetails div.bottomnav .buttonbar .socialnetworking .mainLink{
	    width:260px;
	    height:40px;
	    background:url(../Images/bottombuttons.png) 334px 0px;
	}
	.inventoryDetails div.bottomnav .buttonbar .socialnetworking .mainLink:hover{background:url(../Images/bottombuttons.png) 334px 40px;}
	.inventoryDetails div.bottomnav .buttonbar .close {
	    margin-top:10px;
	    margin-right:0px;
	}
	.inventoryDetails div.bottomnav .buttonbar .close a {
	    width:50px;
	    height:15px;
	    background:url(../Images/bottombuttons.png) 70px 26px maroon;
	}
	.inventoryDetails div.bottomnav .buttonbar .close a:hover {background:url(../Images/bottombuttons.png) 70px 26px;}
	
	
	
		.inventoryDetails div.bottomnav
			{
				background-color: #027fc6;
				border: none;
				}
			
			div .bottomnav .socialnetworking div.social .links
			{
			background-color: #FFF;
			}
			
			.inventoryDetails div.bottomnav .forms
			{
				background-color: #2ba0e2;}
			
			.pricebox
			{border: solid 1px #000;
			}
			
			.equipment
			{background: #027fc6 !important;
			color:#FFF !important;
			}
			
	
			
				.commentArea
			{ margin-top:60px !important;
				background: #027fc6 !important;
			color:#FFF !important;
			}
			
			
			.inventoryDetails h3.features, .inventoryDetails h3.equipment, .inventoryDetails h3.features, .inventoryDetails h3.warranties, .inventoryDetails h3.financing, .inventoryDetails h3.contactInformation, .inventoryDetails h3.reviews, .inventoryDetails h3.CarfaxHighlights, .inventoryDetails h3.CertifiedInfo {background: #027fc6 !important;}
				
				
			
			
			h3.equipment a
			{
				color:#FFF !important;
				background-color: #027fc6;
				}
			
			
			.inventoryDetails h1, .inventoryDetails h2, .inventoryDetails h3, .inventoryDetails h4, .inventoryDetails h5, .inventoryDetails h6
			{
				color:#FFF !important;
				}
			
			.Abbreviater
			{color:#FFF !important;
			}
			
			.inventoryDetails .expander .close {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../Images/plus_minus.png) repeat scroll 0 100%;
float:right;
font-size:0;
height:16px;
width:16px;
}
			
			
			.inventoryDetails .topMenu {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../Images/bar.png) no-repeat scroll left top;
color:#FFFFFF;
height:50px;
width:960px;
}

.inventoryDetails .expander .open {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../Images/plus_minus.png) repeat scroll 0 0;
float:right;
font-size:0;
height:16px;
width:16px;
}




.slideright {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: url(/images/inventorydetails/next.png) no-repeat scroll -0 100%;
float:right;
}

div .bottomnav .socialnetworking div.social .links {
background-color:#FFFFFF;
}

div .bottomnav .socialnetworking div.social .links {
-moz-border-radius:5px 5px 5px 5px;
border:2px solid #000;
display:none;
margin-top:-158px;
padding:10px;
position:absolute;
width:185px;
}


.inventoryDetails div.bottomnav .forms .buttons button { background-color: #000;}


.inventoryDetails h3.equipment a, .inventoryDetails h3.warranties a, .inventoryDetails h3.financing a, .inventoryDetails h3.contactInformation a, .inventoryDetails h3.reviews a, .inventoryDetails h3.CarfaxHighlights a, .inventoryDetails h3.CertifiedInfo a {
	color:#FFF;}

.inventoryDetails h4.similar {
background-color:#027fc6;
}




.inventoryDetails div.bottomnav {
	background-color:#0267A0;}

	.inventoryDetails .topMenu {
		background:transparent url(../Images/bar.png) no-repeat;}
		
		
/* ask a tech form */

.form div{ clear: both; overflow:hidden !important; width:350px !important; }
div.AskATech { overflow: hidden; width:990px !important;}
div.AskATech div.commitment {
	width:560px !important;
	float: right !important;
}
div.AskATech div.image{
	display: none;
}
div.AskATech input {
	background:#fff !important;
	border:1px solid #ccc !important;
	float: right !important;
	font-size:12px !important;
	height:22px !important;
	margin:0 0 3px 0;
	padding-left:10px !important;
	padding-right:14px !important;
	width:209px !important;
}
div.AskATech textarea {
	background:none repeat scroll 0 0 #FFFFFF !important;
	border:1px solid #CCCCCC !important;
	float:right !important;
	height:94px !important;
	width:233px !important;
}
div.AskATech label, div.AskATech div.comments span {
	float: left !important;
}
div.AskATech input[type="submit"] {
	background:url("../Images/submit.png") no-repeat scroll 0 0 transparent !important;
	border:medium none !important;
	display:block;
	float:left !important;
	height:32px !important;
	margin:0 0 0 113px;
	width:92px !important;
}
div.AskATech div.callus {
	float: left !important;
	padding: 0 !important;
	width: 50% !important;
}
.headTitle,.form{
	padding: 10px 0 0 20px;

}
.form {	float: left;}
.bottom {clear:both; overflow: hidden;}

/* Styles for Incentives page */
.incentivesHeader { }
	.custompage .incentives {border-bottom: 1px solid gray; padding: 0 0 10px 15px;}
		.incentivesContent {float: left; width: 100%;}
			.incentivesIcons {
				background:url(../Images/Honda_Icons.png) no-repeat scroll 0 0;;
				float:left;
				height:50px;
				margin:15px;
				width:90px;
			}
			.incentivesHeadings {
				float: left;
				position: relative;
				width: 840px;
			}
				.incentives h2 {
					color:#000;
					font-size:18px;
					margin: 5px 0 10px 0;
					width: 600px;
				}
				.incentives h3 {
					color: #0066CC; 
					font-size: 14px;
					width: 600px;
				}
				p.smallPrint {
					float: left;
					font-size: 11px; 
					font-style: italic; 
					width: 600px;
				}
				
			.quoteBtn {
				background-image:url(../Images/quote_btn.png);
				display: block;
				height:33px;
				position: absolute;
				right: 15px;
				top: 15px;
				width:148px ;
			}
			.showButton {
				float: left;
				display: block;
				height: 35px;
				margin-left: 25px;
				width: 150px;
			}
		.incentivesDetails {display:none; width: 950px;}
			/* .incentives p {color: #000;}  */

	.accord {background-position:0px 0px;}
	.civic {background-position:-75px 0px;}
	.crosstour {background-position:-150px 0px;}
	.crv {background-position:-225px 0px;}
	.insight {background-position:-300px 0px;}
	.odyssey {background-position:-375px 0px;}
	.pilot {background-position:-452px 0px;}

	
.details {display:block; font-size:12px;}
.custompage p {color: #000; padding: 10px 0;} 

/*  Styles for the Express Service Page  */
#exp-service {
	min-height: 650px;
}
div#exp-service-header {
	width: 930px;
	margin: 50px auto;
}
div#exp-service-right {
	float: right;
	margin: 20px;
}
div#exp-service-content {
	margin: 35px;
	padding: 5px;
	width: 600px;
}
div#exp-service-schedule {
	width: 700px;
	margin: auto;
}
div#exp-service-content p {
	font-size: 14px;
}


.menu  { 
	background:none repeat scroll 0 0 #a20004 !important;
	height:34px;
	margin:10px auto 0;
	width:988px;
}

.mediaViewer .menu { background:none repeat scroll 0 0 transparent !important; height:auto; width:auto; margin:0;}

	ul.pNav { font-size:80%; position:relative; z-index:1000; height:auto !important; margin-left:6px !important; }
		ul.pNav li { padding:0 !important; width:auto;}
			ul.pNav li a { 
				display:block;
				font-size:14px !important;
				line-height:12px;
				padding:11px 23px;
				text-shadow:0 2px 4px #000000;
				text-transform:uppercase;
			}
				.menu .pNav li a span.indicator { display:none !important;}
				ul.pNav li.dealerinformation a { background:none;} 
			
			.menu .pNav li ul.vertical { background:none repeat scroll 0 0 #333 !important; margin-left:6px !important; width:170px;}
			
			.menu .pNav li ul.vertical li a { color:#FFFFFF !important; background:none; font-size:12px !important; padding:6px 12px; text-transform:capitalize;}
			
			.menu .pNav li ul.vertical li {
				border-color:#999;
				border-style:solid;
				border-width:0 1px 1px !important;
			}
			
			.menu .pNav li ul.vertical li:hover { background-color:#666;}
			
			
.advancedsearch .advancedsearchinner .searchLeft { padding-top:15px;}

.innerLeftCol { width:695px;}

.innerRightColHeader { 
	background-color:#333333;
	background-image:none;
	border:1px solid #000000;
	font-size:14px;
	padding:12px 3px 0;
	width:213px;
}

div#tertiaryScroller { 
	background: transparent url(../Images/tertiaryScroller-bg.jpg) repeat-x scroll 0 0;
	margin:0 auto;
	padding:0 15px;
}
li.carfax {display:none;}

.innerRightCol { width:220px;}

div#MFS input { background-color:#FFF; border-color:#000; }
div#MFS input[type="image"] {border:0 none;}


/* ASK A TECH FORM STYLES */

.form div{ clear: both; overflow:hidden !important; width:350px !important; }
div.AskATech { overflow: hidden; width:990px !important;}
div.AskATech div.commitment {
	width:595px !important;
	float: right !important;
}
div.AskATech div.image{
	display: none;
}
div.AskATech input {
	background:#fff !important;
	border:1px solid #ccc !important;
	float: right !important;
	font-size:12px !important;
	height:22px !important;
	margin:0 0 3px 0;
	padding-left:10px !important;
	padding-right:14px !important;
	width:209px !important;
}
div.AskATech textarea {
	background:none repeat scroll 0 0 #FFFFFF !important;
	border:1px solid #CCCCCC !important;
	float:right !important;
	height:94px !important;
	width:233px !important;
}
div.AskATech label, div.AskATech div.comments span {
	float: left !important;
}
div.AskATech input[type="submit"] {
	background:url("../Images/submit.png") no-repeat scroll 0 0 transparent !important;
	border:medium none !important;
	display:block;
	float:left !important;
	height:32px !important;
	margin:0 0 0 113px;
	width:92px !important;
}
div.AskATech div.callus {
	float: left !important;
	padding: 0 !important;
	width: 50% !important;
}
.headTitle,.form{
	padding: 10px 0 0 20px;

}
.form {	float: left;}


input.submitBtn, div.AskATech input[type="submit"] {
	background-image: url(../Images/submit-btn.jpg) !important;
	font-size:0;
	line-height:0;
	background-position: 0 0  !important;
	background-repeat: no-repeat;
	height: 27px !important;
	width: 113px !important;
	text-indent: -9999px;
}
	.submitBtn:hover, div.AskATech input[type="submit"]:hover {background-position: 0 -27px !important;}


/* SERVICE PORTAL PAGE STYLES */
div#servicePageContent2 div#servicePageContent {
	width:1050px;
	margin:auto;
	height:770px;
}

div#servicePageContent2 div#servicesContainer {
}
div#servicePageContent2 div#serviceLeftCol, 
div#servicePageContent2 div#serviceRightCol { 
	background:url(../Images/service-col-bg.png) no-repeat; height:489px;
	padding:4px;
	width:258px;
}

div#servicePageContent2 div.servicectarow {
	width:970px;
	height:210px;
}

div#servicePageContent2 div.servicepagemaincontainer { width:970px; overflow:hidden;}

div#servicePageContent2 div.servicectarow a {
	background:url(../Images/service-cta-sprite.png) no-repeat;
	float:left;
	width:238px;
	height:191px;
	text-indent:-9999px;
	margin-right:4px;}
	
div#servicePageContent2 div.servicectarow a.servicecta1 { background-position:0 0;}
div#servicePageContent2 div.servicectarow a.servicecta1:hover { background-position:0 -191px;}
div#servicePageContent2 div.servicectarow a.servicecta2 { background-position:-245px 0;}
div#servicePageContent2 div.servicectarow a.servicecta2:hover { background-position:-245px -191px;}
div#servicePageContent2 div.servicectarow a.servicecta3 { background-position:-490px 0;}
div#servicePageContent2 div.servicectarow a.servicecta3:hover { background-position:-490px -191px;}
div#servicePageContent2 div.servicectarow a.servicecta4 { background-position:-733px 0;}
div#servicePageContent2 div.servicectarow a.servicecta4:hover { background-position: -733px -191px;}

div#servicePageContent2 div#servicesContainer div.servicepagemaincontainer h1.servicelistheader {
	background:url("../Images/service-list-header.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
	display:block;
	font-family:Verdana,Geneva,sans-serif;
	font-size:16px;
	height:38px;
	padding:14px 0 0 23px;
	text-transform:uppercase;
	width:225px;
	}

div#servicePageContent2 div#serviceLeftCol {
	margin-left:-2px;
	margin-right:8px;
	width:250px;
	}
div#servicePageContent2 div.leftColNav { float:left;}

div#servicePageContent2 div.leftColNav ul li a, 
div#servicePageContent2 div#serviceRightCol ul li a {
	background:url("../Images/service-page-list-bg.png") no-repeat scroll 0 0 transparent;
	height:26px;
	padding:6px;
	width:236px;
	color:#333;
}
div#servicePageContent2 div.leftColNav ul li a:hover, 
div#servicePageContent2 div#serviceRightCol ul li a:hover { color:#000; text-decoration:underline;}
div.servicemiddleColinfo { 	height:275px; padding-left:25px; padding-top:10px;}
div#servicePageContent2 div.servicemiddleColinfo div.hoursbox { margin-top:15px; padding-left:0; margin-left:0;}	
	
div#servicePageContent2 div#serviceRightCol ul li a {
	float:left;
	font-size:12px;
	font-weight:bold;
	line-height:31px;
	position:relative;
	text-indent:35px;
	width:236px;
	margin-top:6px;
}

div#servicePageContent2 div#servicemiddleCol {
	width:436px;
	height:500px;
	background:url("../Images/service-image-large.png") no-repeat scroll 0 1px transparent;
	float:left;
	margin-right:3px;
}

div#servicePageContent2 div#serviceRightCol p { margin-left:30px;}
/* END SERVICE PORTAL PAGE STYLES */

/*2011 INVENTORY FIXES*/
div.CustomcallToAction { width:200px; float:left; padding:2px;}
.searchresultrow .callToAction div.CustomcallToAction a {
	padding-left:0px;
	width:150px;
	}
 div.callToAction ul { float:left; width:520px;}
 
 div.expander input {
   background: #fff;
   border:1px solid #999;
}

div.contactInfo {

    width: 653px !important;
}

div.inventoryDetails .content .bottom .left {
 
    width: 68% !important;
}

div.inventoryDetails h3.equipment{background:none;}

div.inventoryDetails .content .top h2, div.inventoryDetails h4.similar{background-color: #027fc6 !important;}
.vehicleinformation{width:275px !important;}
