@import "navigation.css";
@import "pfrotator.css";
body{
	background:#0267a0 url(../Images/background-gradient.png) repeat-x ;
}
	/* 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.png) no-repeat;
			margin: 0 auto;
			width: 990px;
			position: relative;
			z-index: 1000;
			
		}
			div#masthead .middleCol h3{
				color: #555;
			}
			div#masthead .middleCol {
				margin:0 90px;}
			div#masthead .middleCol p span{
				color: #cc191e;
				font-weight: bold;
				}
			div#logoBlock {
				background:url("../Images/logo.png") no-repeat scroll 0 0 transparent;
				display:block;
				float:left;
				height:135px;
				margin:25px 37px 12px 49px;
				padding:0;
				width:303px;
				text-indent:-99999px;
				}
			
			
			div#masthead .address{
				background: url(../Images/new-address.png) no-repeat;
				position:absolute;
				top:90px;
				right:-18px;
				display: block;
				height: 87px;
				text-indent: -9999px;
				width:307px;
				margin: 15px auto;
			}
			
			.blog{
					background: url(../Images/blog.png) no-repeat;
					display: block;
					float: left;
					margin: 7px 0 0 2px;
					height:60px;
					text-indent: -9999px;
					width:268px;
				}
				
	div#headerRotator {height:266px;}
	
	.facebookIcon { background-position: 0 -49px;}
	.facebookIcon:hover { background-position: 0 -49px;}
	.twitterIcon { background-position:-102px -49px;}
	.twitterIcon { background-position:-102px -49px;}
	.youTubeIcon { background-position: -204px -49px;}
	.youTubeIcon:hover { background-position: -204px -49px;}
	
	.facebookIcon, .youTubeIcon, .twitterIcon {
		display:block;
		height:51px;
		text-indent:-9999px;
		width:102px;
		}
		.socialIcons { margin:30px 0 0 10px;}
	
	/* Primary Feature */
	.primaryFeatureBg {
		border: none;
	}
	
	/* Quarternary Flipper */
	div#quarternaryFlipper {
		height:275px;
		margin: 0 auto 0 auto;
		padding: 20px 15px 20px 15px;
		width: 960px;
	}
	/* 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 li a {display:inline;}
			div#secondaryFeatures ul li {display:inline;}
				
				div#secondaryFeatures ul {
					background-image:url(../Images/CTA-bg.jpg);
					background-repeat:repeat-x;
					border-top:2px solid white;
					float: left;
					height: 100px;
					position: relative;
					width: 990px;
					margin:auto;
					display:inline;
				}
				div#secondaryFeatures ul#search {
					width:auto;
				}
					.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 */	
		.promo{
			border: 1px solid #f4f6f6;
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
			min-height: 175px;
			min-width: 315px;
		}
			.promo1,
			.promo2,
			.promo3 {
				display: block;
				height: 173px;
				position: relative;
				width: 315px;
			}
			.promo1{background: url(../Images/promo_left.png) no-repeat;text-indent: -9999px;}

			.promo2 {background: url(../Images/Certified-honda.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;
					}
					
			.promo3 {background: url(../Images/promo_right.png) no-repeat scroll 0 0;color: #000000;}
				.promo3 .promoHeader {
					color: #ffffff;
					width: 295px;
				}
				.promo3 p,
				.promo3 label,
				.promo3 input {
					float: left;
				}
					.promo3 p {
						border-bottom: 1px dotted #000000;
						margin: 0 20px 0 20px;
						padding-bottom: 15px;
						width: 275px;
					}
					.promo3 label {
						margin: 10px 0 0 20px;
						width: 275px;
					}
					.promo3 input.emailAddress {
						border: 1px solid #999999;
						background-color: #ffffff;
						color: #000000;
						float: left;
						margin: 3px 0 0 20px;
						padding: 3px 3px 3px 3px;
						width: 270px;
					}
			/* 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 */
		#doormat{ margin:0 auto;padding: 20px 0 0 0; }
		
		/* Footer */
		div#footer{height:100%; padding: 0;}
		
/* search results page styles */
.searchHeader {
padding-top:15px; }

.even, .odd {
width:auto;}

.InventoryLinks {
display: none;}

.save input[type=checkbox] {margin:10px auto;}
.save a {background-color:#fff;}

.advancedsearch {
	margin: auto;
	width: 972px;
	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:10px;
}
.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 */
.RadRotator_Default .rrClipRegion {border: 0 none !important;}

	div#tertiaryScroller .RadRotator, 
	div#pentanaryRotator .RadRotator {
		height: 154px !important; 
		overflow: hidden; 
		padding: 0px 36px !important;
		width: 528px !important;
	}
		div#pentanaryRotator .RadRotator {width: 885px !important;}
		
	div#tertiaryScroller .rrRelativeWrapper, 
	div#pentanaryRotator .rrRelativeWrapper {
		background-image: url(../Images/new_used_specials_sprite.gif);
		background-position: 0px -153px;
		background-repeat: repeat-x;
		display: block;
		float: left;
		height: 134px !important;
		padding: 10px 10px 10px 10px; 
		width: 508px !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 .rrItemsList,
			div#pentanaryRotator .rrClipRegion .rrItemsList {
				height: 125px !important; 
				left: 0px !important;
				width: 508px !important;
			}
				div#pentanaryRotator .rrClipRegion .rrItemsList {width: 885px !important;}
				
				div#tertiaryScroller .rrClipRegion .rrItemsList li,
				div#pentanaryRotator .rrClipRegion .rrItemsList li {
					height: 125px !important; 
					margin: 0 6px 0 0; 
					width: 95px;
				}
					div#pentanaryRotator .rrClipRegion .rrItemsList li {margin: 0 8px 0 7px;}
					
		.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 -309px !important;
				margin-top: 0 !important;
				right: -36px !important;
			}
				.RadRotator_Default .rrButtonRight:hover {background-position: 0px -779px !important;}
			.RadRotator_Default .rrButton.rrButtonLeft {
				background-position: 0px 2px !important;
				left: -36px !important;
				margin-top: 0 !important;
			}
				.RadRotator_Default .rrButtonLeft:hover {background-position: 0px -466px !important;}
				.RadRotator_Default .rrButtonUp,
				.RadRotator_Default .rrButtonDown {display: none;}
		
		/* ------------------------------------------- */

