@import url('navigation.css');
@import url('pfrotator.css');

body {
background: #ffffff url("../Images/background-body.jpg") no-repeat scroll center top;
}

/* Sprite for buttons */
.sprite_buttons, .sprite_ctaBtns, .sprite_cta_buttons {background-image: url(../Images/sprite_buttons.png);}

/* Sprite for large callout arrow images */
.sprite_promos {background-image: url(../Images/sprite_promos.png);}
div#primaryCallouts ul li a.firstCallout { margin:0 15px;}

/* Sprite for extras */
.extras_sprite {background-image: url(../Images/extras_sprite.png);}

h1, h2, h3, h4, h5, h6 {color:#052AE5;font-family: Arial, Verdana, sans-serif; }


/*	outerWrapper styles	*/
div#outerWrapper {
	background: url("../images/body-background.png") repeat-y scroll 0 0 transparent;
	margin:auto;
	overflow: hidden;
	width:1000px !important;
	padding: 0 25px;
}
	.innerLeftCol {margin-bottom: 35px; padding-bottom: 45px;}
	div#mastheadWrapper {
		 background:url("../images/bg-header.png") no-repeat scroll 0 0 transparent;
		height:233px;
		width:1000px;
		margin:auto;
	}
		div#headerContent {height: 162px; padding-top:10px; }
		ul.header {
			margin:0 auto;
		}
		ul.utility {float: left; z-index: 10;}
			.logoBlock {
				background:url("../images/logo.png") no-repeat scroll 0 0 transparent;
				display:block;
				height:133px;
				margin-top: 10px;
				float:left;
				text-indent:-9999px;
				width:575px;
			}
			.headerphone {
				background:url("../images/phone.png") no-repeat scroll 0 0 transparent;
				display:block;
				height:60px;
				margin: 2px 19px;
				float:left;
				text-indent:-9999px;
				width:375px;
			}
			
			.bbblogo {
				background-image:url(../Images/bbblogo.png);
				background-repeat:no-repeat;
				display:block;
				width:75px;
				height:88px;
				float:right;}
	
			div#utilityWrapper {
				display:none;
				height:38px;
				left:10px;
				position:relative;
				width:975px;
			}
				ul.header li.contact {
					border-right: 0 none;
					font-size: 14px;
					width: 140px;
				}
				
				.flagPole {
					/*background: url(../Images/Spurgeon-flagpole.png) no-repeat scroll 0 0;*/
					height: 115px;
					position: absolute;
					right: -40px;
					top: 14px;
					width: 510px;
				}
	
	/* Primary Navigation Wrapper Styles */
	div#primaryNavWrapper {
		background-color: #f6f6f6;
		height: 37px;
		margin: 0;
		overflow: visible;
		padding: 0;
		width: auto !important;
	}
	
	/* 	Research Bar Styles (Red Bar) */
	div#researchBar {
		background: url(../Images/research_bar.gif) no-repeat scroll 0 0; 
		height: 30px;
		margin: 42px 0 0 0;
		overflow: visible;
		padding: 0;
		width: auto !important;
	}
		div#researchBarContent {
			background: transparent url(../Images/research_bar.gif) no-repeat scroll 71% 0;
			position: relative;
			width: 990px;
		}
			span.researchTitle {
				color: #ffffff;
				display: block;
				font: bold 16px Georgia, Times New Roman, serif;
				left: 110px;
				position: absolute;
				text-shadow: 0.1em 0.1em 0.1em #000000;
				top: 5px;
			}
			ul.socialIcons li a { height:24px; width:26px; margin:0 0.05em; }
				ul.socialIcons {
					float:right; 
					margin-right:26px;
					margin-top:9px;
					width:auto;
				}
				.sprite_social { background-image:url("../Images/sprite_social_icons.png");}
				
					ul.socialIcons .myspace { background-position:0 0;}
					ul.socialIcons .youtube { background-position:-26px 0;}
					ul.socialIcons .rssFeed { background-position:-52px 0;}
					ul.socialIcons .digg { background-position:-77px 0;}
					ul.socialIcons .twitter { background-position:-102px 0;}
					ul.socialIcons .facebook { background-position:-128px 0;}
					
						ul.socialIcons .myspace:hover { background-position:0 100%;}
						ul.socialIcons .youtube:hover { background-position:-26px 100%;}
						ul.socialIcons .rssFeed:hover { background-position:-52px 100%;}
						ul.socialIcons .digg:hover { background-position:-77px 100%;}
						ul.socialIcons .twitter:hover { background-position:-102px 100%;}
						ul.socialIcons .facebook:hover { background-position:-128px 100%;}
		
	/* Shadow Overlay Image Block */
	.contentShadowOverlay {
		background: none; 
		top: 200px;
		z-index: 21;
		width:auto;
	}
	
	/* Live Chat Block */
	.sprite_livechat {background-image: url(../Images/sprite_livechat.png);}
		a.liveChatBlock {
			background-position: 0px 0px;
			cursor: pointer;
			display: block;
			height: 39px;
			position: absolute;
			right: -2px;
			top: -15px;
			width: 171px;
			z-index: 21;
		}	
			div#liveChatBlock a:hover {background-position: 0px -44px;}

	/*	Main Content Wrapper Styles */
	div#mainContentWrapper {
		background:none;
		height:360px;
		overflow:visible;
		z-index:20;
	}
		div#mainContentInner {
			height: 429px;
			margin: 0 auto;
			position: relative;
			width: 990px;
		}
		
		/* 	Primary Callouts - Large Arrows */
		div#primaryCallouts {
			margin-top: -50px; width:1000px; padding:0 100px;
		}
		
	/* 	Secondary Wrapper Content & Styles */
	div#secondaryContentWrapper {background:none;}
	div#leftCol, div#middleCol, div#rightCol {color:#000000; padding:35px 25px;}
	div#leftCol ul.buyersLinks a { color:#000000;}
		div#middleCol {background: none;}
			div#leftCol ul.buyersLinks a:hover {color: #777777;}
			div#secondaryContentInner h3 {color: #052AE5; font:22px  Arial, Helvetica, sans-serif;}
			
					div#rightCol ul.quoteForm select,
					div#rightCol ul.quoteForm input.quoteField {
						background-color: #000000;
						border: 1px solid #999999;
						color: #555555;
						margin-bottom:10px;
					}
					
					/* Styles for Circle bar */
					div#circleBarWrapper {
						/*background: url(../Images/circle_bar.gif) repeat-x scroll 0 0;
						height: 20px;
						margin: 0;
						overflow: visible;
						padding: 0;
						width: auto !important;*/
						display:none;
					}
					
					/* Styles for circle with line sections */
					span.circleBlock {
						background: url(../Images/circle_block.png) no-repeat left top;
						display: block;
						height: 26px;
						left: 0;
						position: absolute;
						display:none;
					}
						div#leftCol h3 span.circleBlock {width: 136px;}
						div#middleCol h3 span.circleBlock {left: 25px; width: 483px;}
						div#rightCol h3 span.circleBlock {width: 196px;}
						
						
			
	/* 	Footer Wrapper Content & Styles 	*/
	/*div#footerWrapper,
	div#leftFooterWrapper, 
	div#rightFooterWrapper,
	div#leftFooterContent { height:auto !important;}*/
	
	/*div#footerWrapper {background-color: #000000; background-image: none;}
		div#leftFooterWrapper { background:none repeat scroll 0 0 transparent; width:55%;}
		div#rightFooterWrapper {background: none repeat scroll 0 0 transparent; width:45%;}
		*/
			/* Edit Camaro at bottom of page */
			.camaroFooter {
				left:18px;
				position:relative;
				top:-15px;
				z-index:500;
			}
				.camaroFooter {
					background:url("../Images/footer-logo.png") no-repeat scroll 0 0 transparent;
					float: left;
					height:57px;					
					margin-top:-76px;
					text-indent:-9999px;
					width:238px;
				}
				
		div#rightFooterContent {position: absolute; right: 0;}
			
			/* Footer Navigation */
			ul.footerNav li {border: 0 none; margin: 9px 10px 0 10px;}
				ul.footerNav li a {border-right: 1px solid #ffffff; height: 12px;}
				ul.footerNav li.lastLinkFooter a { border-right:0 none;}
						
	/*	Search Results Page Content & Styles */
	.inventoryDetails .topMenu {background-image: url(../Images/bar.png);}
	.advancedsearchcontrol2 {background: #fff;}
	.vehicleinformation a { color:#052AE5;}
	.vehicleinformation a:hover { color:#052AE5;}
		.even, .odd {
			background-color:#f2f2f2; 
			border-top:1px solid #e7e7e7;
			color: #000;
		}
			.even a:hover, 
			.odd a:hover {color: #052AE5; text-decoration: underline;}
		.searchheader .vehiclelinks a {color: #125195;}
			.searchheader .vehiclelinks a:hover {color: #333; text-decoration: underline;}
		.searchcriteria {color:#222222;}
		.sortpager {color:#222222;}
		.searchresultrow .pricing li.final {width: 300px;}
			.searchresultrow .pricing li.final span, 
			.searchresultrow .pricing li.final label {font-weight: bold; font-size: 16px;}
		
	/* Detail Page Content & Styles */
	.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 {background:url(../Images/bottombuttons.png) 664px 0px; border: 1px solid;}
		.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 {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 a {background:url(../Images/bottombuttons.png) 70px 26px maroon;}
			.inventoryDetails div.bottomnav .buttonbar .close a:hover {background:url(../Images/bottombuttons.png) 70px 26px;}
	
	.inventoryDetails .bNavPhone {color: #125195;}
	.inventoryDetails div.bottomnav .forms .buttons button {background-color: #125195;}
	.inventoryDetails div.bottomnav {border-color: #125195;}
	div .bottomnav .socialnetworking div.social .links {margin-top: -158px; width: 195px;}
	
	/* Used on Service Portal page */
	.leftColNav ul li a {color: #333;}
		.leftColNav ul li a:hover {color: #1e9de2;}

		/* Services Sprite Icons */
		.service_sprite {background-image: url(../Images/services_sprite.png);}
							
	/* Used on Service Form page */
	div#serviceFormContainer {background-color:#fff;}
	
	/* Used on Similar Vehicles Page */
	.advancedsearchcontrol2, .SimilarVehicles_Wrapper {
		background-color:#fff;
		/*border-top:10px solid #000000;*/
		margin:0;
		overflow:visible;
		padding:0 0 100px;
		position:relative;
		width:auto !important;
	}
		.SimilarVehicles .CurrentVehicle, 
		.SimilarVehicles .FilterOptions, 
		.SimilarVehicles .FilterOptions h4, 
		.SimilarVehicles .CurrentVehicle h3 {color:#333;}
		
	/* Secondary Content Page Styles */
	.innerLeftCol {color:#333;}
	
	.innerRightCol {
		background-color:#FFFFFF;
		border:1px solid #125195;
		margin:10px 10px 0 20px;
		-moz-border-radius-bottomleft:10px;
		-moz-border-radius-bottomright:10px;
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
	}

.searchheader a:hover {color:#24a5ef; text-decoration:underline;}
	.searchheader a {color: #1E9DE2;}
	
	
/* ----------------------------------- */
/* Style used to hide Similar Vehicles on Honda sites */
.similarvehicles {display: none;}

/* style to give proper margin to custom content page titles */
h1#ctl00_ContentSection__PageTitle{margin:10px 35px;
text-transform:uppercase;}

/*fix detail page image jitter */
div#dealerPhotoArea.photos div#dealerPicsimage.image{min-height:360px;}


/* Form styles changes that are different from Forms.css*/
.serviceForm, .contactUsForm, .tradeInForm, .quickQuoteForm {min-height: 600px;}
	div#secondaryPageContent {min-height: 715px;}
	
	/* Quick Quote form styles */
	table#ctl00_ctl00_ContentSection_ContentSection_QuickQuote1__VehicleType tr td {float: left; text-align: left;}
	
.serviceForm .header,
.contactUsForm .header,
.tradeInForm .header,
.quickQuoteForm .header,
.scheduleTestDriveForm .header {border-bottom: 1px solid #333; color:#333;}

	.serviceForm ul li input, 
	.serviceForm ul li textarea, 
	.contactUsForm ul li input, 
	.contactUsForm ul li textarea, 
	.tradeInForm ul li input, 
	.tradeInForm ul li textarea, 
	.quickQuoteForm ul li input, 
	.quickQuoteForm ul li textarea, 
	.scheduleTestDriveForm ul li input, 
	.scheduleTestDriveForm ul li input, 
	html body .RadInput_Default .riTextBox, 
	html body .RadInputMgr_Default {height: 19px;}

/* Homepage Get Quote Form */
.getquote select,
.getquote input {background-color: #FFF; color: #000;}
	.getquote input {
		border: 1px solid #999; 
		padding: 2px 2px 2px 3px;
		width: 148px;
	}
		.getquote input.submitBtn {background-color: transparent; border: 0 none; width:110px; }
	
/* Search Button */
input#searchButtonNewSearch {margin-top: 2px;}
/* Secondary Features - CTAs */
		div#secondaryFeatures {
			background: url(../Images/secondary_features_bg.jpg) repeat-x scroll 0 0;
			height: 65px;
			padding: 10px 0 0 10px;
			margin: auto;
			width: 990px;
			
		}
		div#secondaryFeatures ul {
			float: left;
			height: 103px;
			position: relative;
			width: 989px;
		}
			.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, .blackBookCTA, .serviceCTA {
					cursor:pointer;
					display:block;
					float:left;
					height:50px;
					margin:auto 27px;
					text-decoration:none;
					width:189px;
					
				}
					div#secondaryFeatures ul li{
						display: inline;
						height: 50px;
					}
												
					div#secondaryFeatures ul li a:hover {text-decoration: none;}
					
					.specialsCTA {background-position: 0 0;}
						.specialsCTA:hover {background-position: 0 -50px;}
					.newcarsCTA {background-position: -189px 0px;}
						.newcarsCTA:hover {background-position: -189px -50px;}
					.usedcarsCTA {background-position: -378px 0px;}
						.usedcarsCTA:hover {background-position: -378px -50px;}
					.blackBookCTA {background-position: -567px 0px;}
						.blackBookCTA:hover {background-position: -567px -50px;}
					.serviceCTA {background-position: -756px 0px;}
						.serviceCTA:hover {background-position: -756px -50px;}
			.secondaryDivider {
				background: url(../Images/secondary_features_divider.png) no-repeat scroll 0 0;
				display: block;
				float: left;
				height: 103px;
			}
		

/* Tertiary Scroller & Pentanary Rotator Styles */
div#pentanaryRotator { 
	
	text-align:center;
}
div#pentanaryRotator .newSpecials {
	margin: 0 auto;
	position: relative;
	width: 960px;
}
div#pentanaryRotator .newSpecials h3.rotatorheader { font-size:30px; margin:10px auto;}
.rotatorheader {
	background-image:url(../Images/millerspecials.png);
	text-indent:-9999px;
	height:35px;
	margin:auto;
	width:500px;
	background-repeat:no-repeat;
	}
/* Tertiary Callouts & Content */
	.tertiaryCallouts {
		background-color: #fff;
		float: left;
		height: 208px;
		margin-left:23px;
		position: relative;
		width: 219px;
		}
	
			.baseBlock {
				background-color: #e1e1e1;
				border-top: 1px solid #999;
				color: #1369b7;
				height: 33px;
				*height: 35px;
				padding: 10px 10px 0 10px;
				width: 199px;
				}
				.baseBlock a {
					color: #1369b7;
					font-size: 12px;
					font-weight: bold;
					text-align: left;
					}
					.headerBar .smallBarLink:hover,
					.baseBlock a:hover {color: #222; text-decoration: underline;}
	
div#tertiaryFeatures {
		height:250px;
		padding-top:35px;
		width:990px;
		margin:auto;
		}
			
			
/* 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: 152px !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/sprite_new_used_specials.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#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: 155px !important;
			position: absolute;
			top: 0 !important;
			width: 36px !important;
		}
			.RadRotator_Default .rrButton.rrButtonRight {
				background-position: 0px -306px !important;
				margin-top: -2px !important;
				right: -36px !important;
			}
				.RadRotator_Default .rrButtonRight:hover {background-position: 0px -306px !important;}
			.RadRotator_Default .rrButton.rrButtonLeft {
				background-position: 0px 0px !important;
				left: -36px !important;
				margin-top: 1px !important;
			}
				.RadRotator_Default .rrButtonLeft:hover {background-position: 0px 0px !important;}
				.RadRotator_Default .rrButtonUp,
				.RadRotator_Default .rrButtonDown {display: none;}
				
	
		
		/* ------------------------------------------- */
		/* Promotional Boxes Styles */
		div#promotionalBanners{ 
			clear:both; 
			margin:20px auto 10px; 
			overflow: hidden;
			width: 1000px; 
		}
			.promo{background:#000; float: left; height: 170px; margin: 0 14px 0 0; width: 230px;}
				.promo.first{ margin-left: 21px; }
		/* Used Specials Rotator & New Specials Rotator Styles */
		div#tertiaryScroller .internetspecials .vehiclephoto, 
		div#pentanaryRotator .internetspecials .vehiclephoto {width: 90px;}
		
			div#tertiaryScroller .internetspecials .vehiclephoto img,
			div#pentanaryRotator .internetspecials .vehiclephoto img {height:67px; width:95px !important;}
			.internetspecial .description {
				width: 90px;
			}
			.internetspecials .description h3 {
				color: #174d85;
				font: 9px Arial, sans-serif;
				height:auto;
				line-height:11px;
				margin-bottom:2px;
				text-align: left;
				width:90px;
			}
			.internetspecials .price {
				font: bold 10px Verdana, sans-serif;
				color:#052AE5;
				line-height:10px;
				text-align: left;
			}
				
/* LIVE CHAT */
div#liveChatBlock {
	height:37px;
	position:absolute;
	text-indent:-9999px;
	width:166px;
	z-index:500;
	right:40px;
}

/* PART FORM*/
.partsbody, .servicebody, .aboutusbody, .locationbody {
	clear:both;
	font-family:Arial;
	margin-left:0;
	width:600px;
}
.hoursbox { margin-left:0;}

/* Better Business Logo */


	
	.searchHeader {
padding-top:15px; }

.even, .odd {
width:auto;}

.InventoryLinks {
display: none;}

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

.advancedsearch {
background-color:#FFFFFF;
margin:auto;
min-height:700px;
padding:10px;
width:972px;
}
	
	.pagetitle, .dealerinfoname {
		font-size:18px;
		text-transform:uppercase;
		font-weight:bold;}
.custompage {
	margin:auto;
	width:905px;
	min-height:600px;
	}
	
	.scheduleappointment  {
	width:650px;
	}
	
	
	div#footerWrapper {
		margin-top:-20px !important;
		position:inherit;
	}
	
	.vehiclepricing {
		display:inline;
		padding:0 0 0 10px;
		width:178px;
		}
		
		.searchresultrow .pricing li.final {
			width:178px;
			}
			
			div.innerLeftCol .custompage {width:auto; margin:15px;}
			
		ul.serviceAd li {margin-right:20px;}
		div#serviceRightCol { width:600px; }
		div#serviceLeftCol { margin-right: 65px; margin-left:25px;}