﻿/* -- RESET -- */

/* -- End RESET -- */

body {
	font:normal normal normal 13px/1 Arial, Helvetica, sans-serif;
	background-color:#000;
	color:#fff;
}

h5 {
	font-weight:bold;
	font-style:italic;
}

div#outerWrapper {
	background:#4b3821 url(../Images/bkg-stripes-1.png);
}

div#masthead {
	height:146px;
}
	div#masthead-header {
		height:121px;
	}
		div#masthead .leftCol {
		}
			div#masthead .leftCol h1, div#masthead .leftCol h3 {
				line-height:0;
				font-size:0;
				padding:0;
				margin:0;
			}
			div#masthead .leftCol h1 a {
				background:url(../Images/header-MenloveScion.png) no-repeat;
				display:block;
				width:500px;
				height:121px;
				text-indent:-9999px;
			}
			div#masthead .leftCol h3 {
				display:none;
				text-indent:-9999px;
			}
		div#masthead .middleCol {
			width:129px;
			padding-left:122px;
		}
			div.mastheadhoursbox {
				color:#aaa;
				padding-top:10px;
			}
				div.mastheadhoursbox h2 {
					color:#aaa;
				}
		div#masthead .rightCol {
		}
		a.masthead-directions {
			width:200px;
			height:50px;
			display:block;
			background-image:url(../Images/button-GetDirections-sprite.png);
			background-position:0 0;
			text-indent:-9999px;
			margin-top:32px;
		}
			a.masthead-directions:hover {
				background-position:0 -50px;
			}
	
/* -- Primary Navigation -- */
	.menu {
		background-color:#d17d19;
	}
	.menu .pNav li {
		padding:0 18px;
	}
	.menu .pNav li.scioncom {
		padding-right:0;
	}
		.menu .pNav li a {
			display:block;
			padding:7px 3px 6px;
			font-weight:normal;
			text-shadow:1px 1px 1px #000;
			text-transform:uppercase;
		}
			.menu .pNav li a:hover {
			}
		.menu .pNav li ul.vertical {
			margin-left:-10px;
			background-color:#4b3821;
			border-left:solid 1px #d17d19;
			border-right:solid 1px #d17d19;
			border-bottom:solid 1px #d17d19;
			padding:0 0 10px;
			-moz-border-radius-bottomleft: 10px;
			-webkit-border-bottom-left-radius: 10px;
			-moz-border-radius-bottomright: 10px;
			-webkit-border-bottom-right-radius: 10px;
		}
			.menu .pNav li ul.vertical li {
				border:none;
				padding:0;
			}
				.menu .pNav li ul.vertical li a {
					text-transform:none;
					padding:8px 20px;
					color:#fff;
					font-weight:normal;
					}
					.menu .pNav li ul.vertical li a:hover {
						background-color:#d17d19;
					}
		.menu .pNav li.scioncom ul.vertical {
			margin-left:-73px;
		}
/* --- end navigation -- */

div.imagerotator {
	overflow:hidden;
}

#secondaryFeatures	{
	background:#2f2620 url(../Images/bkg-stripes-1.png);
	height:49px;
	border-top:solid 1px #d17d19;
	border-bottom:solid 1px #d17d19;
	z-index:1000;
}
	#secondaryFeatures img {
		display:block;
		margin:14px auto 0;
	}

#tertiaryFeatures {
}
	#tertiaryFeatures a {
		width:324px;
		height:205px;
		background:transparent url(../Images/VehicleLinks-sprite.jpg) no-repeat 0 0;
		float:left;
		display:block;
		text-indent:-9999px;
	}
		#tertiaryFeatures a.leftCol {
			background-position:0 0;
		}
			#tertiaryFeatures a.leftCol:hover {
				background-position:0 -205px;
			}
		#tertiaryFeatures a.middleCol {
			width:325px;
			background-position:-324px 0;
		}
			#tertiaryFeatures a.middleCol:hover {
				background-position:-324px -205px;
			}
		#tertiaryFeatures a.rightCol {
			background-position:-649px 0;
		}
			#tertiaryFeatures a.rightCol:hover {
				background-position:-649px -205px;
			}

/* Secondary Page styling */
.innerLeftCol .pagetitle, .innerLeftCol h1 {
	text-shadow:1px 1px 1px #000;
}

