@charset "UTF-8";
/* CSS Document */

body,td,th, tr, table {
	font-size: 12px;
}
body {
	background-color: #FFFFFF;
	margin:0px;
	/*background:url(../images/g.png) repeat-x center top;*/
}

/* sandbox */
* html form{
margin: 0px;
padding: 0px;

}
* html #callout{
background-image:url(../images/callout.gif);
width: 300px;
height:120px;
margin:0 0 0 55px;
}

#callout{
background-image:url(../images/callout.png);
background-repeat:no-repeat;
width: 300px;
height:120px;
margin:10px 0 0 55px;
color: #FFFFFF;
font-family:Helvetica, Arial,  sans-serif
}


.dealer-table{
color:#efefef;
font-family: Helvetica, Arial, sans-serif;
line-height: 16px;
font-size: 10px;

}


tr.bottom td{
/* background:transparent url(../images/line.jpg) repeat-x scroll; */
height:20px;
}

tr.title td strong{
text-transform:uppercase;
font-size:11px;
font-weight: bold;

}
.global{
color:#efefef;
font-family: Helvetica, Arial, sans-serif;
font-size:10px;
margin: 0px;
}


.global a{
text-decoration: underline;

}

global a:active{
text-decoration: underline;
}
.global a:visited{
text-decoration: underline;
}

.white{
font-size:14px;
font-weight: bold;
color:#FFFFFF;
font-family:Helvetica, Arial, sans-serif

}

tr.title td strong{
text-transform:uppercase;
font-size:11px;
font-weight: bold;

}

.dealer-table tr td{
font-size: 11px;

}

.dealer-table tr td a:link, .dealer-table tr td a:active, .dealer-table a:visited{
text-decoration: underline;
}


a:link {
text-decoration:none;
}
a {
color:#CCCCCC;
font-size:10px;
}

.wrap{
padding: 20px;
}

.wrap h1{
float:none;
font-size:24px;

}

.wrap p{
float:none;
font-size:11px;
margin: 0px;

}
.wrap a{
color:#d6d753;
font-size: 11px;
text-decoration:underline;
}
.wrap a:hover{
color:#ccc;
font-size: 11px;
text-decoration:underline;
}

/**************************************************************
	Links
**************************************************************/
a {
	font-size: 10px;
	color: #CCCCCC;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #CCCCCC;
}
/**************************************************************
	essentials
**************************************************************/
img{
	border:none;
}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	float:left;
	padding:0 0 5px 0;
	margin:0px;
	letter-spacing:0pt;
}
h4{

	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	padding:5px 0 5px 0px;
	font-weight:normal;
	
}

/**************************************************************
	Main Site
**************************************************************/

.footer{
font-family: Helvetica, Arial, sans-serif;
color:#666666;
font-size: 11px;
margin: 5px auto;

}

* html #siteCc{
	/*background:url(../images/ProJetsBg.png) no-repeat center top;*/
	background:url(../images/zodiac-fuel-bg.jpg) no-repeat center top;
	height:644px;
	width:977px;
/* position:absolute;
	left:50%;
	top: 50%;
	margin:-323px auto 0 -488px; */
	margin: 0 auto;

}

#siteCc{
	/*background:url(../images/ProJetsBg.png) no-repeat center top;*/
	background:url(../images/zodiac-fuel-bg.png) no-repeat center top;
	height:644px;
	width:977px;
	/* position:absolute;
	left:50%;
	top: 50%;
	margin:-323px auto 0 -488px; */
	margin: 0 auto;

}
*html #siteCc_black{
	/*background:url(../images/ProJetsBg_black.png) no-repeat center top;*/
	background:url(../images/zodiac-fuel-inside.jpg) no-repeat center top;
	height:644px;
	width:977px;
	position:absolute;
	left:50%;
	top: 50%;
	margin:-323px auto 0 -488px;

}

#siteCc_black{
	/*background:url(../images/ProJetsBg_black.png) no-repeat center top;*/
	background:url(../images/zodiac-fuel-inside.png) no-repeat center top;
	height:644px;
	width:977px;
	position:absolute;
	left:50%;
	top: 50%;
	margin:-323px auto 0 -488px;

}
#mainCc{
	height:435px;
	text-align:left;
	cursor:default;
}
#flash{
	
	padding: 40px 0 0 55px;
}
/**************************************************************
	Nav
**************************************************************/
#navCc{
	padding:36px 0px 3px 0px;
