/* CSS Document */
/* Reset value */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}


*{padding: 0; margin: 0;}
/*html, body {
min-height: 100%;
height: auto !important;
height: 100%
}*/
body{
 font-family: "Tahoma","Gill Sans MT",Geneva,Arial,Helvetica,sans-serif; 
 font-size: 13px; color:#000;
 text-align:left;
/* background:transparent url(../main_images/thass-bg-fix.png) repeat-x fixed left bottom;*/
}

/*.m1{display:none;}*/
/* ---------- Clear Float ----------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
/*.bar-products{display:none;}*/
IMG {border: 0; }
h1{
color:#FFF;
font-size:20px;
font-weight:lighter;
margin:0pt 0pt 9px;
padding:2px 0 3px 5px;
background: #bedf90;
text-transform: uppercase;
 }
h2{ 
color:#619356;
font-size:19px;
font-weight:lighter;
margin-bottom:6px;
padding:5px 0 5px 5px;
background: #EBF5DD;
 }
h3 {
background-color:#EBF5DD;
color:#000;
display:block;
font-size:1em;
font-weight:bold;
margin:0pt;
padding:5px;;
text-transform:none;
}
/* Line Split */
 div.hr{
clear: both;
border-bottom: 1px dotted #BEDF90;
margin: 10px 0;
 }
 hr {
display:none;
}
address{ font-style: normal; }
/*-----------------------------------------------------*/
#main_containner{ 
margin: 0 auto; 
width: 974px;
/*max-width: 974px;*/
overflow: hidden;
border-bottom: 1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
background: #FFF;
}


/* top menu 
-----------------------*/
#bartop{ 
	background: url(../main_images/Linetop_menu.png) repeat-x ;
	width: 974px;
	height: 46px;
 }
.navi{ 
padding: 0px 0px 0px 10px;
height: 46px;
 }
.swap_lang{
float: left;
/*width: 65px;*/
display: block;
font-size: 11px;
padding-top:18px;
 }
.swap_lang .eng{ margin-left: 10px; }
.swap_lang a{ color: #367c2b;  text-decoration: none; } 
.swap_lang a:hover{text-decoration: underline; } 
.topmenu{ 
float: right;
margin: 0pt; 
padding: 0pt;
/*width:588px;*/
height: 31px;
 }

.topmenu li {
float: left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
padding: 10px 7px 0pt;
}
.topmenu li a { 
background-position:0pt;
background-repeat:no-repeat;
display:block;
height:31px;
text-decoration:none;
}
.topmenu li.home a{ 
background: url(../eng/images/menu_home.png) no-repeat;
width: 55px;
 }
.topmenu li.home-active{ 
background: url(../eng/images/menu_home.png) no-repeat  5pt -31px;
height:21px;
margin-top:10px;
width:55px;
 }
.topmenu li.about a{ 
background: url(../eng/images/menu_about.png) no-repeat;
width: 84px;
 }
.topmenu li.about-active{ 
background:transparent  url(../eng/images/menu_about.png) no-repeat 5pt -31px;
height:21px;
margin-top:10px;
width:84px;
 }
.topmenu li.product a{ 
background: url(../eng/images/menu_product.png) no-repeat;
width: 89px;
 }
.topmenu li.product-active{ 
background:transparent  url(../eng/images/menu_product.png) no-repeat 5pt -31px;
height:21px;
margin-top:10px;
width:89px;
 }
.topmenu li.reference a{ 
background: url(../eng/images/menu_reference.png) no-repeat;
width: 100px;
 }
.topmenu li.reference-active{ 
background:transparent  url(../eng/images/menu_reference.png) no-repeat 5pt -31px;
height:21px;
margin-top:10px;
width:100px;
 }
.topmenu li.service a{ 
background: url(../eng/images/menu_service.png) no-repeat;
width: 69px;
 }
.topmenu li.service-active{ 
background:transparent url(../eng/images/menu_service.png) no-repeat 5pt -31px;
height:21px;
margin-top:10px;
width:69px;
 }
.topmenu li.contact a{ 
background: url(../eng/images/menu_contact.png) no-repeat;
width: 104px;
 }
.topmenu li.contact-active{ 
background:transparent  url(../eng/images/menu_contact.png) no-repeat 5pt -31px;
height:21px;
margin-top:10px;
width:104px;
 }
.topmenu li a:hover {
background-position:0pt -31px;
}
.topmenu li span {
visibility:hidden;
}

/* Thass Title 
--------------------*/
#THASS-title{
clear: both;
margin: 1px 0pt;
padding: 9px 0pt;
background:#bedf90;
}
.title{ 
 text-align: center;
 }
 /*-------- hidden picyure title for print ----*/
 .hidden{ visibility: hidden; display:none; }
