/*====================

Global Colors:

Honda Blue:		#0066cc;
Dale Jarrett Blue:	#174d85;
Medium Gray:	#777777;
Dark Gray:		#555555;

=====================*/
/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; vertical-align:baseline;}
:focus {outline:0;}
ol, ul {list-style:none;}
strong {font-weight:bold;}
em {font-style:italic;}
a {text-decoration:none; cursor:pointer;}
.clear {clear: both; }
input { background: none; cursor: pointer; border: 0 none; background: none;}
input.button { border: 0 none; color: #333333; font-weight: bold; font-size: 14px; cursor: pointer; }
input:hover { color: #174d85; }

body {

	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1, h2, h3, h4, h5 {
	color: #174d85;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
h4 {
	font-size: 13px;
	font-weight: bold;
}
h5 {
	font-size: 12px;
}
a, a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #174d85;
	text-decoration: underline;
}

/* Horizontal Divider */
.hDivider {
	background: url(../../Style1/Images/horz_divider.gif) no-repeat scroll 0 0;
	height: 1px;
	margin: 0 auto 0 auto;
	width: 988px;
}

/* Primary Structure Elements */
div#outerWrapper {
	margin: 0 auto 0 auto;
	width: 990px;
}
	div#masthead {
		height:220px;
		margin: 0 auto;
		width: 988px;
		position: relative;
		z-index: 1000;
	}
		div#masthead .leftCol, div#masthead .middleCol, div#masthead .rightCol, div#masthead .farRightCol{
			float: left;
		}
		div#masthead .leftCol {
			width: 306px;
		}
			div#logoBlock {
				background: url(../../Style1/Images/logo.png) no-repeat scroll 0 0;
				display: block;
				float: left;
				height: 172px;
				margin: 0 0 0 15px;
				padding: 0;
				width: 257px;
			}
			
		div#masthead .middleCol {
			padding: 50px 0 0 15px;
			position: relative;
			width: 260px;
		}
		
			.socialIcons {
				height: 69px;
				width: 130px;
			}
				.socialIcons ul li {
					width: 102px;
					margin: 5px 0;
					
				}
					/* Social Icons Sprite */
					.social_sprite {
						background-image:url(../../Style1/Images/social_icons.gif);
						background-repeat: no-repeat;
					}
						.facebookIcon, .youTubeIcon, .twitterIcon {
							height: 40px;
							width: 102px;
							display: block;
						}
							.facebookIcon {
								background-position: 0px 0px;
								height: 21px;
							}
							.twitterIcon {
								background-position:0 -22px;
								height: 23px;
							}
							.youTubeIcon {
								background-position: 0 -45px;
								height: 24px;
							}
							
		div#masthead .rightCol {
			padding: 50px 0 0 15px;
			width: 110px;
		}
		div#masthead .farRightCol {
			padding: 30px 0 0 15px;
			width: 136px;
		}
			.headerAd {
				background: url(../../Style1/Images/child-candle.png) no-repeat;
				display: block;
				height: 134px;
				text-indent: -9999px;
				width:282px;
			}
		span.headerDivider {
			background: url(../../Style1/Images/vert_short_divider.png) no-repeat scroll 0 0;
			display: block;
			float: left;
			height: 128px;
			margin: 30px 0 0 0;
			width: 1px;
			
		}
			div#headerRotator {
				height: 295px;
			}
	
	/* Primary Feature Rotator */
	
	/* ALL PRIMARY FEATURE STYLES ARE IN pfrotator.css */
	
	
	/* Secondary Features */	
	div#secondaryFeatures {
		background: url(../../Style1/Images/secondary_features_bg.gif) repeat-x scroll 0 0;
		height: 100px;
		margin: 0 auto 0 auto;
		position: relative;
		width: 990px;
	}
		div#searchFeature {
			float: left;
			height: 90px;
			padding: 10px 0 0 10px;
			width: 195px;
		}
			div#searchFeature h3 {
				display: block;
				float: left;
				width: 85px;
			}
			div#searchFeature select.modeldropdown,
			div#searchFeature select.pricedropdown {
				float: left;
				margin-bottom: 3px;
				width: 80px;
			}
			.secondaryDivider {
				background: url(../../Style1/Images/secondary_vert_short_divider.png) no-repeat scroll 0 0;
				float: left;
				height: 100px;
				margin: auto 0 auto 0;
				width: 1px;
			}			
			/* Search Feature Button */
			.buttons_cta_sprite {
				background-image: url(../../Style1/Images/cta_buttons_sprite.png);
				background-repeat: no-repeat;
			}
				.searchBtn {
					background-position: 0px 0px;
					display: block;
					height: 19px;
					margin: 0 0 0 85px;
					width: 57px;
				}
					.searchBtn:hover {
						background-position: 0px -19px;
					}
			
			/* Secondary Features - CTAs */
			div#secondaryFeatures ul {
				float: left;
				height: 100px;
				position: relative;
				width: 100%;
			}
				div#secondaryFeatures ul li{
					display: inline;
				}
				div#secondaryFeatures ul li a:hover {text-decoration: none;}
				
				.icons_sprite {background-image: url(../../Style1/Images/cta_icons_sprite.png); background-repeat: no-repeat;}
					.quickCTA, .newcarsCTA, .usedcarsCTA, .financingCTA, .serviceCTA, .xkcarsCTA {
						cursor: pointer;
						display: block;
						float: left;
						height: 32px;
						margin-top: 29px;
					}
						.xkcarsCTA {background-position:-807px 0px; width:157px;}
							.xkcarsCTA:hover {background-position:-807px -32px;}
						.quickCTA {background-position: 0px 0px; width: 165px;}
							.quickCTA:hover {background-position: 0px -32px;}
						.newcarsCTA {background-position: -153px 0px; width: 157px;}
							.newcarsCTA:hover {background-position: -153px -32px;}
						.usedcarsCTA {background-position: -310px 0px; width: 157px;}
							.usedcarsCTA:hover {background-position: -310px -32px;}
						.financingCTA {background-position: -467px 0px; width: 157px;}
							.financingCTA:hover {background-position: -467px -32px;}
						.serviceCTA {background-position: -631px 0px; width: 192px;}
							.serviceCTA:hover {background-position: -631px -32px;}
							
	/* Tertiary Scroller */
	div#tertiaryScroller {
		height: 180px;
		margin: 0 auto 0 auto;
		padding: 0;
		width: 990px;
	}
		.usedSpecials {
			float: left;
			position: relative;
			width: 600px;
		}
		.testimonials {
			float: left;
			margin-left: 55px;
			width: 285px;
		}
			.extras_sprite {background-image: url(../../Style1/Images/extras_sprite.png);}
			.testimonialsHeading {
				height: 39px;
				position: relative;
				width: 285px;
			}
				.testimonialsHeading h3 {
					border-bottom: 4px #174D85 double;
					letter-spacing: .05em;
					margin: 0 0 10px 0;
					padding-bottom: 10px;
					text-align: center;
					text-transform: uppercase;
					width:285px;
				}
				.starLeft,
				.starRight {
					background-position: 0px 1px;
					display: block;
					height: 17px;
					position: absolute;
					top: -4px;
					width: 17px;
				}
					.starLeft {left: 10px;}
					.starRight {right: 10px;}
					
				.testimonialsContent {
					height: 141px;
					position: relative;
				}
					.testimonialPane span.testimonialtext {
						float: left;
						font: 14px Georgia,"Palatino", "Palatino Linotype",Times,"Times New Roman", serif ;
						font-style: italic;
						color: #174d85;
						height: 40px;
						overflow: hidden;
						padding: 0 0 0 10px;
						text-transform: none;
						width: 235px;
					}
						.testimonialPane span.customername,
						.testimonialPane span.testimonialmakemodelyear {
							display: block;
							float: left;
							font: bold 12px Georgia,"Palatino", "Palatino Linotype",Times,"Times New Roman", serif ;
							color: #174d85;
							padding: 0;
							width: 235px;
						}
							.testimonialPane span.customername {margin: 5px 0 0 35px;}
							.testimonialPane span.testimonialmakemodelyear {margin: 0 0 0 32px;}
				
					.firstQuote,
					.secondQuote {
						font: bold 35px Georgia,"Palatino", "Palatino Linotype",Times,"Times New Roman", serif ;
						color: #174d85;
					}
						.firstQuote {
							float: left;
							margin: 0 10px 0 0;
						}
						.secondQuote {
							bottom: 60px;
							margin: 0;
							position: absolute;
							right: 0px;
						}
					.readMoreBtn {
						background-position: 0px -24px;
						bottom: 15px;
						display: block;
						height: 32px;
						position: absolute;
						right: 15px;
						width: 123px;
					}
						.readMoreBtn:hover {background-position: 0px -56px;}
		
		
		/* ------------------------------------------- */
		
			/* Styles to integrate arrow buttons on Internet Specials Rotators to work */
			.RadRotator_Default .rrClipRegion {border: 0 none !important;}
			
				div#tertiaryScroller .RadRotator {
					height: 152px !important; 
					overflow: hidden; 
					padding: 0px 36px !important;
					width: 528px !important;
				}
				div#tertiaryScroller .rrRelativeWrapper {
					background-image: url(../../Style1/Images/new_used_specials_sprite.gif);
					background-position: 0px -153px;
					background-repeat: repeat-x;
					display: block;
					float: left;
					height: 132px !important;
					padding: 10px 10px 10px 10px; 
					width: 508px !important;
				}
					div#tertiaryScroller .rrClipRegion {
						height: 125px !important; 
						padding: 7px 0 0 0; 
						width: 508px !important;
					}
						div#tertiaryScroller .rrClipRegion .rrItemsList {
							height: 125px !important; 
							left: 0px !important;
							width: 508px !important;
						}
							div#tertiaryScroller .rrClipRegion .rrItemsList li {
								height: 125px !important; 
								margin: 0 6px 0 0; 
								width: 95px;
							}
					.RadRotator_Default .rrButton {
						background-image: url(../../Style1/Images/new_used_specials_sprite.gif) !important;
						display: block;
						height: 152px !important;
						position: absolute;
						top: 0 !important;
						width: 36px !important;
					}
						.RadRotator_Default .rrButton.rrButtonRight {
							background-position: 0px -306px !important;
							margin-top: 0 !important;
							right: -36px !important;
						}
							.RadRotator_Default .rrButtonRight:hover {background-position: 0px -764px !important;}
						.RadRotator_Default .rrButton.rrButtonLeft {
							background-position: 0px 0px !important;
							left: -36px !important;
							margin-top: 0 !important;
						}
							.RadRotator_Default .rrButtonLeft:hover {background-position: 0px -459px !important;}
							.RadRotator_Default .rrButtonUp,
							.RadRotator_Default .rrButtonDown {display: none;}
		
		/* ------------------------------------------- */
			
			/* Used Specials Rotator & New Specials Rotator Styles */
			
								div#tertiaryScroller .internetspecials .vehiclephoto {width: 90px;}
									div#tertiaryScroller .internetspecials .vehiclephoto img {height:67px; width:95px !important;}
									.internetspecial .description {
										width: 90px;
									}
									.internetspecials .description h3 {
										color: #174d85;
										font: 10px Verdana, sans-serif;
										height:auto;
										line-height:12px;
										margin-bottom:2px;
										text-align: left;
										width:90px;
									}
									.internetspecials .price {
										font: bold 10px Verdana, sans-serif;
										color:#07810a;
										line-height:10px;
										text-align: left;
									}
					
			/* Left & Right Navigation for New Vehicle Specials Tooltip Rotator */				
			.specials_sprite {background-image: url(../../Style1/Images/new_used_specials_sprite.gif);}
				.specialsLeft,
				.specialsFill,
				.specialsRight {
					display: block;
					float: left;
					height: 152px;
				}
					.specialsLeft,
					.specialsRight {width: 36px;}
						.specialsLeft {background-position: 0px 0px;}
							.specialsLeft:hover {background-position: 0px -459px;}
						.specialsFill {
							background-position: 0px -153px;
							background-repeat: repeat-x;
							height: 132px;
							padding: 10px 10px 10px 10px;
							width: 508px;
						}
						.specialsRight {background-position: 0px -306px;}
							.specialsRight:hover {background-position: 0px -764px;}


	/* Quaternary Flipper */
	div#quaternaryFlipper {
		height: 174px;
		margin: 0 auto 0 auto;
		padding: 20px 0 20px 0;
		width: 990px;
	}
		.flipper {
			float:left;
			height:176px;
			margin:1px;
			width:314px;
		}
			.leftFlipper,
			.middleFlipper {
				margin-right: 22px;
			}
			.flipperTop,
			.flipperBottom {
				border-bottom:1px solid #eeeeee;
				height:88px;
				position:relative;
				width:314px;
			}
				.flipperTop {border-bottom: 1px solid #ffffff;}
				
				.flipper .flipperTop img,
				.flipper .flipperBottom img {
					cursor:pointer;
					height:88px;
					left:0px;
					position:absolute;
					top:0px;
					width:314px;
					z-index:0;
				}
					.flipper img.hidden {display:none;}
			
					

	
	/* Pentanary Specials - New Car Specials */
	div#pentanarySpecials {
		height: 180px;
		margin: 10px auto 10px auto;
		width: 990px;
	}
		div#pentanarySpecials .specialsFill {
			width: 898px;
		}
	
	/* Doormat & Footer */
	div#doormat {
		margin: 0 auto 30px auto;
		padding: 25px 30px 25px 30px;
		width: 928px;
	}
		.vDivider {
			background: url(../../Style1/Images/doormat_vert_short_divider.gif) no-repeat scroll 0 0;
			float: left;
			height: 100px;
			width: 1px;
		}
		.headline {
			font-weight: bold;
		}
		ul.column {
			float: left;
			padding-left: 35px;
			position: relative;
			width: 148px;
		}
		div#doormat ul.first {
			padding-left: 0px;
		}
			ul.column li {
				float: left;
				width: 148px;
			}
				ul.column li a, ul.column li a:visited {
					color: #1d4077;
					line-height: 18px;
					text-decoration: none;
				}
					ul.column li a:hover {
						color: #1d4077;
						text-decoration: underline;
					}
	div#footer {
		height: 100px;
		margin: 0 auto 0 auto;
		padding: 25px 30px 25px 30px;
		width: 928px;
	}