/*overflow:hidden;*/
}
#nav{
	width: 880px;
	height:43px;
	
	
	
}
#logoCc{
	float:left;
}
#logo a{
	background:url(../images/Logo.png) no-repeat 0 0;
	width:275px;
	height:43px;
	display:block;
	overflow:hidden;
	cursor:pointer;
	float:left;
}
#logo a:hover{
	background:url(../images/Logo.png) no-repeat 0 -43px;
}
#logoTxt{
	text-indent:-999999px;
	overflow:hidden;
	height:43px;
	width:275px;
}
#buttonsCc{
	height:43px;
	width:580px;
	float:right;
	
}
#overview a{
	height:43px;
	width:150px;
	display:block;
	overflow:hidden;
	float:left;
	cursor:pointer;
	background:url(../images/nav_bg.png) no-repeat 0 0;
}
#overview a:hover{
	background:url(../images/nav_bg.png) no-repeat 0 -42px;
}
#overviewTxt{
	text-indent:-999999px;
	overflow:hidden;
	height:42px;
	width:100px;
}
#features a{
	height:43px;
	width:87px;
	display:block;
	overflow:hidden;
	float:left;
	cursor:pointer;
	background:url(../images/nav_bg.png) no-repeat -150px 0;
}
#features a:hover{
	background:url(../images/nav_bg.png) no-repeat -150px -42px;
}
#featuresTxt{
	text-indent:-999999px;
	overflow:hidden;
	height:43px;
	width:87px;
}
#options a{
	height:43px;
	width:80px;
	display:block;
	overflow:hidden;
	float:left;
	cursor:pointer;
	background:url(../images/nav_bg.png) no-repeat -239px 0;
}
#options a:hover{
	background:url(../images/nav_bg.png) no-repeat -239px -42px;
}
#optionsTxt{
	text-indent:-999999px;
	overflow:hidden;
	height:43px;
	width:80px;
}
#specs a{
	height:43px;
	
	display:block;
	overflow:hidden;
	float:left;
	cursor:pointer;
	background:url(../images/nav_bg.png) no-repeat -319px 0;
}
#specs a:hover{
	background:url(../images/nav_bg.png) no-repeat -319px -42px;
}
#specsTxt{
	text-indent:-999999px;
	overflow:hidden;
	height:43px;
	width:119px;
}
#gallery a{
	height:43px;
	width:74px;
	display:block;
	overflow:hidden;
	float:left;
	cursor:pointer;
	background:url(../images/nav_bg.png) no-repeat -361px 0;
}
#gallery a:hover{
	background:url(../images/nav_bg.png) no-repeat -361px -43px;
}
#galleryTxt{
	text-indent:-999999px;
	overflow:hidden;
	height:43px;
	width:74px;
}
#dealer a{
	height:43px;
	width:130px;
	display:block;
	overflow:hidden;
	float:left;
	cursor:pointer;
	background:url(../images/nav_bg.png) no-repeat -437px 0;
}
#dealer a:hover{
	background:url(../images/nav_bg.png) no-repeat -437px -42px;
}
#dealerTxt{
	text-indent:-999999px;
	overflow:hidden;
	height:43px;
	width:130px;
}


/**************************************************************
	black bar Index
**************************************************************/
#black{
	height:108px;
	padding:2px 0 0 0;
	cursor:default;
}

#bf{
    font-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding:22px 0 0 0px;
	font-size: 12px;
	width: 240px;
	text-align:left;
	overflow:hidden;
	cursor:default;
	height: 108px;
	float: left;
}	
#gs, #sr{
	font-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding:22px 0 0 0px;
	font-size: 12px;
	width: 240px;
	text-align:left;
	overflow:hidden;
	cursor:default;
	height: 108px;
	float: left;
	margin-left:50px;
}
.sht{
	font-size: 13px;
	font-weight:bold;
	margin-bottom: 8px;
	text-transform:uppercase;
}
.nrm{
	font-weight: normal;
	text-transform:uppercase;
}


#thumb{
	float:left;
	padding:0 14px 0 0;
}
#modelTxt{
	float:left;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:100px;
}
#modelsCc{
	padding:0px 0 0 4px;
	height:108px;
	width:860px;
	
	text-align:left;
}
#mSpacer{
	width:29px;
	float:left;
	height:50px;
}
/**************************************************************
	section universal
**************************************************************/
#section{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	width:420px;
	height:15px;
	padding:15px 0 10px 0;
}
/**************************************************************
	Line
**************************************************************/
#lineStretch{
	height:2px;
	padding:15px 0 5px 0;
	background:url(../images/line.jpg) repeat-x center;
}
/**************************************************************
	Features & Overview
**************************************************************/
#featuresCc{
	padding:15px 100px 15px 85px;

}
#featuresContent{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
#featuresContent p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding:0px 0 0 10px;
}
#featuredText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	/* padding:5px 0 5px 10px; */
	padding:5px 0 5px 0;
	
}
#fScroll{
	height:365px;
	overflow:auto;
}
#fScroll p{
padding: 0 20px 0 0;
font-size: 12px  /* 10 */

}
#fCol1{
	float:left;
	width:200px;
	padding:0 10px 5px 30px;
}
#fImg{
	width:200px;
}
#fCopy{
	padding:10px 0 10px 0;
}
/* float image in overview section */
.floater{
float:left;
margin:0px;


}
 .floater h4{
margin: 0px;
padding: 0px 0px;
}
.fimage{
float: right;
width: 260px;
padding-right: 16px;
padding-left: 20px;
padding-bottom: 18px;
padding-top: 12px;
text-align: right;
}