#content{ 
border-top: 5px solid #000;
padding: 8px 0 0;
width: 975px;
 }
.boxL {
float: left;
width: 483px;
 }
.boxR{
float: right;
width: 483px;
margin-right:1px;
 }
.box-content{ 
float: left;
width: 218px;
height: 250px;
padding: 10px;
background: #ebf5dd;
position: relative;
 }

.box-content img{ padding-bottom:8px; }
.box-content a.link{ 
 color: #000;
 text-decoration: none;
 display: block;
 background: #ebf5dd;
width: 218px;
height: 250px;
 }
.box-content a.link:hover{ 
background: #BEDF90;
width: 218px;
height: 250px;
 }
 .margin-right{ float: right; }

 .box-contact{
 color: #909090; position: absolute; left: 17px; top: 52px;
}

*.html.box-contact{
 color: #909090; position: absolute; left: 15px; top: 52px;
}

 .box-contact a {color: #909090;  text-decoration: none;}
 .box-contact a:hover {color: #CCC;}

/*----------  Menu Left --*/
/* Group Menu ------------*/
.Group-menu{ 
 float: left;
 margin: 0;
 }
/*--------------------------------------------*/
.containner-menu{ 
 float: left;
 width: 238px;
 }
.containner-menu li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.containner-menu li a { 
background-position:0pt;
background-repeat:no-repeat;
display:block;
height:33px;
text-decoration:none;
}
.containner-menu li.menu-left-home a{ 
background: url(../eng/images/D-menu-home.png) no-repeat;
width: 238px;
 }
.containner-menu li.menu-left-about a{ 
background: url(../eng/images/D-menu-about.png) no-repeat;
width: 238px;
 }
.containner-menu li.menu-left-product a{ 
background: url(../eng/images/D-menu-products.png) no-repeat;
width: 238px;
 }
.containner-menu li.menu-left-services a{ 
background: url(../eng/images/D-menu-service.png) no-repeat;
width: 238px;
 }
.containner-menu li.menu-left-reference a{ 
background: url(../eng/images/D-menu-references.png) no-repeat;
width: 238px;
}
.containner-menu li.menu-left-reference-active{
background: url(../eng/images/D-menu-references-site.png) no-repeat 0pt -33px;
width: 238px;
height:32px;
}
.menu-left-product-active{ 
background: url(../eng/images/D-menu-product-category.png) no-repeat 0pt -33px;
width: 238px;
height:32px;
text-indent: -200px;
 } 
.containner-menu li a:hover {
background-position:0pt -33px;
}
.containner-menu li span {
visibility:hidden;
}

/*--------- Contact under menu Left --*/
.containner-menu li.menu-left-contact{ 
 margin-top: 13px;
 background:#000 url(../main_images/bg-contact-inpage.png) no-repeat;
 height: 63px;
 padding: 10px 17px 0;
 }
.containner-menu li.menu-left-contact p{ 
  color:  #909090; 
  }
.containner-menu li.menu-left-contact a{ 
  color:  #909090; 
  text-decoration: none;
  height: 20px;
  }
.containner-menu li.menu-left-contact a:hover{ 
 color:  #909090;
  }
  
/* ----------- Box Detal --------------*/
.detail{ 
 float: right;
 display: block;
 width: 722px;
 text-align: left;
 }
/* ---------- Clear Float ----------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

.detail p{
 	text-align: justify;
	padding:0px 5px 13px 3px;
}
.detail p span{
   color:#619356;
   font-style: italic;
   font-weight: bold;
  border-bottom:1px dotted #619356;
}
.detail a{ 
color: #000;
text-decoration: underline;
 }
.detail img.picture-border{
border: 10px #EBF5DD solid;
 }
 .picture-float{ 
  float: left;
  margin: 0 10px 10px 0;
  }
/* ----------- Products-----------------*/
.list-margin a.group-2,.list-margin a.group-7,.list-margin a.group-9,.list-margin a.group-10,.list-margin a.group-37,.list-margin a.group-38{display:none;}
/*--------- Menu   -------*/
.sdmenu{ 
font-family: "Times New Roman" !important; 
line-height:30px;
width: 238px;
text-transform: uppercase;
font-weight: bold;
}
.main-submenu { 
cursor: pointer;
background: #EBF5DD;
 border-top: 1px solid #FFF;
 }
.main-submenu a{ 
	padding-left:25px; 
 	color: #619356;
	text-decoration: none;
	display: block;
  }
.main-submenu a:hover, .main-sub-in a:hover, .list-margin a:hover{ 
	background: #BEDF90;
	}
.main-sub-in a{
  padding-left:40px; 
 color: #619356;
 background:  #fafff3;
 font-weight: normal;
 display: block;
 }
.list-margin { font-weight: normal;  }
.list-margin a{ 
   border-top: 1px solid #F4F3F3;
	padding-left:60px; 
 	color: #619356;
	background: #fafff3;
	text-decoration: none;
	display: block;
}

.Box-display-product{ 
background:#EBF5DD;
margin:10px 0 ;
padding: 10px;
/*width: 700px;*/
width:345px;
}
.Box-display-product dd.DisplayThumbnail{ 
 overflow: hidden;
}
.Box-display-product dd.DisplayThumbnail p{ 
display:block;
margin-right:10px;
padding: 0;
float:left;
width: 167px;
 }
.Box-display-product dd.DisplayThumbnail p.no-margin{ 
margin:0;
 }
/*.list-etc-product{
margin-left: 175px;
}*/
.list-etc-product li a.group-list-2,.list-etc-product li a.group-list-7,
.list-etc-product li a.group-list-9,.list-etc-product li a.group-list-10,
.list-etc-product li a.group-list-37,.list-etc-product li a.group-list-38{display:none;}

.list-etc-product{
margin-bottom:15px;
}
.list-etc-product li{ 
  list-style-type: none;
  list-style-image:none;
  list-style-position:outside;
  display:inline;
  padding-right:8px; 
  line-height: 22px;
  text-transform: uppercase;
  }
.list-etc-product li a { 
 	color: #000;
	text-decoration: underline;
 }
.list-etc-product li a:hover{ 
 	color: #619356;
	text-decoration: none;
 }
.header-Group{ 
display: block;
overflow: hidden;
width: 717px;
background: #EBF5DD;
padding: 5px 0 5px 5px;
margin-bottom: 10px;
color: #619356;
 }
.header-Group li{
float: left;
list-style-type: none;
list-style-image:none;
list-style-position:outside;
text-transform: uppercase;
padding-right:5px;
font-weight: bold;
}
/* --- Group Product List --*/
/** 3 column product layout**/
.product-head-bar{ 
 background-color: #BEDF90;
 color: #FFF;
 }
.product-line{ 
width:722px;
display: block;
}
.product-list { 
	width: 339px;
	margin:5px 13px 8px !important;
	margin:5px 12px 8px 7px;
	padding-bottom: 10px;
	border: 1px #EBF5DD solid;
	float: left;
}
/*----  set for colume 2-------*/
.col-two {
	width: 339px;
	margin: 5px 0 8px 0 !important;
	margin: 5px 0 8px 0;
}
.product-list  .product-code { 
 float: left;
 margin-top:40px; 
/* width: 222px;
 display: block;*/
 }
.detail .product-code p {
padding: 0; 
margin: 0; 
line-height: 16px;
font-size: 1em;
}

H3 {
	background-color:#EBF5DD;
	color: #619356;
	padding: 6px 5px;
	margin: 0;
	display: block;
	font-size:1em;
	font-weight: bold;
	text-transform: none;
}

.product_details { padding: 10px;}
.image { float: left; margin-right: 40px;}

.image img{ 
border: 2px solid #EBF5DD;
 }
/*------------ popup  box -----------------*/
.dhtmlwindow{
position: absolute;
border: 2px solid #619356;
visibility: hidden;
background-color: white;
}
.drag-handle{ /*CSS for Drag Handle*/
padding: 6px 2px;
text-indent: 3px;
background-color: #BEDF90;
color: white;
cursor: move;
overflow: hidden;
width: auto;
font-weight: bold;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 4px;
top: 4px;
cursor: hand;
cursor: pointer;
}
/* hack IE6 */
* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}
.drag-contentarea{ /*CSS for Content Display Area div*/
background-color: #FFF;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}
.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}
.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
.popup-detail-product{ 
margin:10px;
overflow: hidden;
 }
.popup-detail-product img{
border: 10px solid #EBF5DD;
} 
/*.popup-detail-product center{ 
 border-bottom: 1px solid #BEDF90;
  }*/
.product-description{ 
 clear: both;
  width: auto;
  margin-top:10px;
  }
.des{
  float: left;
  display: block;
  margin:0 10px 0 0;	
}
.color{ 
 float:  right;
/* width:250px;*/
/* margin: 0px; */
/* position: relative;*/
 }
.color li {
float: left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
/*position:relative;*/
padding-right: 5px;
margin-bottom:2px;
}
.color li a { 
display:block;
height:20px;
width: 20px;
/*cursor: default;*/
}
.color  img{
border: 1px solid #CCC;
} 
.product-foot{ 
 clear: both;
 margin: 10px 10px;
 padding: 10px 0 0;
 overflow: hidden;
 border-top:1px solid #BEDF90;
 }
 /* hack IE6 */
* html .product-foot{ 
 padding: 3px 0 0;
} 
 .send-to-friend{ 
  float: left;
  display: block;
  width: 150px;
 }
 .send-to-friend a{ 
  color: #619356;
  text-decoration: none;
  }
.form-top-maring{ 
margin: 150px 0 0;
}
iframe.iframe-send-to-friend{ width:499px; height: 150px;}
.product-print{
 float: right;
 display: block;
 width: 150px;
 text-align: right;
 }
.product-print a{ 
  color: #619356;
  text-decoration: none;
  }
/*------ Tooltip color ----*/
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 999;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 999;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}
/*-------------------------*/

