/*======================

Global Colors:

Ford Blue			#386bcc;
Dark Blue			#0b2ba3;

======================*/


/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; vertical-align:baseline;}
:focus {outline:0;}
ol, ul {list-style:none;}
strong {font-weight:bold;}
em {font-style:italic;}a {text-decoration:none; cursor:pointer;}
.clear {clear: both; }

.clearfix {
	clear: both;
 	*display:inline-block;
	_display:block;
	_height:1%;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


body {
	background: #386bcc !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1, h2, h3, h4, h5 {margin: 0 18px;	text-transform: uppercase;}
h1 {font-size: 24px; margin: 0 !important;}
h2 {font-size: 21px;}
h3 {font-size: 18px; margin: 0 0 10px 0; text-transform: none;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
p {margin: 0 18px;}
	
/* Banner Ad Elements (top) */
div#bannerUtility {
	background-color: #0b2ba3;
	color: #ffffff;
	font-size: 9px;
	height: 108px;
	margin: 0;
	padding: 15px 0 0 0;
	position: relative;
	width: 100%;
}
	.bannerContainer {
		height: 90px;
		margin: 0 auto;
		padding: 0;
		position: relative;
		width: 825px;
	}
		.leaderBoard {
			float: left;
			height: 90px;
			width: 728px;
		}
		.closeAd {
			float: left;
			margin: 77px 0 0 10px;
			position: relative;
		}
			.closeAd a {color: #ffffff; text-decoration: underline;}
				.closeAd a:hover {color: #999999; text-decoration: underline;}
		.openAd{
			text-align:center;
			display:none;
			margin-top:-10px;
		}
			.openAd a {color: #ffffff; text-decoration: underline;}
				.openAd a:hover {color: #999999; text-decoration: underline;}
				
/* Primary Structure Elements */
div#primaryWrapper {
	color: #777777;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 978px;
}
	div#mainContentWrapper {
		background: url(../../Style1/Images/main_content_bg.gif) repeat-y scroll 0 0;
		padding-bottom: 10px;
		min-height:500px;
	}
	
	/* Header Content */
	div#headerContent {height: 154px; position: relative;}
		.makesBlock {
			margin: 0 auto;
			position: relative;
			width:970px;
		}
		.makesBlock:hover{margin: 0 auto !important; position:relative !important;}

			.makesBlock ul {margin: 0; padding: 0;}
				.makesBlock ul li {
					float: left;
					margin: 40px 25px 0 25px;
					width: 75px;
				}
				.makesBlock ul li.first {
					margin: 25px 20px 18px 30px;
					padding: 0px !important;
					width: 126px;
				}
				.makesBlock ul li.lastRacing {
					margin: 35px 0 0 15px !important;
					padding: 0px !important;
					width: 130px;
				}
					.chooseLocation {
						color: #356da1;
						font-size: 11px;
						padding: 10px 0 0 430px;
						position: absolute;
					}
					
			/* Sprite for the Makes Logos */
			.logoBlock {
				background: url(../../Style1/Images/Tasca-logo.gif) no-repeat scroll 0 0;
				display: block;
				float: left;
				height: 71px;
				padding: 0;
				width: 126px;
			}
			.spriteMakes {
				background-image: url(../../Style1/Images/makes_sprite.png);
				background-repeat: no-repeat;
				width:90px;
			}
			a.spriteMakes, div.spriteMakes {
				cursor: pointer;
				display: block;
				float: left;
				height: 44px;
				width: 75px;
			}
				/* Logo Positioning */
				.ford {background-position: 0px 0px;}
				.mercury {background-position: -75px 0px;}
				.lincoln {background-position: -149px 0px;}
				.volvo {background-position: -227px 0px;}
				.mazda {background-position: -303px 0px;}
					.makeToolTip {display: none;}
					
						.arrowTip {
							background: url(../../Style1/Images/tooltip_arrow.png) no-repeat scroll 0 0;
							height: 10px;
							margin: -15px 0 0 22px;
							position: absolute;
							width: 20px;
						}
						.ford:hover .makeToolTip, 
						.mercury:hover .makeToolTip, 
						.lincoln:hover .makeToolTip, 
						.volvo:hover .makeToolTip, 
						.mazda:hover .makeToolTip {
							background-color: #ffffff;
							-moz-border-radius: 1em;
							border: 1px solid #356da1;
							display: block;
							font-size: 11px;
							padding: 5px 10px;
							position: absolute;
							top: 75px;
							width: 90px;
							z-index: 1000;
						}
						.ford:hover .makesBlock,
						.mercury:hover .makesBlock,
						.lincoln:hover .makesBlock,
						.volvo:hover .makesBlock,
						.mazda:hover .makesBlock {margin:0 auto; position:relative;}
						
							.makeToolTip a {color: #555555;}
								.makeToolTip a:hover {
									color: #356da1;
									cursor: pointer;
									text-decoration: underline;
								}
					/* Makes Locations Listings */
					ul.locationLinks {
						float: left;
						font-size: 9px;
						width: 75px;
					}
						ul.locationLinks li {margin:  0 0 3px 0 !important; text-align: left;}
						ul.locationLinks a {color: #386bcc; text-decoration: underline;}
							ul.locationLinks a:hover {color: #777777; text-decoration: underline;}
				li a.tascaRacing {
					 background: url(../../Style1/Images/Tasca-Racing-logo.gif) no-repeat scroll 0 0;
					 display: block;
					 height: 52px;
					 width: 130px;
					 
				}
			
	/* Global Main Content Callouts */
	div#primaryFeature, div#secondaryCallouts, div#tertiaryCalloutsContainer, div#quadCallouts, div#doormat, div#secondaryCalloutsInner {
		margin: 0 0 10px 18px;
		position: relative;
		width: 938px;
	}
		div#primaryFeature,
		div#secondaryCallouts, 
		.tertiaryCallout, 
		div#quadCallouts, 
		div#secondaryCalloutsInner {border: 1px solid #e0e0e0;}
		
		/* Primary Feature */
		div#primaryFeature {min-height: 248px;}
		
			.primaryFeatureBg {
				background: url(../../Style1/Images/primary_feature_bg.gif) repeat-x scroll 0 0;
				border: 1px solid #ffffff;
				height: 246px;
				width: 937px;
			}
			.primaryFeatureInnerBg {
				background: url(../../Style1/Images/primary_feature_bg.gif) repeat-x scroll 0 0;
				border: 1px solid #ffffff;
				min-height: 246px;
				position: relative;
				width: 937px;
			}
				.tabHolder {
					float: left;
					position: relative;
					width: 169px;
				}
					.weeklyAdBlock {
						float: left;
						min-height: 158px;
						padding: 10px 10px 10px 10px;
						width: 480px;
					}
					.locationBlockContainer {min-height: 178px;}
					.locationBlock {
						float: left;
						padding: 10px 10px 10px 10px;
						width: 230px;
					}
						.locationHeading, .phoneBlock {font-weight: bold;}
					.pricesContainer {min-height: 130px; padding: 10px 0 20px 0;}
					
		/* Secondary Callouts */
		div#secondaryCallouts, 
		div#secondaryCalloutsInner {height: 161px;}
		
			.secondaryInnerBg {
				background: url(../../Style1/Images/secondary_callout_bg.gif) repeat-x scroll 0 0;
				border: 1px solid #ffffff;
				clear:both;
				height: 159px;
				width: 936px;

			}
				/* Secondary Ads Sprite */
				.spriteSecondary {background-image: url(../../Style1/Images/secondary_callouts_sprite.png); background-repeat: no-repeat;}
				.spriteSecondaryInner {background-image: url(../../Style1/Images/secondary_callouts_sprite_inner.png); background-repeat: no-repeat;}
				a.spriteSecondary, a.spriteSecondaryInner {
					display: block;
					float: left;
					height: 149px;
					margin: 5px 14px 0 0;
					width: 171px;
				}
					.secondaryInnerBg ul {margin: 0; padding: 0;}
					.secondaryInnerBg ul li {
						display: inline;
						margin:0;
						padding: 0;
						position: relative;
					}
						.secondaryInnerBg ul li.first a {margin-left: 13px;}
						.secondaryInnerBg ul li.last a {margin-right: 0px; padding: 0;}
							/* Ad Positioning */
							a.ad1 {background-position: 0px 0px;}
								a.ad1:hover {background-position: 0px -150px;}
							a.ad2 {background-position: -171px 0px;}
								a.ad2:hover {background-position: -171px -150px;}
							a.ad3 {background-position: -342px 0px;}
								a.ad3:hover {background-position: -342px -150px;}
							a.ad4 {background-position: -513px 0px;}
								a.ad4:hover {background-position: -513px -150px;}
							a.ad5 {background-position: -685px 0px;}
								a.ad5:hover {background-position: -685px -150px;}
		
		/* Tertiary Callouts */
		div#tertiaryCalloutsContainer {height: 169px; width: 939px;}
		
			.tertiaryCallout {
				float: left;
				height: 169px;
				width: 460px;
			}
				.leftCallout {margin-right: 15px;}
				
				.tertiaryInnerBg {
					background: url(../../Style1/Images/tertiary_callout_bg.gif) repeat-x scroll 0 0;
					border: 1px solid #ffffff;
					height: 147px;
					padding: 10px 10px 10px 10px;
					width: 438px;
				}
					.tertiaryInnerBg h3 {color: #3570a4; margin:0 0 10px 10px;}
					.vehicleRotator {height:120px; width: 437px;}
						.vehicleRotator h3 {margin: 0;}	
					.internetspecial {height:129px;}
						.vehicleRotator .internetspecials {height:120px; width:437px;}
						.RadRotator,
						.rrRelativeWrapper{height:120px !important; width:437px !important;}
						.rrClipRegion .rrItemsList li {margin: 0 4px 0 4px; width: 143px;}
							.vehicleRotator .internetspecials .vehiclephoto {overflow: hidden; width: 129px;}
							
							.vehicleRotator .internetspecials .vehiclephoto img{height:95px; width:auto !important;}
							
							.vehicleRotator
							.internetspecials
							.description h3{
								text-align:left;
								color: #3570A4;
								font-size:10px;
								line-height:10px;
								margin-bottom:2px;
								overflow:hidden;
								width:126px;
								height:11px;
							}
							.vehicleRotator
							.internetspecials
							.price {
								text-align:left;
								font-size:10px;
								color:#3570A4;
								line-height:10px;
								overflow:hidden;
							}
		/* Quad Callouts */
		div#quadCallouts {height: 138px;}
		
			.quadInnerBg {
				background: url(../../Style1/Images/quad_callout_bg.gif) repeat-x scroll 0 0;
				border: 1px solid #ffffff;
				height: 116px;
				padding: 10px 0px 10px 10px;
				position: relative;
				width: 926px;
			}
				.quadInnerBg h2 {
					color: #ff0000;
					float: left;
					padding-top: 25px;
					width: 165px;
					margin: 0;
				}
				.quadMakes {float: left; width: auto;}
				
					.quadMakes ul li {
						margin: 0 35px 20px 0;
						width: 120px;
						color: #555555;
						font-weight: bold;
					}
					.quadMakes ul li.last {margin-right: 0;}
						.quadMakes ul.locationLinks {width: auto;}
		
		/* Doormat */
		div#doormat {position: relative;}
		
		div#doormat h3 {color: #333333; margin: 0;}
			div#doormat .leftCol {
				float: left;
				margin: 0 34px 0 0;
				width: 540px;
			}
				div#doormat .leftCol p {margin: 0;}
				.leftCol a, .leftCol a:visited {color: #777777; text-decoration: underline;}
				.leftCol a:hover {color: #386bcc; text-decoration: underline;}
			div#doormat .rightCol {	float: left; width: 360px;}
			
				/* Resource Links */
				.resourceLinks {position: relative; width: auto;}
					.resourceLinks ul li {padding: 3px 0 3px 0;}

					.leftLinks, .middleLinks, .rightLinks {
						float: left;
						font-size: 9px;
						width: auto;
					}
					.middleLinks {padding: 0 25px 0 25px;}
					li.headline {font-size: 11px; font-weight: bold;}
					.resourceLinks a, .resourceLinks a:visited {color: #333333; text-decoration: none;}
						.resourceLinks a:hover {color: #386bcc; text-decoration: underline;}
					
		/* Footer */
		div#footerContent {
			color: #ffffff;
			font-size: 10px;
			margin: 10px auto 0 auto;
			position: relative;
			width: 960px;
		}
			div#footerContent ul {height: 16px; margin: 0 0 10px 0;}
				div#footerContent ul li {
					float: left;
					height: 15px;
					margin: 0;
					padding: 0 8px;
				}
					div#footerContent ul.borderRight li {border-right: 1px solid #ffffff;}
					div#footerContent ul li.first {padding: 0 10px 0 0;}
					div#footerContent ul li.last {border-right: 0 none; padding-right: 0;}
						div#footerContent ul li a {color: #ffffff; text-decoration: underline;}
						div#footerContent ul li a:hover {color: #e0e0e0; text-decoration: underline;}
					div#footerContent p {line-height: 16px;}
						div#footerContent p a {color: #ffffff; font-weight: bold;}
							div#footerContent p a:hover {text-decoration: underline;}
					
						.inventoryDetails div.bottomnav .buttonbar .requestinfo a {background:url(../images/bottombuttons.png) 0px 0px;}
							.inventoryDetails div.bottomnav .buttonbar .requestinfo a:hover, div.bottomnav .buttonbar .requestinfo .selected {background:url(../images/bottombuttons.png) 0px 40px;}
						.inventoryDetails div.bottomnav .buttonbar .scheduletest a {background:url(../images/bottombuttons.png) 804px 0px;}
							.inventoryDetails div.bottomnav .buttonbar .scheduletest a:hover, div.bottomnav .buttonbar .scheduletest .selected {background:url(../images/bottombuttons.png) 804px 40px;}
						.inventoryDetails div.bottomnav .buttonbar .makeanoffer a {background:url(../images/bottombuttons.png) 664px 0px; width:160px;}
							.inventoryDetails div.bottomnav .buttonbar .makeanoffer a:hover, div.bottomnav .buttonbar .makeanoffer .selected {background:url(../images/bottombuttons.png) 664px 40px;}
						.inventoryDetails div.bottomnav .buttonbar .payment a {background:url(../images/bottombuttons.png) 504px 0px; width:170px;}
							.inventoryDetails div.bottomnav .buttonbar .payment a:hover, div.bottomnav .buttonbar .payment .selected {background:url(../images/bottombuttons.png) 504px 40px;}
						.inventoryDetails div.bottomnav .buttonbar .socialnetworking .mainLink {
							width:260px;
							height:40px;
							background:url(../images/bottombuttons.png) 334px 0px;
						}
							.inventoryDetails div.bottomnav .buttonbar .socialnetworking .mainLink:hover {background:url(../images/bottombuttons.png) 334px 40px;}
						.inventoryDetails div.bottomnav .buttonbar .close a {background: url(../images/bottombuttons.png) 70px 26px;}
							.inventoryDetails div.bottomnav .buttonbar .close a:hover {background: url(../images/bottombuttons.png) 70px 66px;}
						.inventoryDetails .SalesPersonName, 
						.inventoryDetails .PhoneNumber, 
						.inventoryDetails .DealerName, 
						.inventoryDetails .StreetAddress, 
						.inventoryDetails .CityStateZip {display:none;}
							.footerAddressContainer {
								height: 75px;
								margin-bottom: 10px;
								position: relative;
							}
								p.footerContainer {
									float: left;
									width: 310px;
									margin: 0 10px 0 0;
								}

/*==========================
Search Results Page 
===========================*/
.advancedsearchcontrol2 {margin: 0 auto; width: 978px;}
	.advancedsearchcontrol2inner {margin: 0 auto; width: 960px;}
		.searchresultsdiv table {margin: 0 auto; width: 960px;}
			.vehicleinformation h2 {margin: 0;}
			
			.even, .odd {width: 950px;}
			
			.sortpager, 
			.searchcriteria, 
			.searchheader, 
			.pagerbottom, 
			.disclaimer {padding: 5px 10px 5px 10px !important; width: 940px !important;}
			
				 .disclaimer p {margin: 0;}
				a[href="/InventoryLinks.aspx"]{padding: 0 0 0 20px;}
			
/*==========================
Inventory Inner Page 
===========================*/
.inventoryDetails {margin: 0 auto; width: 950px;}

	.inventoryDetails .topMenu {
		background:url(../../Style1/Images/bar.png) no-repeat scroll left top #2183c9;
		margin-left: 5px;
		width:940px;
	}
	.inventoryDetails div.bottomnav {border-color: #ffffff;}
		.inventoryDetails .topMenu .back {background: transparent url(../images/buttons-heading-back.png) no-repeat scroll left top;}
		.inventoryDetails .topMenu .share .bookmarkpage a {background: transparent url(../images/buttons-heading-bookmark.png) no-repeat scroll left top;}
		.inventoryDetails .topMenu .share .sendtoafriend a {background: transparent url(../images/buttons-heading-email.png) no-repeat scroll left top;}
		.inventoryDetails .topMenu .share .printvehicle a {background: transparent url(../images/buttons-heading-print.png) no-repeat scroll left top;}
		.inventoryDetails .topMenu .share .rss a {background: transparent url(../images/buttons-heading-rss.png) no-repeat scroll left top;}
		#ctl00_ContentSection_inv_aboutUs, #ctl00_ContentSection_inv_getDirections {display:none;}


/*==========================
Service Specials Coupons 
===========================*/
div#couponsContainer {
	background-color: #ffffff;
	position: relative;
	width: 768px;
}
	.couponBlock {
		border: 1px dashed #000000;
		float: left;
		margin: 5px;
		height: 182px;
		width: 371px;
	}
		.headlineBlock {
			color: #386bcc;
			font-size: 14px;
			font-weight: bold;
			height: 25px;
			padding: 5px 0 5px 0;
			text-align: center;
		}
		.priceBlock {
			color: #386bcc;
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			margin: 5px 0 5px 0;
		}
		.couponContent {padding: 5px 5px;}
		.bottomBlock {
			color: #000000;
			font-size: 10px;
			height: 30px;
			position: absolute;
			bottom:5px;
			width:100%;
		}
		.expDate {
			padding: 5px px 20px 0;
			width:70%;
			float:left;
			text-align:center;
		}
			img.miniTasca {float:left; left: 2px;}

/*==========================
Recent Customer page
===========================*/
.RadGrid.RadGrid_Vista {margin: 0 18px; width:938px;}

/*==========================
Schedule appointment page
===========================*/
.scheduleappointment{padding: 0 18px; width:938px;}

	#ctl00_ContentSection__PrimaryPageHeading{padding: 0 18px 0 25px;}
	
.vehiclelinks {float: left;}
.innerLocation {float: left; width: 360px !important;}
.inventoryDetails .innerContactInfo .address2{margin-top:0px;}
table.sitemapContainer {margin-left: 50px;}
.sitemapFooter {padding: 0 50px;}




/* tasca coupons styles */


.couponpanel img.background{
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
	width:99%;
	height:99%;
}	
div.couponpanel div, div.couponpanel a{
	z-index:4;
	position:relative;
}
div.couponpanel div.bottomBlock{
	position:absolute;
	bottom:0px;
}

.couponselectorbutton{
	color:#990000;
	width:16px;
	height:18px;
	padding-left:6px;
	padding-top:3px;
	font-weight:bold;
}
div.couponselectorbutton.selected{
	color:#ffffff;
	
}
	li.single span
{
    color:#356DA1;
    font-size:24px;
}

.advancedsearchinner .h1
{
    float:left;
    width:80%;
}

