@import "navigation.css";
@import "pfrotator.css";
body {background-color:#dcdee0;}

div#outerWrapper {
	background:transparent url(../Images/DropShadow.png) repeat-y center center;
	margin:0 auto;
	padding-left:25px;
	padding-right:25px;
	width:990px;
}

h1 {font-size:18px; margin:10px 15px;}
	.innerLeftCol h1 {margin: 10px 0;}

	div#outerWrapper:after {
		content: ".";
		visibility: hidden;
		display: block;
		clear: both;
		height: 0;
		font-size: 0;
	}
	
	/* masthead styles */
	div#masthead {
		background: 0 none;
		margin: 0 auto;
		position: relative;
		width: 990px;
		z-index: 1000;
	}
		.headerTop {height: 161px; width: 100%;}
			.jodHondaLogoBlock, .jodLogoBlock, .jodFacebookBlock {
				display: block;
				float: left;
				height: 122px;
				text-indent: -9999px;
			}
			.jodHondaLogoBlock {background: url(../Images/JackODiamonds-Honda-logo.gif) no-repeat scroll 0 0; width: 295px;}
			.jodLogoBlock {background: url(../Images/JackODiamonds-logo.gif) no-repeat scroll 0 0; width: 468px;}
			.jodFacebookBlock {background: url(../Images/JackODiamonds-Facebook.gif) no-repeat scroll 0 0; width: 227px;}
				.headerAddressBar {
					background: url(../Images/header_bottom_bg.gif) repeat-x scroll 0 0;
					color: #466aab;
					float: left;
					font: bold 16px Verdana, Arial, Helvetica, sans-serif;
					height: 33px;
					letter-spacing: 0.03em;
					padding: 6px 0 0 0;
					text-align: center;
					width: 990px;
				}

/* button and customized link styles */
	
.inventoryDetails .content .top .right .vehicleinfobox .vehicleinfo .pricing li {font-size:25px;}
	.internetspecials .price {color: #174D85;}
.prices {font-size:24px;}

.inventoryDetails  {
	background:none repeat scroll 0 0 #FFFFFF;
	color:#000000;
	font-weight:normal;
	padding-left:25px;
}

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 .leftEdge:hover {background-position:0 -34px;}
	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;
	}
		
	/* Secondary Features - CTAs */
	div#secondaryFeatures {
		background: url(../images/secondary_features_bg.gif) repeat-x scroll 0 0;
		height: 127px;
		margin: 0 auto 0 auto;
		position: relative;
		width: 990px;
	}
		div#secondaryFeatures ul {
			float: left;
			height: 100px;
			position: relative;
			width: 990px;
			margin:auto;
			padding-top:17px;
		}
			.icons_sprite {background-image: url(../Images/cta_icons_sprite.png); background-repeat: no-repeat;}
				.icons_sprite:hover {text-decoration: none;}
				
					.specialsCTA, .newcarsCTA, .usedcarsCTA, .financingCTA, .serviceCTA,.fwdspecialsCTA {
						cursor: pointer;
						display: block;
						float: left;
						height: 32px;
						margin-top: 20px;
						text-indent: -9999px;
						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;}
		
	/* Quarternary Flipper - Promo Ad Section */
	.promo {height: 173px; width: 315px;}
	
		.promo1,
		.promo2,
		.promo3 
			{
				display: block;
				position: relative;
				text-indent: -9999px;
			}
		.promo1 {background: url(../Images/promo1.png) no-repeat scroll 0 0;}
			.promo1:hover {background-position: 0 -173px;}
		.promo2 { margin: 0 3px 0 5px; background:url("../Images/promo2.png") no-repeat scroll 0 0 transparent; float:left;}
			.promo2:hover { background-position:100% 100%;}
		.promo3 {background: url(../Images/promo3.png) no-repeat scroll 0 0; margin-right: 7px;}
			.promo3:hover {background-position: 0 -173px;}
					
			/* Extra Sprite */
			.extra_sprite {background-image: url(../Images/inner_buttons_sprite.png); background-repeat: no-repeat;}
				
				.clickHereBtn {
					background-position: -632px -2px;
					border: 0 none;
					bottom: 35px;
					color: transparent;
					cursor: pointer;
					display: block;
					height: 30px;
					left: 98px;
					position: absolute;
					text-decoration: none;
					width: 113px;
				}
					.clickHereBtn:hover {background-position: -632px -34px; text-decoration: none;}
					
