﻿/*
	-------------------------------------------------------
	(C) Copyright 2009 MC+Co
	-------------------------------------------------------
*/

	body {
		margin: 0;
		padding: 0;
		text-align: center;
		background-color: #333333;
	}
	form {
		margin: 0;
		padding: 0;
	}
	
	h1, h2, p, span, div, ul, li {
		font-family: Tahoma, Verdana, Arial, Times New Roman;
		margin: 0;
		padding: 0;
	}

	p {
		margin: 0 0 12px 0;
		padding: 0;
		color: #64676C;
		font-size: 11px;
		line-height: 16px;
	}
	
	.navLink {
		text-decoration: none;
	}
	.navLink:link {color: #00A769;}
	.navLink:visited {color: #00A769;}
	.navLink:hover {
		/*
		background-color: #EEF6EE;
		border-top: 1px solid #CFE2CF;
		*/
		border-bottom: 1px solid #CFE2CF;
		color: #009900;
	}
	
	.navLinkMenu {
		background-image: url(../../images/navLink.gif);
		background-position: left top;
		background-repeat: no-repeat;
		text-decoration: none;
		padding-left: 8px;
	}
	.navLinkMenu:link {color: #51B151;}
	.navLinkMenu:visited {color: #51B151;}
	.navLinkMenu:hover {
		color: #009900;
	}
	.navLinkMenuRed {
		background-image: url(../../images/navLinkRed.gif);
		background-position: left top;
		background-repeat: no-repeat;
		text-decoration: none;
		padding-left: 8px;
	}
	.navLinkMenuRed:link, 
	.navLinkMenuRed:visited {color: #cc0000;}
	.navLinkMenuRed:hover {
		color: #009900;
	}
	
	#GlobalContainer {}
	#GlobalContainerInner {}
	
	#SiteHolder {
		width: 900px;
		background-image: url('../../images/back_site.jpg');
		background-position: left;
		background-repeat: repeat-y;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		position: relative;
		margin: auto;
	}

/*
	-------------------------------------------------------
	HEADER
	-------------------------------------------------------
*/
	#HeaderBar {
		height: 90px;
		text-align: left;
		background-image: url('../../images/back_headerBar.jpg');
		background-position: top;
		background-repeat: repeat-x;
		position: relative;
	}
	#LogoHolder {
		width: 84px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	#HeaderHolder {
		width: 587px;
		position: absolute;
		top: 0px;
		left: 84px;
	}
	#PrimaryNavBar {
		width: 587px;
		position: absolute;
		top: 50px;
		left: 98px;
		/* background-color: #cc0000; Debug */
		text-align: left;
	}
	#AboutUsLinksHolder {
		margin-top: 2px;
		/* background-color: #eecc00; Debug */
	}
	#OurCarsLinksHolder {
		margin-top: 9px;
		/* background-color: #eebb55; Debug */
	}
	.navLabel {
		width: 62px;
		float: left;
		padding-top: 2px;
	}
	.navLinks {
		width: 400px;
		float: left;	
	}
	.navLinks ul, .navLinks ul li {
		margin: 0;
		padding: 0;
	}
	.navLinks ul li {
		display: inline;
		list-style-type: none;
		font-size: 11px;
		line-height: 12px;
	}
	.navLinks ul li a {
		padding: 0 4px;
	}
	.navLinks ul li a:link,
	.navLinks ul li a:visited,
	.navLinks ul li a:hover {
		color: #333333;
		text-decoration: none;
	}
	.navLinks ul li a:hover {
		color: #666666;
	}
	.navSpacer {
		color: #666666;
	}

/*
	-------------------------------------------------------
	PANEL
	-------------------------------------------------------
*/
	#FloatPanel {
		width: 225px;
		text-align: left;
		position: absolute;
		top: 0px;
		right: 4px;	
	}
	#FloatPanelTopSection {
		width: 217px;
		background-color: #3F3F3F;
		text-align: center;
	}
	#FloatPanelNumbers {
		padding-top: 5px;
	}
	#FloatPanelSectionDivider {
		width: 217px;
		height: 2px;
		background-color: #ffffff;
	}
	#FloatPanelBottomSection {
		width: 217px;
		padding: 20px 0;
		background-color: #E0DFE0;
		text-align: center;
	}
	#UsedSearchHolder {
		width: 192px;
		padding: 1px;
		border: 1px solid #98989C;
		margin: 0 auto;
	}
	.searchDdlHolder {
		margin: 3px 0;
	}
	.searchDdlHolder select {
		width: 170px;
		font-size: 10px;
		color: #333333;
	}
	#SearchButtonHolder {
		margin: 8px 2px 2px 0;
		text-align: right;
	}

