/**********************************

Author: 
Last modified by: Patrick Schippers, 08/11/2011, 13:30

**********************************/

@import url('navigation.css');
@import url('pfrotator.css');
body {background: #323232;}

div#interiorWrapper{
	background:url(../Images/main-container-bg.png) repeat-y;
	width:986px;
	margin:0 auto;
	padding: 0 10px;
}
div#innerWrapper{background: none; width:990px;}

div#masthead {
background:url("../Images/masthead-bg.jpg") repeat scroll 0 0 #FFFFFF;
border:medium none;
height:208px;
margin:0 auto;
width:989px;
}

.headerContent {margin: 0 auto; padding: 0; height:165px;}

	a.brandingLogo {
background:url("../Images/logo.png") no-repeat scroll 0 0 transparent;
display:block;
height:85px;
margin:55px 0 0 20px;
text-indent:-9999px;
width:208px;
}
	.addressInfo{
		background: url(../Images/address.png) no-repeat;
		display: block;
		height: 60px;
		text-indent: -9999px;
		width:	201px;
		margin:auto;
	}
		.addressInfo strong{font-size: 14px;}
		
	span.contactInfoBlock {
		float: left;
		margin-left: 50px;
		width:auto;
	}
	.largeBlue{
		background: url(../Images/phone.png) no-repeat;
		display: block;
		height: 63px;
		margin: 70px 0 0 20px;		
		float: left;
		text-indent: -9999px;
		width:274px;
	}
a.directions{
	background: url(../Images/bg_Directions.png) no-repeat;
	display: block;
	height: 26px;
	text-indent: -9999px;
	width:202px;
	
}	
	.socialBlock {		
		height: 32px;
		width:200px;
		margin:2px 0 15px;
		float:none;
	}
	
	div.headerRight { float:left; width:210px; margin-left: 157px; height:138px;}
		.socialBlock ul {float:left; width:100px;}
			.socialBlock ul li{display: inline;}
			
			.socialBlock span {float:left; color:#FFF; font-weight:bold; font-size:15px; padding:5px;}
			.socialBlock ul li a {
				background-image: url(../images/sprite_socialMedia.png);
				background-repeat: no-repeat;
				height: 25px;
				text-indent: -9999px;
				width:23px;
				float:left;
				margin-left:10px;
			}
				.facebook {background-position: 0 0;}
				.youtube {background-position:-25px 0;}	
				.twitter {background-position:  -50px 0;}
				
#bbblogo1 {
display:block;
float:right;
margin-left:7px;
margin-right:25px;
margin-top:43px;
}

.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;width:116px;}
	.searchresultrow .callToAction a:hover {background:transparent url(/images/searchresults/sprite_buttons.png) repeat-x scroll -1px -124px; padding: 6px 8px 10px 8px;}
	.searchresultrow .callToAction li{margin:3px 8px !important;}
