@import "navigation.css";
*{outline:none;}

/* Tabbed Navigation for Primary Feature */

/*
body {
	background-color:#cc3333 !important;
	}
*/
.tabContainer {
	float:left;
	min-height:35px;
	width: 169px;
	z-index:100;
}
	.tabContainer ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
	}
		.tabContainer li {
			border-bottom: 1px solid #d3d3d3;
			position:relative;
			text-align:left;
		}
		.tabContainer li a {
			color:#5b8bb8;
			display:block;
			font-size:11px;
			font-weight:bold;
			line-height: 24px;
			padding: 5px 5px 5px 10px;
			position:relative;
			text-decoration:none;
			text-transform: uppercase;
		}
			.tabContainer li a:hover {color: #f62a2a; text-decoration: underline;}
				.tabContainer li.firstTab a.selected, .tabContainer li a.selected {
					background-color: #356da1;
					color: #ffffff;
					width: auto;
				}

.imagerotator{
	height:246px;
	width:768px;
	position:relative;
	z-index:1;
}
	.imagerotator img{margin:0px; padding:0px;}

/* Tabbed Content for Primary Feature */
.tabContent {
	color: #ffffff;
	float:left;
	position: relative;
	z-index:3;
}
.behindTabs{
	position:absolute;
	left:170px;
	overflow:hidden;
	z-index:6;
}
.tabPanel{
 	background-color: #356da1;
 	min-height: 236px;
 	padding: 5px 10px;
 	width: 500px;
	z-index: 1;
}
	.primaryFeatureInnerBg .tabPanel {min-height: 397px; margin-bottom: 1px;}
	
.wideCol {width: 748px;}

.ExtendedMiddle {min-height: 240px;}
	.tabContent h1 {font-size: 18px; margin: 0 0 10px 0 !important; color:#FFF;}
	.innerTabContent p {padding: 10px 10px 10px 10px;}
	
	.tabContent h3 {
		float: left;
		letter-spacing: -0.025em;
		margin:0;
		padding: 2px 0 0 10px;
		width: 330px;
	}
	.tabContent a {
		color: #ffffff;
		font-size: 10px;
		line-height: 18px;
		text-decoration: underline;
	}
		.tabContent a:hover {color: #aaaaaa;}
	
	.newmakespanel, .usedmakespanel {float: left; position: relative;}
		.newmakespanel {width: 110px;}
		.usedmakespanel {
			min-height: 190px;
			padding: 0;
			width: 390px;
		}
			.usedMakesContainer {
				border-left: 1px solid #bbbbbb;
				overflow: hidden;
				padding-left: 20px;
			}
			.newMakes, .usedMakes {
				float: left;
				font-size: 14px;
				font-weight: bold;
				padding: 0 5px 10px 10px;
			}
				.newMakes {width: 110px;}
				.usedMakes {padding-left: 25px; width: 300px;}
				
			.makesitem {
				display: block;
				float: left;
				padding-left: 15px;
				width: 105px;
			}
	a.closebutton {
		top: 5px;
		color: #cccccc;
		right: 10px;
		position: absolute;
		z-index:99;
		text-decoration: none;
		text-transform: uppercase;
	}
		a.closebutton:hover {color: #aaaaaa; text-decoration: underline;}
		
	.allmakes{margin: 10px 10px 10px 20px; width:480px;}
	.tabContent .vehicletypes {width:500px;}
	.tabContent .vehicletypes .vehiclestylebox {
	    float:left;
	    height:88px;
	    margin: 0 5px 0 5px;
	    text-align:center;
	    width:90px;
	}
	.tabContent .vehicletypes .vehiclestylebox img {margin:5px;}
	.pricesbox {
		float: left;
		padding: 0 0 0 20px;
		width: 160px;
	}
		/* Sprite for Call to Action buttons */
		.sprite_ctaBtns {
			background-image: url(../Images/sprite_cta_buttons2.png);
			background-repeat: no-repeat;
			cursor: pointer;
		}
			.lastChance, .contactUs, .getQuote, .serviceReminder, .financeBtn, .evaluateTrade, .myCarPageBtn {display: block; text-decoration: none !important;}
				.lastChance {
					background-position: -160px 0px;
					float: left;
					height: 27px;
				
					width: 136px;
				}
				.lastChance:hover {background-position: -160px -26px;}
				a.contactUs {
					background-position: 0px 0px;
					float: right;
					height: 31px;
					width: 160px;
				}
				.contactUs:hover {background-position: 0px -31px;}
				a.getQuote {
					background-position: -294px 0px;
					height: 31px;
					width: 160px;
				}
				.getQuote:hover {background-position: -294px -31px;}
				a.serviceReminder {
					background-position: -454px 0px;
					height: 63px;
					width: 219px;
				}
				.serviceReminder:hover {background-position: -454px -61px;}
				.myCarPageBtn {
					background: url(../Images/mcp_logo_small.gif) no-repeat scroll 0 0;
					border: 0 none;
					float: left;
					height: 25px;
					margin: 0 0 0 28px;
					width: 100px;
				}
				.financeBtn {
					background-position: -459px -2px;
					float: left;
					height: 27px;
					margin: 10px 0 0 215px;
					width: 126px;
				}
					.financeBtn:hover {background-position: -459px -35px; text-decoration: none;}
				.evaluateTrade {
					background-position: -249px -63px;
					float: left;
					height: 27px;
					margin: 10px 0 10px 30px;
					width: 166px;
				}
					.evaluateTrade:hover {background-position: -249px -95px;}
					
					
				.scheduleservice {
					display:block;
					text-decoration:none;
					height:32px;
					width:170px;
					background-position:-417px -63px;
					}
					.scheduleservice:hover { background-position:-417px -95px;}
					
/* Schedule Your Service Form & Get a Quote Form */
.getQuoteContainer, .scheduleservicecontainer {
	background-color: #356DA1;
	border-left: 1px solid #ffffff;
	display: block;
	float: right;
	padding: 5px 10px 5px 10px;
	position: relative;
	min-height: 236px;
	width: 227px;
}
.getQuoteContainer{z-index:-1;}
.scheduleservicecontainer {min-height: 397px;}
	.getQuoteContainer h3, .scheduleservicecontainer h3 {
		color: #ffffff;
		letter-spacing: .02em;
		margin-left: 0;
		margin-right: 0;
	}
		.getQuoteContainer table td, .scheduleservicecontainer table td {height: 25px;}
		.getQuoteContainer input, .scheduleservicecontainer input {
			border: 1px solid #777777;
			color: #333333;
			padding: 2px 5px;
			width:180px !important;
		}
		.getQuoteContainer select, .scheduleservicecontainer select{width:192px/* !important*/;}
		
		.getQuoteContainer input.submitBtn, .scheduleservicecontainer input.submitBtn {
			background-color: transparent;
			border: 0 none;
			display: block;
			height: 32px;
			margin-top: 5px;
			width: 160px !important;
		}
		.getQuoteContainer input.submitBtn {background-position: -294px 0px;}
			.getQuoteContainer input.submitBtn:hover {background-position: -294px -31px;}
		.scheduleservicecontainer input.submitBtn {background-position: 0px -62px;}
			.scheduleservicecontainer input.submitBtn:hover {background-position: 0px -92px;}
		
/* Inventory Pages */
.price, .vehiclepricing {
	color: #ff0000;
	font-size: 16px;
	font-weight: bold;
}
.inventoryDetails .content .top .right .vehicleinfobox .callToAction a {
	background-color: #356da1;
	background-position: 0 top;
	color: #ffffff;
}
	.inventoryDetails .content .top .right .vehicleinfobox .callToAction a:hover {background-color: #ff0000; background-position: 0 bottom;}
	.inventoryDetails h3.equipment, 
	.inventoryDetails h3.warranties, 
	.inventoryDetails h3.financing, 
	.inventoryDetails h3.contactInformation, 
	.inventoryDetails h3.reviews, 
	.inventoryDetails h3.CarfaxHighlights, 
	.inventoryDetails h3.CertifiedInfo, 
	.inventoryDetails h4.similar {background: #2183c9 url(../../Style1/Images/bar.png) no-repeat scroll center top;}
	
		.inventoryDetails h3.equipment a, 
		.inventoryDetails h3.warranties a, 
		.inventoryDetails h3.financing a, 
		.inventoryDetails h3.contactInformation a, 
		.inventoryDetails h3.reviews a, 
		.inventoryDetails h3.CarfaxHighlights a, 
		.inventoryDetails h3.CertifiedInfo a {color: #ffffff;}
		
		.inventoryDetails .expander .close, 
		.inventoryDetails .expander .open {margin-top: 4px !important;}
		
			.inventoryDetails .expander .close {background: transparent url(../Images/plus_minus.png) 0% 100%; }
			.inventoryDetails .expander .open {background: transparent url(../Images/plus_minus.png) 0% 0%;}
	/* Advanced Search Features */
	table#basictable1 .searchlabel,
	table#basictable2 .searchlabel,
	table#basictable1 .searchlabel {width: 50px;}
	
	.searchlabel {padding-right: 5px;}
	.searchfield {margin: 0 0 5px 5px;}		
	
	/* Similar Vehicles Features */
	.SimilarVehicles table {padding: 10px 0 10px 0;}
		.SimilarVehicles h4 {margin: 0; padding: 10px 0 0 0;}
		.SimilarVehicles label {padding: 0 0 0 5px;}
		
		.SimilarVehicles input {
			height: 16px;
			margin: 0 0 5px 0;
			width: 16px;
		}
	.SimilarVehicles .CurrentVehicle .details li {margin: 0 5px 5px 0;}
		.vehicleinfo .details span {color: #000000;}
		.SimilarVehicles .vehiclepricing {width:180px;}
.inventoryDetails .innerContactInfo .otherLinks {margin-top:70px;}
iframe.googleMap {display: none;}

.couponpane{
	float:left;
	height:200px;
	width:370px;
}
.couponpanel {
	background:#fff;
	border:1px dashed #000000;
	color:#222;
	display:none;
	margin:5px;
	min-height:182px;
	position:absolute;
	width:371px;
}
.couponhours{
	float:right;
	margin-top: 5px;
	width:130px;
}
	.couponhours p {
		font-size: 9px;
		font-weight: normal;
		margin-right:0px;
		padding: 5px 0 5px 0;
	}
.couponselector{height:30px; width:auto;}
	.couponselector ul li {float: left;}
		.couponpane h3 {margin-bottom: 5px;}
		.couponpane h4 {font-size: 14px; padding: 10px 15px 0 15px;}
		.couponpane p {font-size: 9px; padding-top:0px;}
		.priceblock {
			font-size: 16px;
			font-style: italic;
			font-weight: bold;
			padding: 5px 0 0 5px;
			width: auto;
		}
		.printButton {
			border:none;
			float:right;
			outline:none;
		}
.couponselectorbutton {
	background-color: #fff;
	cursor: pointer;
	height:20px;
	margin:5px;
	width:20px;
}
.selected{background-color:#455667;}

.inventoryDetails .content .top .right .vehicleinfobox .vehicleinfo .pricing {position: relative; width: 100%;}

.inventoryDetails .content .top .right .vehicleinfobox .vehicleinfo .pricing .priceSingle,
.inventoryDetails .content .top .right .vehicleinfobox .vehicleinfo .pricing .field {float: left !important; font-size: 18px;}
.inventoryDetails .content .top .right .vehicleinfobox .vehicleinfo .pricing .priceSingle {width: auto;}
.inventoryDetails .contactInfo .innerContactInfo ul li{float:left;}

.innerLocation strong {color: #ffffff !important;}

/* Custom Content Columns for Collision Page */
.collisionContainer {position: relative;}

	.collisionTop, .collisionBottom {
		float: left;
		margin: 0 0 15px 15px;
		width: 747px;
	}
		.collisionTop h3 {
			font-size: 16px;
			margin: 0 0 10px 25px;
			padding: 0;
			width: 402px !important;
		}
			.collisionTop p.callToday {float: left; width: 370px;}
			.collisionTop .left {float: left;}
			.collisionBottom p {margin: 0 0 5px 0; padding: 0 0 0 0;}
			
/*Custom Content Boxes for Buy Your Trade Page */
.custompage .stepsContainer {
	float: left;
	margin: 0 25px 25px 25px;
	position: relative;
	width:747px;
}
	.custompage .stepsContainer img,
	.stepsContainer .stepsTitle1,
	.stepsContainer .stepsTitle2,
	.stepsContainer .stepsTitle3 {float: left;}
	
	.stepsContainer .stepsTitle1 {float: left; width: 604px;}
	.stepsContainer .stepsTitle2 {width: 575px;}
	.stepsContainer .stepsTitle3 {width: 525px;}
	
	.custompage .stepsContainer ul.stepsLists,
	.custompage .stepsContainerSmall ul.stepsLists {
		float: left;
		list-style: square;
		padding: 10px 0 10px 40px;
		width: 480px;
	}
		.custompage .stepsContainer ul li,
		.custompage .stepsContainerSmall ul li {padding-bottom: 5px;}
		
	.custompage .stepsContainerSmall{
		float: left;
		padding-left: 25px;
		position: relative;
		width:315px;
	}
		.custompage .stepsContainerSmall h3 {
			float: none;
			padding: 0 0 10px 0;
			width: 100%;
		}
		.custompage .stepsContainerSmall ul.stepsLists {
			margin: 0;
			padding: 0 0 0 25px;
			width: 295px;
		}
		.custompagecontent_35 {margin-top:-80px; width:590px;}
		
.inventoryDetails .innerContactInfo ul {margin-right:20px; width:auto;}	

.inventoryDetails div.bottomnav .forms h4 {
	float: left; 
	padding: 10px 10px 10px 0; 
	width: 175px;
}
.inventoryDetails div.bottomnav .forms .innerForm ul {float: left; width: 715px;}	

/* styles for hours and location page*/
#primaryWrapper .pagetitle {font-weight:bold; padding:10px 0 10px 20px;}

/* styles for iframe masterpage*/
#ctl00_ContentSection__Frame {
	border:none !important;
	height:700px;
	padding-left:19px;
	width:940px;
}

div#quadCallouts {height: 150px;}

/* Secondary Callouts Ford*/
.spriteSecondary {background-image: url(../Images/secondary_callouts_ford_sprite.png);}	
	.spriteSecondaryInner {background-image: url(../secondary_callouts_ford_sprite_inner.png);}
.makesBlock ul li.first {margin: 25px 35px 18px 20px;}
	.makesBlock ul li {margin: 40px 0px 0 0px; width:40px;}
	.makesBlock ul li.lastRacing {margin: 35px 0 0 35px !important;}
.quadMakes ul li {margin: 0 25px 20px 0; width: 120px !important;} 

/* Secondary Callouts Ford */
.spriteSecondary {background-image: url(../Images/secondary_callouts_ford_sprite3.png);}	
	.spriteSecondaryInner {background-image: url(../Images/secondary_callouts_ford_sprite_inner2.png);}
	
.makesBlock ul li.addressInfo {
	float: left;
	width: 210px;
	text-align: center;
	margin: 20px 20px 0 10px;
}

.headingInfo {
	width: 225px; 
	margin:10px;
	margin-left:20px;
}

.spriteMakes { 
	background-image: url(../Images/makes_sprite2.png);
	margin-bottom:10px; 
	width: 77px !important;
}
	.spriteMakes .ford{width:76px;}
.pNum {font-size: 14px; font-weight: bold;}



/*Social Media*/
.facebook {
	background-image:url(../Images/FB-Sprite.png);
	height:30px;
	width:88px;
	margin-left:40px;
	margin-top:0px;
	float:left;}
	
 .twitter{background-image:url(../Images/twitter.jpg);
      height:22px;
      width:88px;
      margin-left:40px;
	  margin-top:-1px;
      float:left;}
	
/*Logo Sprites*/

#HeaderLogoBlock {
	width:940px;
	margin:auto;
	height:150px;}

div#HeaderLogoBlock ul {
	background-repeat:no-repeat;
	overflow:hidden;
	}
div#HeaderLogoBlock ul li {

	display:inline;
	margin:0px;
	padding:0px;
	

}
div#HeaderLogoBlock ul li a {
	background-image: url(../Images/LogoSprite.jpg);}
	
	#HeaderLogoBlock ul li a {
	float:left;
	height:87px;
	width:131px;
	margin-left:-12px;
	text-indent:-99999px;
	margin-top:30px;
    
	}
	
	/*.Logo1, .FordLogo, .MercLogo, .LincLogo, .PreOwnedLogo, .SuperCenterLogo {
		margin:0 7px 50px 8px;
		}
		*/
div#HeaderLogoBlock .phone {
	background-image:url(../Images/phone.jpg);
	float:right;
	width:164px;
	height:45px;
	text-indent:-99999px;
	margin-top:60px;
	margin-left:11px;}

	.FordLogo {background-position:0px -84px;}
	.MercLogo {background-position:0px -262px; }
	.LincLogo {background-position:0px -174px;}
	.Logo1 {background-position:0px 0px;}
	.PreOwnedLogo {background-position:0px -345px;}
div#HeaderLogoBlock .PreOwnedLogo {height:100px;margin-left:0px;} 
div#HeaderLogoBlock .MercLogo {height:70px;}
	
div#HeaderLogoBlock .ValvolineLogo {
		background-image:url(../Images/valvoline-logo.jpg);
		background-repeat:no-repeat;
		width:138px;
		height:87px;
		display:block;
		text-indent:-9999px;
		margin-left:15px;
		}
div#HeaderLogoBlock .redbuttonLogo {
		background-image:url(../images/red-button2.png);
		display:block;
		height:90px;
		width:150px;
		margin-left:28px;
}

.clickforchat {
	background-image:url(../Images/click-for-chat.png);
	text-indent:-9999px;
	width:149px;
	height:36px;
	margin-right:38px;
	float:right;}
	
	.chat_buttn {
		background-position:0px 0px;}
		.chat_buttn:hover {
		background-position:0px -37px;}
	
	/*small logos*/
	
	.valvoline {
		background-position:-303px 0;
		background-repeat:no-repeat;
		height: 44px;}
	.preowned {
		background-position:-227px 0;}
	
/*location and hours page*/

.locationbody {
	padding:0px;
	width:500px;}
	
.scheduleappointment_sectiontitle{
	color: #FFF;
	border-style;
	padding-bottom:10px;}
	
.shadowbox {
	border-bottom:thin;}
	
.locationbody .heading {
	text-indent:-9999px}
	.locationhours .heading {
	text-indent:-9999px}
	
.locationhours {
	margin-left:19px;}
	
/*	#ctl00_ctl00_ctl00_PrimaryFeature_MiddleArea_ContentSection_LocationHours1__DealerInfo strong {
		text-transform:uppercase;
		font-size:18px;
		margin-right:385px}
		
		
.scheduleappointment_section strong {
		text-transform:uppercase;
		font-size:18px;
		margin-right:385px;
		color:#FFF;}*/
		
		.scheduleappointment_sectioncontent span{
			align:left;
			color:#FFF;}
			

.scheduleappointment_sectioncontent input.submitBtn {
	width:83px !important;
	border:none !important;}

	

div.scheduleTestDriveForm {padding-left:15px;}
.scheduleTestDriveForm ul li label{
	width:160px;
	display:block;
	
}
.scheduleTestDriveForm .formRightCol {
	float:right;
	padding-right:100px;}
			
			#ctl00_ctl00_ctl00_PrimaryFeature_MiddleArea_ContentSection_LocationHours1__MapFrame{
				margin-left:-20px}
				
				.pagetitle {
					font-size:18px;}

					
					
.hoursBox {
	margin:0;
	width:0;
	float:none;
	padding:0px;
	position: relative;
	width:auto;
	}
	
.hoursBox .hoursTable {
	font-size:10px;
	color:#FFF;
	margin-bottom:10px;}
					
/*quick quote page*/



div.quickQuoteForm {padding-left:15px;}

.quickQuoteForm ul li label{
	width:100px;
	display:block;
}
.quickQuoteForm input {
	float:none !important;}
	
.quickQuoteForm div {
	width:auto !important;}

.scheduleappointment_sectioncontent td {width:auto !important;}
scheduleappointment_sectioncontent .formLeftCol table tr td input {float:left;}
	
.quickQuoteForm .header {color:#FFF;}*/



/*various forms*/			



.scheduleappointment_sectioncontent {width:700px}


div#secondaryPageContent{width:700px}

.contactUsForm ul li input {
	float:right;}
	.contactUsForm .header {
			color:#FFF;}
			
	#contactFormContainer h1 {
				color:#FFF;}
				
	.RadComboBox_Default input {
					float:none;
					
					}
					
.serviceForm .header, .contactUsForm .header, .tradeInForm .header, .quickQuoteForm .header {
	color:#FFF;
	border-bottom: 1px solid #CCC}
	
	
.sitemapContainer {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:10px;}
div.employmentForm .header {
	width:700px;
	color:white;
	border-bottom:1px solid white;}
	
	div.contactUsForm {
		min-height:500px;}
		
.fordparts{ margin-left:40px;}

h1{
	margin-left:20px !important;
}