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

Scion template CSS

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

/* 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;}
.clear {clear: both;}
input { background: none; border: 1px solid #808080; }
input.button { border: 0 none; color: #0066cc; font-weight: bold; font-size: 14px; cursor: pointer; }
input.button:hover { color: #333333; }

body {
	font:normal normal normal 13px/13px Arial, Helvetica, sans-serif;
	background-color:#000;
	color:#fff;
}
h1, h2, h3, h4, h5 { /*color: #555; */ color:#fff;}
	h1 {font-size: 18px; margin: 10px 0 10px 0; }
	h2 {font-size: 16px;}
	h3 {font-size: 14px; /* font-weight: bold; margin-bottom: 5px; */}
	h4 {font-size: 13px;}
	h5 {font-size: 12px;}
	
a, a.visited {color: #ccc; text-decoration: none;}
	a:hover {color: #fff; text-decoration: underline;}
.left {float: left;}
.right {float: right;}

/* Horizontal Divider */
.hDivider {
	background-color: #ebebeb;
	height: 1px;
	margin: 0 auto 0 auto;
	width: 960px;
}
.group:after {
	content: ".";
	visibility: hidden;
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
}


/* Primary Structure Elements */
#outerWrapper {
	margin: 0 auto 0 auto;
	width: 974px;
	min-height:675px;
}
	div#masthead .leftCol, div#masthead .middleCol, div#masthead .rightCol {
		float:left;
	}
	div#masthead .leftCol {width: 500px;}
	div#masthead .middleCol {width:251px}
	div#masthead .rightCol {width: 223px;}
	
	div.mastheadhoursbox {
		font-size:10px;
		line-height:12px;
		padding-top:12px;
	}
		div.mastheadhoursbox h2 {
			font-size:10px;
			font-weight:normal;
			text-transform:uppercase;
			text-align:center;
		}
		div.mastheadhoursbox .hourstable {
			margin:0 auto;
		}
		div.mastheadhoursbox .hourstable span {
			padding:0 0 0 4px;
		}
		
		

/* Standard Menu overrides */
.menu {
	background:none;
}
.menu .pNav li a span.indicator{
	display:none;
}

/* Center image rotator */
div.imagerotator {
	height: 259px;
}

/* Footer */			
div#footer {
	background-color:#000;
	height: 18px;
	width: 974px;
	font-size:10px;
	line-height:18px;
	margin:0 auto;
}
div#footer a {
}
div#footer a:hover {
	text-decoration:none;
}
	div#footer .firstCol {
		float:left;
	}
	div#footer .middleCol {
		float:left;
		display:block;
		padding-left:100px;
		text-transform:uppercase;
	}
		.middleCol li {
			display:inline;
			border-right:solid 1px #555;
		}
		.middleCol ul li.last {
			border:none;
		}
			.middleCol li {
				padding:0 10px;
			}
	div#footer .rightCol {
		float:right;
	}

/* secondaryPageContent will be on all inner pages for structure */
/*	div#secondaryPageContent {
		min-height: 500px;
		position: relative;
		width: 992px;
	}
		div#secondaryPageContent h1 {margin-bottom: 10px;} */
.innerLeftCol, .innerRightCol {float: left; margin-top: 10px;}

.innerLeftCol {
	min-height: 250px;
	overflow:hidden;
	padding: 0 40px 0 20px;
	width: 642px;
	line-height:1.2em;
}

.innerLeftCol .pagetitle, .innerLeftCol h1 {
	font-size:18px;
	font-weight:normal;
	margin-bottom:12px;
	text-transform:uppercase;
	letter-spacing:.1em;
	color:#fff;
}
	.heading	{
		font-size:14px;
		font-weight:bold;
		margin-bottom: 10px;
	}
	.scheduleappointment {
		margin-bottom:10px;
	}
	.locationhours div.hoursboxes>div {
		float:left;
	}
.innerRightCol {
	background-color: rgba(0,0,0,.3);
	border: 1px solid #808080;
	min-height: 460px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radus:10px;
	padding-bottom: 10px;
	position: relative;
	width: 250px;
}