/* Service Portal */
#secondaryPageContent {
	padding: 0 20px;
}
#servicesContainer>h1 {
	text-shadow:1px 1px 1px #000;
}
	div#servicesContainer {
	}
		div#servicesContainer h1 {
		}
			div#serviceLeftCol, div#serviceRightCol {
				padding-top: 20px;
			}
			div#serviceLeftCol {
				float: left;
				margin-right: 20px;
				position: relative;
				width: 200px;
			}
				div#serviceLeftCol .leftColNav {
					width: 200px;
				}
					.leftColNav ul li a {
						color: #ccc;
						float: left;
						font-size: 14px;
						line-height: 31px;
						position: relative;
						text-indent: 35px;
						width: 200px;
						text-shadow:1px 1px 1px #000;
					}
						.leftColNav ul li a:hover {
							color: #fff;
							text-decoration: none;
						}
	
				/* Services Sprite Icons */
				.service_sprite {
					background-image: url(../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: 712px;
			}
				.serviceAdsContainer {
					
				}
					ul.serviceAd li {
						float: left;
						height: 342px;
						margin: 0;
						width: 178px;
					}
		
			.innerLeftCol {
						border-bottom: 1px inset;
						padding-bottom:20px;
					}



/* Custom Page */
h1#ctl00_ContentSection__PageTitle, #servicesContainer>h1 {
	text-shadow:1px 1px 1px #000;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	letter-spacing:0.1em;
	margin-bottom:12px;
	text-transform:uppercase;
}
.innerLeftCol .custompage h2,
.innerLeftCol .custompage p {
	text-indent:10px;
	padding-bottom:6px;
}

/* Accessories page */
#accessories-links { margin-top:10px; }
#accessories-links a { display:block; width:457px; height:300px; border:0 none; outline:0 none; float:left; text-indent:-9999px; }
#accessories-links br { display:none; }
#scion-accessories-link { background:#333 url(../Images/scionaccessories.jpg) no-repeat center center; }
#toyota-accessories-link { margin-left:20px; background:#333 url(../Images/toyotaaccessories.jpg) no-repeat center center; }
#scion-accessories-link:hover, #toyota-accessories-link:hover { border:solid 2px #fff; width:453px; height:296px; }


/* Input Styles */
input {
	background-color:#fff;
	color:#555;
}

/* Pricing Menus */
.pricingpage table {
	width:934px;
	padding:0;
	margin:0 0 10px 0;
}
.pricingmatrixheader {
	height:25px;
	vertical-align:middle;
	background-color:#333;
	background-color:rgba(0,0,0,0.2);
}
.pricingmatrixheader td {
	padding-left: 20px;
	font-size:14px;
}
#newvehiclespricing #lblPrint,
#financepricing #lblPrint,
#servicepricing>a.print-landscape-btn {
	display:block;
	padding:5px 8px;
	color:#fff;
	background-color:#d17d19;
	text-shadow:1px 1px 1px #000;
	border:solid 1px #333;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	text-transform:uppercase;
	width:50px;
	text-align:center;
	text-decoration:none;
}
#newvehiclespricing #lblPrint:hover,
#financepricing #lblPrint:hover,
#servicepricing>a.print-landscape-btn:hover {
	background-color:#2f2620;
	text-decoration:none;
	text-shadow:none;
	color:#ccc;
}

#pricingmatrix td {
	font-size:10px;
	line-height:1.5em;
	width:auto;
}
#pricingmatrix tr td {
	padding-left:10px;
}
.darkshadow {
	background-color:#d17d19;
	background-color:rgba(209,125,25,0.5);
}
.lightshadow {
	background-color:#333;
	background-color:rgba(0,0,0, 0.3);
}
#pricingmatrix .darkshadow td {
	font-size:12px;
	padding:2px 0 2px 8px;
	text-transform:uppercase;
	font-weight:normal;
}
.pricingpage p {
	font-size:10px;
	color:#ccc;
}
#accessoriespricing .pricingmatrixheader a {
	font-size:12px;
}
#accessoriespricing .pricingmatrixheader a {
	text-decoration:none;
}

#servicepricing .pricingmatrix {
	width:255px;
	float:left;
	margin:0 20px;
}
	#servicepricing .pricingmatrix td {
		font-size:12px;
		padding:2px 8px;
		text-transform:uppercase;
		font-weight:normal;
	}
		#servicepricing .pricingmatrix td p {
			margin:3px 0 3px;
			font-size:12px;
			text-transform:none;
			line-height:1.1em;
		}
		#servicepricing .pricingmatrix td p.serviceprice {
			text-align:center;
			font-weight:bold;
			font-size:14px;
		}
	#servicepricing tr.darkshadow td {
		padding:4px 8px;
		text-shadow:1px 1px 1px #000;
	}
