/*====================

Global Colors:

FK Purple:		#4d306a;
Light Purple:	#e5dcf2;
Medium Gray:	#777777;
Dark Gray:		#555555;

=====================*/

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; vertical-align:baseline;}
:focus {outline:0;}
ol, ul {list-style:none;}
strong {font-weight:bold;}
em {font-style:italic;}
a {text-decoration:none; cursor:pointer;}
input { background: none; border: 1px solid #ffffff; }
input.button { border: 0 none; color: #ffffff; font-weight: bold; font-size: 14px; cursor: pointer; }
input.button:hover { color: #ffffff; }

.clear {clear: both;}
.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
}

body {
	/* background-color: #4d306a; */
	background: #4d306a url(../../Style1/Images/fk_bg.gif) repeat scroll 0 0;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
h1, h2, h3, h4, h5 {color: #ffffff; margin-bottom: 5px;}
h1 {font-size: 24px; line-height: 26px;}
h2 {font-size: 16px;}
h3 {font-size: 14px; font-weight: bold;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
p {margin: 5px 0 5px;}
div.custompage p {margin: 10px 0 10px;}
a, 
a:visited {color: #e7e7e7; text-decoration: none;}
	a:hover {color: #cccccc; text-decoration: underline;}
	a.green {color: #48922d;}
		.green:hover {color: #e3e3e3;text-decoration: underline;}

/* Primary Structure Elements */
div#outerWrapper {
	background: url(../../Style1/Images/main_content_bg.png) repeat-y scroll 0 0;
	margin: 0 auto 0 auto;
	width: 1005px;
}
	/* innerWrapper should be on every page */
	div#innerWrapper {
		margin: 0 auto 0 auto;
		min-height: 768px;
		width: 992px;
	}
	/* secondaryPageContent will be on all inner pages for structure */
	div#secondaryPageContent {position: relative; width: 992px;}
		.innerLeftCol, 
		.innerRightCol {float: left; margin-top: 20px;}
			.innerLeftCol {
				min-height: 250px;
				padding: 0 20px 0 20px;
				width: 627px;
			}
			.innerRightCol {
				background-color: #79589c;
				border: 1px solid #ffffff;
				margin: 10px 10px 0 25px;
				position: relative;
				width: 278px;
			}
			
			/* Styles for Hours container in Secondary Pages */
			.scheduleappointment {margin: 20px auto; width: 610px;}

				.locationhours {float: left; margin: 25px 0 0 0;}
				.scheduleappointment .locationhours {float: left; width: 600px;}
				.scheduleappointment .locationbody {float: left;width: 600px;}
					.hoursboxes {position: relative;}
					.hoursbox .scheduleappointment_sectiontitle {
						color: #ffffff;
						font-size: 14px;
						font-weight: bold;
						margin: 5px 0 5px 0;
					}
						div#ctl00_ContentSection_LocationHours1__DealerHoursPanel,
						div#ctl00_ContentSection_LocationHours1__ServiceHoursPanel, 
						div#ctl00_ContentSection_LocationHours1__BodyShopHoursPanel,
						div#ctl00_ContentSection_LocationHours1__PartsHoursPanel,
						div#ctl00_ctl00_ContentSection_ContentSection_LocationHours1__DealerHoursPanel,
						div#ctl00_ctl00_ContentSection_ContentSection_LocationHours1__ServiceHoursPanel,
						div#ctl00_ctl00_ContentSection_ContentSection_LocationHours1__BodyShopHoursPanel,
						div#ctl00_ctl00_ContentSection_ContentSection_LocationHours1__PartsHoursPanel {
							float: left;
							height: 170px;
							width: 140px;
						}
						.hoursbox {
							float: left;
							margin-bottom: 10px;
							width: 135px;
						}
						.scheduleappointment_sectioncontent iframe {border: 0 none !important;}
							table.hourstable td span {margin-left: 5px;}
		
		/* 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 {
							float: left;
							font-size: 13px;
							font-weight: bold;
							line-height: 31px;
							position: relative;
							text-indent: 35px;
							width: 200px;
						}
							.leftColNav ul li a:hover {color: #999999; text-decoration: none;}

					/* Services Sprite Icons */
					.service_sprite {
						background-image: url(../../Style1/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;
				}
						ul.serviceAd li {
							float: left;
							height: 342px;
							margin-right: 3px;
							width: 178px;
						}
				
				/* Banner Ad for Service Portal page */
				div#serviceBottom {
					float: left;
					margin: 20px 0 0 3px;
					position: relative;
					width: 942px;
				}
					a.serviceBannerAd {
						background-image: url(../../Style1/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;}
				/* Used for callout section on right side */
				.innerRightColHeader {
					background: url(../../Style1/Images/inner_callout_bg.gif) repeat-x;
					border-bottom: 1px solid #ffffff;
					height: 28px;
					color: #ffffff;
					font-size: 16px;
					font-weight: bold;
					letter-spacing: .1em;
					padding: 9px 10px 0 10px;
					text-align: center;
					text-transform: uppercase;
				}
				.innerRightColBody {padding: 20px 20px 20px 20px;}
					span.primaryText {font-size: 14px; font-weight: bold;}
						.larger {font-size: 16px !important;}
						.blogLink a {display:block; margin-left: 128px;}
					.hoursLeft, .hoursRight {
						float: left;
						margin-bottom: 20px;
						width: 119px;
					}
					ul.innerRightColCTA {margin-bottom: 20px;}
						.sprite_CTA_rightCol {background-image: url(../../Style1/Images/inner_buttons_sprite.png); background-repeat: no-repeat;}
							.contactService, .specials, .contactSales, .qQuote {
								cursor: pointer;
								display: block;
								float: left;
								height: 32px;
								margin: 0 0 10px 20px;
								width: 173px;
							}
								.contactService { background-position: 0px 0px; }
									.contactService:hover { background-position: 0px -32px; }
								.specials { background-position: -172px 0px; }
									.specials:hover { background-position: -172px -32px; }
								.contactSales { background-position: -344px 0px;}
									.contactSales:hover { background-position: -344px -32px; }
								.qQuote { background-position: -516px 0px;}
									.qQuote:hover {	background-position: -516px -32px;}
									
	/* Primary Masthead for all pages */
	.headerContent {height: 115px;}
	div#masthead {
		height: 190px;
		margin: 0 auto;
		width: 992px;
		position: relative;
		z-index: 1000;
	}
		div#masthead .leftCol, 
		div#masthead .middleCol, 
		div#masthead .rightCol 
			{float: left;}
		
		div#masthead .leftCol {width: 358px;}
		div#masthead .middleCol {
			padding: 15px 0 0 15px;
			position: relative;
			width: 328px;
		}
			div#masthead .middleCol h2 {font-size: 14px;margin: 0;}
			span.large {
				font-size: 14px;
				font-weight: bold;
				letter-spacing: .05em;
			}
			a.emailStyle {font-size: 12px;font-weight: bold;}
			span.stayinTouch {
				background: transparent url(../../Style1/Images/stayintouch.gif) no-repeat scroll left top;
				display: block;
				height: 116px;
				position: absolute;
				right: 15px;
				top: 15px;
				width: 21px;
			}
			.socialIcons {
				position: absolute;
				right: 40px;
				top: 15px;
				width: 33px;
			}
				.socialIcons ul li {
					float: left;
					margin-right: 3px;
					width: 33px;
				}
					/* Social Icons Sprite */
					.social_sprite {background-image: url(../../Style1/Images/social_icons.png); background-repeat: no-repeat;}
						.facebookIcon, 
						.rssIcon, 
						.twitterIcon 
							{
								display: block;
								height: 40px;
								width: 33px;
							}
							.facebookIcon {background-position: 0px 0px;}
							.rssIcon {background-position: -34px 0px;}
							.twitterIcon {background-position: -68px 0px;}
							
		div#masthead .rightCol {height: 110px; width: 289px;}
			.rightCol .headerAd {
				display: block; 
				height: 66px; 
				margin: 5px 0 5px 0; 
				width: 277px;
			}
				.rightCol .headerAd a img {cursor:pointer; margin-left: 7px;}
				.clickChat {
					background-position: -2px -126px;
					display: block;
					height: 27px;
					margin: 10px auto 0 auto;
					text-indent: -9999px;
					width: 176px;
				}
					.clickChat:hover {background-position: -2px -158px;}
				.clickValue {
					background-position:-182px -126px;
					display: block;
					height: 27px;
					margin: 5px auto 0 auto;
					text-indent: -9999px;
					width: 226px;
				}
					.clickValue:hover {background-position: -182px -158px;}
		span.hDivider {
			background: url(../../Style1/Images/vert_short_divider.gif) no-repeat scroll 0 0;
			display: block;
			float: left;
			height: 112px;
			width: 1px;
		}
			div#headerRotator {
				border: 1px solid #ffffff;
				height: 351px;
				margin: 0 auto 0 auto;
				width: 973px;
			}
	/* Secondary Features */	
	div#secondaryFeatures {
		height: 100px;
		margin: 0 auto 0 auto;
		position: relative;
		width: 975px;
	}
		/* Search Feature Button */
		.buttons_cta_sprite {background-image: url(../../Style1/Images/cta_buttons_sprite.png); background-repeat: no-repeat;}
		
		/* Secondary Features - CTAs */
			.icons_sprite {background-image: url(../../Style1/Images/cta_icons_sprite.png); background-repeat: no-repeat;}
			
				div#secondaryFeatures ul li a {
					cursor: pointer;
					display: block;
					float: left;
					height: 100px;
				}
					div#secondaryFeatures ul li a:hover {text-decoration: none;}
					
					/* Secondary Row of Callouts */
					.under10KCTA {background-position: 0px 0px;width: 164px;}
						.under10KCTA:hover {background-position: 0px -100px;}
					.approvedCTA {background-position: -164px 0px;width: 162px;}
						.approvedCTA:hover {background-position: -164px -100px;}
					.specialsCTA {background-position: -326px 0px;width: 163px;}
						.specialsCTA:hover {background-position: -326px -100px;}
					.fkSpecialsCTA {background-position: -489px 0px;width: 162px;}
						.fkSpecialsCTA:hover {background-position: -489px -100px;}
					.ebayCTA {background-position: -651px 0px;width: 162px;}
						.ebayCTA:hover {background-position: -651px -100px;}
					.serviceCTA {background-position: -813px 0px;width: 162px;}
						.serviceCTA:hover {background-position: -813px -100px;}

	/* Quarternary Internet Specials */
	div#quarternarySpecials {
		height: 194px;
		margin: 20px auto 0 auto;
		width: 975px;
	}
		div#quarternarySpecials h3 {font-size: 16px; text-align: center; }
		.newSpecials,
		.usedSpecials {
			background: url(../../Style1/Images/specials_rotator_bg.gif) repeat-x scroll 0 0;
			border: 1px solid #ffffff;
			float: left;
			height: 172px;
			padding: 10px 10px 10px 15px;
			position: relative;
			width: 456px;
		}
		.usedSpecials {margin-left: 9px;}
			.rrRelativeWrapper {height: 148px !important; width: 405px !important;}
				.internetspecials .rrRelativeWrapper {margin-left: 25px !important;}
			.RadRotator {height: 148px !important;  width: 417px !important;}
				.rrClipRegion {
					border: 0 none !important; 
					height: 148px !important;
					width: 417px !important;
				}
					.rrClipRegion .rrItemsList li {height: 155px;margin: 0 10px 0 0;}
						.vehiclephoto {width: 90px;}
							.vehiclephoto img {width: 90px !important;}
							.internetspecial .description {width: 90px !important;}
								.internetspecial .description h3 {font-size: 12px !important; text-align: left !important;}
								.internetspecial .price {width: 90px;}
								.rrItemsList {left: 0 !important; width: 417px !important;}
								.RadRotator_Default .rrButton {
									background-image: url(../../Style1/Images/arrows.gif) !important;
									background-repeat: no-repeat;
									display: block;
								}
									.rrButtonLeft {left: -25px !important;}
									.rrButtonDown, .rrButtonUp {display: none !important;}
	
	/* Doormat & Footer */
	div#doormat {
		border-top: 1px solid #ffffff;
		margin: 25px auto 0 auto;
		min-height: 120px;
		padding: 0 30px 15px 30px;
		width: 915px;
	}
		.headline {font-weight: bold;}
		ul.column {
			float: left;
			padding: 15px 0 0 35px;
			position: relative;
			width: 148px;
		}
		div#doormat ul.first {padding-left: 0px;}
			ul.column li {float: left; width: 148px;}
				ul.column li a, ul.column li a:visited {line-height: 18px; text-decoration: none;}
					ul.column li a:hover {text-decoration: underline;}
	div#footer {
		height: 100px;
		margin: 0 auto 0 auto;
		padding: 15px 30px 15px 30px;
		width: 928px;
	}

/*-------------------------------------------- */
/* Styles for Locations page */
.locationbody .scheduleappointment_sectiontitle {
	font-size: 24px; 
	line-height: 26px;
	margin-bottom: 10px;
}

/* Styles for Details Pages */
.content {padding: 10px 10px;}
.inventoryDetails .content .top .right .commentArea {background: transparent url(../../Style1/Images/bar.png) no-repeat scroll center top; }
.inventoryDetails .content .top .right .commentArea h4 {color: #ffffff;}

/* Styles for Custom Pages */
.custompage .incentivesDetails {display: none;}