/* Used for callout section on right side */
	.innerRightColHeader {
		font-size: 16px;
		font-weight: normal;
		height: 25px;
		letter-spacing: .1em;
		padding: 9px 0px 0 0px;
		text-align: center;
		text-transform: uppercase;
		border-bottom:solid 1px #808080;
	}
	.innerRightColBody {
		padding: 20px 20px 20px 20px;
		line-height:1.2;
		
	}
		span.primaryText {
			font-size: 14px;
			text-transform:uppercase;
		}
			.larger {font-size: 16px !important;}
			
		.hoursLeft, .hoursRight {
			float: left;
			margin-bottom: 20px;
			width: 119px;
		}
		.hoursbox{
			width:100px;
			float:left;
			margin-bottom:20px;
			padding-left:20px;
			font-size:10px;
			line-height:1.2em;
		}
			.hoursbox .scheduleappointment_sectiontitle{
				font-weight:bold;
			}
			.hourstable span {
				padding-left:4px;
			}
		ul.innerRightColCTA {
			margin-bottom: 20px;
		}
			.sprite_CTA_rightCol {
				background-image: url(../../Style1/Images/inner_buttons_sprite.png); background-repeat: no-repeat;
			}
				.contactService, .specials, .contactSales {
					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; }

/* FORMS.CSS override */

/* Inventory Page */
.advancedsearch {
	font-size:12px;
	width:974px;
}

.advancedsearch .advancedsearchinner .searchHeader h1,
.advancedsearch .advancedsearchinner .searchHeader .pagetitle {
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	padding-top:10px;
}

.advancedsearch a, .advancedsearch a:visited {
	color:#ccc;
}

div.sortFields span.header {
	margin-right:5px;
}
.advancedsearch .advancedsearchinner .sortFields .sortBy li {
	border-color:#fff;
}
.advancedsearch .advancedsearchinner .searchHeader .recordCount {
	color:#fff;
}
.advancedsearch .advancedsearchinner .paging {
	width:320px;
}
.advancedsearch .advancedsearchinner .paging .pager ul li.selected a, .advancedsearch .advancedsearchinner .paging .pager ul li a:hover {
	border:solid 1px #808080;
	padding:2px;
}
.advancedsearch .advancedsearchinner .paging .pager ul li a {
	color:#fff;
	/* border:solid 1px #fff; */
	border:none;
	padding:2px 3px;
}
.advancedsearch a, .advancedsearch a:visited {
	color:#808080;
}
.searchresults .searchresultrow.even, .searchresults .searchresultrow.odd {
	font-family:Arial,Helvetica,sans-serif;
	color:#000;
}
.advancedsearch .advancedsearchinner .searchHeader .headerCustomContent {
	clear:both;
	float:none;
	height:0;
	width:100%;
}
.advancedsearch .advancedsearchinner .searching .searcher .history {
	background-color:#ccc;
	border-bottom:solid 1px #999;
	border-top:solid 1px #999;
}
.advancedsearch .advancedsearchinner .searching .searcher .history h2 {
	background-color:#808080;
}
.advancedsearch .advancedsearchinner .searching .searcher .history ul.buttons li a, .advancedsearch .advancedsearchinner .searching .searcher .history ul.buttons li a:visited {
	color:#808080;
}
.advancedsearch .advancedsearchinner .searching .searcher .history .newSearch a, .advancedsearch .advancedsearchinner .searching .searcher .history .newSearch a:visited {
	color:#808080;
}
.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:#333;
}
.advancedsearch .advancedsearchinner .searching .searcher .years ul.buttons li a:hover, .advancedsearch .advancedsearchinner .searching .searcher .years ul.buttons li.selected a, .advancedsearch .advancedsearchinner .searching .searcher .makes ul.buttons li a:hover, .advancedsearch .advancedsearchinner .searching .searcher .makes ul.buttons li.selected a, .advancedsearch .advancedsearchinner .searching .searcher .models ul.buttons li a:hover, .advancedsearch .advancedsearchinner .searching .searcher .models ul.buttons li.selected a, .advancedsearch .advancedsearchinner .searching .searcher .price ul.links li a:hover, .advancedsearch .advancedsearchinner .searching .searcher .price ul.links li a.selected, .advancedsearch .advancedsearchinner .searching .searcher .trim ul.buttons li a:hover, .advancedsearch .advancedsearchinner .searching .searcher .trim ul.buttons li.selected a, .advancedsearch .advancedsearchinner .searching .searcher .engine ul.buttons li a:hover, .advancedsearch .advancedsearchinner .searching .searcher .engine ul.buttons li.selected a, .advancedsearch .advancedsearchinner .searching .searcher .drivetrain ul.buttons li a:hover, .advancedsearch .advancedsearchinner .searching .searcher .drivetrain ul.buttons li.selected a, .advancedsearch .advancedsearchinner .searching .searcher .transmission ul.buttons li a:hover, .advancedsearch .advancedsearchinner .searching .searcher .transmission ul.buttons li.selected a, .advancedsearch .advancedsearchinner .searching .searcher .odometer ul.links li a:hover, .advancedsearch .advancedsearchinner .searching .searcher .odometer ul.links li.selected a, .advancedsearch .advancedsearchinner .searching .searcher .options ul.links li a:hover, .advancedsearch .advancedsearchinner .searching .searcher .options ul.links li.selected a, .advancedsearch .advancedsearchinner .searching .searcher .bodystyle ul.links li a:hover, .advancedsearch .advancedsearchinner .searching .searcher .bodystyle ul.links li.selected a, .advancedsearch .advancedsearchinner .searching .searcher .cab ul.links li a:hover, .advancedsearch .advancedsearchinner .searching .searcher .cab ul.links li.selected a, .advancedsearch .advancedsearchinner .searching .searcher .valuation ul.links li a:hover, .advancedsearch .advancedsearchinner .searching .searcher .valuation ul.links li.selected a, .advancedsearch .advancedsearchinner .searching .searcher .certified ul.links li a:hover, .advancedsearch .advancedsearchinner .searching .searcher .certified ul.links li.selected a, .advancedsearch .advancedsearchinner .searching .searcher .inventoryType ul.buttons li a:hover, .advancedsearch .advancedsearchinner .searching .searcher .inventoryType ul.buttons li a.selected {
	background-color:#333;
	color:#fff;
}

