@import "navigation.css";
@import "pfrotator.css";

body{
	background: #b7b8b9 url(../Images/body_bg.gif) repeat-x top center;
}
	div#outerWrapper {
		background: transparent url(../Images/outer_wrapper_bg.png) repeat-y center;
		margin: 0 auto;
		width: 990px;
	}
		div#innerWrapper {
			margin: 0 auto;
			width: 1000px;
		}
			/* masthead styles */
			div#masthead {
				background: url(../Images/header_bg.gif) repeat-x scroll 0 0;
				height: 168px;
				width: 990px;
				margin: -19px 0 0 0px;
				z-index: 6;
			}
				.logoBlock {
					cursor: pointer;
					display: block;
					float: left;
					height: 160px;
					margin: 0 38px 0 38px;
					text-decoration: none;
					text-indent: -9999px;
					width: 175px;
				}
					.logoBlock:Hover {text-decoration: none;}
					.leftLogoBlock {background: url(../Images/Helena-Honda-logo.png) no-repeat scroll 0 0;}
						
				.middleContactBlock {
					background: url(../Images/Helena-auto-contact.png) no-repeat scroll 0 0;
					display: block;
					float: left;
					height: 100px;
					margin: 40px 50px 0 50px;
					width: 253px;
				}	
				.smallLogoBlock {
					cursor: pointer;
					display: block;
					float: left;
					height: 66px;
					margin: 55px 0 0 25px;
					text-decoration: none;
					text-indent: -9999px;
					width: 66px;
				}		
				
				
				.GetPreQualified
				{
					background: url(../Images/getprequalified.png) no-repeat;
					float:left;
					height: 123PX;
					width:284px;
					margin: 30px 0 0;
					text-indent:-90000px
					}
				
				
				.hondaLogoBlock {background: url(../Images/Helena-Honda-small-logo.gif) no-repeat scroll 0 0;}
				
				/*
				.manufacture_logos{
					width:66px;
					height:66px;
				}
				.smallLogoBlock {
					background: url(../Images/Helena-Buick-GMC-small-logo.gif) no-repeat scroll 0 0;
					}
					
					
					.Buick_Logo {
						background-position: 0px 0px;
						height:42px;
						display:block;
						width:66px;}
									
					.GMC_Logo {
						background-position: 0px -42px;
						display:block;
						height:24px;
						width:66px;}
				*/
				
				/* Primary Feature Rotator styles are in pfrotator.css */

/* Secondary Features - CTAs */
div#secondaryFeatures {
	background: url(../Images/secondary_features_bg.gif) repeat-x scroll 0 0;
	height: 103px;
	width: 990px;
}
div#secondaryFeatures ul {
	float: left;
	height: 103px;
	position: relative;
	width: 990px;
}
	.icons_sprite {
		background-image: url(../Images/cta_icons_sprite.png);
		background-repeat: no-repeat;
	}
		div#searchFeature {margin-right: 10px;}
		.searchBtn {
			background-position: 0 -3px;
			margin: 0 0 0 85px;
			width: 83px;
		}
			.searchBtn:hover {background-position: 0 -31px;}
		.specialsCTA, .newcarsCTA, .usedcarsCTA, .financingCTA, .serviceCTA ,.fwdSpecialsCTA {
			cursor: pointer;
			display: block;
			float: left;
			height: 32px;
			margin-top: 29px;
			text-decoration: none;
			text-indent: -9999px;
			width: 160px;
			
		}
			div#secondaryFeatures ul li a:hover {text-decoration: none;}
			
			.specialsCTA {background-position: 0px 0px;}
				.specialsCTA:hover {background-position: 0px -32px;}
			.newcarsCTA {background-position: -165px 0px;}
				.newcarsCTA:hover {background-position: -165px -32px;}
			.usedcarsCTA {background-position: -330px 0px;}
				.usedcarsCTA:hover {background-position: -330px -32px;}
			.financingCTA {background-position: -495px 0px;}
				.financingCTA:hover {background-position: -495px -32px;}
			.serviceCTA {background-position: -660px 0px;}
				.serviceCTA:hover {background-position: -660px -32px;}
			.fwdSpecialsCTA {background-position: -825px 0px;}
				.fwdSpecialsCTA:hover {background-position: -825px -32px;}
				.fwdSpecialsCTA {padding-left:0px}
	.secondaryDivider {
		background: url(../Images/secondary_features_divider.png) no-repeat scroll 0 0;
		display: block;
		float: left;
		height: 103px;
	}

