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,
b, u, i, center,
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;
	font-size: 100%;
	vertical-align: baseline;
	text-decoration:none;
}
body {
	line-height: 20px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table td{
	padding: 0 2px 0 0;
	margin: 0 2px 0 0;
} 
table th{
	text-align: center;	
}



a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}



/*font-type-------------------------------------------*/
h1{
	font-size: 16px;
	font-weight: 900;
	color: #60b130;
}
h2{
	white-space:pre;
	font-size: 14px;
	font-weight: 800;
}
h6{
	list-style-type: none;
	direction:rtl; 
	font-size: 10px;
	color: #999999;
	line-height:5px; 
	text-indent:15px
}
p{
	font-size: 12px;
}
.red{
	font-size:9px;
	color:red;
}
.blue{
	font-size: 14px;
	font-weight: 900;
	color: #036;
}
.smallblue{
	font-size:11px;
	font-weight: 900;
	color: #036;
}
body {
	font-size: 12px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#body_bg{
	background:url(images/bg.gif) repeat-y;	
	position:relative;
	margin: 0 auto;
	width: 1024px;
}
#wrap{
	position:relative;
	margin: 0 auto;
	width:914px;
	}
/*HEADER-------------------------------------------*/
#header{
}
#banner{
	height: 121px;
	width: 914px;
	position:relative;
	margin: 0 auto;
}
#menu{
	width: 914px;
	height: 43px;
	background-image: url(images/menu.gif);
	background-repeat:no-repeat;
	position:relative;
}
#menu ul{
	list-style-type: none;
}
#menu li{
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 900;
	letter-spacing:2px; 
}
#menu li{
	line-height:55px;
}
#menu ul.ie6 li{
	line-height:43px;
}
#menu li a{
	display: block;
	width: 109px;
	height: 43px;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
}
#menu li a{
	background-image: url(images/menu_link.gif);
}
#menu li a:hover{
	background-image: url(images/menu_hover.gif);
}
#menu li a.active{
	background-image: url(images/menu_active.gif);
}
#menu ul.ie6 li a{
	background-image: url(images/menu_link1.gif);
}
#menu ul.ie6 li a:hover{
	background-image: url(images/menu_hover1.gif);
}
#menu ul.ie6 li a.active{
	background-image: url(images/menu_active1.gif);
}
#flash{
	background-image: url(images/flash.gif);
	height: 157px;
	width: 914px;
	position:relative;
	margin: 0;
	padding: 0;
	top:0px !important;
}
/*compatibility-------------------------------------------*/
#compati{
	float: left;
	width: 914px;
	margin: -157px 0 0 0;
}
/*LEFT-------------------------------------------*/
#left{
	float:left;
	width:240px;
	left:0;
	background-color: #60b130;
}
.leftmenu1 a{
	display: block;
	width: 240px;
	height: 51px;
	background-image: url(images/about_Introduction.gif);
	background-repeat: no-repeat;
}
.leftmenu1 a:hover{
	background-image: url(images/about_Introduction.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}
.leftmenu1 a.active{
	background-image: url(images/about_Introduction.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.leftmenu2 a{
	display: block;
	width: 240px;
	height: 51px;
	background-image: url(images/about_CorporateMission.gif);
	background-repeat: no-repeat;
}
.leftmenu2 a:hover{
	background-image: url(images/about_CorporateMission.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.leftmenu2 a.active{
	background-image: url(images/about_CorporateMission.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.leftmenu3 a{
	display: block;
	width: 240px;
	height: 51px;
	background-image: url(images/about_Organization.gif);
	background-repeat: no-repeat;
}
.leftmenu3 a:hover{
	background-image: url(images/about_Organization.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.leftmenu3 a.active{
	background-image: url(images/about_Organization.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.leftmenu4 a{
	display: block;
	width: 240px;
	height: 51px;
	background-image: url(images/about_division.gif);
	background-repeat: no-repeat;
}
.leftmenu4 a:hover{
	background-image: url(images/about_division.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.leftmenu4 a.active{
	background-image: url(images/about_division.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.leftmenu5 a{
	display: block;
	width: 240px;
	height: 51px;
	background-image: url(images/about_Quality.gif);
	background-repeat: no-repeat;
}
.leftmenu5 a:hover{
	background-image: url(images/about_Quality.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.leftmenu5 a.active{
	background-image: url(images/about_Quality.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.leftmenu6 a{
	display: block;
	width: 240px;
	height: 51px;
	background-image: url(images/about_Vision.gif);
	background-repeat: no-repeat;
}
.leftmenu6 a:hover{
	background-image: url(images/about_Vision.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.leftmenu6 a.active{
	background-image: url(images/about_Vision.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
#left li{
	float: left;
	position:relative;
}
#left li a {color:#333;font-size: 10px;}
#left li a:visited {color:#666;}
#left li a img{
	padding:3px;
	border:1px solid #60b130;
}
#left li a:hover img{
	padding:3px;
	border:1px solid #fff;
}
#left .left_up{
	background-color: #60b130;
	width:240px;
	position:relative;
	top:320px;
	_height:600px;
	min-height:600px;
	height: auto !important;
}
#left .left_bg {
}
.producttext{
	top: -12px;
	left: 3px;
	position:relative;
}
.forff{
	top: -8px;
	_top: 0;
	left: 3px;
	position:relative;
	display: block;
	text-align: center;
}
.forie{
	top: -6px;
	left: 3px;
	position:relative;
}
.hide{
	display:none;
}
.new_product{
	background-image: url(images/new-s.gif);
	display: block;
	width: 20px;
	height: 8px;
	background-repeat: no-repeat;	
	top:50px;
	left:38px;
	position:absolute;
}
.ad a{
	display: block;
	width: 240px;
	height: 37px;
	background-image: url(images/products_actodc.gif);
	background-repeat: no-repeat;
}
.ad a:hover{
	background-image: url(images/products_actodc.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.dd a{
	display: block;
	width: 240px;
	height: 37px;
	background-image: url(images/products_dctodc.gif);
	background-repeat: no-repeat;
}
.dd a:hover{
	background-image: url(images/products_dctodc.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
.da a{
	display: block;
	width: 240px;
	height: 37px;
	background-image: url(images/products_dctoac.gif);
	background-repeat: no-repeat;
}
.da a:hover{
	background-image: url(images/products_dctoac.gif);
	background-position: bottom;
	background-repeat: no-repeat;		
}
.acces a{
	display: block;
	width: 240px;
	height: 37px;
	background-image: url(images/products_accessories.gif);
	background-repeat: no-repeat;
}
.acces a:hover{
	background-image: url(images/products_accessories.gif);
	background-position: bottom;
	background-repeat: no-repeat;		
}
.list_accessories a{
	display: block;
	width: 240px;
	height: 51px;
	background-image: url(images/list_accessories.gif);
	background-repeat: no-repeat;
}
.list_accessories a:hover{
	background-image: url(images/list_accessories.gif);
	background-position: bottom;
	background-repeat: no-repeat;		
}
.list_compatibility a{
	display: block;
	width: 240px;
	height: 51px;
	background-image: url(images/list_compatibility.gif);
	background-repeat: no-repeat;
}
.list_compatibility a:hover{
	background-image: url(images/list_compatibility.gif);
	background-position: bottom;
	background-repeat: no-repeat;		
}	

/*RIGHT-------------------------------------------*/
#right{
	float:right;
	width:670px;
	overflow: hidden;
	background-color: #fff;
}
.news {
	height: 965px;
}
#pic{
	float:left;
	width: 245px;
	margin: 10px 0 20px 5px;
}
#main{
	float:right;
	width: 400px;
	margin: 10px 0 20px 0;
}
#product_spec{
	float:left;
	width: 325px;
	margin: 10px 0 0 6px;
}
#product_output{
	float:right;
	width: 325px;
	margin: 10px 0 0 6px;
}
#product_text{
	float:left;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	width:100%;
}
#product_text td.key{
	width:48%;
}
#product_text td.value{
	padding:0 0 0 5px;
}
#rightbg{
	clear:both;
}
.form{
	position:relative;
	left: 10px;
}
 .table{
	width: 320px;
}
.output{
	border: 2px solid #999;
	font: normal 12px verdana, arial, helvetica, sans-serif;
	text-align:center;
	color: #000;
	background:#fff;
}
.output th{
	border: 1px solid #999;
	background-color:#60b130;
	color: white; 
	padding: 1px;
	margin: 1px;
}
.output td{
	border: 1px solid #999;
}
.whiteth{
	background-color:#fff;
	color: #000;
	font-weight: 600;
}
.accgreen{
	background-color:#60b130;
	color: white; 
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	text-indent: 30px;
}
.acctable{
	border: 1px solid #999;
	font: normal 12px verdana, arial, helvetica, sans-serif;
	text-align: center;
	color: #000;
	background:#fff;
	width: 650px;
	border-color:#333;
}
.acctable td{
	border: 1px solid #999;
}
.odd{
	background-color:#d0e7a0;
}
.headtoright{
	font-size: 12px;
	width: 180px;
}
.accword{
	text-align: left;
	font-size: 12px;
	position:relative;
	left:10px;
}
.newsform{
	width: 32%;
	padding: 2px 20px 2px 0;
	font-weight: 800;
	color:#666;
	text-align: right; 
}
/*LIGHTBOX-------------------------------------------*/
.photo {width:315px; text-align:left; position:relative; margin:0; float:left;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:300px; height:200px; position:relative; z-index:10;}
.photo ul.topic li {display:block; width:90px; height:75px; background:transparent;}
.photo ul.topic li a.set {padding:5px 2px 2px 2px; position:absolute; left: 230px; display:block; width:70px; height:70px; text-align:center; text-decoration:none; border-width:0; background:#fff; border: 1px solid #666;}
.photo ul.topic li a ul, 
.photo ul.topic li ul {display:none;}
.photo ul.topic li.active a{color:#000; background:#fff;}
.photo ul.topic li a:hover,
.photo ul.topic li:hover a{color:#fff; background:#eee;}
.photo ul.topic li.active ul{display:block; position:absolute; left:0; top:0px; _left: -231px; list-style:none; padding:0; margin:0; height:200px; background:#fff; width:200px; padding:10px 10px; border:5px solid #bbb; z-index:1;}
.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul{display:block; position:absolute; left:0; top:0px; _left: -231px; list-style:none; padding:0; margin:0; height:200px; background:#fff; width:200px; padding:10px 10px; border:5px solid #999; z-index:100;}

.photo ul.topic li a:hover ul.set2, 
.photo ul.topic li:hover ul.set2 { _top: -77px; }
.photo ul.topic li a:hover ul.set3, 
.photo ul.topic li:hover ul.set3 { _top: -154px; }

.photo ul.topic li ul li a img{display:block; width:200px; height:200px; border:0;}
.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover {white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img {position:absolute; left:-15px; top:-15px; _left: -115px; width:300px; height:300px; border:5px solid #666; z-index: 600;}





/*FOOTER-------------------------------------------*/
#footer{
	clear: both;
	text-align: right;
	background-image: url(images/menu.gif);
	background-repeat: no-repeat;
	width: 914px;
	height:43px;
	text-decoration: none;
	margin: 0 auto;
}
#footer a {font-size: 10px;color:#333;line-height:20px;white-space:pre;}