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

.icons_sprite {background-image: url(../Images/sprite_secondary_features.gif);}
.sprite_cta_buttons, .sprite_buttons {background-image: url(../Images/sprite_buttons.png);}

body{background: url(../Images/bg.gif) repeat-x scroll top;}
h1, .pagetitle, .locationhours .heading, .inventoryDetails .content .top h2 {color: #dd1400 !important;}
div.custompage p a {color: #dd1400;}
.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;}

div#interiorWrapper{
	width:990px;
	margin:0 auto;
	padding: 0 15px;
}
div#innerWrapper{
	background: #ffffff;
	-moz-border-radius: 6px;
	width:990px;
}
div#masthead {
	background: url(../Images/masthead-bg2.png) no-repeat top right;
	width:990px;
	margin: 0 auto;
	border: none;
	height: 210px;
}
.headerContent {margin: 0 auto; padding: 0; height:174px;}
	.headerContent .left { float:left; width:370px;}
	.headerContent .right { float:right; width:620px;}
	a.brandingLogo {
		background:transparent url(../Images/Sonju-Superstore-logo.png) no-repeat scroll 0 0;
		display:block;
		height:118px;
		margin:0 0 0 20px;
		text-indent:-9999px;
		width:306px;
	}
	span.contactInfoBlock {
		float: left;
		margin-left: 50px;
		width:auto;
	}
		.brandedLogos {
			float: left;
			margin:0;
			position: relative;
			width: 370px;
			overflow:hidden;
			clear:both;
		}
			.sprite_branded_logos {
				background-image: url(../Images/sprite_brand_logos.png);
				display: block;
				float: left;
				height: 42px;
				text-indent: -9999px;
			}
				.chevyBlock {background-position: -2px -5px; width: 82px;}
				.buickBlock {background-position: -85px -5px; width: 52px;}
				.pontiacBlock {background-position: -141px -5px; width: 35px;}
				.mercuryBlock {background-position: -177px -5px; width: 49px;}
				.fordBlock {background-position: -232px -5px; width: 68px;}
				.polarisBlock {background-position: -310px -5px; width: 117px;}