/* Extras Sprite */
.extras_sprite {background-image: url(../Images/extras_sprite.png);}
	
/* Tertiary Features - CTAs */	
.promo{
	border: 1px solid #f4f6f6;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	min-height: 175px;
	min-width: 315px;
}
	.promo4,
	.promo2,
	.promo3 {
		display: block;
		height: 173px;
		position: relative;
		width: 315px;
	}
	.promo4{
		cursor: pointer;
		background: url(../Images/promo_sprite_left.png) no-repeat scroll 0 top;
		text-indent: -9999px;
		padding-right:2px;
		
	}
		.promo4:hover{background-position: 0 -176px;}
		.promo2 {background: url(../Images/promo_middle.png) no-repeat scroll 0 0;margin: 0 4px 0 4px;}
				.promoHeader {
					color: #174d85;
					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 20px;
					position: relative;
					width: auto;
				}
				
				.promo1 {
background:url("../Images/promo_left.png") no-repeat scroll 0 2px transparent;
text-indent:-9999px;
padding-right:2px;
}


					.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: #174d85;
						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: #ff0000;
					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{
					clear:both;
					float:right;
					margin:0 10px 0 0;
					text-decoration: none;
				}
					.findOutBtn {background-position: -518px -2px;}
						.findOutBtn:hover {background-position: -518px -34px;}
					.clickHereBtn {
						background-position: -632px -2px;
						float: right !important;
						margin: 10px 15px 0 0;
						text-decoration: none;
					}
						.clickHereBtn:hover {background-position: -632px -34px; text-decoration: none;}
		/* Doormat Margin */
		#doormat{ margin:0 auto;padding: 20px 0 0 0; }
		