a.InventoryLinks {
	display:block;
	padding:5px;
	margin:5px 0 0 30px;
}
a.InventoryLinks:hover {
}

/* Custom Page */
h1#ctl00_ContentSection__PageTitle {
	padding-left:20px;
	color:#fff;
}
div.custompage {
	padding:0 20px;
}


/* Tooltip Rotator Widget */
.tooldiv {
	margin:0;
	padding:0;
	float:left;
}
.slidevehiclepane {
	width:900px;
	overflow:hidden;
	margin:0px auto;
}
.slidevehicle {
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:0;
	width:900px;
}
.slidevehicleoverlay {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	background:transparent url('../Style1/Images/overlay_bg.png') no-repeat;
	width:356px;
	height:350px;
	color:#000;
	padding:15px;
}
.slidevehicleoverlay h3 {
	font-family:arial,verdana,sans;
	margin-bottom:5px;
	font-size:14px;
}
.slidevehicleoverlay li {font-family:arial,verdana,sans; font-size:10px;}

/* Style to change font size on details page right side buttons */
.inventoryDetails .content .top .right .vehicleinfobox .callToAction a {font-size: 11px;}

/* Social links and icons */
			.socialIcons {height: 69px; margin:20px 0 0 10px;}
				.socialIcons ul li {
					float: left;
					margin: 5px 0;
					width: 100px;
				}
					/* Social Icons Sprite */
					.social_sprite {background-image:url(../../Style1/Images/social_icons_sprite.png); background-repeat: no-repeat;}
						
						.facebookIcon, .youTubeIcon, .twitterIcon {
							height: 51px;
							width: 102px;
							display: block;
						    text-indent: -9999px;
						}
							.facebookIcon {background-position: 0 top;}
								.facebookIcon:hover {background-position: 0 bottom;}
							.twitterIcon {background-position:-102px top;}
								.twitterIcon:hover {background-position:-102px bottom;}
							.youTubeIcon {background-position: -204px top;}
								.youTubeIcon:hover {background-position: -204px bottom;}