body {
	background-color: #cccccc;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	
	background-repeat: repeat;
	background-position: left top;	
	
	
}
.textsize {
	
	
			background-repeat: repeat-x;

	
}
.header {
	font-weight: bold;
	color: #CCCCCC;
	
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	
	vertical-align: middle;
}
.header a {
	color: #336666;
	text-decoration: none;	
}
.headera {
	font-weight: bold;
	color: #fff;
	
	background-color: #ccc;
	margin: 0px;
	padding: 0px;
	
	vertical-align: middle;
}
.headera a {
	color: #336666;
	text-decoration: none;	
}
td.rs1{
font-family: sans-serif,Dax-Light, Verdana, Arial, Helvetica;
	
	font-size: 12px;
	background-color: #f7f5eb; color: #000000;
}
td.r1{
	font-family: sans-serif, Dax-Light, Verdana, Arial, Helvetica;
	font-size: 12px;
	
	color: #000000;
	font-weight: bold;
	margin: 1px;
	width: 30px;
	padding: 1px;
	text-align: center;
	border: thin groove #000000;
}
td.r2{
color: #fff;
	font-family: sans-serif, Dax-Light, Verdana, Arial, Helvetica;
	font-size: 12px;

     background-color: #336666;
	
	font-weight: bold;
	margin: 1px;
	border: thin groove #000000;
	width: 30px;
	padding: 1px;
	text-align: center;
}
.header a:visited {
	
	color: #336666;
	text-decoration: none;	
	
}
.itemHead {
	color: #336666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	height: 16px;
}
.itemHead a{
	color: #336666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
		font-weight: bold;
	height: 16px;
}
.itemHead a:hover{
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
		font-weight: bold;
	height: 16px;
}
.navTable {
	background-color: #F4D422;
	width: 100%;
}
.navTableTop {
	color: #336666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
	font-weight: bold;
	margin: 3px;
	padding: 3px;
	background-image: url(images/style3/euro7/images/navimageC2.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 20px;
	
	

}
.navTableTopa {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #336666;
	
	margin: 3px;
	padding: 3px;
	
	background-repeat: no-repeat;
	background-position: left;
	
	
	

}

.mainTable {
	background-color: #cccccc;
height: 1023px;
	padding-left: 0px;
	height: 360px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	
	background-repeat: repeat;
	text-align: left;
	
	background-position: top;
}
.footer {
	background-repeat: repeat-x;
	
	background-color: #FFFFFF;
	
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size: 11px;
}
a {
	color: #336666;
}
.itemTable {
	background-color: #FFFFFF;
	margin: 3px;
	padding: 10px;
	border-top: 1px solid #336666;
	border-right: 2px solid #336666;
	border-bottom: 2px solid #336666;
	border-left: 1px solid #336666;
	background-image: url(images/style1/bottom_title_weak.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.itemTable a{
	color: #336666;
	
	text-decoration: none;
}

.srcresult {
	color: #000000;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}
.srcresult a{
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: normal;
}
.picTable {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #336666;
	border-right: 1px solid #336666;
	border-bottom: 1px solid #336666;
	border-left: 1px solid #336666;
	
}
.techTable {
	border: 1px solid #A05551;
	background-color: #FAE391;
	margin: 0px;
	padding: 5px;
}
.TR {
	border: 2px solid #A05551;
	margin: 0px;
	padding: 5px;
	background-image: url(images/style1/dot_heavy.gif);
	background-repeat: repeat;
}
.border {
		border-top: 1px solid #336666;
	border-right: 1px solid #336666;
	border-bottom: 1px solid #336666;
	border-left: 1px solid #336666;
}
.grey {
	background-color: #CCCCCC;
}
.purpleStrip {
	background-color: #336666;
	margin: 0px;
	padding: 0px;
	height: 10px;
}
.content {
	height: 600px;
}
.mainTableHome {
	background-color: #FAF4DC;
	
	padding-left: 0px;
	height: 360px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #336666;
	border-right-color: #336666;
	border-bottom-color: #336666;
	border-left-color: #336666;
	background-image: url(images/style1/yellow_title.gif);
	background-repeat: no-repeat;
}
.bottomTile {
	background-image: url(images/style1/bottom_tile.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.redType {
	font-size: 12px;
	font-weight: bold;
	color: #336666;
	
}
.PR {
		font-size: 11px;
	font-weight: bold;
	color: #FF9933;
}
.PR a{
		font-size: 11px;
	font-weight: bold;
	color: #FF9933;
}


.sideMenuTable {
	background-color: #Ffffff;
	color:  #336666;
	margin: 0px;
	padding: 0px 5px;
	border-top: 1px solid #336666;
	border-right: 2px solid #336666;
	border-bottom: 2px solid #336666;
	border-left: 1px solid #336666;


	background-repeat: repeat;
}
.sideMenuTable a {
	color:  #336666;
	text-decoration: none;
;
	background-color: #FFFFFF;
}
.sideMenuTable a:hover{
	color:  #000;
	text-decoration: none;
	
	background-color: #FFFFFF;
}

.navigationMenu {
	background-color: #336666;
	
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	height: 21px;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
}
.navigationMenu a{
	background-color: #336666;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	height: 21px;
	text-decoration: none;
	font-weight: bold;
		vertical-align: middle;
		cursor:default;
}
.navigationMenu a:hover{
	
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	height: 21px;
	text-decoration: none;
	font-weight: bold;
	cursor:default;
}
.mainFooter{
	background-color: #336666;
	margin: 0px;
	padding: 0px 5px;
	border-top: 1px solid #336666;
	border-right: 2px solid #336666;
	border-bottom: 2px solid #336666;
	border-left: 1px solid #336666;
}
.tdTop {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #336666;
	font-weight: bold;
	margin: 3px;
	padding: 3px;
	background-image: url(images/style3/euro7/images/navimageC.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 30px;
	
	

}
.tdTopb {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #336666;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	background-image: url(images/style3/euro7/images/navimageC.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 15px;
	
	

}
.tdTopback {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #336666;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-decoration: none;

	height: 30px;
	
	

}
.tdTopback a{
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #336666;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
text-decoration: none;
	height: 30px;
	
	

}
.tdTopback a:hover{
	color: #ff6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #336666;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
text-decoration: none;
	height: 30px;
	
	

}
.error {
 	color: #FF0000;
}

.bodyContent {
	font-size: 11px;
	
	color: #000000;
	
}
.DocbodyContent {
	color: #336666; 
	font-size:11px; 
	font-weight:light;
	
}
td.menuLeft {
	background-color: #fff; 
	color: #336666; 
	 font-weight:bold;
	 text-align:left;
	 text-decoration:none;
}

td.menuLeft:a {
	background-color: #fff; 
	color: #336666; 
	 font-weight:bold;
	 text-align:left;
	 text-decoration:none;
}

td.menuLeft:hover {
	background-color: #fff; 
	color: #336666; 
	 font-weight:bold;
	 text-align:left;
	 text-decoration:none;
}

tr.d0 td {
	background-color: #efede7; color: #336666;  font-weight:bold; text-decoration:none;
}
tr.d1 td {
	background-color: #336666; color: #f7f5eb;  font-weight:bold; text-decoration:none;
}



tr.s0 td {
	background-color: #efede7; color: #336666; font-size:11px; font-weight:light; text-decoration:none;
}
tr.s0 td a{
	background-color: #efede7; color: #336666; font-size:11px; font-weight:light; text-decoration:none;
}
tr.s0:hover td {
	background-color: #efede7; color: #336666; font-size:11px; font-weight:bold; text-decoration:none;
}
tr.s1 td {
	background-color: #f7f5eb; color: #336666; font-size:11px; font-weight:light; text-decoration:none;
}
tr.s1 td a{
	background-color: #f7f5eb; color: #336666; font-size:11px; font-weight:light; text-decoration:none;
}
tr.s1:hover td {
	background-color: #f7f5eb; color: #336666; font-size:11px; font-weight:bold; text-decoration:none;
}
.view {
	 color: #336666; font-size:11px; font-weight:bold; text-decoration:none;
}
.view:a {
	 color: #336666; font-size:11px; font-weight:bold ; text-decoration:none ;
}
.viewcont {
	 color: #336666; font-size:11px; font-weight:light; text-decoration:none;
}
#lightbox{
	background-color:#fff;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 12px;
		font-weight: bold;
	color: #619aa8;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image:  url(overlay.png); }

* html #overlay{
	background-color: #ccc;
	back\ground-color: transparent;
	background-image:  url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:0em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #336666;
 font: bold 14px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;

 border-bottom: none;
 background: #336666;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #ffffff; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #669966;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 color: #000;
 background-color: #fff;

}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;

 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
#navigation a:hover {
color: #fff;
	background-image: url(images/indextop3.gif);
background:  url(images/indextop1.gif) left top no-repeat;
padding-left: 10px
} 

#navigation a:hover span
{
background-image: url(images/indextop3.gif);
background: url(images/indextop2.gif) right top no-repeat;
padding-right: 10px
}

*{outline: none;}
img {border: 0;}
.container {
	width: 960px;
	padding: 0;
	margin: 0 auto;
}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 44px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
	background: url(images/MnewHome.png) no-repeat;
	width: 69px; 
}
ul#topnav a.products {
	background: url(images/MnewProducts.png) no-repeat;
	width: 90px; 
}
ul#topnav a.collection {
	background: url(images/MnewCollection.png) no-repeat;
	width: 147px; 
}
ul#topnav a.accessories {
	background: url(images/MnewAccessories.png) no-repeat;
	width: 116px; 
}
ul#topnav a.fuel {
	background: url(images/MnewFuel.png) no-repeat;
	width: 98px; 
}
ul#topnav a.QA {
	background: url(images/MnewQA.png) no-repeat;
	width: 51px; 
}
ul#topnav a.contact {
	background: url(images/MnewContact.png) no-repeat;
	width: 82px; 
}
 ul#topnav a.shop {
	background: url(images/MnewShop.png) no-repeat;
	width: 62px; 
}
 ul#topnav a.log {
	background: url(images/MnewLog.png) no-repeat;
	width: 62px; 
}
 
 
 
ul#topnav li .sub {
	position: absolute;	
	top: 44px; left: 0;
	background: #336666 url(sub_bg.png) repeat-x;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width:200;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 5px;  margin: 5px;
	font-size: 1.3em;
	font-weight: normal;
		background: url(images/arrow3.gif) no-repeat 0px 12px;
}
ul#topnav .sub ul li h2 a {
	padding: 5px ;
	background-image: none;
	color: #e8e000;
		
}

ul#topnav .sub ul li h3 {
	padding: 0px;  margin: 0px;
	font-size: 1.1em;
	font-weight: normal;
}
ul#topnav .sub ul li h3 a {
	padding: 5px ;
	margin:0px;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(images/arrow.gif) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;}
