@import url('navigation.css');
@import url('pfrotator.css');

.icons_sprite {background-image: url(../Images/Sprite-CTA-Row.png);}
.sprite_cta_buttons, .sprite_buttons {background-image: url(../Images/sprite_buttons.png);}

body{ background:url(../Images/bg-gradient.jpg) repeat-x #ba0a17;}
	
h1, .pagetitle, .locationhours .heading, .content .top h2 {color: #7a7a7a ;}
div.custompage p a {color: #106a9f;}
.headerBar a.smallBarLink, .baseBlock a {color: #333;}
	.headerBar a.smallBarLink:hover, .baseBlock a:hover {color: #555;}
		div#quarternaryFeatures .headerBar .firstSmallBar,
		div#quarternaryFeatures .headerBar .secondSmallBar {border-right: 1px solid #555;}
			.headerBar h3.mazda2 {color: #0089d0;	font-style: italic;}
				.headerBar h3.mazda2 span {color: #555;}

div#interiorWrapper{
	background: url(../Images/main-container-bg.png) repeat-y transparent;
	width:1040px;
	margin:0 auto;
}
div#innerWrapper{
	background: none;
	width:990px;
}
div#masthead {
background-image:url("../Images/header-bg.jpg");
background-repeat:repeat-x;
height:135px;
margin:0 auto;
width:100%;
}

/* Header */

div#mastheadcontainerdiv { width:995px; margin:auto; height:95px;}
div.leftCol {
	width: 290px;
	height:75px;
	float:left;
	padding:10px;
}

div.logo {
	background-image:url(../Images/logo.png);
	background-repeat:no-repeat;
	display:block;
	width:283px;
	height:74px;
	
	
}

.primaryNav { clear:both;}

div.middleCol {
	width: 395px;
	height:75px;
	float:left;
	margin:0;
	padding:15px 0 0 10px;
}

div.contact {
	background-image:url(../Images/Contact-Info.png);
	background-repeat:no-repeat;
	display:block;
	width:342px;
	height:60px;
	float:left;
	}
ul.logos { float:left; width:53px;}	

ul.logos li a {
	background:transparent url(../Images/toyota-scion-logo.jpg) no-repeat scroll 0 0;
	width:53px;
	height:37px;
	display:block;
	text-indent:-9999px;
}
	ul.logos li a.toyota { background-position:0 0; margin:4px 0 1px;}
	ul.logos li a.scion { background-position:100% 100%;}

div.rightCol {
	width: 240px;
	height:80px;
	float:left;
	padding:10px;
	margin-left:20px;
	}

a.portalbtn {
	background-image:url(../Images/Portal-bttn.jpg);
	background-repeat:no-repeat;
	display:block;
	width:248px;
	height:58px;
}

div.socialNet {
	display:block;
	height:50px;
}
div.socialNet ul li a {
	background-image:url(../Images/social-sprite.png);
	background-repeat:no-repeat;
	width:37px;
	height:50px;
	float:left;
	}
	div.socialNet ul li { display:inline;}

div.socialNet ul li a.followus { background-position: 0 0; width:125px;}
a.fbicon { background-position:-129px 0;}
a.twiticon { background-position:-166px 0;}
a.rssicon {background-position:-203px 0;}



/* Vehicle Spotlight */
.rrClipRegion .rrItemsList li .price {font-size: 16px;}

/* Incentive Block */
.rrClipRegion .rrItemsList li .vehiclephoto img {border: 0 none !important;}
	

	.innerLeftCol {
		background:none repeat scroll 0 0 #FFFFFF;
		padding:25px;
		width:596px;
		min-height:600px;
		}
	.innerRightCol {
		background:#fff;}
	.innerRightColBody {padding: 35px;}
	.hourstable {width:145px;}
	
	
	ul.column li a:hover {color: #106a9f;}
	div#secondaryPageContent {padding-top: 15px; min-height:450px;}
	
	.hoursboxes, .locationhours {
		display:none;}
	
/* Details Page Styles */


.inventoryDetails {
	background:none repeat scroll 0 0 #FFFFFF;
	margin-left:-17px;
	padding-left:19px;
	padding-right:20px;
	width:954px;
	}


	.inventoryDetails .topMenu {margin-top: -15px;}
	.inventoryDetails .content .top .right .vehicleinfobox .vehicleinfo .pricing li {color: #106a9f;}
	.inventoryDetails a {color: #106a9f;}
		.inventoryDetails .content .top .right .commentArea h4 {color: #fff;}
	.inventoryDetails div.bottomnav {background-color: #106a9f;}
	.inventoryDetails div.bottomnav .forms {background-color: #fff;}
	
		.inventoryDetails div.bottomnav .forms h4,
		.inventoryDetails div.bottomnav .forms li label {color: #333;}
		
		.inventoryDetails div.bottomnav .forms li input, 
		.inventoryDetails div.bottomnav .forms li textarea 
			{border: 1px solid #555; color: #333;}
			
		.inventoryDetails div.featuresBorder, 
		.inventoryDetails div.equipmentBorder, 
		.inventoryDetails div.featuresBorder, 
		.inventoryDetails div.warrantiesBorder, 
		.inventoryDetails div.financingBorder, 
		.inventoryDetails div.similarBorder, 
		.inventoryDetails div.reviewsBorder, 
		.inventoryDetails div.contactInformationBorder, 
		.inventoryDetails div.CarfaxHighlightsBorder, 
		.inventoryDetails div.CertifiedInfoBorder 
			{-moz-border-radius: 5px;}
			.inventoryDetails .content .top .right .commentArea {background-color: #106a9f;}
			.inventoryDetails div.bottomnav .forms .buttons button {background-color: #106a9f; color: #fff; font-weight: bold;}
		
/* Search Results Styles */

.advancedsearch {
background:none repeat scroll 0 0 #FFFFFF;
font-size:12px;
margin:-17px;
padding:10px;
width:973px;
}
.even, .odd {
	background-image:none;
	border-bottom:1px solid #1369B7;
	margin:0 auto;
	width:695px;
}
.searchresults .searchresultrow .callToAction {
	background-color:#FFFFFF;
	border-top:1px solid #999999;
	float:left;
	height:40px;
	width:100%;
}			
.searchresultrow .callToAction a {background:transparent url(/images/searchresults/sprite_buttons.png) repeat-x scroll -1px -89px; padding: 6px 8px 10px 8px;}
	.searchresultrow .callToAction a:hover {background:transparent url(/images/searchresults/sprite_buttons.png) repeat-x scroll -1px -124px; padding: 6px 8px 10px 8px;}
	
.vehicleinformation {
	font-weight:normal;
	margin-right:10px;
	min-height: 175px;
	padding:0 0 5px;
	width:275px;
}
.searchresults .searchresultrow.even, .searchresults .searchresultrow.odd {min-height: 254px;}
.save a {min-height:213px;background-color: #fff;}

.vehiclephoto a div span {color: #106a9f;}
	.vehiclephoto a div span:hover {background-color: #106a9f;}
	.vehiclepricing {min-height: 175px;}
.advancedsearch .advancedsearchinner .searching .searcher .history h2 {background-color: #106a9f;}
	.advancedsearch .advancedsearchinner .searching .searcher .history {background-color: #106A9F; border-bottom-color: #aaa; border-top-color: #aaa;}
	.advancedsearch .advancedsearchinner .searching .searcher .history .newSearch a, 
	.advancedsearch .advancedsearchinner .searching .searcher .history .newSearch a:visited,
	.advancedsearch .advancedsearchinner .searching .searcher .history ul.buttons li a, 
	.advancedsearch .advancedsearchinner .searching .searcher .history ul.buttons li a:visited {color: #fff;}
		.advancedsearch .advancedsearchinner .searching .searcher .history .newSearch a:hover, 
	.advancedsearch .advancedsearchinner .searching .searcher .history ul.buttons li a:hover {color: #e5e5e5; text-decoration: underline;}
	
	.vehiclepricing ul.prices li.final {color: #106a9f;}
	.incentivedetails {color: #555;}
	.vehicleinformation ul.vehicledetails span {color: #000 !important;}
	.advancedsearch a, .advancedsearch a:visited {color: #106a9f;}
	.advancedsearch .advancedsearchinner .searching .searcher .history ul.buttons li a h3,
	.advancedsearch .advancedsearchinner .searching .searcher .history ul.buttons li {color: #fff;}
	.advancedsearch .advancedsearchinner .paging .pager ul li.selected a, 
	.advancedsearch .advancedsearchinner .paging .pager ul li a:hover {border-color: #106a9f;}
	.advancedsearch .advancedsearchinner .searchLeft .searcher .close {background: url(../Images/sprite_search_buttons.png) no-repeat; background-position: -292px -2px;}
		.advancedsearch .advancedsearchinner .searchLeft .searcher .open {background: url(../Images/sprite_search_buttons.png) no-repeat; background-position: -317px -2px;}
	.advancedsearch .advancedsearchinner .searchHeader .callToAction a {background: url(../Images/sprite_search_buttons.png) no-repeat scroll -1px -1px transparent;}
	.vehiclepricing .view a {background: url(../Images/sprite_search_buttons.png) repeat-x scroll -1px -191px transparent; color: #fff;}
	.searchresultrow .callToAction a {background: url(../Images/sprite_search_buttons.png) repeat-x scroll -1px -89px transparent; color: #333;}
		.searchresultrow .callToAction a:hover {background: url(../Images/sprite_search_buttons.png) repeat-x scroll -1px -124px transparent;}
	.advancedsearch .advancedsearchinner .callToAction span.ArrowIcon {background: url(../Images/sprite_search_buttons.png) no-repeat scroll -439px -89px transparent;}
	.smallArrowIcon {background: url(../Images/sprite_search_buttons.png) no-repeat; background-position: -441px -165px;}
		.advancedsearch .advancedsearchinner .callToAction .ArrowIcon:hover, 
		.searchresultrow .callToAction a:hover .ArrowIcon {background: url(../Images/sprite_search_buttons.png) no-repeat scroll -439px -124px transparent;}
			.vehiclepricing .view a:hover {background-position: -4px -165px; color: #106a9f;}
		.save input[type=checkbox] {margin: 6px 0 0 10px;}
	
	.advancedsearch .advancedsearchinner .searching .searcher .inventoryType ul.buttons li a,
	.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 .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 .valuation ul.links li a,
	ul#ctl00_ContentSection_AdvancedSearchControl1_searcher_ulPrices li a,
	.advancedsearch .advancedsearchinner .searching .searcher .certified ul.links li a 
		{background-color:#e5e5e5; color: #106a9f;}
	
	.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,
	ul#ctl00_ContentSection_AdvancedSearchControl1_searcher_ulPrices li a:hover,
	ul#ctl00_ContentSection_AdvancedSearchControl1_searcher_ulPrices 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 .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 .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: #106a9f; color: #fff;}

/* Recent customers styles */
.RadGrid_Vista {border-color: #333 !important;}
.RadGrid_Vista .rgHeader, 
.RadGrid_Vista th.rgResizeCol {background: #e3e3e3 none !important; border: 1px solid #333 !important;}

.RadGrid_Vista .rgRow td, .RadGrid_Vista .rgAltRow td {border-color: #fff #fff #fff #333 !important;}

.RadGrid_Vista .rgRow a, 
.RadGrid_Vista .rgAltRow a, 
.RadGrid_Vista .rgEditRow a, 
.RadGrid_Vista .rgFooter a, 
.RadGrid_Vista .rgEditForm a 
	{color: #106a9f !important;}

.RadGrid_Vista .rgPager .rgPagerCell {background-color: #e5e5e5 !important; border-top: 1px solid #333 !important}

/* Ask a Tech form */
div.AskATech input[type="submit"] {
	background: url(../Images/sprite_buttons.png) no-repeat scroll 0px -52px !important;
	border: 0 none;
	height: 33px !important;
	margin-top: 10px !important;
	width: 123px !important;
}
	div.AskATech input[type="submit"]:hover {background-position: 0px -87px !important;}

.salesSecBtn {background-position: 0px -223px;}
	.salesSecBtn:hover {background-position: 0px -248px;}
.serviceSecBtn {background-position: 0px -273px;}
	.serviceSecBtn:hover {background-position: 0px -298px;}
.specialsSecBtn {background-position: 0px -322px;}
	.specialsSecBtn:hover {background-position: 0px -347px;}
.callus {display: none;}
	
/* Form buttons */
input[type="text"] {border: 1px solid #999;}
input.submitBtn, input[type="submit"], div.AskATech input[type="submit"] {background-position: 0 -52px; cursor: pointer; height: 33px;}
	input.submitBtn:hover, input[type="submit"]:hover, div.AskATech input[type="submit"]:hover {background-position: 0px -85px;}
	
	input#ctl00_ctl00_ContentSection_ContentSection_PaymentCalculator1_btnCalculate {background-color: #106a9f; border: 1px solid #999; color: #fff;}
		input#ctl00_ctl00_ContentSection_ContentSection_PaymentCalculator1_btnCalculate:hover {background-color: #e5e5e5; border: 1px solid #999; color: #106a9f;}
		
		span#ctl00_ctl00_ContentSection_ContentSection_PaymentCalculator1_m_Payment {color: #106a9f; font-size: 16px; font-weight: bold;}
		
/* Schedule Test Drive Form Styles */
.scheduleTestDriveForm ul.formLeftCol li#ctl00_ctl00_ContentSection_ContentSection_ScheduleTestDrive1__VehicleTypeRow table tr td,
ul.formLeftCol table#ctl00_ctl00_ContentSection_ContentSection_QuickQuote1__VehicleType tr td {text-align: left;vertical-align: top;}

.scheduleTestDriveForm ul li label {width: 85px;}


/* Styles for Hours & Locations Page	*/
.dealerphone {font-weight: bold; padding-bottom: 10px;}
.dealerHours table tr td {border: 0 none;}
	.dealerHours table.hoursBox tr td {border-bottom: 1px solid #999;}
.hoursbox {margin: 10px 10px 10px 0; width: 155px;}
.hoursTitle {font-size: 13px; font-weight: bold;}
.hoursbox table.hourstable tr td {width: 64px;font-size:11px;}

/*  secondaryFeatures  */

div#secondaryFeatures {
	background:none;
	border:none;
	height:90px;
	}
.icons_sprite {background-image: url(../Images/Sprite-CTA-Row.png); width:159px; height:73px; margin:0px; text-indent:-99999px;}

.ctaOne { background-position: 0 0 ;}
.ctaOne:hover { background-position: 0 -77px ;}
.ctaTwo {background-position:-164px 0;}
.ctaTwo:hover {background-position:-164px -77px;}
.ctaThree {background-position:-328px 0;}
.ctaThree:hover {background-position:-328px -77px;}
.ctaFour {background-position:-491px 0;}
.ctaFour:hover {background-position:-491px -77px;}
.ctaFive {background-position:-654px 0;}
.ctaFive:hover {background-position:-654px -77px;}
.ctaSix {background-position:-817px 0;}
.ctaSix:hover {background-position:-817px -77px;}

/*  tertiaryFeatures  */

div#tertiaryFeatures {
	height:232px;
	width:990px;
	margin:auto;}

.promosRow {
	background-image:url(../Images/Third-Row-Sprite-CTA.png);
	background-repeat: no-repeat;
	display:block;
	float: left;
	width:223px;
	height:211px;
	text-indent:-99999px;
	}
.promo1 { background-position: 0 0; position:relative; margin-right: 143px;}
	.promo1 a { position:absolute; height:21px; bottom:16px; }
	.promo1 a.yuba { left:19px; width:90px;}
	.promo1 a.lodi { right:20px; width:70px;}
.promo2 { background-position: -223px 0; margin-right: 145px;}
.promo3 { background-position: -446px 0;}
.promo4 { background-position: -669px 0; display:none;}



/*  tertiaryFeatures  */

div#headerManufactureLogos {
	height:100px;
	width:990px;
	margin:auto;}

.headerlogos {
	background-image:url(../Images/header-logos.png);
	background-repeat: no-repeat;
	display:block;
	float: left;
	width:118px;
	height:69px;
	margin: 0 40px;
	
	}
.logo1 { background-position: 0 0;}
.logo2 { background-position: -120px 0;}
.logo3 { background-position: -240px 0;}
.logo4 { background-position: -360px 0;}
.logo5 { background-position: -480px 0;}



/*  doormat  */

div#doormat {
	background:url(../Images/footer-bg.jpg) repeat-x;
	width:auto;
	color:#FFF;
	height:160px;
	margin-top:25px;
	padding:15px 35px;
}

div#doormat ul.column li{
	color:#FFF;}



ul.column li a, ul.column li a:visited {
color:#fff;
line-height:18px;
text-decoration:none;
}

/*	TOOLTIP	*/
div.tooltip {
	display:none;
	background-image:url(../Images/bubble.png);
	height:275px;
	width:300px;
	margin-top:45px;
	margin-left:-35px;
	position:relative;
	padding:45px 15px;
	background-repeat:no-repeat;
	z-index:1000;
	}
	
div.tooltip a {
	color:#333;
	text-transform:uppercase;
	font-size:18px;}
	
div.tooltip a:hover {
	color:#999;}
	
div.shorttooltip {
	display:none;
	background-image:url(../Images/bubble2.png);
	height:275px;
	width:300px;
	margin-top:45px;
	margin-left:-35px;
	position:relative;
	padding:45px 15px;
	background-repeat:no-repeat;
	z-index:1000;
	}
	
div.shorttooltip a {
	color:#333;
	text-transform:uppercase;
	font-size:18px;}
	
div.shorttooltip a:hover {
	color:#999;}
	
li.headerlogos:hover > div.shorttooltip {
	display:block;}

li.headerlogos:hover > div.tooltip {
	display:block;}


.smallfordlogo {
	background-image:url(../Images/smallfordlogo.png);
	display:block;
	width:74px;
	height:45px;
	float:right;
	background-repeat: no-repeat;
	margin-right:50px;
}
.smallscionlogo {
	background-image:url(../Images/smallscionlogo.png);
	display:block;
	width:74px;
	height:45px;
	float:right;
	margin-right:50px;
}
.smalltoyotalogo {
	background-image:url(../Images/smalltoyotalogo.png);
	display:block;
	width:74px;
	height:45px;
	float:right;
	margin-right:50px;
}
.smallkialogo {
	background-image:url(../Images/smallkialogo.png);
	display:block;
	width:74px;
	height:45px;
	float:right;
	margin-right:50px;
}
.smallmercurylogo {
	background-image:url(../Images/smallmercurylogo.png);
	display:block;
	width:74px;
	height:45px;
	float:right;
	margin-right:50px;
}
div#servicesContainer h1 {
	color:#CCC;
	text-transform:uppercase;
}
.leftColNav ul li a { color:#FFF;}
.leftColNav ul li a:hover { color: #CCC;}
div#footer { color:#FFF;}
div#footer a { color:#FFF; text-decoration:none;}

.innerRightColHeader { background-color:#7a7a7a;}

.SimilarVehicles_Wrapper  {
	background-color:#FFFFFF;
	margin:-16px -17px;
	width:993px;
	}
	
.SimilarVehicles_Wrapper a, .SimilarVehicles_Wrapper a:hover, .SimilarVehicles_Wrapper a:visited { color:#333;}

div.AskATech {
background:none repeat scroll 0 0 #FFFFFF;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
padding:7px 0 0 16px;
width:940px !important;
color: #333;
}

html body .RadInput_Default .riTextBox, html body .RadInputMgr_Default {
color:#000000 !important;
}

.testimonialtext {
display:block;
margin:20px 10px -20px 0;
min-height:25px;
overflow:hidden;
}

a, a.visited {
color:#333333;
text-decoration:none;
}

a:hover{
color:#333333;
text-decoration:underline;
}