@import url('navigation.css');
@import url('pfrotator.css');
@import url('pop-behind-coupon.css');
body {background: #00407a;}

div#interiorWrapper{
	width:990px;
	margin:0 auto;
	padding: 0 15px;
}
div#innerWrapper{background: #fff; width:990px;}

div#masthead {
	background:#FFFFFF url(../Images/masthead-bg.jpg) no-repeat scroll 222px top;
	width:990px;
	margin: 0 auto;
	border: none;
	height: 208px;
}
.headerContent {margin: 0 auto; padding: 0;}

	a.brandingLogo {
		background:transparent url(../Images/crossley-logo.jpg) no-repeat scroll 0 0;
		display:block;
		height:104px;
		margin:20px 0 0 20px;
		text-indent:-9999px;
		width:193px;
	}
	.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: 45px 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 {
		background: url(../images/bg_socialMedia.png) no-repeat;
		height: 32px;
		padding: 0 0 0 104px;
		position:relative;
		width:111px;
		margin:auto;
		float:none;
	}
	
	div.headerRight { float:right; width:210px; margin-right: 20px; height:138px;}
		.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;}			

.even, .odd {
	background-image:none;
	border-bottom:1px solid #1369B7;
	margin:0 auto;
	width:682px;
}
/*.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;}*/
	
.searchresultrow .callToAction a:hover {
    background-image: url("/images/searchresults/2011/search-btn-ctas.png")
}
	
/* .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;}

/* 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;}
			
	div.innerLeftCol div.partshours { display:none;}			
			
	.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;}

/* fixes 2/2/11 */
.promo2 { margin: 0 15px; }
.tertiaryCallouts.middleCol { margin:0; }
/**/

/*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.gif"); background-repeat: no-repeat;}


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

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

/* 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 */


/* ask a tech form */

div.AskATech h1 {
font-size:28px !important;
margin:0 0 15px 0 !important;
text-transform:uppercase;
}

.form div{ clear: both; overflow:hidden !important; width:385px !important; }
div.AskATech { overflow: hidden; width:990px !important; height:500px;}
div.AskATech div.commitment {
	width:540px !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;
	width:100px;
}
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 150px;
	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; overflow: hidden;}

/* Submit button for forms */
input.submitBtn, div.AskATech input[type="submit"] {
	background-image: url(../Images/sprite_cta_buttons.png) !important;
	background-position: -548px 0px !important;
	background-repeat: no-repeat;
	height: 38px !important;
	width: 106px !important;
	text-indent:-9999px;
	border:none;
	font-size:0px;
	line-height:0;
}
	.submitBtn:hover, div.AskATech input[type="submit"]:hover {background-position: -548px -38px !important;}
	



/* 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;
	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;}

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 */


#innerWrapper #content .advancedsearch .advancedsearchinner .searchRight {
    float: right;
    margin-right: 10px;
    width: 685px;
}

#innerWrapper #content .advancedsearch div.vehicleinformation { width:290px;}

#innerWrapper #content div.advancedsearch .advancedsearchinner .searching .searcher .history h2,
#innerWrapper #content div.advancedsearch .advancedsearchinner .searching .searcher .refine h2,
#innerWrapper div.inventoryDetails .content .top h2,
div.inventoryDetails h3.features, 
div.inventoryDetails h3.equipment, 
div.inventoryDetails h3.features,
 div.inventoryDetails h3.warranties, 
 div.inventoryDetails h3.financing, 
 div.inventoryDetails h4.similar, 
 div.inventoryDetails h3.contactInformation,
  div.inventoryDetails h3.reviews, 
  div.inventoryDetails h3.CarfaxHighlights, 
  div.inventoryDetails h3.CertifiedInfo  { background:#00407A none;}
  
#innerWrapper #content div.advancedsearch .advancedsearchinner .searching .searcher .history h2{
    background: url("/images/searchresults/2011/you-searched-for.png") no-repeat scroll 50% 43% #00407A;
}  

#innerWrapper #content div.advancedsearch .advancedsearchinner .searching .searcher .refine h2 {
	background:	url("/images/searchresults/2011/refine-your-search.png") no-repeat scroll 50% 50% #00407A;
}

  
#innerWrapper div.contactInfo { width:auto;}  
#innerWrapper div.inventoryDetails .content .bottom .right { margin-left:14px;}

#innerWrapper div.inventoryDetails .content .top,
#innerWrapper div.expander, div.similarvehicles  
	{ background-color:#f2f2f2;}
	
#innerWrapper div.inventoryDetails .content .top .right .commentArea {
	border: 1px solid #999999;
	margin-top: 100px;
    padding: 10px;
	background-color:#e5e5e5;
}
#innerWrapper div.inventoryDetails .content .top .right .commentArea h4 { color:#000;}
.inventoryDetails .content .top .right .commentArea a.Abbreviater { color:#00407A;}

#innerWrapper div.mediaViewer .menu ul {
    height: 51px;
    overflow: hidden;
    width: 500px;
}