* {
	padding: 0;
	margin: 0;
}

html, body{
	width:100%;
	height:100%;
}

body { 
	font-family:Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size:12px; 
	color:#8F9498; 
	margin:0 auto; 
}

	body.default { background: #fff url(../images/bgr-default.jpg) no-repeat 0 0}
	body.other { background: #fff url(../images/bgr-other.jpg) no-repeat 0 0}
	body.showroom { background: #fff url(../images/bgr-showroom.jpg) no-repeat 0 0}
	body.cx7 { background: #fff url(../images/bgr-CX7.jpg) no-repeat 0 0}
	body.mazda6-home { background: #fff url(../images/bgr-mazda6.jpg) no-repeat 0 0}
	body.mazda6 { background: #fff url(../images/bgr-mazda6-inner.png) no-repeat 0 0}

img, fieldset	{ border: 0;}
a { color: #006cb8;}
a:active,a:focus { outline: 0; }

.fl-left{ float:left}
.fl-right{ float:right}

h1{
	color:#006cb8; 
	font-size:22px;
	font-style:italic;
	font-weight:normal
}

h2 { 
	color:#006cb8; 
	font-size:19px;
	font-weight:bold;
	line-height:1.3em;
	padding-bottom:10px
}	

h3 { 
	color:#006cb8; 
	font-size:13px; 
	font-weight:bold;
	padding-bottom:13px
}	

h4 { 
	font-size:11px;
	color:#006cb8;
	font-weight:bold;
	padding-bottom:4px
}	

h4 a { 
	font-size:11px; 
	text-decoration:none
}


.date{ margin-bottom:10px}
	
.sub-title{ 
	font-weight:bold;
	font-size:12px;
	margin-bottom:10px
}
		
.clear{
	clear:both; 
	margin:0;
	padding:0;
	height:1px
}

.back{
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/btn_back.gif) no-repeat 0 5px;
	padding-left:6px;
}

#container {
	width:760px; 
	margin:0 0 48px 12px
}
#container.wide { width:930px}

	#leftContent { 
		float:left; 
		width: 256px;
	}
		#logoContainer{
			margin:22px 0 0 -12px;
		}
			#logo {
				width:199px;
				height:203px;
				background-image:url(../images/logo.png);
				display:block;
			}
		
		#leftContent .left { 
			margin-top:60px;
		}
	
	/* IE6 PIX*/ 
	
	* html #logoContainer{ height:203px}
	* html #logo{ 
		position:absolute;
		left:0;
		background-image:url(../images/logo.gif);
		background-repeat:no-repeat;
	}
	
	#header-preview { 
		width:490px; 
		min-height:260px;
		border:7px solid #fff; 
		border-bottom:none; 
		background-color:#fff;
		text-align:center;
		float:right
	}
	#container.wide #header-preview{ width:660px}
	#container.wide #header-preview.no-border { 
		border:none; 
		background-color:transparent;
		padding: 7px 7px 0 7px
	}
	
	
	/* HOME PAGE */
	#carsNav {
		width:753px; 
		height:80px; 
		margin:2px 0 15px 0;
	}
	
	#homeContent .left { 
		float:left; 
		width:256px
	}
	
	#homeContent #text { 
		margin:0 0 0 7px; 
		padding:0; 
		float:left; 
		width:490px
	}
	
	#content { 
		padding:15px 7px 35px 17px; 
		background-color:#fff;
		line-height:1.3em;
		float:right;
		width:480px;
		color: #8f9498; 
		font-size:11px
	}
	#container.wide #content{ width:650px}
	
		#content  ul { margin:0 0 0 15px}
		
	
	.spec {	margin-bottom:10px}
		.spec div { 
			width:240px;
			font-size:10px;
		}
		
		.spec div img { 
			float:left; 
			margin-right:5px;
		}
			
		.spec h3{margin:0; padding:0 0 2px 0}
		.spec .link{
			font-size:11px;
			font-weight:bold;
			text-decoration:none;
			background:url(../images/btn_next.gif) no-repeat 0 5px;
			padding-left:6px;
		}
	
	.dealers {
		margin-bottom:25px
	}
		.dealers .txt { 
			width:330px;
			float:left;
		}
		
		.dealers .tmb { 
			float:right; 
			width:130px;
		}
	
	.news-item, .sales-item{
		margin-bottom:10px;
		padding-bottom:5px;
		border-bottom:1px solid #c2d6d6
		
	}
		.news-item img, .sales-item img { 
			float:left; 
			margin:0 5px 5px 0;
		}
		
	.news-home{
		width:150px;
		margin-bottom:10px;
		padding-bottom:5px;
		font-size:11px;
		line-height:1.4em;
		float:left;
		margin:0 13px 0 4px;
	}
		.news-home img{ 
			margin:0 5px 4px 0;
		}
	.clear-left-margin{ margin:0 0 0 4px}
	
	/* IE6 Fix*/
	* html .news-home{ margin:0 6px 0 4px;}
	* html .clear-left-margin{ margin:0}
		
	#sale-gallery{
		float:left;
		width:120px;
	}
		#sale-gallery img{
			margin-bottom:5px
		}
		
	#sale-txt{
		width:360px;
		float:right;
	}
	
	.more{
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
		background:url(../images/btn_next.gif) no-repeat 0 5px;
		padding-left:6px;
	}
	
	.more-small{
		font-size:10px;
		font-weight:bold;
		text-decoration:none;
		background:url(../images/btn_next.gif) no-repeat 0 5px;
		padding-left:6px;
	}
	
	
	/* MODELS*/
	ul.modelList {
		width:492px; 
		margin:0 0 0 -10px !important; 
		padding:0 !important; 
		list-style-type: none; 
	}
		.modelList li { 
			float:left; 
			width:121px;
			height:104px;
			margin:0 2px 11px 0; 
			padding:0; 
			text-align: center; 
			background: #e4e4e4 url(../images/model_empty.jpg) repeat-x 0 0
		}
		
			.modelList li img {
				display:block;
				margin:0 auto 5px auto;
				text-align:center
			}	
			.modelList li a	{
				font-weight:bold; 
				color: #8F9498;
				text-decoration:none
			}
			.modelList li a:hover { color:#006CB8}
		
	
	/* SUB MODELS*/
	ul.subModelList {
		width:492px; 
		margin:0 0 0 0 !important;
		padding:0 !important; 
		list-style-type: none; 
	}
		.subModelList li { 
			float:left; 
			width:105px;
			height:92px;
			margin:0 50px 5px 0; 
			padding:0; 
		}
		
			.subModelList li img {
				display:block;
				margin-bottom:4px;
			}
	/* IE6 Fix*/
	* html ul.subModelList { width:450px !important }
	* html ul.subModelList li{ margin:0 40px 5px 0 !important }
	
	/* Specs table */
	table.specs tr { vertical-align:top }
	table.specs	{ 
		display:inline-table; 
		position: relative; 
		border-collapse: collapse;
		border-spacing: 0; 
		margin: 0 0 15px 0; 
		width:100%; 
		font-size: 11px;
	}
	table.specs th {
		border:2px solid #fff;
		font-weight:bold;
		padding:5px;
		background-color:#E0EAEB;
		color:#333
	}
	table.specs td{ 
		border:2px solid #fff;
		padding:3px 5px;
		background-color:#F2F7F7;
		color:#333
	}
	table.specs td.center { text-align:center}
	
	
	ul.gallery { 
		width:100%;
		margin:0 0 1em 0!important;
		padding:0!important;
		list-style-type:none
	}
	.gallery li	{ 
		float:left; 
		width:120px; 
		margin:0 0 1em 0; 
		padding:0
	}

	.gallery li img	{ 
		display:block; 
		margin-bottom:0.2em;
		width:105px
	}	
	.gallery li a { 
		font-size:11px; 
		font-weight:bold;
		line-height:normal;
		text-decoration:none;
		background: transparent url(../images/btn_next.gif) no-repeat 0 0.35em; 
		padding: 0 0 0 6px;
	}