.innerRightColHeader {background-color: #dd1400;}
	span.dealerinfoname, span.dealerinfophone {color: #dd1400;}
	
a.phone{
	background-image:url("../images/phone1.png");
	background-repeat:no-repeat;
	clear:both;
	display:block;
	float:right;
	height:89px;
	overflow:hidden;
	text-indent:-9999px;
	width:436px;
}	

a.directionsa{
	background-image: url(../images/ford-location1.png);
	background-repeat:no-repeat;
	display: block;
	height: 23px;
	text-indent: -9999px;
	width:650px;
	clear:both;
}	

a.directions{
	background-image: url(../images/chevy-location1.png);
	background-repeat:no-repeat;
	display: block;
	height: 20px;
	text-indent: -9999px;
	width:650px;
}	
	.socialBlock {
		background: url(../images/bg_socialMedia.png) no-repeat;
		height: 32px;
		float: right;
		padding: 0 0 0 104px;
		position:relative;
		width:111px;
		margin: 0 10px 0 0;
	}
		.socialBlock ul {float:left; width:215px;}
			.socialBlock ul li{display: inline;}
			.sprite_social{
				background-image: url(../images/sprite_socialMedia.png);
				background-repeat: no-repeat;
				background-position: 0 0;
				height: 25px;
				text-indent: -9999px;
				width:25px;
			}
				.sprite_social.facebookIcon, .sprite_social.youtubeIcon, .sprite_social.twitterIcon, .sprite_social.rssIcon{
					margin: 0;
					float: left;
					text-indent: -9999px;
				}
				.facebookIcon{background-position: 0 0;}
					.facebookIcon:hover{background-position: 0 -24px;}	
				.twitterIcon{background-position:  -50px 0;}
					.twitterIcon:hover{background-position:  -50px -24px;}			
				.youtubeIcon{background-position:-75px 0;}
					.youtubeIcon:hover{background-position: -75px -24px;}			
				.rssIcon{background-position: -25px 0;}
					.rssIcon:hover{background-position: -25px -24px;}			
	
	/* promos */
	.promo1, .promo2, .promo3 {
		display: block;
		height:209px;
		float: left; 
		margin: 0 0 0 15px;
		text-indent: -9999px;
		width:309px;
	}
		.promo1 {margin: 0;}
		
		.promo1 a, .promo2 a, .promo3 a {
			display: block;
			height:209px;
			text-indent: -9999px;
			width:309px;
		}
		.promo1 a {background: url(../Images/promo1b.jpg) no-repeat;}
		.promo2 a {background: url(../Images/promo3b.jpg) no-repeat;}
		.promo3 a {background: url(../Images/promo2b.jpg) no-repeat;}
		
		
		.simulatorBG {
			background:url("../Images/banner_car_simulatorBG.jpg") no-repeat scroll 0 0 transparent;
			height:62px;
			margin-top:0;
			text-indent:-9999px;
			width:962px;
		}
				.simulator {
					background:url("../Images/banner_car_simulator.gif") no-repeat scroll 0 0 transparent;
					display:block;
					float:left;
					height:60px;
					margin:1px 0 17px 247px;
					text-indent:-9999px;
					width:475px;
					}

	div.custompage p {text-align:justify;}
	.innerLeftCol {margin: 0 20px 45px 10px;}
	.locationhours {display:none;}
	.hourstable {width:160px;}
	.hoursbox {padding-left:5px;}
	.calloutContentBlock .testimonialtext {height:75px; margin: 0 30px;}
	.firstQuote, .secondQuote {color: #333;}
	.customername, .testimonialmakemodelyear {color: #dd1400;}
	
	div#footer a {color: #dd1400;}
	
	div#footer {display:block;
float:left;
height:20px;
padding:0 15px;
width:457px;
}

.lock{ margin-top: -69px; display:block; float:left;}


	ul.column li a, ul.column li a:visited {color: #222;}
		ul.column li a:hover {color: #dd1400;}
	div#secondaryPageContent {padding-top: 15px;}
	
/* Details Page Styles */
.inventoryDetails .topMenu {background: url(../Images/bar.png) no-repeat top center; margin-top: -15px;}
	.inventoryDetails .content .top .right .vehicleinfobox .vehicleinfo .pricing li {color: #dd1400;}
	.inventoryDetails a {color: #dd1400;}
	.inventoryDetails .content .top .right .vehicleinfobox .details .incentivebox {background-color: #e3e3e3;}
	.inventoryDetails .content .top .right .commentArea {background-color: #e3e3e3; color: #333;}
		.inventoryDetails .content .top .right .commentArea h4 {color: #333;}
	.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: url(../Images/bar.png) no-repeat top center;}
	.equipmentBorder {background: 0 none;}
	.inventoryDetails div.bottomnav {background-color: #dd1400;}
	.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;}
		
		/* Bottom Buttons */
		.inventoryDetails div.bottomnav .buttonbar .requestinfo a,
		.inventoryDetails div.bottomnav .buttonbar .requestinfo a:hover, 
		div.bottomnav .buttonbar .requestinfo .selected,
		.inventoryDetails div.bottomnav .buttonbar .scheduletest a,
		.inventoryDetails div.bottomnav .buttonbar .scheduletest a:hover, 
		div.bottomnav .buttonbar .scheduletest .selected,
		.inventoryDetails div.bottomnav .buttonbar .makeanoffer a,
		.inventoryDetails div.bottomnav .buttonbar .makeanoffer a:hover, 
		div.bottomnav .buttonbar .makeanoffer .selected,
		.inventoryDetails div.bottomnav .buttonbar .payment a,
		.inventoryDetails div.bottomnav .buttonbar .payment a:hover, 
		div.bottomnav .buttonbar .payment .selected,
		.inventoryDetails div.bottomnav .buttonbar .socialnetworking .mainLink,
		.inventoryDetails div.bottomnav .buttonbar .socialnetworking .mainLink:hover,
		.inventoryDetails div.bottomnav .buttonbar .close a,
		.inventoryDetails div.bottomnav .buttonbar .close a:hover 
			{background-image: url(../Images/bottombuttons.png) !important;}
		
/* Search Results Styles */
.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: #dd1400;}
	.vehiclephoto a div span:hover {background-color: #dd1400;}
	.vehiclepricing {min-height: 175px;}
.advancedsearch .advancedsearchinner .searching .searcher .history h2 {background-color: #dd1400;}
	.advancedsearch .advancedsearchinner .searching .searcher .history {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: #333;}
	.vehiclepricing ul.prices li.final {color: #dd1400;}
	.incentivedetails {color: #555;}
	.vehicleinformation ul.vehicledetails span {color: #000 !important;}
	.advancedsearch a, .advancedsearch a:visited {color: #dd1400;}
	.advancedsearch .advancedsearchinner .paging .pager ul li.selected a, 
	.advancedsearch .advancedsearchinner .paging .pager ul li a:hover {border-color: #dd1400;}
	.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;}
		.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: #dd1400;}
		.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: #dd1400;}
	
	.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: #dd1400; 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: #dd1400 !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;*/
	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; height: 33px;}
	input.submitBtn:hover, input[type="submit"]:hover, div.AskATech input[type="submit"]:hover {background-position: 0px -85px;}
	

/* REVIEWS */
div.tertiaryCallouts div.reviews { display:block; height:172px; overflow-x:hidden; overflow-y:auto; padding:5px 7px 0;} 
	
div.tertiaryCallouts h3.headerBar { font-size:12px; margin-bottom:0;}

div.tertiaryCallouts div.reviews td a {
	background:url("../images/review-arrow.gif") no-repeat scroll 0 4px transparent;
	color:#000;
	display:block;
	font-size:13px;
	line-height:16px;
	padding-left:8px;
	margin-bottom:5px;
}	
	div.tertiaryCallouts div.reviews td a:hover { color:#333;}	
/* END REVIEWS */



/* SERVICE PORTAL PAGE STYLES */
div#servicePageContent2 div#servicePageContent {
	width:1050px;
	margin:auto;
	height:770px;
}

div#servicePageContent2 div#servicesContainer { margin:0; padding:0;
	
}
div#servicePageContent2 div#serviceLeftCol, 
div#servicePageContent2 div#serviceRightCol { 
	background:url(../Images/service-col-bg.png) no-repeat; height:489px;
	padding:4px;
	width:258px;
}

div#servicePageContent2 div.servicectarow {
	width:970px;
	height:210px;
}

div#servicePageContent2 div.servicepagemaincontainer { width:970px; overflow:hidden;}

div#servicePageContent2 div.servicectarow a {
	background:url(../Images/service-cta-sprite.png) no-repeat;
	float:left;
	width:238px;
	height:191px;
	text-indent:-9999px;
	margin-right:4px;}
	
div#servicePageContent2 div.servicectarow a.servicecta1 { background-position:0 0;}
div#servicePageContent2 div.servicectarow a.servicecta1:hover { background-position:0 -191px;}
div#servicePageContent2 div.servicectarow a.servicecta2 { background-position:-245px 0;}
div#servicePageContent2 div.servicectarow a.servicecta2:hover { background-position:-245px -191px;}
div#servicePageContent2 div.servicectarow a.servicecta3 { background-position:-490px 0;}
div#servicePageContent2 div.servicectarow a.servicecta3:hover { background-position:-490px -191px;}
div#servicePageContent2 div.servicectarow a.servicecta4 { background-position:-733px 0;}
div#servicePageContent2 div.servicectarow a.servicecta4:hover { background-position: -733px -191px;}

div#servicePageContent2 div#servicesContainer div.servicepagemaincontainer h1.servicelistheader {
	background:url("../Images/service-list-header.png") no-repeat scroll 0 0 transparent;
	color:#FFFFFF !important;
	display:block;
	font-family:Verdana,Geneva,sans-serif;
	font-size:16px;
	height:38px;
	padding:14px 0 0 23px;
	text-transform:uppercase;
	width:225px;
	}

div#servicePageContent2 div#serviceLeftCol { width:245px; margin-left:-2px; margin-right:12px;}

div#servicePageContent2 div.leftColNav { 
	float:left;
	margin-top:0;
	width:auto;
}

div#servicePageContent2 div.leftColNav ul li a, 
div#servicePageContent2 div#serviceRightCol ul li a {
	background:url("../Images/service-page-list-bg.png") no-repeat scroll 0 0 transparent;
	height:26px;
	padding:6px;
	width:236px;
	color:#333;
}
div#servicePageContent2 div.leftColNav ul li a:hover, 
div#servicePageContent2 div#serviceRightCol ul li a:hover { color:#000; text-decoration:underline;}
div.servicemiddleColinfo { 	height:275px; padding-left:25px; padding-top:10px;}
div#servicePageContent2 div.servicemiddleColinfo div.hoursbox { margin-top:15px; padding-left:0;}	
	
div#servicePageContent2 div#serviceRightCol ul li a {
	float:left;
	font-size:12px;
	font-weight:bold;
	line-height:31px;
	position:relative;
	text-indent:35px;
	width:236px;
	margin-top:6px;
}

div#servicePageContent2 div#servicemiddleCol {
	width:436px;
	height:500px;
	background:url("../Images/service-image-large.png") no-repeat scroll 0 1px transparent;
	float:left;
	margin-right:3px;
}

div#servicePageContent2 div#serviceRightCol p { margin-left:30px;}
/* END SERVICE PORTAL PAGE STYLES */