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

/* ========================
/*	Chandler Chevy colors
/*		Blue: #1b358c
/*		Gold: #bf9048
/* ======================== */

/* SECONDARY PAGE ID IS USED TWICE... THIS CLEARS OUT THE GLOABL STYLE SHEET */
	div#secondaryPageContent { /*margin:0; padding: 0; min-height:inherit; width:auto;*/ padding-top:10px; background-color:#f7f7f7; }
		#secondaryPageContent #secondaryPageContent { margin:0; padding:0; min-height:inherit; width:auto; }

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

.pagetitle {
	color:#125195;
	font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px;
	font-family: Georgia,Times New Roman,serif;
}

body { background:#1b358c url('../images/bg.gif') fixed 0 0; }

/*	outerWrapper styles	*/
div#outerWrapper {
	background:transparent url('../Images/bg-masthead.png') repeat-x scroll 0 0;
	/*margin: 0 0 -17px 0;*/
	margin:0;
	overflow: hidden;
}
	ul.header {margin:0;}
	div#headerContent { height: 130px; }
		ul.utility { float:left; z-index:10; }
		ul.header .logoBlock {
			background: url(../Images/logo.png) no-repeat scroll 0 0;
			display: block;
			width: 350px;
			height: 125px;
			margin: -6px 0 0 0;
			text-indent: -9999px;
		}
			ul.header li.contact {
				border: 0 none;
				font-size: 35px;
				line-height:28px;
				margin: 70px 15px 0 330px;
				width: auto;
			}
	
	/* 	Research Bar Styles (Red Bar) */
	div#researchBar {
		background: url('../Images/researchbar-bg.png') repeat-x 0 0; 
		height: 30px;
		overflow: visible;
	}
		div#researchBarContent {
			background: transparent url('../Images/followus-arrow.png') no-repeat 0 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 {
					float:right;
					width:108px;
					margin:0;
					}
					
					ul.socialIcons li {
						float:left;
						padding-right:2px;
						}	
						
						ul.socialIcons li a {
							cursor:pointer;
							display:block;
							float:left;
							height:19px;
							text-indent:-9999px;
							width:19px;
							margin-top:5px;
						}
							ul.socialIcons li a:hover { margin-top:6px; }
						.sprite_social { background-image:url('../images/social-icons-sprite.png'); }
						ul.socialIcons .twitter { background-position:0 0; }
						ul.socialIcons .rssFeed { background-position:-19px 0; }
						ul.socialIcons .facebook { background-position:-38px 0; }
						ul.socialIcons .youtube { background-position:-57px 0; }
									
	/* Shadow Overlay Image Block */
	.contentShadowOverlay {
		background: transparent url(../Images/research_bar_shadow.png) repeat-x scroll 0 0; 
		top: 200px;
		z-index: 21;
	}
	
	/* 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:#000 url(../Images/bg_maincontent_wrapper.gif) repeat-x scroll 0 bottom;*/
		height: 355px;
		overflow: visible;
		padding: 0;
		z-index: 20;
		width:100%;
	}
		div#mainContentInner {
			height: 429px;
			margin: 0 auto;
			position: relative;
			width: 990px;
		}
		
		/* 	Primary Callouts - Large Arrows */
			div#mainContentWrapper div#primaryCallouts {
				/*position:relative; margin-top:-40px; bottom:auto;*/
				/*position:absolute;
				bottom:0;*/
				margin:0 0 0 50%;
				left:-495px;
				top:325px;
			}
			div#primaryCallouts ul li { float:left; display:inline-block; }
				div#primaryCallouts ul li a { width: 220px; }
				div#primaryCallouts .ourSpecials {}
					div#primaryCallouts .ourSpecials:hover { background-position: 0 -81px; }
				div#primaryCallouts .newVehicles { background-position:-220px 0; }
					div#primaryCallouts .newVehicles:hover { background-position:-220px -81px; }
				div#primaryCallouts .preOwned { background-position:-440px 0; }
					div#primaryCallouts .preOwned:hover { background-position: -440px -81px; }
				div#primaryCallouts .getFinanced { background-position:-660px 0; }
					div#primaryCallouts .getFinanced:hover { background-position: -660px -81px; }
				
			
	/* 	Secondary Wrapper Content & Styles */
	div#secondaryContentWrapper { background:none; min-height:inherit; clear:both; }
	#secondaryContentInner {  overflow:auto; }
	
	div#leftCol, div#middleCol, div#rightCol {padding: 65px 25px 20px 25px; min-height:265px; }
		div#middleCol {
			background:transparent url('../images/bg_middleCol_leftside.png') repeat-y 0 0;
			border-left:solid 1px #495da3;
		}
			div#middleCol p { text-indent:10px; }
			div#leftCol ul.buyersLinks a {  }
			div#leftCol ul.buyersLinks a:hover { color: #bf9048; }
			div#secondaryContentInner h3 { color: #ffffff; font: 21px Georgia, Times New Roman, serif; position:relative; margin-bottom:30px; }
			
			
					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;
						overflow: visible;
						width: 100%;
					}
					
					/* Styles for circle with line sections */
					span.circleBlock {
						background: url(../Images/circle_block.png) no-repeat left top;
						display: block;
						height: 26px;
						left: 0;
						top:25px;
						position: absolute;
					}
						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 { background-color: #000000; background-image: none; }
	div#leftFooterWrapper, div#rightFooterWrapper { height:40px; }
		div#leftFooterWrapper { background:#0f1c4b url('../images/bg-footer-sprite.gif') repeat-x 0 0; }
		div#rightFooterWrapper { background:#bf9048 url('../Images/bg-footer-sprite.gif') repeat-x 0 -40px; }
		
			/* Edit Camaro at bottom of page */
			span.camaroFooter {
				background:transparent url(../Images/Spurgeon-Camaro-footer.png) no-repeat scroll 0 0;
				display:none;
				height:85px;
				left:72px;
				position:absolute;
				text-indent: -9999px;
				top:-75px;
				width:216px;
				z-index:5;
			}
				
		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 a:hover { color:#1b358c; text-decoration:none; }
					
						
	/*	Search Results Page Content & Styles */
	.advancedsearch { background-color:#f7f7f7; }
	.advancedsearch .advancedsearchinner .searchLeft .refine h2 { float:none; }
	.inventoryDetails .topMenu {background-image: url(../Images/bar.png);}
	.advancedsearchcontrol2 {background: #fff;}
		.even, .odd {
			background-color:#DBDBDB; 
			border-top:1px solid #e7e7e7;
			color: #000000;
		}
		
		.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;}
			
	.advancedsearch .advancedsearchinner .searching .searcher .years ul.buttons li a, .advancedsearch .advancedsearchinner .searching .searcher .makes ul.buttons li a, .advancedsearch .advancedsearchinner .searching .searcher .models ul.buttons li a, .advancedsearch .advancedsearchinner .searching .searcher .trim ul.buttons li a, .advancedsearch .advancedsearchinner .searching .searcher .engine ul.buttons li a, .advancedsearch .advancedsearchinner .searching .searcher .drivetrain ul.buttons li a, .advancedsearch .advancedsearchinner .searching .searcher .transmission ul.buttons li a, .advancedsearch .advancedsearchinner .searching .searcher .odometer ul.links li a, .advancedsearch .advancedsearchinner .searching .searcher .bodystyle ul.links li a, .advancedsearch .advancedsearchinner .searching .searcher .cab ul.links li a, .advancedsearch .advancedsearchinner .searching .searcher .valuation ul.links li a, .advancedsearch .advancedsearchinner .searching .searcher .price ul.links li a, .advancedsearch .advancedsearchinner .searching .searcher .certified ul.links li a { color:#1b358c; }
	h2.vehicletitle { margin:0; }
		
	/* 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 */
	div#serviceLeftCol { margin-right:5px;}
	.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 { padding-bottom: 45px; color:#333; }
	
	.innerRightCol {
		background-color:#FFFFFF;
		border:1px solid #125195;
		margin:10px 10px 0 10px;
		-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;}
	
	form[action*=locationhours2] #secondaryPageContent .innerLeftCol .interiorcontentarea .locationhours {display:none;}
	
	
/* ----------------------------------- */
/* 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;}
	form[action*=service_portal] #researchBar+#secondaryPageContent { min-height:inherit; }

/* INNER WRAPPER */
	#innerWrapper { min-height: 715px; padding:0; width:990px; background-color:#f7f7f7; margin:0 auto; overflow-y:auto; overflow-x:hidden; }
	form[action*=default] #innerWrapper, form[action*=Default] #innerWrapper { background:none; min-height:inherit; width:auto; margin:0; overflow:auto; }
/**/
	
	/* Quick Quote form styles */
	table#ctl00_ctl00_ContentSection_ContentSection_QuickQuote1__VehicleType tr td,
	table#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: #999;}
	.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;}

/* secondary page right column */
.innerRightColCTA .contactService, .innerRightColCTA .specials, .innerRightColCTA .contactSales { text-indent:-9999px; }
#outerWrapper>br[class=clear] { line-height:0; font-size:0; }

/* ========== Testimonials Page ============ */
.testimonialpage .testimonialStatic { overflow:auto; clear:both; }
	.testimonialpage .testimonialtext { font:italic 16px/24px Georgia,"Times New Roman",Times,serif; position:relative; color:#1b358c; }
		.testimonialpage .testimonialtext:before, .testimonialpage .testimonialtext:after { display:block; width:20px; height:20px; color:#aaa; font: bold 24px/24px Georgia, "Times New Roman", Times, serif; }
			.testimonialpage .testimonialtext:before { content:open-quote; float:left; }
			.testimonialpage .testimonialtext:after { content:close-quote; float:right; }
	.testimonialpage .testimonialStatic span+br { line-height:0px; }
	.testimonialpage .customername, .testimonialpage .testimonialmakemodelyear { color:#bf9048; }
	.testimonialpage .customername { font-style:normal; font-weight:bold; margin-left:50px; }
		.testimonialpage .customername:before { content:"- "; }
	
/* ========== Parts-Order Page ============ */
form[action*=partsOrder] #secondaryPageContent .innerLeftCol .interiorcontentarea .partshours,
#secondaryPageContent .innerLeftCol .interiorcontentarea .partshours {display:none;}
form[action*=partsOrder] .scheduleappointment_sectioncontent table table tr>td { width:176px; }
form[action*=partsOrder] table table[id*=Transmission] tr>td { width:auto ; }
form[action*=partsOrder] .requiredfield,
.requiredfield{ color:#ff0000; }

/* ========== Vehicle Details Page ============ */
form[action*=vehicledetails] #innerWrapper { padding:20px; }

#secondaryPageContent .interiorcontentarea .locationhours {display:none;}
div.quickQuoteForm .RadComboBox { width:150px !important; }
div.scheduleappointment { width:auto; }

/* REMOVE APPOINTMENT SECTION FROM RECALL AND WARRANTY INFO FORMS (VIA SCHEDULE SERVICE FORM) */
form[action*=Recall] .serviceForm .appointmentDetails,
form[action*=Recalls] .serviceForm .appointmentDetails,
form[action*=Warranty] .serviceForm .appointmentDetails { display:none; }
/* -- */
.recentcustomerspage {width:1000px;margin:auto;}
#recent-customers1 .right h2, #recent-customers1 .right h3, #recent-customers1 .right h4, #recent-customers1 .right h5, #recent-customers1 .right h6, .recentcustomerspage p, .recentcustomerspage h1, .recentcustomerspage .testimonialcontainer{color:#fff;}
.recentcustomerspage .right a{color:#fff;text-decoration:underline;}


.vehicleinformation a {
    color: #125195 !important;
}