#servicepricing #pricingmatrix-add {
	float:none;
	width:550px;
	margin-bottom:10px;
}
#servicepricing>p {
	margin:0 0 10px 20px;
}
#servicepricing>a.print-landscape-btn {
	float:right;
	width:168px;
	clear:right;
	margin-bottom:10px;
}
	

/*
.contentsectioncontent {
	background:none;
	border:0;
	color: #FFFFFF;
	font-family:Arial, Helvetica !important;
	font-size:10px;
	background-repeat:repeat-x;
	position:relative;
	z-index:0;
	zoom: 0;
	clear:both;
}
.menusection {
	width:970px;
	height:25px;
	background:none;
	position:relative;
	z-index:3;
}
.footersection {
	font-size:10px !important;
	padding-left: 0px;
	font-family:Arial, Helvetica !important;
	color:#FFF;
	width:980px;
	clear:both;
}
.footersectionlinks a, .footersectionlinks a:visited {
	font-size:10px;
	font-family:Arial, Helvetica !important;
	color: #FFF;
	font-weight:100;
	text-decoration:none;
	clear:both;
}
.footersectionlinks a:hover {
	color:#CCC;
	text-decoration:none;
}
.scheduleappointment {
	padding-left:5px;
	color: #FFF;
	font-weight:100;
	font-family:Arial, Helvetica !important;
	font-size:12px;
}
.partshours, .servicehours, .aboutushours, .locationhours {
	width:145px;
	float:left;
    padding:23px 8px 0 0;

}
.partsbody, .servicebody, .aboutusbody, .locationbody {
	font-weight:100;
	
 font-family: Arial, Helvetica margin-left:145px;

}
.quickquotebody, .financebody {
	font-family:Arial, Helvetica !important;
}
.scheduleappointment_section {
	border:0px solid #000000;
	
}
.scheduleappointment_sectiontitle {
 background: #FFF;
	font-weight:100;
	color:#000;
	font-size:14px;
	line-height:16px;
	padding:0 0 0 5px;
	font-family:Arial, Helvetica !important;
	border-bottom:1px solid #404040;
}
.scheduleappointment_sectiontitle2 {
	border-top:0px solid #404040;
}
.scheduleappointment_sectioncontent {
	padding:8px;
}
h2 {
	font-weight:100;
	font-size:14px;
	font-family:Arial, Helvetica !important;
}
h1, .pagetitle {
	color: #FFFFFF;
	font-weight:100;
	text-decoration:none;
	text-align:left;
	font-family:Arial, Helvetica !important;
border-bottom:0 solid black;
font-size:25px;
margin-bottom:2px;
padding:0;
}

}
.hoursbox {
	border:1px solid #404040;
	color: #FFF;
	margin-right:10px;
	margin-top:-1px;
	
	
	background:url(background-box.png) no-repeat;
}
.hoursbox .quicklinks_item a {
	color: #CCCCCC;
	
}
.item .price {
	color: #FFF;
}
.hourstable {
	font-family:Arial, Helvetica !important;
	font-weight:100;
	font-size:12px;
	margin-left:3px;
	margin-top:3px;
	
}
.hourstable td {
	padding:2px;
	
}
.advancedsearchcontrol {
	border:1px solid #404040;
	background-color: black;
	color: whitesmoke;
}
.searchresultsdiv {
	color:black;
}
.searchfield, .pervehiclesalespitch {
	font-weight:normal;
}
.requiredfield {
	color:red;
	padding-left:5px;
}
.basicsearchlabel {
	font-size:12px;
}
.basicsearchdropdown {
	font-size:12px;
}
.searchforvehicles {
	font-size:13px;
	font-family:Arial, Helvetica !important;
	font-weight:100;
	color: #000000;
}
.quicklinks_item {
	line-height:22px;
	font-weight:100;
	font-size:13px;
	font-family:Arial, Helvetica !important;
	color:#FFF;
}
.quicklinks_item a {
	color: #FFF;
	text-decoration:none;
}
.quicklinks_item a:hover {
	color:#666666;
	text-decoration:underline;
	cursor:smile;
}
.internetspecialrotator_item a:hover {
	color: #CCCCCC;
}
.internetspecialrotator .item {
	color: #FFF;
}
.internetspecialrotator .item .description {
	text-align:center;
	font-size:12px;
	font-weight:100;
	font-family:Arial, Helvetica !important;
}
.internetspecialrotator .item .price {
	text-align:center;
	font-size:14px;
	font-weight:100;
	font-family:Arial, Helvetica !important;
}
.rotatedfeaturebox {
	width:480px;
	position:relative;
	top:-50px;
	margin-bottom:-50px;
	height:50px;
	text-align:center;
	background: black url('bottomtitlebackground_black.png') repeat-x
}
.rotatedfeaturetitle {
	text-align:center;
	width:480px;
	position:relative;
	top:-50px;
	margin-bottom:-50px;
}
.rotatedfeaturetitle span {
	line-height:22px;
	font-size:18px;
	font-family:Arial, Helvetica !important;
	font-weight:1 00;
	color:white;
	text-align:center;
	padding-top:5px;
}
.rotatedfeaturetitle .dash {
	font-size:16px;
	color:White;
	font-weight:100;
}
.rotatedfeaturetitle a {
	font-size:13px;
	color:white;
	text-decoration:none;
}
.rotatedfeaturetitle a:hover {
	color:white;
	text-decoration:underline;
}
.shadowbox {
	margin-top:6px;
	margin-left:6px;
 background: none;
}
.shadowbox.home .hoursbox {
	position:relative;
	top:-79px;
	left: -6px;
 *display:inline-block;
}

/* r.a.d.menu Plain skin 

div.VSMenu {
	background: transparent;
	height:30px;
}
.VSMenu_Context {
	background: none;
	border:0;
	
}
.VSMenu .link {
	
	line-height: 20px;
	text-decoration:none;
	color:#000;
	height:20px;
	font-size: 11px;
	font:Arial, Helvetica ;
	font-weight: normal;
	letter-spacing: .01em;

}
.radmenu a.link {
	
	cursor:pointer;
	}
.VSMenu .link:hover, .VSMenu .focused, .VSMenu .expanded {
	
	background: none;
	text-decoration:none;
	color:#717276;
}

.VSMenu .group {
	
	background:none;
	border-left:solid 1px #EBEAD8;
	border-right:solid 1px #EBEAD8;
	border-bottom:solid 1px #EBEAD8;

}
li .item.link.focused {
	
	border-bottom:solid 0px #DBDAB5;
	border-top:solid 1px #EBEAD8;
    text-align: left;
	color:#333333;
	font-size: 10px;
}

.text {
padding-left: 14px !important;
	padding-right: 13px!important;
	font-family:Verdana, Geneva, sans-serif;
}
	
.VSMenu .group .link .text {
	
	background: #717276;
	border-bottom:solid 2px #717276;
	border-top:solid 0px #857b19;
	text-align: left;
	color:#FFF;
	font-size: 11px;
	
}
.VSMenu .group .link .text:hover {
	background: #FFF;
	color: #000;
}
.VSMenu .group .link, .VSMenu .group .link:hover, .VSMenu .group .focused, .VSMenu .group .expanded {
	position:relative;
	border-bottom:solid 0px #857b19;
	border-top:solid 0px #857b19;
	text-align: left;
	color:#333333;
	font-size: 10px;
	cursor:pointer;
}
.VSMenu .leftArrow, .VSMenu .rightArrow, .VSMenu .topArrow, .VSMenu .bottomArrow, .VSMenu .leftArrowDisabled, .VSMenu .rightArrowDisabled, .VSMenu .topArrowDisabled, .VSMenu .bottomArrowDisabled {
	background: #ededed url('img/left.gif') center center no-repeat;
	width:15px;
}
.VSMenu .topArrow, .VSMenu .topArrowDisabled {
	background-image:url('img/top.gif');
	width:100%;
}
.VSMenu .bottomArrow, .VSMenu .bottomArrowDisabled {
	background-image:url('img/bottom.gif');
	width:100%;
}
.VSMenu .rightArrow, .VSMenu .leftArrow {
	height:100%;
}
.VSMenu .rightArrow, .VSMenu .rightArrowDisabled {
	background-image: url('img/right.gif');
}
.VSMenu .vertical .separator .text {
	padding-top:2px;
	background: #ccc;
	font-size: 1px;
}
.VSMenu .expandLeft, .VSMenu .expandRight {
	background:transparent url(img/groupImage.gif) right center no-repeat;
	margin-right: 2px;
}
.VSMenu .link:hover .expandLeft, .VSMenu .link:hover .expandRight, .VSMenu .focused .expandLeft, .VSMenu .focused .expandRight, .VSMenu .expanded .expandLeft, .VSMenu .expanded .expandRight {
	background:transparent url(img/invertedGroupImage.gif) right center no-repeat;
}
*/