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

/* Tabbed Navigation for Primary Feature */
.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;
}
div.tabContent .tabPanel{
 	background-color: #356da1;
 	min-height: 236px;
 	padding: 5px 10px;
 	width: 500px;
	z-index: 1;
}
	.primaryFeatureInnerBg .tabPanel {min-height: 397px; margin-bottom: 1px; padding:10px;}
	
.wideCol {width: 748px;}

.ExtendedMiddle {min-height: 240px;}
	.tabContent h1 {font-size: 18px; margin: 0 0 10px 0 !important; color:white;}
	.innerTabContent p {
		padding-bottom:10px;
		padding-top:5px;
		margin-left:0px;
		}
	
	.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_buttons.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:24px;
					margin: 10px 0 10px 15px;
					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: 7px 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: 11px;
	
}
.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; display:none;}
iframe.googleMap {display: none;}

.couponpane{
	float:left;
	height:200px;
	width:370px;
}
.couponpanel {
	background:url("../Images/coupon-bg.jpg") no-repeat scroll 0 0 #FFFFFF;
	border:1px dashed #000000;
	color:#222;
	display:none;
	margin:5px;
	min-height:184px;
	position:absolute;
	width:373px;
}

.couponselectorbutton { padding:4px 9px 0; text-align:center;}

.couponhours{
	float:right;
	margin-top: 0px;
	width:130px;
}
	.couponhours p {
		font-size: 9px;
		font-weight: normal;
		margin-right:0px;
		padding: 5px 0 5px 0;
		margin-left:19px;
	}
.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 { width:590px;}
		
.inventoryDetails .innerContactInfo ul {margin-right:20px;}	

.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;
}

/* Resource Links styles */
div#doormat .rightCol {width: 364px;}
.resourceLinks {width: 364px;}
	.resourceLinks ul.leftLinks, 
	.resourceLinks ul.middleLinks,
	.resourceLinks ul.rightLinks {width: 118px;}
		.resourceLinks ul.middleLinks {padding: 0 5px 0 5px;}



/* Hours and Locations Page*/

.hoursBox {
	height:100px;
	width:193px;
	margin:10px;}


/* Employment Page Custom Content*/
.employmentform {
	float:left;
	padding-right:25px;
	padding-bottom:10px;}

.advancedsearch {
	margin: auto;
	width: 962px;
	padding:8px;
	}	

h2{font-size:15px;}
h3{font-size:14px;}




.searchHeader {
padding-top:15px; }

.even, .odd {
width:695px;}

.InventoryLinks {
display: none;}

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

.advancedsearch {
	margin: auto;
	width: 972px;
	padding:18px;
	}
.advancedsearch .advancedsearchinner .searchHeader .callToAction a { margin:-25px;}

div.scheduleappointment_section .scheduleappointment_sectioncontent input {
width:180px !important;
}

div.scheduleappointment_section .scheduleappointment_sectioncontent td {
width:135px !important;
}
div.scheduleappointment_section input.scheduleappointment_submitbutton, input.tradeInSubmitBtn { width:90px !important; text-indent:-99999px; font-size:0px;}
.serviceForm .header, .contactUsForm .header, .tradeInForm .header, .employmentForm .header, .quickQuoteForm .header, .scheduleTestDriveForm .header { width:80%; color:#FFF; border-bottom: 1px solid #FFF; }
.serviceForm ul li select, .contactUsForm ul li select, .employmentForm ul li select, .tradeInForm ul li select, .quickQuoteForm ul li select, .scheduleTestDriveForm ul li select { width:176px !important;}
.serviceForm ul li label, .contactUsForm ul li label, .tradeInForm ul li label, .employmentForm ul li label, .quickQuoteForm ul li label, .scheduleTestDriveForm ul li label { width:102px !important; }