/*
	-------------------------------------------------------
	CONTENT
	-------------------------------------------------------
*/	

	#ContentHolder {
		background-image: url('../../images/back_address.jpg');
		background-position: left bottom;
		background-repeat: no-repeat;
		text-align: left;
	}
	#ContentHolderInner {
		text-align: left;
	}
		
	#PrimaryMediaHolder {
		text-align: left;
	}
	
	#PageContent {
		padding-top: 15px;
	}
	
	#PageContentInner {
		background-image: url('../../images/back_content.gif');
		background-position: left;
		background-repeat: repeat-y;
	}
	#ContentLeft {
		width: 100px;
		float: left;
		padding-top: 45px;
	}
	#ContentPrimary {
		width: 525px;
		float: left;
		text-align: left;
		margin: 0 0 0 25px;
	}
	
	#ContentPrimaryInner {
		width: 525px;
		text-align: left;
		margin: 0 0 0 25px;
	}
	
	#PageTitleHolder {
		width: 517px;
		margin: 0 0 15px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #d7d7d7;
	}
	.pageTitlePre, .pageTitlePost {
		color: #3f3f3f;
		font-weight: bold;
		font-size: 12px;
		line-height: 22px;
	}
	.pageTitlePre {
		text-transform: uppercase;
	}

/*
	-------------------------------------------------------
	CAR SEARCH
	-------------------------------------------------------
*/
	.carImgHolder {
		width: 170px;
		float: left;
	}
	.carDataHolder {
		width: 345px;
		float: left;
	}
	.viewCarDetailsLink {
		color: #72C0A2;
		color: #cc0000;
		font-size: 10px;
		text-decoration: none;
	}
	
	.pagerHolderTop {
	}
	.pagerData {
		font-size: 10px;
		line-height: 10px;
		margin: 0 5px;
	}
	.pagerHolderBottom {
		margin: 10px 0 0 0;
		padding-top: 12px;
		border-top: 1px solid #ececec;
	}
	.pagerHolderTop a:link, .pagerHolder a:visited, .pagerHolder a:hover, 
	.pagerHolderBottom a:link, .pagerHolder a:visited, .pagerHolder a:hover {
		color: #6D6E71;
		text-decoration: none;
	} 
	.pagerLinkPrevious, .pagerLinkNext {
		font-size: 10px;
	}
	
	#CarDetailsHolder {}
	#PrimaryImageHolder {
		width: 395px;
		float: left;
	}
	#SecondaryImagesHolder {
		width: 112px;
		float: right;
		text-align: right;
		margin-right: 10px;
	}
	.secondaryImageHolder {
		text-align: right;
		margin-bottom: 11px;
	}
/*
	-------------------------------------------------------
	USED CAR DETAILS
	-------------------------------------------------------
*/
	#CarDetailsTitleLine {
		margin: 11px 0 8px 0;
		font-weight: bold;
		padding: 0 0 12px 3px;
		border-bottom: 1px solid #ececec;
	}
	#CarDetailsProperties {
		margin: 0 0 8px 0;
		padding-bottom: 6px;
		border-bottom: 1px solid #ececec;
	}
	#CarDetailsPropertiesLeft {
		width: 250px;
		float: left;
	}
	#CarDetailsPropertiesRight {
		width: 250px;
		float: left;
	}
	.carDetailsPropertyLabel,
	.carDetailsPropertyData {
		font-weight: bold;
		font-size: 11px;
		line-height: 13px;
	}
	.carDetailsPropertyLabel {
		color: #64676C;
	}
	.carDetailsPropertyData {
		color: #00A769;
	}
	#CarDetailsExtendedLeft {
		width: 420px;
		float: left;
	}
	.carDetailsExtendedItem {
		padding: 0 10px 10px 5px;
		margin: 0 10px 10px 0;
		border: 1px solid #ececec;
		border-top: none;
	}
	#CarDetailsExtendedRight {
		width: 80px;
		padding-left: 5px;
		float: left;
	}
	.usedCarImageReplacement {
		text-align: center;
		border: 1px solid #d7d7d7;
	}
	
/*
	-------------------------------------------------------
	NEW CAR DETAILS
	-------------------------------------------------------
*/
	#NewCarDetailsHolder {
		background-image: url(../../images/back_newCarDetails.jpg);
		background-position: left top;
		background-repeat: repeat-y;
	}
	#NewCarDetailsLeftCol {
		width: 380px;
		float: left;
	}
	#NewCarDetailsRightCol {
		width: 120px;
		float: right;
		text-align: left;
	}
	.copyImageLeft {
		float: left;
		margin: 0 12px 12px 0;
	}
	.newCarDetailBreak {
		margin: 10px 0 10px 0;
		height: 1px;
		background-color: #cccccc;
		width: 100px;
	}
