.home{
background-image:url(../images/background_home.jpg);
background-position: left, top; 
background-repeat:no-repeat;
background-color:#000000;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
}
body, td, th {
font-family:Lucida Sans, Tahoma, Helvetica, sans-serif;
color: #cccccc;
font-size:12px;
line-height:15px;
}
h1, h2, h3, h4, h5, h6 {
font-family:Lucida Sans, Tahoma, Helvetica, sans-serif;
font-weight: normal;
}
h1 {
font-size: 218%;
}
h2 {
font-size: 164%;
}
h3 {
font-size: 145%;
}
h4 {
font-size: 115%;
font-weight:bold;
}

input, textarea, select {
font-size:11px;
}

a {
color:#FFFFFF; 
text-decoration: none;

}
a:hover {
color:#cccccc; 
text-decoration: underline;

}


.btn a {
display:block;
width: 100px;
height:20px;
padding:3px 10px 0px 10px;
font: 11px;
color:#a3a3a3;
background: url("../images/btn_bg.png") 0 0 no-repeat;
text-decoration: none;
}
.btn a:hover { 
background-position: 0 -26px;
color: #cccccc;
text-decoration: none;
}

.subnavigation a{
font-size:14px;
font-weight:bold;
color:#ffffff;
text-decoration: none;
padding-left:30px;
}
.subnavigation a.selected {
color:#bbbbbb;

}
.subnavigation a:hover { 
color: #bbbbbb;
text-decoration: none;
}

.title32{
font-size:32px;
color:#ffffff;
text-decoration:none;
line-height:36px;
}
.title16 {
font-size:16px;
color:#ffffff;
text-decoration:none;
line-height:20px;
font-weight:bold;
}

/* news section */
.title14 {
font-size:14px;
color:#888888;
text-decoration:none;
line-height:18px;
font-weight:bold;
}
.year {
font-size:20px;
color:#c40b0f;
text-decoration:none;
line-height:22px;
}
.news_title {
font-size:14px;
color:#ffffff;
text-decoration:none;
line-height:16px;
font-weight:bold;
padding-bottom: 10px;
width:600px;
}
.news_title a {
text-decoration:none;
}
.news_title a:hover {
color:#c40b0f;
text-decoration:none;
}

.news_1 {
padding:15px 0px 20px 0px;
background-color:#292929;
border-bottom: #454c4c solid 1px;
}
.news_2 {
padding:15px 0px 20px 0px;
background-color:#202020;
border-bottom: #454c4c solid 1px;
}
.readmore {
	display:block;
	width:14px;
	height:47px;
	background:url('../images/right.png') no-repeat;
	float:right;
	margin:0px 0px 0px 0px;
	cursor:pointer;
}
.readmore:hover {
	background-position:0px -47px;		
}

.viewgallery {
	display:block;
	width:100px;
	height:21px;
	background:url('../images/btn_view.png') no-repeat;
	float:left;
	margin:10px 0px 0px 0px;
	cursor:pointer;
}
.viewgallery:hover {
	background-position:0px -21px;		
}


/* news end */


.carmodels {
font-size:14px;
color:#ffffff;
text-decoration:none;
font-weight:bold;
}

.txt12red {
font-size:12px;
color:#bf171e;
text-decoration:none;
font-weight:bold;
padding:12px 0px 3px 0px;
}

.txt10 {
font-size:10px;
text-decoration:none;
}

.footer { 
font-size:10px;
color:#777777;
text-decoration:none;
padding:12px 12px 40px 0px;
text-align:right;
width:920px;
}

.footer_news { 
font-size:10px;
color:#777777;
text-decoration:none;
padding:5px 10px 20px 0px;
text-align:right;
width:580px;
}


.table_spec td{
padding:7px 10px 7px 20px;
line-height:1.3em;
border-bottom:#2f383b solid 1px;
}
.table_spec th{
font-size:14px;
font-weight:bold;
color: #ffffff;
text-align: left;
height:32px;
padding: 0px 0px 0px 20px;
background: #bd0a0e;
}

div.thumbnails img { border:none;}

div.thumbnails {
margin: 5px 25px 30px 25px;
background-image:url(../images/thumb_bg.jpg);
background-position:top;
background-repeat:no-repeat;
padding:11px 19px 12px 2px;
width:216px;
float: left;
display:inline;
}	

div.thumbnails2 img { border:none;}

div.thumbnails2 {
margin: 5px 30px 0px 0px;
background-image:url(../images/thumb_bg2.jpg);
background-position:top;
background-repeat:no-repeat;
padding:11px 19px 12px 2px;
width:216px;
float: left;
display:inline;
}	

div.disclaimer{
	width:700px;
	font-size:9px;
	padding:20px 0px 0px 32px;
}

div.desc
{
  text-align: left;
  font-weight: normal;
  width: 216px;
  height: 15px;
  margin: 20px 0px 0px 0px ;
}

#contentbox {
width:810px;
background-color:#333333;
padding: 15px;
}



