@charset "utf-8";

/*#e4a330;*/

*{ margin:0;
   padding:0;
  }
  
  .right{float:right;}
  
  .content  img {
	border: 1px solid #CCCCCC;
}

  .content  img.imgNoBorder {
	border-style:none;
	border:0;
}
  
/* mac hide \*/
html, body {height:100%}
/* end hide*/
.clear{
	height:1em;
	width:auto;
	clear:both;
  }
.productsName{
	float: right;
	position: relative;
	height: auto;
	width: 417px;
	top: 0px;
}    
body {
	background-color: #131312;
	background-image: url(../images/back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; 
	color: #CCCCCC;
/* 	line-height: 1.4em; */
}

div.wrapper{
	width:900px;
	min-height:100%;
	/*border: 1px solid #000;*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	/*background-image: url(../images/temp.jpg);*/
	z-index:1;
}
div.lang{
	width:310px;
	height:24px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	color:#ffffff;
	background-color: #7f7f7f;
	background-image: url(../images/lang.gif);
   }
   
   
 .lang ul {
	list-style-type: none;
	display:block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: right;
	margin-right: 2em;
}
 .lang li {
	display: inline;
	padding-left: 1em;	
}
.lang li a{
	display: inline;
	padding-left: 1em;
	color:#ffffff;
	text-decoration: none;
	outline: 0; /* prevent dotted border in Firefox */
}

.lang li a:hover{
	display: inline;
	padding-left: 1em;
	color:#e4a330;
	text-decoration: none;
}
.lang .static a{
	display: inline;
	padding-left: 1em;
	color:#e4a330;
	text-decoration: none;
}
div.leftNavi{
	width:170px;
	height:auto;
	float:left;
	
}
.leftNavi ul {
	display: block;
	margin-top: 0.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	list-style-type: none;
	color:#cccccc;
	font-weight: bold;
}
.leftNavi li {
	padding-top: 0.2em;
	
}
.leftNavi li a{
	
color:#dedede;
text-decoration:none;
outline: 0; /* prevent dotted border in Firefox */
	
}
.leftNavi li a:hover{
  color:#e4a330;
  text-decoration:none;
	
}
.leftNavi li.static a{
  color:#e4a330;
  text-decoration:none;
	
}
.leftNavi h1{
	color:#e4a330;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	margin-top: 1em;
	margin-bottom: 0.4px;
}
/*--------tumbs navi---------------------*/
div.products{
	position:relative;
	width:717px;
	height:100%;
	float: right;
	margin-top: 5px;
	z-index:20;
   }
div.productsGroup{
   width:135px;
   height:auto;
 
   float:left;
   margin-right:10px;
   
   border-color:#33FF99;
   border-width:5px;
   
   z-index:10;
} 


div.productsGroupEnd{
   width:135px;
   height:auto;
 
   float:left;
  
}     
.productsGroup img , .productsGroupEnd img{
	border: 1px solid #cccccc;
	float:left;
}
.products h1 {
	display: block;
	margin-top: .5em;
	font-size: 4em;
	font-weight: normal;
	text-transform: none;
	color: #F2F2F2;
	float: left;
}
/*-------content-------------------------------*/
div.content{
	position:relative;
	width:717px;
	height:auto;
	float: right;
	/*border: 1px solid #FF9900;*/
	margin-top: 1em;
	font-size: 1.2em;
	line-height: 1.4em;
	color:#999999;
	
	z-index:5;
	
   }
   
 div.root{
	height:2em;
	width:717px;
	font-size:10px;
	margin-bottom: 1em;
	font-weight: normal;
	color: #FFFFFF;
   }  
   
   div.contentLeft{
	position:relative;
	width:400px;
	height:auto;
	float: left;
	/*border: 1px solid #FF9900;*/
	
	
   }
   
     div.contentRight{
	position:relative;
	width:280px;
	height:100%;
	float: right;
	padding-bottom: 3em;
	/*border: 1px solid #FF9900;*/
	
   }
   
   div.contentRight a{
	color: #CCCCCC;
	text-decoration:none;
	
   }
   
   .content h1 {
	font-size: 2em;
	color: #e4a330;
	float: none;
	margin-top: 0;
	margin-bottom: .5em;
	text-transform: none;
	line-height: 1em;
}
.content p{
   margin-top:.5em;
   margin-bottom:.5em;
   }
   
   .content h2{
	font-size: 1.8em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:0.5em;
	margin-bottom:0.5em;
	line-height: 1em;
	color: #999999;
   }
   
      .content h3{
	font-size: 1.8em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:0;
	margin-bottom:0.5em;
	line-height: 1em;
   }
   
   .products h3{
	font-size: 1.8em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:.2em;
	margin-bottom:0.5em;
	color: #666666;
	text-transform: none;
	line-height: 1em;
   }
   
   .productsName h1 {
	font-size: 2em;
	font-weight: normal;
	color: #666666;
}
   
   /*--------div footer---------------*/
   
   div.footer{
	position: relative;
	width:310px;
	height:25px;
	background-color: #e4a330;
	margin-top: 5em;
	float:right;
	clear:both;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
   }
.footer p{
	margin-top: 0.7em;
	margin-bottom: 0.3em;
	text-align: right;
	margin-right: 2em;
}
.footer a {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	outline: 0; /* prevent dotted border in Firefox */
}
div.clearfooter{clear:both;height:40px;}
.contentRight img {
	border: 1px solid #999999;
}
.content  ul {
	margin-left: 1.2em;
	list-style-type: square;
	margin-top: 2em;
	margin-bottom: 2em;
}
.content  ul.noBullets {
	font-size:.9em;
	margin-left: 1.2em;
	list-style-type: none;
	margin-top: 2em;
	margin-bottom: 2em;
	vertical-align:middle;
}

.content  ul.noBullets a{
	text-decoration:none;
	color:#ccc;
	outline: 0; /* prevent dotted border in Firefox */
}

.content  ul.noBullets img.imgNoBorder {
	vertical-align:middle;
}

.more{
	width:280px;
	height:30px;
	display:block;
	text-align: right;
	padding-bottom: 1em;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
.more img {
	border-width: 0px;
    border-style: none;
    vertical-align: middle;
}
.more a {
	color: #FBA61A#FBA61A;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	outline: 0; /* prevent dotted border in Firefox */
}



/*-------------toultipe-----------------------------*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #999;
	/*background-color: #666;*/
	padding: 1.2em;
	/*filter:alpha(opacity=90);*/
	/*-moz-opacity:.90;*/
	opacity:.90;
	width:200px;
	font-family: Arial, Helvetica, sans-serif;
	color:#E4E4E4;
	font-size: 1.2em;
	background-image: url(../images/tr.png);
	background-repeat: repeat-x;
	background-position: left top;	
	
}
 #tooltip div {
 margin:0; }