/* 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;
			}
				.innerLeftCol .testimonialPane {	
					border-bottom:1px inset;
					padding:20px 0;
				}
			.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(../../Style1/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(../../Style1/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 #174d85;
					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;
					}
					.hoursbox{
						width:120px;
						display:inline;
						float:left;
						margin-bottom:20px;
						margin-left:10px;
					}
						.hoursbox .scheduleappointment_sectiontitle{
							font-weight:bold;
						}
					ul.innerRightColCTA {
						margin-bottom: 20px;
					}
						.sprite_CTA_rightCol {
							background-image: url(../../Style1/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; }
									
.tooldiv{
	margin:0;
	padding:0;
	float:left;
}

	.slidevehiclepane{
		width:900px;
		height:120px;
		overflow:hidden;
		margin:0px auto;
	}
	.slidevehicle{
		margin-top:5px;
		margin-bottom:5px;
		margin-left:5px;
		margin-right:0;
		width:900px;
	}
	.slidevehicleoverlay{
		position:fixed;
		top:0px;
		left:0px;
		display:none;
		background:#fff;
		border:1px solid #222;
		width:356px;
		height:350px;
		color:#000;
		padding:15px;
		z-index:9000;
	}
		.slidevehicleoverlay h3{
			font-family:arial,verdana,sans;
			margin-bottom:5px;
			font-size:14px;
		}
		.slidevehicleoverlay a{
			color:maroon;
		}
		.slidevehicleoverlay li{
			font-family:arial,verdana,sans;
			font-size:10px;
		}
		.slidevehicleoverlay img{
			height:auto;
			width:313px;
		}
.tabPanel{
	display:none;
}
.getQuoteContainer{
	display:none;
}
/*.flipper{
		margin:2px;
		float:left;
		width:314px;
		height:176px;
}
	.top_container{
		position:relative;
		width:314px;
		height:88px;
		border-bottom:1px solid #eee;
	}
		.flipper .top_container img{
			cursor:pointer;
			width:314px;
			height:88px;
			position:absolute;
			top:0px;
			left:0px;
			z-index:0;
		}
	.bottom_container{
		position:relative;
		width:314px;
		margin-top:0px;
		height:88px;
	}

		.flipper .bottom_container img{
			cursor:pointer;
			width:314px;
			height:88px;
			position:absolute;
			top:0px;
			left:0px;
			z-index:0;
		}
		
.flipper img.hidden{
	display:none;
}

*/