/**************************************************************
	Options
**************************************************************/

#optionsCc{
	padding:15px 100px 15px 85px;

}
#optionsContent{
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
}
#optionsSection{
	background:url(../images/sections.gif) no-repeat 0 -34px;
	width:129px;
	height:25px;
	text-indent:-99999px;
}
#optionsLeftCc{
	float: left;
	width: 48%;
}

#optionsRightCc{
	float: right;
	width: 48%;
	padding-left: 10px;
}
	
/**************************************************************
	Specs
**************************************************************/
#fScroll table{
	text-align: left; 
	font-weight:100;
	vertical-align:middle;
	
}

#specsCc{
	padding:15px 100px 15px 85px;

}
#specsContent{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
#specsSection{
	background:url(../images/sections.gif) no-repeat 0 -67px;
	width:129px;
	height:25px;
	text-indent:-99999px;
}

#specsLeftCc{
	float: left;
	width: 48%;
}

#specsRightCc{
	float: right;
	width: 48%;
	padding-left: 10px;
}
.odd{
/* background-color:#0f0f0f;*/
}
.even{
background-color:#272727;

}
#footnotes{
padding-left: 12px;
}
	

/**************************************************************
	Gallery
**************************************************************/
#galleryCc{
	padding:15px 100px 15px 85px;

}
#galleryContent{
}
#gallerySection{
	background:url(../images/sections.gif) no-repeat 0 -100px;
	width:129px;
	height:25px;
	text-indent:-99999px;
}
#galleryThumbsCc{
	padding:0px;
	
}
#gallerylThumbsCc a, a:hover{
	cursor:pointer;
}
.galleryRow{
	padding:0px 6px 6px;
	margin: 0 75px;
	
	width: 800px;
	
}

#galleryThumbsCc img{
padding: 6px 8px 0;
}
#gallerySpacer{
height: 18px;
}

/**************************************************************
	Find a Dealer
**************************************************************/

#dealerCc{
	padding:15px 100px 15px 85px;

}
#dealerContent{
}
#dealerSection{
	background:url(../images/sections.gif) no-repeat 0 -130px;
	width:500px;
	height:25px;
	text-indent:-99999px;
}
/**************************************************************
	footer
**************************************************************/



/**************************************************************
bugs
***************************************************************/
#options{
	height:43px;
	width:78px;
	display:inline-block;
	overflow:hidden;
	float:left;
	cursor:pointer;
}
#options a{
	height:43px;
	width:78px;
	display:inline-block;
	overflow:hidden;
	float:left;
	cursor:pointer;
}
#optionsTxt{
	height:43px;
	width:78px;
}

/**************************************************************
	footer
**************************************************************/

table {
	border-collapse: collapse;

	font-size: 0.8em;
	margin: 0;
	
}
caption {
	font-size: 1.4em;
	font-stretch: condensed;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: left;
	text-transform: uppercase;
}
th, td {
	/*border-bottom: 1px solid #181818; */
	/*border-top: 1px solid #666; */
	/*padding: 0.6em; */
	vertical-align: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
}
.bk{

background-color:#000000;
}

th {
	text-align: left;
	text-transform: uppercase;
}
thead th, tfoot th, tfoot td {
	background-color: #cc9;
	font-size: 1.1em;
}
tbody th {
	/* background: url(http://www.clacksweb.org.uk/images/bullet_vacancy.gif) no-repeat 6px 0.8em; */
	padding-left: 24px;
}
tbody th, td {

}
tbody tr:hover td, tbody tr:hover th {
	background-color: #333333;
}
tr.odd td, tr.odd th {
	background-color:#262626;
	
}

.bdr{
border-bottom: 1px solid #787878;
}
tbody a {
font-size: 11px;
	color: #fff;
}
tbody a:visited {
	color: #ccc;
}
tbody a:hover {
text-decoration:underline;
}
tbody a:active {
	color: #fff;
}
tbody td+td+td+td a {
	
}
tfoot th {
	text-align: right;
}
tfoot th:after {
	content: ":";
}