@import "navigation.css";
@import "pfrotator.css";
body{
	background: #d7e1ec url(../Images/background-sprite.jpg) repeat-x top;
}
a, a:visited{
	color:black;}
	/* 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 ---------------------------------- */
	div#masthead {
			background: url(../Images/header-bg.png) repeat-x;
			margin: 0 auto;
			width: 990px;
			height: auto;
			position: relative;
			z-index: 1000;
	}
		div#masthead div.leftCol a, div#masthead div.middleCol a, div#masthead div.rightCol a	{
				display:block;
				cursor:pointer;
				text-decoration:none;
				text-indent:-9999px;
		}
		div#masthead div.leftCol {
			margin-left:30px;
			float:left;
			overflow:auto;
			width:98px;
		}
		div#masthead div.leftCol a.chevylogo {
				background: url(../Images/header-oemlogos-sprite.png) 0px 141px;
				margin-top:18px;
				height:38px;
		}
		div#masthead div.leftCol a.cadillaclogo {
				background: url(../Images/header-oemlogos-sprite.png) 0px -73px;
				margin-top:16px;
				height:68px;
		}
		div#masthead .middleCol {
			width:612px;
			float:left;
		}
			.middleCol .hobbieautocenterlogo {
				background-image: url(../Images/header-logo.png);
				height:160px;
			}
		div#masthead .rightCol {
			float:left;
			width:210px;
			height:160px;
		}
			.blackbookicon, .hobbietoyota-btn {
				display:block;
				width:228px;
			}
			.hobbietoyota-btn {
				background:url(../Images/hobbietoyota-btn.gif) no-repeat;
				height:60px;
				margin-top:24px;
			}
			.blackbookicon {
				background:url(../Images/blackbook.png) no-repeat;
				height:60px;
				margin-top:60px;
			}
/* ---------------------------------------------------- */
/* Section styles ---------------------------------- */

/*	Primary Feature -------------------------- */
	div#headerRotator {
		clear:both;
		height:291px;
	}
	.primaryFeatureBg {
		border: none;
	}
/*	Secondary Features - CTAs -------------------------- */
	div#secondaryFeatures {
		margin: 0 auto 0 auto;
		position: relative;
		width: 990px;
		display:inline;
	}
		div#secondaryFeatures ul {
			background-image: url(../Images/cta-small-bg.png);
			background-repeat:repeat-x;
			width: 990px;
			height: 100px;
			padding-top:6px;
			position: relative;
			overflow:hidden;
		}
			div#secondaryFeatures ul li {
				display:inline;
			}
			div#secondaryFeatures ul li a{
				background: url(../Images/cta-icons-sprite.png) no-repeat;
				display:block;
				float:left;
				width:165px;
				height:94px;
				cursor:pointer;
				text-indent:-9999px;
			}
				div#secondaryFeatures ul li a:hover {
					text-decoration: none;
				}
			div#secondaryFeatures ul li a.veh10kCTA	{ background-position:0px 0px; }
				div#secondaryFeatures ul li a.veh10kCTA:hover { background-position:0px -94px; }
			div#secondaryFeatures ul li a.preapprovedCTA { background-position:-165px 0px; }
				div#secondaryFeatures ul li a.preapprovedCTA:hover { background-position:-165px -94px; }
			div#secondaryFeatures ul li a.specialsCTA { background-position:-330px 0px; }
				div#secondaryFeatures ul li a.specialsCTA:hover { background-position:-330px -94px; }
			div#secondaryFeatures ul li a.inventoryCTA { background-position:-495px 0px; }
				div#secondaryFeatures ul li a.inventoryCTA:hover { background-position:-495px -94px; }
			div#secondaryFeatures ul li a.usedCTA { background-position:-660px 0px; }
				div#secondaryFeatures ul li a.usedCTA:hover { background-position:-660px -94px; }
			div#secondaryFeatures ul li a.partsserviceCTA { background-position:-825px 0px; }
				div#secondaryFeatures ul li a.partsserviceCTA:hover { background-position:-825px -94px; }