/* secondaryPageContent will be on all inner pages for structure */
	div#secondaryPageContent {
		min-height: 500px;
		position: relative;
		width: 992px;
	}
		div#secondaryPageContent h1 {margin-bottom: 10px;}
		.innerLeftCol, .innerRightCol {
			float: left;
			margin-top: 10px;
		}
			.innerLeftCol {
				color: #333333;
				min-height: 250px;
				padding: 0 20px 0 20px;
				width: 615px;
			}
			.innerRightCol {
				background-color: rgba(255,255,255,.3);
				border: 1px solid #174d85;
				min-height: 460px;
				-moz-border-radius: 10px;
				margin: 10px 10px 0 20px;
				padding-bottom: 10px;
				position: relative;
				width: 300px;
			}
		
		/* 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;
					}
						.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;
						}
				
				/* Banner Ad for Service Portal page */
				div#serviceBottom {
					float: left;
					margin: 20px 0 0 3px;
					position: relative;
					width: 942px;
				}
					a.serviceBannerAd {
						background-image: url(../Images/banner_ad_942x79.jpg);
						background-repeat: no-repeat;
						background-position: 0px 0px;
						display: block;
						height: 79px;
						width: 942px;
					}
						.serviceBannerAd:hover {background-position: 0px -79px;}
						
				/* Used for callout section on right side */
				.innerRightColHeader {
					background-position: 0px -90px;
					border: 1px solid #999999;
					color: #ffffff;
					font-size: 16px;
					font-weight: bold;
					height: 30px;
					letter-spacing: .1em;
					-moz-border-radius-topleft: 10px;
					-moz-border-radius-topright: 10px;
					padding: 9px 10px 0 10px;
					text-align: center;
					text-transform: uppercase;
					width: 279px;
				}
				.innerRightColBody {
					color: #000000;
					padding: 20px 20px 20px 20px;
				}
					span.primaryText {
						font-size: 14px;
						font-weight: bold;
					}
						.larger {
							font-size: 16px !important;
						}
					.hoursLeft, .hoursRight {
						float: left;
						margin-bottom: 20px;
						width: 119px;
					}
					
					
					
					
					/*Hours Location Fix*/
					.hoursbox
					{display:none;}
					.scheduleappointment_sectiontitle
					{display:none;}
					#ctl00_ctl00_ContentSection_ContentSection_LocationHours1__DealerHoursPanel
					{display:none;}
					#ctl00_ctl00_ContentSection_ContentSection_LocationHours1__ServiceHoursPanel
					{display:none;}
					#ctl00_ctl00_ContentSection_ContentSection_LocationHours1__PartsHoursPanel
					{display:none;}
					#ctl00_ctl00_ContentSection_ContentSection_LocationHours1__DealerInfo
					{display:none;}
					
					
					
					
					
					
					.hoursbox .scheduleappointment_sectiontitle{
							font-weight:bold;
						}
					ul.innerRightColCTA {
						margin-bottom: 20px;
					}
						.sprite_CTA_rightCol {
							background-image: url(..//Images/inner_buttons_sprite.png);
							background-repeat: no-repeat;
						}
							.contactService, .specials, .contactSales {
								cursor: pointer;
								display: block;
								float: left;
								height: 32px;
								margin: 0 0 10px 20px;
								width: 173px;
							}
								.contactService { background-position: 0px 0px; }
									.contactService:hover { background-position: 0px -32px; }
								.specials { background-position: -172px 0px; }
									.specials:hover { background-position: -172px -32px; }
								.contactSales { background-position: -344px 0px;}
									.contactSales:hover { background-position: -344px -32px; }		



/* Inventory Details */				
.advancedsearchcontrol2 {width: 990px;}
	.searchheader, .searchcriteria, .sortpager {margin: 0 auto;}
		.sortpager .searchbuttons input.searchbutton, 
		.sortpager .searchbuttons input.resetbutton {background-color:none; border: 0 none; cursor: pointer;}
	.searchresultsdiv {width: 990px;}
		.even, .odd {width: 703px;}
			.vehiclepricing .prices li.price {color: #444444; font-size: 14px;}
	.pagerbottom, .disclaimer {width: 960px; margin: 10px auto;}
	.InventoryLinks {display: block; margin: 10px 0 0 15px;}


/* Details Page */
.inventoryDetails .topMenu {
	background:url(../Images/bar.png) top left no-repeat;
	color:#fff;
	height:50px;
	width:990px;
}
	.inventoryDetails .topMenu .middleArea {
		padding: 15px 15px 0 15px;
		width:960px;
	}
		.inventoryDetails .topMenu .share a span, .inventoryDetails .topMenu .share a, .inventoryDetails .topMenu .back a {
			font-weight:bold;
		}
.inventoryDetails .content {
	margin: 0 auto;
	width: 960px;
}
	.inventoryDetails .content .top .right .vehicleinfobox .vehicleinfo .pricing li {color: #555555;}
		.inventoryDetails h3.contactInformation .phonenumber{margin-left:10px;}
		.inventoryDetails h3.equipment, 
		.inventoryDetails h3.warranties, 
		.inventoryDetails h3.financing, 
		.inventoryDetails h3.contactInformation, 
		.inventoryDetails h3.reviews, 
		.inventoryDetails h3.CarfaxHighlights, 
		.inventoryDetails h3.CertifiedInfo{
			background: url(../Images/bar.png) no-repeat top center;
		}
			.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 {
				font-size:18px;
				text-transform:uppercase;
				float:left;
				color:#ffffff;
			}
				.inventoryDetails .expander .open{
				    background:url(../Images/plus_minus.png) 0% 0%;    
				}
				.inventoryDetails .expander .close{
				    background:url(../Images/plus_minus.png) 0% 100%;    
				}
				.inventoryDetails h4.similar {background: url(../Images/bar.png) no-repeat top center;}
	.inventoryDetails .bottomdisclaimer {
		margin: 0 auto;
		width: 960px;
	}

/*Bottom Buttons & Forms */
.inventoryDetails div.bottomnav {
	background-color:#e7e7e7;
	border: 2px solid #666666 #666666 none;
}
	.inventoryDetails div.bottomnav .forms {
	    background-color:#ffffff;
		border:1px solid #999999;
	}
	.inventoryDetails div.bottomnav .forms h4{
	    color:#333333;
	}
		.inventoryDetails div.bottomnav .forms li * {color: #333333;}
		.inventoryDetails div.bottomnav .forms input {border: 1px solid #999999;}
			.inventoryDetails div.bottomnav .forms .buttons button{
				background-color:#0193cf; 
				color: #ffffff; 
				cursor: pointer;
			}
			
	.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;}
	
	div .bottomnav .socialnetworking div.social .links {
		margin-top: -143px;
		width: 150px;
	}
	.inventoryDetails .bottomnav .box .socialnetworking div.social .links .link img {margin: 0 5px;}

	.interiorcontentarea .scheduleappointment {min-height: 600px; position: relative; width: 990px;}
	
/* 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;}
	
	
	
	/* 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 {display:block; font-size:12px;}
.custompage p {color: #000; padding: 10px 0;}