/**********************************
Author: 
modified by: Myron R Schippers Jr, 05/23/2011, 2:00PM
Last modified by: Yama Keyser, 10/17/2011, 9.35AM
Last modified by: Patrick Schippers, 10/28/2011, 16:30
**********************************/

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

/* ======================= */
/* Pundmann blue: #1369b7
/* dark blue: #0c1543
/* ======================= */

body { background:#0c1543 url('../images/bg.jpg') repeat-x 0 0; }
.clear {clear:both;}
div#interiorWrapper{
	width:990px;
	margin:0 auto;
	padding: 0 9px;
	background:transparent url('../images/inner-wrapper-bg.png') repeat-y 0 0;
}
div#innerWrapper{ background: #fff; width:990px; }

div#masthead {
	background:#0c1543 url(../Images/masthead-bg.jpg) no-repeat scroll 0 0;
	width:990px;
	border: none;
	height: 191px;
	position:relative;
}
.headerContent { margin: 0 auto; padding: 0; height:147px; }

	a.brandingLogo {
		background:transparent url(../Images/pundmann-logo2.png) no-repeat scroll 0 0;
		display:block;
		width:234px;
		height:115px;
		margin:20px 0 0 20px;
		text-indent:-9999px;
	}
	.addressInfo{
		background: url('../Images/pundmann-address.png') no-repeat;
		display: block;
		height: 54px;
		text-indent: -9999px;
		width:	219px;
		margin:30px 0 0;
	}
		.addressInfo strong{ font-size: 14px; }
		
	span.contactInfoBlock {
		float: left;
		margin-left: 50px;
		width:auto;
	}
	.largeBlue{
		background:url('../Images/phone.png') no-repeat;
		display:block;
		width:272px;
		height:64px;
		margin:12px 0 0 20px;		
		float:left;
		text-indent:-9999px;
	}
a.masthead-directions, a.masthead-contact {
	background-color:transparent;
	background-image: url('../Images/mastheadbuttons-sprite.png');
	background-repeat: no-repeat;
	display: block;
	width:197px;
	height: 24px;
	text-indent: -9999px;
	margin:4px 0 0;
}
	a.masthead-directions { background-position: 0 0; }
		a.masthead-directions:hover { background-position: 0 -24px; }
	a.masthead-contact { background-position: 0 -48px; }
		a.masthead-contact:hover { background-position: 0 -72px; }
		
	.socialBlock {
		/*background: url('../images/bg_socialMedia.png') no-repeat;*/
		width:108px;
		height: 30px;
		padding: 0 0 0 104px;
		position:relative;
		margin:auto;
		float:none;
	}
	
	div.headerRight { float:right; margin-right:20px; margin-top:0px; width:210px; }
		.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;}		
/* SOCIAL MEDIA ICONS
	Sizes include 16px, 24px, 32px and 48px:
	
	- socialicons-16.png  or  socialicons2-16.png
	- socialicons-24.png  or  socialicons2-24.png
	- socialicons-32.png  or  socialicons2-32.png 
	- socialicons-48.png  or  socialicons2-48.png
	
	Add the class "si-16", "si-24", "si-32", "si-48" to the wrapping <ul> or <div> tag for the corresponding size.
*/
					
.si-24 { list-style:none; margin:5px; padding:0; float:right;}
.si-24 li { display:block; float:left; margin:0 2px; line-height:24px; font-weight:bold;}

.si-24 a { background:transparent url(/Dealersites/Themes/Sprites/socialicons2-24.png) no-repeat scroll 0 0; width:24px; height:24px; text-indent:-9999px; display:block; }
	.si-24 .facebook { background-position:0 0;}
	.si-24 .youtube { background-position:-24px 0;}
	.si-24 .twitter { background-position:-48px 0;}
	.si-24 .rssfeed { background-position:-72px 0;}
	.si-24 .flickr { background-position:-96px 0;}
	.si-24 .blogger { background-position:-120px 0;}
	.si-24 .wordpress { background-position:-144px 0;}
	.si-24 .appstore { background-position:-168px 0;}
	.si-24 .email { background-position:-192px 0;}
		.si-24 .facebook:hover { background-position:0 100%;}
		.si-24 .youtube:hover { background-position:-24px 100%;}
		.si-24 .twitter:hover { background-position:-48px 100%;}
		.si-24 .rssfeed:hover { background-position:-72px 100%;}
		.si-24 .flickr:hover { background-position:-96px 100%;}
		.si-24 .blogger:hover { background-position:-120px 100%;}
		.si-24 .wordpress:hover { background-position:-144px 100%;}
		.si-24 .appstore:hover { background-position:-168px 100%;}
		.si-24 .email:hover { background-position:-192px 100%;}	