/*	Secondary Features - Testimonials -------------------------- */
	div.testimonials {
		height:180px;
	}
	div.testimonialsHeading h3 {
		border-bottom: 4px double #000;
		color:#000;
	}
	div.testimonialsContent, div.testimonialStatic {
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	div.testimonialcontainer {
		font-size:12px;
		line-height:14px;
		font-style:italic;
	}
		div.testimonialPane>br {
			display:none;
		}
		.testimonialtext {
			margin:5px 0;
		}
		div.testimonialcontainer span.customername {
			margin-top:3px;
		}
		div.testimonialcontainer span.customername,
		div.testimonialcontainer span.testimonialmakemodelyear {
			font-weight:bold;
			font-style:normal;
			font-size:10px;
			padding:0;
			display:block;
		}
	div.testimonials a.readMoreBtn {
		text-indent:-9999px;
		bottom:0px;
	}


/*	Quarternary Flipper -------------------------- */
	div#quarternaryFlipper {
		height:auto;
		margin: 0 auto 0 auto;
		padding: 20px 15px 20px 15px;
		width: 960px;
	}
		.mail_icon {
			background-image:url(../Images/mail_icon.png);
			width:290px;
			height:63px;
			margin-left:11px;
			margin-top:12px;d
			text-indent:-99999px;
			}
			.promo {
				display: block;
				height: 173px;
				position: relative;
				width: 315px;
			}
			.promo1 {
				background: url(../Images/promo-1-sprite.png) no-repeat;
				text-indent: -9999px;
				background-position:0px 0px;
				margin-left:-4px;}
			.promo1:hover {
				background-position:0px -173px;
				}
			

			.promo2 {
				margin:0 10px 10px;
				padding:0 4px;
				width:306px;
				background:transparent url(../Images/promo-hobbiesites-bkg.png) no-repeat 0 0;
				}
				.hobbiesites-btn {
					display:block;
					width:102px;
					height:126px;
					border:0 none;
					outline:0 none;
					background:transparent url(../Images/promo-hobbiesites-sprite.png) no-repeat 0 0;
					float:left;
					margin:41px 0 0 0;
					padding:0;
					text-indent:-9999px;
				}
				.chevy-btn {
					background-position:0 0;
				}
					.chevy-btn:hover {
						background-position:0 -126px;
					}
				.paradise-btn {
					background-position:-102px 0;
				}
					.paradise-btn:hover {
						background-position:-102px -126px;
					}
				.toyota-btn {
					background-position:-204px 0;
				}
					.toyota-btn:hover {
						background-position:-204px -126px;
					}
				
				
					
			.clickHereBtn2 {background-position:0 -133px; }			
			.clickHereBtn2:hover { background-position:0 -165px;}

			.promo3 {
				background: url(../Images/promo-newsletterbg.png) no-repeat scroll 0 0;
				background-position:0px 0px;
				margin-right:-10px;
			}
				.promo3 p {
					border-bottom: 1px dotted #000000;
					margin: 10px 20px 0 20px;
					padding-bottom: 10px;
					width: 275px;
					color:#fff;
					text-shadow:1px 1px 1px #000;
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				}
				.promo3 label {
					margin: 10px 0 0 20px;
					text-align:left;
					color:white;
				}
				.promo3 .extras_sprite {background-image:url(../Images/extras_sprite.png);
					width: 121px;
					height: 32px;
					float:right;
					border:none;
					margin-right:-101px;
					margin-top:9px;
				}
			.promoHeader {
				color: #ffffff;
				display: block;
				float: left;
				font: bold 18px Arial, Helvetica, sans-serif;
				width: 295px;
				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;
				}
			.QuickContactEmailField {
				float: left;
				margin-left:15px;
				height:20px;
				width:285px !important;
				background-color:#ffffff;
			}	
				

			/* 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 ------------------------- */
		div#doormat {
			margin:0 auto;padding: 20px 0 0 0;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			line-height:22px;
			color:#666666;
		}
			div#doormat ul.column {
				padding-left: 24px;
				width:140px;
			}
			div#doormat ul.first {
				width:100px;
				padding-left:0px;
			}
			div#doormat li.headline {
				font-size:13px;
			}
			div#doormat ul.column a {
				color:#666666;
			}
				div#doormat ul.column a:hover {
					text-decoration:none;
					cursor:pointer;
				}
		
		/* Footer */
		div#footer{
			font-family:Arial, Helvetica, sans-serif;
			height:100%;
			padding: 0;
			overflow:hidden;}
		div#footer p {
			float:left;
		}
		#footer .viewmap_btn {
			background-image:url(../Images/extras_sprite.png);
			width: 121px;
			height: 32px;
			float:left;
			margin-left:20px;
			text-indent:-9999px;
			}
			.view_map {
				background-position:-123px -57px
			}			
			.view_map:hover {
				background-position:-123px -25px;
			}
	
/* 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;
}

/*Secondary 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.gif);}


/* Styles to integrate arrow buttons on Internet Specials Rotators to work */
.RadRotator_Default .rrClipRegion {border: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 -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 -306px !important;
				margin-top: 0 !important;
				right: -36px !important;
			}
				.RadRotator_Default .rrButtonRight:hover {background-position: 0px -765px !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 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;
						}
				.hoursboxes {display:none}
				.innerLeftCol {
							border-bottom: 1px inset;
							padding-bottom:20px;
						}



/* 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;
}

.extras_sprite {
	background-image: url(../Images/extras_sprite.png);}

span.requiredfield {
	color:#F00;
}
.serviceForm ul li span.requiredfield, .contactUsForm ul li span.requiredfield, .tradeInForm ul li span.requiredfield, .quickQuoteForm ul li span.requiredfield, .scheduleTestDriveForm ul li span.requiredfield {
	width:auto;
	padding:0;
	margin:0;
}

ul.column li a, ul.column li a:visited {
	color:black;}
	
	.innerRightColHeader {
		border:none;
		width:280px;}
		
		div.custompage p {
		padding-bottom:10px;
		padding-top:10px;
		text-align:justify;} 

.ComboBoxDropDown_Default {
	max-height:350px;
	overflow:auto;
}

/*NEW INVENTORY SEARCH FEATURE*/

.inventoryDetails {
	padding: 0px 25px;
}
.searchHeader {
	padding-top:15px;
}
.even, .odd {
	width:auto;
}
.InventoryLinks {
display: none;
}
/* #ctl00_ContentSection_inv_vi_liValueTrade{display:none;} */

.initial label
{
	font-size:13px;
}
.initial span
{
	font-size:14px;
}
.rebate label
{
	font-size:13px;
}
.rebate span
{
	font-size:14px;
}
.final label
{
	font-size:13px;
}
.final span
{
	font-size:14px;
}

.single label
{
	font-size:13px;
}