/*--- Services ----*/
.box-service{ 
 clear: both;
 display: block;
 border: 5px solid #ebf5dd;
 margin: 8px 0;
 height:130px;
 }
.box-service img{ float: left; padding-right:5px; }
.box-service p a{ color: #000; text-decoration: underline;} 
/*.box-service p a:hover{ text-decoration: underline;} */

/*------ Reference --*/
.containner-menu .sub-menu{ 
background: #EBF5DD;
margin: 1px 0;
line-height:30px;
display: block; 
width: 238px;
font-family: "Times New Roman" !important; 
text-transform: uppercase;
font-weight: bold;
}
.containner-menu .sub-menu a{	
	color: #619356;
	background: #EBF5DD;
	text-decoration: none;
	height: 30px;
	padding-left:30px; 
 }
 .containner-menu .sub-menu a:hover{ 
	background: #BEDF90;
  }
.list-reference{ 
  margin: 0 10px;

 }
.list-reference li{
clear: both;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
border-bottom: 1px dotted #BEDF90;
padding: 8px 0;
/*height:190px;*/
}
.list-reference li p.reference-head{ 
 font-size: 15px;
 font-weight: bold;
 }

/*---- Contact  --*/
body.Form-Contact{ background: #FFF;  }
iframe{ 
 margin: 20px 0;
 width: 500px;
 height: 320px;
 border: 0;
 border-collapse: collapse;
 }
.contact_form form label {
float:left;
margin-right:0.5em;
text-align:right;
width:150px;
}
.contact_form  li{ 
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
   padding: 5px 0;
 }
.contact_form li span{ 
 color: Red;
 }
.contact_form li input.text, .contact_form li textarea{ 
	border:1px solid #BEDF90;
	background: #FFF;
	width: 300px;
	color: #000;
	padding: 0 2px;
 }
 .contact_form li input.button-position{ 
 border:1px solid #BEDF90;
 width: 120px;
 background: #BEDF90;
 color: #000;
 margin-left: 157px;
 cursor: pointer;
  }

.clear-all{ clear: both; height: 2px;}
/*---------- footer ----------------*/
.foot{ clear: both;}
.bar-bottom{ position: relative; background: #000;  height: 32px;  color: #FFF;  text-transform: uppercase; font-size: 11px; }
.quick-menu { position: absolute; left: 10px; top:10px;  }
.quick-menu a{ color: #FFF;  text-decoration: none;}
.quick-menu a:hover{ color: #FFF;  text-decoration: underline;}
.copy-right{ position: absolute; right: 10px;  top:10px;}