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

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

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

h1, h2, h3, h4, h5, h6 {color:#125195}

a {
color:#175D98;
}

span.primaryText {
color:#175D98;
}


.sprite_CTA_rightCol  {
background-image:url("../Images/inner_buttons_sprite.png");
}

/*	outerWrapper styles	*/
div#outerWrapper {
	background: #fff url(../Images/bg_masthead.gif) repeat-x scroll 0 0;
	margin: 0 0 -17px 0;
	overflow: hidden;
}
	.innerLeftCol {margin-bottom: 35px; padding-bottom: 45px;}
	div#mastheadWrapper {height: 128px;}
		div#headerContent {height: 90px;}
		ul.utility {float: left; z-index: 10;}
			ul.header .logoBlock {
				background:url("../Images/logo.png") no-repeat scroll 25px 5px transparent;
				display:block;
				height:85px;
				margin:39px 0 0;
				text-indent:-9999px;
				width:640px;
				}
				ul.header li.contact {
					border-right: 0 none;
					font-size: 28px;
					margin: 74px 15px 0 5px;
					width: 258px;
				}
				
				.flagPole {
					background:url("../Images/info.png") no-repeat scroll 0 0 transparent;
					height:70px;
					position:absolute;
					right:25px;
					top:52px;
					width:166px;
					}
	
	/* 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: none; 
		height: 30px;
		margin: 42px 0 0 0;
		overflow: visible;
		padding: 0;
		width: auto !important;
		display:none;
	}
		div#researchBarContent {
			background: none;
			position: relative;
			width: 990px;
			display:none;
		}
			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 {float: right;}
		
	/* Shadow Overlay Image Block */
	.contentShadowOverlay {
		background: transparent url(../Images/research_bar_shadow.png) repeat-x scroll 0 0; 
		top: 200px;
		z-index: 21;
		display:none;
	}
	
	/* 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;
		}	
			.liveChatBlock:hover {background-position: 0px -39px;}

	/*	Main Content Wrapper Styles */
	div#mainContentWrapper  {
		background:url("../Images/background1.jpg") no-repeat scroll 0 39px transparent;
		height:363px;
		overflow:visible;
		padding:0;
		z-index:10;
		}
		div#mainContentInner {
			height: 429px;
			margin: 0 auto;
			position: relative;
			width: 990px;
		}
		
		/* 	Primary Callouts - Large Arrows */
		div#mainContentWrapper div#primaryCallouts {position:relative;margin-top:-23px;bottom:auto;}
	/* 	Secondary Wrapper Content & Styles */
	div#secondaryContentWrapper {background: none;}
	
	div#leftCol, div#middleCol, div#rightCol {padding: 50px 25px 10px 25px;}
		div#middleCol {
			background:url("../Images/background3.jpg") no-repeat scroll 0 -18px transparent;
			height:290px;
			width:721px;
			display:block;
			float:left;
			margin-top: -30px;
			}
			
			div#leftColContent{padding-left: 22px;}
			
			div#rightCol{display:block; float: left; width: 150px; margin: -50px 0 0 28px;}
			
			
		div#leftCol {
			background:url("../Images/background2.jpg") no-repeat scroll 0 -18px transparent;
			display:block;
			float:left;
			height:290px;
			width:166px;
			margin-top: -30px;
			}
			
			.middleColContent {
				display:block;
				float:left;
				font-family:Helvetica;
				font-size:11px;
				padding:0 0 0 12px;
				width:447px;
				line-height:16px;
				}
			
			
			div#leftCol ul.buyersLinks a:hover {color: #777777;}
			div#secondaryContentInner h3 {
					color:#FFFFFF;
					font:16px Trebuchet MS;
					width:300px;
					}
			
			
					div#rightCol ul.quoteForm select,
					div#rightCol ul.quoteForm input.quoteField {
						background-color: #ffffff;
						border: 1px solid #999999;
						color: #555555;
					}
					
					/* 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;
					}
					
					/* 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;
					}
						div#leftCol h3 span.circleBlock {
						margin:5px 0 0 25px;
						width:146px;
						}
						div#middleCol h3 span.circleBlock {left: 25px; width: 462px; margin:5px 0 0 -10px;}
						div#rightCol h3 span.circleBlock {
							margin:5px 0 0 -21px;
							width:212px;
							}
							
							.advancedsearchinner{margin-top:48px;}
			
	/* 	Footer Wrapper Content & Styles 	*/
	div#footerWrapper {background-color: #000000; background-image: none;}
		div#rightFooterWrapper {background: transparent url(../Images/bg_footer_right.gif) repeat-x scroll 0 0;}
		
			/* Edit Camaro at bottom of page */
			span.camaroFooter {
				background:transparent url(../Images/Camaro-footer.png) no-repeat scroll 0 0;
				display:block;
				height:85px;
				left:72px;
				position:absolute;
				text-indent: -9999px;
				top:-75px;
				width:216px;
				z-index:5;
			}
			
			.serviceForm ul li, .contactUsForm ul li, .tradeInForm ul li, .quickQuoteForm ul li, .scheduleTestDriveForm ul li {width:188px;}
				
		div#rightFooterContent {position: absolute; right: 0; left: 15px;}
			
			/* Footer Navigation */
			ul.footerNav li {border: 0 none; margin: 9px 4px 0 -4px;}
				ul.footerNav li a {border-right: 1px solid #ffffff; height: 12px;}
					
						.inventoryDetails .topMenu .middleArea {
						width:918px;
						}


	/*	Search Results Page Content & Styles */
	.inventoryDetails .topMenu {
		background-image:url("../Images/bar.png");
		margin-top:40px;
		margin-left: 19px;
		}
	.advancedsearchcontrol2 {background: #fff;}
		.even, .odd {
			background-color:#DBDBDB; 
			border-top:1px solid #e7e7e7;
			color: #000000;
		}
		
		.bottomdisclaimer {
			display:block;
			font-size:10px;
			line-height:13px;
			margin-bottom:40px;
			margin-left:183px;
			width:900px;
			}
		
		.vehicletitle a {
        font-family:verdana;
        font-size:15px;}
		
		.searchresultrow {
          font-size:12px;
          }
		  
		  .advancedsearchcontrol2inner a {
          color:#000000;
           }
		
			.even a:hover, 
			.odd a:hover {color: #777777; 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: 14px;}
		
	/* 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: #125195;}

		/* 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;
		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 10px 15px 140px;}

/*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: #000; color: #fff;}
	.getquote input {
		border: 1px solid #999; 
		padding: 2px 2px 2px 3px;
		width: 148px;
	}
		.getquote input.submitBtn {background-color: transparent; border: 0 none;}
	
/* Search Button */
input#searchButtonNewSearch {margin-top: 2px;}


/* Styles for OLD Search Results */
div#outerWrapper table { }
.advancedsearchcontrol {margin-left: 30px;}
div#outerWrapper table .custompagecontent { }
	.advancedsearchcontrolinner table { }
	.ido, .ide {text-align: left; vertical-align: top;}
div#outerWrapper table .vimage {max-width: 120px;}
div#outerWrapper table .hoursbox {margin: 0 auto; width: 210px;}

.heading{display:none;}

.locationhours{display:none;}

.pagetitle{font-size: 20px;}