.vehicleinformation {
	font-weight:normal;
	height:154px;
	margin-right:10px;
	padding:0 0 5px;
	width:275px;
}
.vehiclepricing {height: auto;}
.searchresults .searchresultrow.even, .searchresults .searchresultrow.odd {height: 233px;}
.save a {height: 192px; background-color: #fff;}


/* Tertiary Features */

.calloutContentBlock {height:178px; overflow:hidden;}
div.tertiaryCalloutsmiddle {margin:0 14px;}

.tertiaryCallouts a { 
	background-image:url(../Images/tertiary-callouts-sprite.png);
	background-repeat:no-repeat;
	width:309px;
	height:178px;
	display:block;
	text-indent:-99999px;
	}
	
	a.leftAd {background-position:-2px -3px;}
	a.leftAd:hover {background-position:-2px -183px;}
	a.middleAd {background-position:-313px -3px;display:none;}
	a.middleAd:hover {background-position:-313px -183px}
	a.rightAd {background-position:-625px -3px;}
	a.rightAd:hover {background-position:-625px -183px;}

/* pentantaryFeatures */
	/* promos */
	.promo1, .promo2, .promo3 {float: left; margin: 0 0 0 10px;}
		.promo1 a, .promo2 a, .promo3 a {
			display: block;
			height: 209px;
			text-indent: -9999px;
			width: 309px;
		}
			.promo1 a {background: url(../Images/promo1.jpg) no-repeat;}
			.promo2 a {background: url(../Images/promo3.jpg) no-repeat;}
			.promo3 a {background: url(../Images/promo2.jpg) no-repeat;}
			
	div.custompage p {text-align:justify;}
		.innerLeftCol {margin-left:10px; margin-right:20px;}
			
	.locationhours {display:none;}
		.hourstable {width:160px;}
			.hoursbox {padding-left:5px;}
			
/* span.testimonialtext{height:75px;} */




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

/*forms */
input.submitBtn, input[type="submit"], div.AskATech input[type="submit"] {
	background-position:0 -103px;
	height:34px;
	margin-top:10px;
	width:123px;
}
.tabContentContainer .contactUs {
	background-position:0 -275px;
	display:block;
	float:left;
	height:26px;
	margin:5px 10px;
	text-decoration:none;
	width:170px;
}
.tabContentContainer .contactUs:hover{background-position:0 -300px;}
.icons_sprite  { background-image: url("../Images/sprite_secondary_features.png"); background-repeat: no-repeat;}


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

div#secondaryFeatures { background:url(../Images/CTA-bg.png) repeat;}

div.tertiaryCallouts div.rrClipRegion {width:250px !important;}

div.headerBar {background:url(../Images/Header-BG.jpg) repeat; color:#FFF; height:17px; padding:7px; width:294px;}
.middleCol .headerBar { width:292px;}
.headerBar h3 { color:#FFF;}
div#quarternaryFeatures .headerBar { position:relative; width:944px;}


div#doormat {background-color:#ccc; margin:0; width:959px; 
}
div#footer  {
float:left;
padding:15px 0;}

li.valueTrade {display:none;}
li a.autraderlogo {border:none;}

/* ASK A TECH FORM STYLES */

.form div{ clear: both; overflow:hidden !important; width:350px !important; }
div.AskATech { overflow: hidden; width:990px !important;}
div.AskATech div.commitment {
	width:595px !important;
	float: right !important;
}
div.AskATech div.image{
	display: none;
}
div.AskATech input {
	background:#fff !important;
	border:1px solid #ccc !important;
	float: right !important;
	font-size:12px !important;
	height:22px !important;
	margin:0 0 3px 0;
	padding-left:10px !important;
	padding-right:14px !important;
	width:209px !important;
}
div.AskATech textarea {
	background:none repeat scroll 0 0 #FFFFFF !important;
	border:1px solid #CCCCCC !important;
	float:right !important;
	height:94px !important;
	width:233px !important;
}
div.AskATech label, div.AskATech div.comments span {
	float: left !important;
}
div.AskATech input[type="submit"] {
	background:url("../Images/submit.png") no-repeat scroll 0 0 transparent !important;
	border:medium none !important;
	display:block;
	float:left !important;
	height:32px !important;
	margin:0 0 0 113px;
	width:92px !important;
}
div.AskATech div.callus {
	float: left !important;
	padding: 0 !important;
	width: 50% !important;
}
.headTitle,.form{
	padding: 10px 0 0 20px;

}
.form {	float: left;}
.bottom {clear:both; padding-left: 20px; overflow: hidden;}

input.submitBtn, div.AskATech input[type="submit"] {
	background-image: url(../Images/submit-btn.jpg) !important;
	font-size:0;
	line-height:0;
	background-position: 0 0  !important;
	background-repeat: no-repeat;
	height: 27px !important;
	width: 113px !important;
}
	.submitBtn:hover, div.AskATech input[type="submit"]:hover {background-position: 0 -27px !important;}
	
	
	div.CustomcallToAction { width:200px; float:left; padding:2px;}
.searchresultrow .callToAction div.CustomcallToAction a {
	padding-left:15px;
	width:115px;
	}
 div.callToAction ul { width:auto; float:left;}
 
     a.middleAd-dt {background-image: url("../images/black.jpg");
    height:176px;
    }
    a.middleAd-dt:hover {background-image: url("../images/black.jpg");}


#quarternaryFeatures div.apple-logo { background-image: url("../images/apple-logo.png"); display:block; width:165px; height:175px; float:left; margin:10px 15px; }

/*#quarternaryFeatures div#apple-logo-left .apple-logo {
		display:block;
		width:160px;
		height:160px;
}*/
div#quarternaryFeatures .internetspecials { width:763px; overflow:hidden; }