/*
	-------------------------------------------------------
	SPECIAL OFFERS
	-------------------------------------------------------
*/
	#OffersHolder {
		margin-left: 15px;
	}
	
	.oTopLeft,
	.oTopRight,
	.oMidLeft,
	.oMidRight,
	.oBottomLeft,
	.oBottomRight {
		float: left;
	}
	
	.oTopLeft {
		border-right: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
		padding: 0 20px 20px 0;
		text-align: left;
	}
	.oTopRight {
		border-bottom: 1px solid #d7d7d7;
		padding: 0 0 20px 20px;
		text-align: right;
	}
	.oMidLeft {
		border-right: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
		padding: 20px 20px 20px 0;
		text-align: left;
	}
	.oMidRight {
		border-bottom: 1px solid #d7d7d7;
		padding: 20px 0 20px 20px;
		text-align: right;
	}
	.oBottomLeft {
		border-right: 1px solid #d7d7d7;
		padding: 20px 20px 0 0;
		text-align: left;
	}
	.oBottomRight {
		padding: 20px 0 0 20px;
		text-align: right;
	}
	.specialOffersInner {
	}
/*
	-------------------------------------------------------
	BASE
	-------------------------------------------------------
*/

	#BaseBarSpacer {
		background-color: #ffffff;
		height: 13px;
		/* border: 1px solid #00ff00; Debug */
	}
	
	#BaseBar {}
	#BaseBarInner {
		text-align: left;
		background-color: #818084;
		color: #818084;
		padding: 6px;
		font-size: 10px;	
		border-bottom: 1px solid #818084;
	}
	#BaseBarLeft {
		width: 650px;
		float: left;
	}
	#BaseBarRight {
		width: 200px;
		float: right;
		margin-right: 10px;
		text-align: right;
	}
	
	#BaseBarMenu {
		margin-left: 125px;
	}
	#BaseBarMenu ul {
		margin: 0;
		padding: 0;
	}
	#BaseBarMenu ul li {
		margin: 0 6px 0 0;
		padding: 0;
		text-align: left;
		list-style: none;
		display: inline;
	}
	#BaseBarMenu ul li, #BaseBarMenu ul li a,
	#BaseBarMenu ul li a:link,
	#BaseBarMenu ul li a:visited,
	#BaseBarMenu ul li a:hover {
		color: #D0CFD0;
		font-size: 10px;
		text-decoration: none;
	}
	#BaseBarMenu ul li a:hover {
		text-decoration: underline;
	}
	
	#BaseBarSiteCredit a,
	#BaseBarSiteCredit a:link,
	#BaseBarSiteCredit a:visited,
	#BaseBarSiteCredit a:hover {
		color: #D0CFD0;
		font-size: 10px;
		text-decoration: none;
	}
	#BaseBarSiteCredit a:hover {
		text-decoration: underline;
	}
	
	#PostSiteSpacer {
		height: 20px;
	}

/*
	-------------------------------------------------------
	CONTACT FORM
	-------------------------------------------------------
*/
	#ContactForm fieldset {
		border: none;
		margin: 0;
		padding: 0;
	}
	
	#ContactForm legend {
		margin: 0;
		padding: 0;
	}
	
	#ContactForm label,
	#ContactForm input,
	#ContactForm textarea,
	#ContactForm select,
	#ContactForm div,
	#ContactForm span {
		font-family: Arial, Tahoma, Verdana, Times New Roman;
		font-size: 11px;
		color: #666666;
	}
	
	#ContactForm div {
		clear: both;
		margin: 4px 0;
		/* border-top: 1px solid #efefef; */
	}
	#ContactForm label {
		display: block;
		width: 90px;
		float: left;
		margin-right: 15px;
	}
	#ContactForm input,
	#ContactForm textarea,
	#ContactForm select {
		width: 200px;
		margin: 0;
		padding : 1px;
		border: solid 1px #C7C6C7;
	}
	#ContactForm select {
		width: 204px;
	}
	#ContactForm .checkBoxList input {
		width: 18px;
		border: none;
		float: left;
		margin: 0;
		padding: 0;
	}
	#ContactForm .checkBoxList label {
		margin-left: 6px;
		padding-top: 1px;
	}
	#ContactForm .submitButton {
		margin: 12px 0 0 0;
		padding: 0;
		width: 140px;
		height: 22px;
	}
/*
	-------------------------------------------------------
	HELPERS
	-------------------------------------------------------
*/
	.tight {
		margin: 0;
		padding: 0;
	}
	.tightTop {
		margin-top: 0;
		padding-top: 0;
	}
	.tightBottom {
		margin-top: 0;
		margin-bottom: 0;
	}
	.copyImageTopRight {
		float: right;
		margin: 0 0 12px 10px;
	}
	.breakFloat {
		clear: both;
		visibility: hidden;
		/* visibility: visible;height: 1px; background-color: #cc0000; debug */
	}





#TestBar {
	width: 150px;
	height: 275px;
	background-color: #666666;
	border: 1px solid #cc0000;
	color: #ffffff;
	font-weight: bold;
	position: absolute;
	top: 20px;
	right: 300px;
}