div#innerWrapperContainer { width:960px; }

/*inventory*/
.even, .odd {
	background-image:none;
	border-bottom:1px solid #1369B7;
	margin:0 auto;
	width:695px;
	margin-left:-12px;
}
.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;
	height:100%;
	margin-right:10px;
	width:275px;
}
.vehiclepricing {height: auto;}
.searchresults .searchresultrow.even, .searchresults .searchresultrow.odd {height: 100%;}
.save {height:202px !important;}
.save a {height: 202px !important; background-color: #fff;}

/* pentantaryFeatures */
	/* promos */
	.promo1, .promo2, .promo3 { width:309px; height:209px; float: left; margin: 0 0 0 10px; position:relative; }
 .promo1 {background: url('../Images/promo1.jpg') no-repeat;} 
.promo2 {background: url('../Images/promo3.jpg') no-repeat;} 
 .promo3 {background: url('../Images/promo2.jpg') no-repeat;}
	.promo1 a, .promo2 a, .promo3 a {
		display: block;
		width: 226px;
		height: 33px;
		text-indent: -9999px;
		position:absolute;
		bottom:5px;
		right:3px;
		background-color:transparent;
		background-image:url('../images/promo-buttons-sprite.png');
	}
	.promo1 a { width:163px; background-position:0 0; }
		.promo1 a:hover { background-position:0 -33px; }
	.promo3 a { background-position:-226px 0; }
		.promo3 a:hover { background-position:-226px -33px; }
	.promo2 a { width:203px; background-position:-452px 0; }
		.promo2 a:hover { background-position:-452px -33px; }
			
	div.custompage p {text-align:justify;}
		.innerLeftCol {margin-left:10px; margin-right:20px;}
			
	div.innerLeftCol div.partshours { display:none;}			
			
	.locationhours {display:none;}
		.hourstable {width:160px;}
			.hoursbox {padding-left:5px;}
			
span.testimonialtext{height:75px;}

/* tertiary features */
.baseBlock { padding-top:13px; }
.tertiaryCallouts.right a.baseBlockLink { padding:3px 5px; font-weight:bold; border:solid 1px #909090; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-color:#fff; color:#ec881d; margin:0 0 0 75px; }
	.tertiaryCallouts.right a.baseBlockLink:hover { text-decoration:none; color:#fff; background-color:#1369b7; }


.sprite_cta_buttons, .sprite_buttons {background-image:url('../Images/sprite_buttons.png'); background-repeat:no-repeat;}

/*forms */
input.submitBtn, input[type="submit"], div.AskATech input[type="submit"] {
	background-position:0 -104px;
	height:35px;
	margin-top:10px;
	width:125px;
	background-image:url('../images/sprite_buttons.png');
	padding:0;
	text-indent:-9999px;
	font-size:0;
	line-height:0
}
input.submitBtn:hover, input[type="submit"]:hover, div.AskATech input[type="submit"]:hover { background-image:url('../images/sprite_buttons.png'); background-position:0 -137px; }

.icons_sprite  { background-image: url('../Images/sprite-secondary-features2.png'); background-repeat: no-repeat; text-indent:-9999px; }


.calloutContentBlock .testimonialtext {
padding:7px 0 0 20px;
width:255px;
}

div.tertiaryCallouts div.rrClipRegion {width:250px !important;}
div#doormat { margin-top:20px; width:930px; }

/* ========== Testimonials Page ============ */
.testimonialpage .testimonialStatic { overflow:auto; clear:both; }
	.testimonialpage .testimonialtext { font:italic 16px/24px Georgia,"Times New Roman",Times,serif; position:relative; height:auto; }
		.testimonialpage .testimonialtext:before, .testimonialpage .testimonialtext:after { display:block; width:20px; height:20px; color:#aaa; font: bold 24px/24px Georgia, "Times New Roman", Times, serif; }
			.testimonialpage .testimonialtext:before { content:open-quote; float:left; }
			.testimonialpage .testimonialtext:after { content:close-quote; float:right; }
	.testimonialpage .testimonialStatic span+br { line-height:0px; }
	.testimonialpage .customername, .testimonialpage .testimonialmakemodelyear { color:#8F0510; }
	.testimonialpage .customername { font-style:normal; font-weight:bold; margin-left:350px; }
		.testimonialpage .customername:before { content:"- "; }