#tooltip.pretty {
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.95;
	
	color:#FFFFFF;
	/*background: url('../images/shadow.png');*/
	font-size: 1.2em;
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 1.1em;
	width: 220px;
	text-align: center;
	font-weight: bold;
	color: #F8E68F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#tooltip.pretty div { width: 220px; text-align: left; }
/*------------products group tumbs----------------------*/
div.productsTumbs{
	width:717px;
	height:140px;
	background-image: url(../images/groupback.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 1em;
	margin-bottom: 1em;	
  }
div.productsTumbs strong{
	color: #FBA61A;
}
  .productsTumbs p{
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	float:left;
	width: 400px;
  }
  
  .productsTumbs img{
	float:right;
	margin-top: 1em;
	margin-right: 1em;
	border: 1px solid #999999;
  }
  
   .details a{
	position:absolute;
	float:left;
	padding-left: 1em;
	margin-right: 1em;
	left: .5em;
	margin-top:113px;
	color:#ffffff;
	text-decoration: none;
	outline: 0; /* prevent dotted border in Firefox */
	
  }
#container .none {
	list-style-type: none;
}
#container a {
	color:white;
	text-decoration:none;
}
div.root{
	width:100%;
	height:2em;
	float:left;
	margin-top:2em;
	font-size:1.1em;
	margin-bottom: 0;
	color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
   }
.root a {
	color: #FFFFFF;
	text-decoration: none;
	outline: 0; /* prevent dotted border in Firefox */
}

.pdf img{
	border-width: 0 !important;
	border-style: none !important;
	float: left;
	text-align: center;
	display: block;
	outline: 0;
	margin-top: .7em;
	margin-left: .7em;	
}

.tabsContent h4 {
	margin-bottom:-1.5em;
}