/* Doormat */
#doormat {margin:0 auto; padding: 20px 0 0 0;}
ul.column li a, ul.column li a:visited {color: #0066CC;}

/* Footer */
div#footer {height:100%; padding: 0;}
		
/* search results page styles */
.searchheader {font-size: 18px; padding: 10px;}
.sortpager,.searchcriteria {border: 0 none;margin: 0 auto;}
.even, .odd {width:auto;}
.vehiclecount {font-family: Verdana; padding: 10px;}
.disclaimer {padding: 10px;}	
.InventoryLinks {display: none;}
.searchbuttons input {border: 0 none; cursor: pointer;}

/*Secondary Page Styles*/
.hoursLeft, .hoursRight {
	float: left;
	margin-bottom: 20px;
	width: 119px;
}
.hoursbox{padding-left:12px; width:200px;}
.hoursboxes {display:none}

.hourstable td {width:90px;}

/* 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: 153px !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 -155px;
		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 -311px !important;
				margin-top: 0 !important;
				right: -36px !important;
			}
				.RadRotator_Default .rrButtonRight:hover {background-position: 0px -624px !important;}
			.RadRotator_Default .rrButton.rrButtonLeft {
				background-position: 0px 0px !important;
				left: -36px !important;
				margin-top: 0 !important;
			}
				.RadRotator_Default .rrButtonLeft:hover {background-position: 0px -467px !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;
					}
					
				/* 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;}
						
						.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;
				}
					ul.serviceAd li {
						float: left;
						height: 342px;
						margin-right: 3px;
						width: 178px;
					}
				
/* Testimonial Styles for Homepage */
.innerLeftCol .testimonialPane{
	padding: 20px 0 45px 0px;
	border-bottom: 1px inset;
	font-size: 13px;
}
.testimonialPane span.testimonialtext {
	float: left;
	font: 14px Georgia,"Palatino", "Palatino Linotype",Times,"Times New Roman", serif ;
	font-style: italic;
	color: #174d85;
	height: 52px;
	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;}

.serviceForm, 
.contactUsForm, 
.tradeInForm, 
.quickQuoteForm 
	{padding-top:20px; width:610px;}

.testimonialverbage {font-size:15px;}
.heading {display:none;}
.pagetitle {color:#555555; font-size:18px;}

/* Submit button for forms */
input.submitBtn {
	background-image: url(../Images/sprite_cta_buttons.png);
	background-position: -586px 0px;
	background-repeat: no-repeat;
	height: 35px;
}
	.submitBtn:hover {background-position: -586px -38px;}
	
	
/* Styles for Incentives page */

	.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;} 

	

/* START SPECIALS PAGE */

body.internet_specials h1#ctl00_ContentSection__PageTitle { display:none;}

#specials h1,
#specials h2,
#specials h3,
#specials h4,
#specials h5,
#specials h6 { margin:0;}

#specials h2 {
	color:#3366cc;
	font-size:18px;
}

#specials h3 {
	color:#3366cc;
	font-size:36px;
}
#specials p { font-size:14px;}
	#specials p.description {
		color:#3366cc;
		font-weight:bold;
	}
	
	#specials p.details {
		color:#666;
		font-size:12px;
		display:block;
	}

#specials { width:800px; margin:30px auto;}
	
	#service-spcials,
	#tire-spcials { margin:30px 0;}
		#tire-spcials { width:634px;}
	
	#specials h1 { background:transparent url("../Images/specials-header-bg.gif") repeat-x scroll 0 0;
		color:#FFF;
		font-size:24px;
		font-weight:normal;
		margin-bottom:10px;
		padding:4px 14px 6px;
	}
	
	#specials .left { float:left;}
	#specials .right { float:right;}
	#specials .clear,
	#specials .vehicle { clear:both;}
	
	#specials .vehicle { 
		border-bottom:solid 1px #d0daee;
		margin:20px 0 30px;
		overflow:hidden;
		padding-bottom:30px;
	}
		#specials .vehicle .left { width:300px;}
		#specials .vehicle .right { width:462px;}
			#specials .vehicle .right img { border:1px solid #d0daee;}
			
	#specials img.right { padding-left:30px; padding-bottom:20px;}	
	
	#specials .cta { margin:10px 0 0 -8px; overflow:hidden;}
		#specials .cta a.learnmore { 
			background:url("../Images/specials-cta-buttons.png") no-repeat scroll 0 0 transparent;
			display:block;
			height:47px;
			margin:0 2px;
			text-indent:-9999px;
			width:120px;
			float:left;
		}		
			#specials .cta a.learnmore:hover { background-position:0 100%;} 
		#specials .cta a.getfinanced { 
			background:url("../Images/specials-cta-buttons.png") no-repeat scroll 100% 0 transparent;
			display:block;
			height:47px;
			margin:0 2px;
			text-indent:-9999px;
			width:127px;
			float:left;
		}	
			#specials .cta a.getfinanced:hover { background-position:100% 100%;}
	#specials .addthis_button  {
		cursor:pointer;
		float:right;
		margin-top:6px;
	}

		#specials .cta a.coupon { 
			background:url("../images/print-coupon.png") no-repeat scroll 0 0 transparent;
			display:block;
			height:47px;
			margin:0 2px;
			text-indent:-9999px;
			width:129px;
			float:left;
		}	
		
	

/* END SPECIALS PAGE */


div.testimonialPane { position:absolute; top:0; left:14px;}