/* Used on Service Portal page */
		div#servicesContainer {
			margin: 10px 0 10px 0;
			padding: 0 20px 0 20px;
		}
			div#servicesContainer h1 {
				width: 100%;
			}
				div#serviceLeftCol, div#serviceRightCol {
					padding-top: 20px;
				}
				div#serviceLeftCol {
					float: left;
					margin-right: 25px;
					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;
					}
						
						.express {background-position:0px -677px;}
							.express:hover {background-position: 0px -708px;}
						.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;
						}


/* 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: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;}
.bottom {clear:both; padding-left: 20px; overflow: hidden;}

/* Submit button for forms */
input.submitBtn, div.AskATech input[type="submit"] {
	background-image: url(../Images/sprite_cta_buttons.png) !important;
	background-position: -548px 0px !important;
	background-repeat: no-repeat;
	height: 35px !important;
	width: 106px !important;
}
	.submitBtn:hover, div.AskATech input[type="submit"]:hover {background-position: -548px -38px !important;}


.prices span{
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
}



/* 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;
	width:975px;
	}
	
	.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;}
		
/* 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 {font-size:12px;}
.custompage p {color: #000; padding: 10px 0;} 


/* Ask A Tech form & other form styles */
.AskATech {padding: 20px 0 0 20px;}


div#outerWrapper > h1 {margin: 25px; text-transform:uppercase;}
.dealerinfoname { text-transform:uppercase; font-size:18px;}
.hoursbox { margin:10px 25px;}
.serviceForm ul li select, .contactUsForm ul li select, .tradeInForm ul li select, .quickQuoteForm ul li select  {float:right}
/*  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;}