div.paginaty{ width: 37px; height: 16px; position: absolute; bottom: 21px; margin-right:20px; top:240px; left:350px;}
div.paginaty img{ height: 16px; width: 18px; }
div.paginaty a{ position: absolute; display: block; height: 16px; width: 18px; background: url('../images/paginatyButtons.png'); }
div.paginaty div.pagyPgLink1 a{ top: 0px; left: 0px; }
div.paginaty div.pagyPgLink2 a{ top: 0px; left: 19px; }
div.paginaty div.pagyPgLink3 a{ top: 0px; left: 38px; }
div.paginaty div.pagyTypeDark div.pagyPgLink1 a.normal{ background-position: 0px -32px; }
div.paginaty div.pagyTypeDark div.pagyPgLink2 a.normal{ background-position: 0px -48px; }
div.paginaty div.pagyTypeDark div.pagyPgLink3 a.normal{ background-position: 0px -48px; }
div.paginaty div.pagyTypeDark div.pagyPgLink1 a.current{background-position: -18px -32px; }
div.paginaty div.pagyTypeDark div.pagyPgLink2 a.current{background-position: -18px -48px;}
div.paginaty div.pagyTypeDark div.pagyPgLink3 a.current{background-position: -18px -48px;}
div.paginaty div.pagyTypeDark div.pagyPgLink1 a.normal:hover{ background-position: -36px -32px; }
div.paginaty div.pagyTypeDark div.pagyPgLink2 a.normal:hover{ background-position: -36px -48px; }
div.paginaty div.pagyTypeDark div.pagyPgLink3 a.normal:hover{ background-position: -36px -48px; }
div.paginaty a.normal{ cursor: pointer; }
div.paginaty a.current{ cursor: default; }

.bullet li {margin: 0px 0px 0px 20px; padding: 0px 0px 7px 5px; list-style-type:square;font-size:11px;}





/* SLIDE MENU root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 820px;	 
	height:350px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
	pad
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}



/* single item */
#thumbs div {
	float:left;
	width:393px;
	height:339px;
	background:#1d2223;
	color:#fff;
	border: 8px solid #1d2223;
	cursor:pointer;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#e21015;	
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#555555;
	cursor:default;
}


/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:14px;
	height:47px;
	background:url('../images/left.png') no-repeat;
	float:left;
	margin:165px 10px 0px 0px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -47px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url('../images/right.png');
	margin:165px 0px 0px 10px;
	clear:right;	
}
/* ***************************************** */


.engine1 {
	display:block;
	width:288px;
	height:41px;
	background:url('../images/tab_engine.gif') no-repeat;
	float:left;
	margin:0px 2px 0px 0px;
	cursor:pointer;
}
.engine2 {
	display:block;
	width:288px;
	height:41px;
	background:url('../images/tab_transmission.gif') no-repeat;
	float:left;
	margin:0px 2px 0px 0px;
	cursor:pointer;
}
.engine3 {
	display:block;
	width:288px;
	height:41px;
	background:url('../images/tab_handling.gif') no-repeat;
	float:left;
	margin:0px 0px 0px 0px;
	cursor:pointer;
}

.mito_feature1 {
	display:block;
	width:288px;
	height:41px;
	background:url('../images/tab_mito_dna.gif') no-repeat;
	float:left;
	margin:0px 2px 0px 0px;
	cursor:pointer;
}
.mito_feature2 {
	display:block;
	width:288px;
	height:41px;
	background:url('../images/tab_mito_performance.gif') no-repeat;
	float:left;
	margin:0px 2px 0px 0px;
	cursor:pointer;
}
.mito_feature3 {
	display:block;
	width:288px;
	height:41px;
	background:url('../images/tab_mito_safety.gif') no-repeat;
	float:left;
	margin:0px 0px 0px 0px;
	cursor:pointer;
}
/* mouseover state */
.engine1:hover, .engine2:hover, .engine3:hover, .mito_feature1:hover, .mito_feature2:hover, .mito_feature3:hover {
	background-position:0px -41px;	
	width: 288px;	
}
.mito_feature1_selected {
	display:block;
	width:288px;
	height:41px;
	background:url('../images/tab_mito_dna.gif') no-repeat;
	float:left;
	margin:0px 2px 0px 0px;
	cursor:pointer;
	background-position:0px -82px;
}
.mito_feature2_selected {
	display:block;
	width:288px;
	height:41px;
	background:url('../images/tab_mito_performance.gif') no-repeat;
	float:left;
	margin:0px 2px 0px 0px;
	cursor:pointer;
	background-position:0px -82px;
}
.mito_feature3_selected {
	display:block;
	width:288px;
	height:41px;
	background:url('../images/tab_mito_safety.gif') no-repeat;
	float:left;
	margin:0px 0px 0px 0px;
	cursor:pointer;
	background-position:0px -82px;
}


.engine1_selected {
	display:block;
	width:288px;
	height:41px;
	background:url('../images/tab_engine.gif') no-repeat;
	float:left;
	margin:0px 2px 0px 0px;
	cursor:pointer;
	background-position:0px -82px;
}
.engine2_selected {
	display:block;
	width:288px;
	height:41px;
	background:url('../images/tab_transmission.gif') no-repeat;
	float:left;
	margin:0px 2px 0px 0px;
	cursor:pointer;
	background-position:0px -82px;
}
.engine3_selected {
	display:block;
	width:288px;
	height:41px;
	background:url('../images/tab_handling.gif') no-repeat;
	float:left;
	margin:0px 0px 0px 0px;
	cursor:pointer;
	background-position:0px -82px;
}

/********************* Navigation styles ***************************/

.chromestyle{
width: 828px;
height:38px;
float:right;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 828px;
padding: 0px;
margin: 0px;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 0px;
margin: 0px;
}


.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
font-family:Lucida Sans, Tahoma, Helvetica, sans-serif;
font-size:10px;
z-index:100;
background-image:url(../images/bg_menu.jpg);
background-repeat:no-repeat; 
background-color: #202020;
background-position: top;
width: 205px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
padding: 7px 0px 7px 35px;
text-decoration: none;
color: #ffffff;
border-bottom: solid 1px #666666;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color:#c40b0f;
background-color: #000000;
}
