@charset "utf-8";
/* CSS Document */


#topBanner { width:900px;   position:relative; z-index:2; height:25px; background-color:#009900; padding-left:50px;alpha(opacity=50); opacity: 0.5; }
#topBanner1{  height: 56px;
 width: 160px;
 position: fixed;
 right: 0;
 top:0;
 z-index: 1001;
filter:alpha(opacity=95);
 opacity:0.95;
background:transparent url(ad1.jpg) repeat-x left top;

 /* ie6 fixed */
 _position: absolute;
 _bottom:-1px;
 _right: 17px;

}
body{
	font:normal 12px verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	   background-color: #FFFFFF;
	color:#9d9b64;
	

}

h3{
	font-size:14px;
	color:#fb930b;
}
#boby{
	
	margin:0 auto;
	background:transparent url(bg.png) repeat-x left top;
}
#container{
	width:900px;
	margin:0 auto;

}

#header{
	height:130px;
	margin-bottom:13px;
	position:relative;
}

#logo{
	margin:0;
}

#logo a{
	display:block;
	padding-top:22px;
	width:84px;
	height:76px;
	background:url(gw.jpg) no-repeat left bottom;
	text-indent:-10000px;
}

#login1{
	position:absolute;
	left:45px;
	top:3px;
	color:#000;
}

#login1 a{
text-decoration:none; color:#27901A}

#version{
	position:absolute;
	right:5px;
	top:5px;
}

#version ul{
	margin:0;
	list-style:none;
}

#version li{
	display:inline;
	color:#fff;
	font-size:10px;
}

#version li a{
	color:#fff;
}

#menu{
	position:absolute;
	right:0;
	top:55px;
}


#menu ul{
	list-style:none;
	margin:0;
}

#menu li{
	float:left;
}

#menu li a{
	display:block;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#b5b380;
	padding:14px 0 2px 0;
	text-decoration:none;
	background-position:left top;
	margin-right:35px;
}

#menu li a span{
	float:left;
	width:35px;
	height:34px;
}

#menu li a:hover{
	color:#fb930c;
	border-bottom:solid 4px;
	background-position:left -35px;
}

#menu .menuhome a{
	background:url(menu-home.png) no-repeat;
}

#menu .menuabout a{
	background:url(menu-about.png) no-repeat;
}

#menu .menuproduct a{
	background:url(menu-product.png) no-repeat;
}
#menu .menuonline a{
	background:url(menu-online.png) no-repeat;
	
}
#menu .menuonline {
	
       background:url(11.gif) no-repeat scroll 110px 0px transparent;
}

#menu .menuhistory a{
	background:url(menu-history.png) no-repeat;
}

#menu .menucontact a{
	background:url(menu-contact.png) no-repeat;
}

#head_cart{
	position:absolute;
	
	
	background:url(head_cart.gif) no-repeat right top transparent;
	height:32px;
	width:100%;
	margin:0px;
}
#shop_cart{
	position:absolute;
	right:0;
	top:98px;
	filter:alpha(opacity=95);
 opacity:0.95;
	height:32px;
	width:100%;
}
#fixed {

 height: 100%;
 width: 188px;
 position: fixed;
 right: 0;
 top:27%;
 z-index: 999;
filter:alpha(opacity=95);
 opacity:0.95;
 /* ie6 fixed */
 _position: absolute;
 _bottom:-1px;
 _right: 17px;
 _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+128+"px":
document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);

		}

#flash{
	/**width:420px;
	float:left;
	margin-right:55px;**/
	height:224px;	
	position:relative;
	margin-bottom:45px;
}

#screen{
	height:205px;
	overflow:hidden;
}

#screen img{
	position:absolute;
	left:52px;
	top:0;
}

#bar{
	height:52px;
	background:url(flash-bar.png) no-repeat left center;
	position:relative;
	margin:0 52px;
}

#bar p{
	display:block;
	/**width:200px;**/
	height:40px;
	line-height:20px;
	position:absolute;
	left:15px;
	top:5px;
	margin:0;
}


#bar ul{
	list-style:none;
	float:right;
	margin-right:10px;
	margin-top:7px;
}

#bar li{
	float:left;
	margin-right:5px;
}

#bar li img{
	cursor:pointer;
}

#intro{
    float:left;
	height:255px;
	/*margin-right:475px;*/
	width:425px;
	padding-left:100px;
	margin-right:10px;
	background:url("line.png") no-repeat scroll 100px bottom transparent;
}
#productDescription{

    float:left;
	height:250px;
	/*margin-right:475px;*/
	width:425px;
	padding-left:100px;
	margin-right:10px;
	background:url("line.png") no-repeat scroll 100px bottom transparent;
}
#pro_show{
	float:right;
	width:300px;
	margin:0px 20px;
	padding:0px 10px;
	height:500px;
	/*border-left:1px  solid #E8E6C0;*/
	background:url("line.png") no-repeat scroll left bottom transparent;
}

#intro h3,#pro_show h3, #productShow h3,#productDescription h3{
	background:url(line.png) no-repeat left center;
}
#pro_show h3{
	background-position:110px center;
}
#productDescription h3{
	background-position:155px center;
}
#intro h3{
	background-position:80px center;
}
#pro_show p{
margin-left:20px;

}
#intro p{
	text-align:justify;
}

#intro p img{
	float:left;
	margin:0 8px 8px 0;
}

#productShow{
	clear:both;
	margin:82px auto 0;
	height:180px;
	width:670px;
	background:url(line.png) no-repeat left bottom;
	position:relative;
}

#productShow h3{
	background-position:150px center;
}

#brand{
	position:absolute;
	top:-44px;
	right:0;
}

#brand ul{
	margin:0;
}

#brand li{
	float:left;
	list-style:none;
}

#brand li a{
	display:block;
	height:30px;
	width:100px;
	text-indent:-10000px;
	background:url(brand.png) no-repeat left -4px;
	margin-left:2px;
}

#brand a.tumagny{
	background-position:-105px -4px;
}

#brand a.collimator{
	background:url(collimator2.jpg) no-repeat left center;
}

#scroller{
	width:550px;
	height:140px;/*175px;*/
	position:absolute;
	overflow:hidden;
	left:50px;
}

 

#productswrap{
	position:relative;
	left:0;
}

#scroller div.product{
	position:absolute;
	top:0;
	text-align:center;
}

div.product img{
	width:80px;
	height:80px;
	display:block;
	margin-left:15px;
	_margin-left:7px;
	-ms-interpolation-mode:bicubic; 
}

div.product p{
	display:block;
	overflow:hidden;
	width:110px;
	height:43px;
	background:url(productshow-description-bg.png) no-repeat left top;
	margin:3px 0px;
	padding:10px 0px;
	font-size:12px;
	margin-top:3px;
	text-align:center;
	line-height:20px;
}

div.product span{
 color:#FB1717;
}

div.btnLeft, div.btnRight{
	width:59px;
	height:130px; /*181px;*/
	position:absolute;
	top:32px;
	text-indent:-10000px;
	cursor:pointer;
}

div.btnLeft{
	background:url(leftBtn.png) no-repeat left top;
}

div.btnRight{
	background:url(rightBtn.png) no-repeat left top;
	right:0;
}

p.subsidiary{
	text-align:right;
}

p.subsidiary a{
	padding:3px 5px;
	background:#fb930c;
	color:#fff;
	margin-right:115px;
	margin-top:-20px;
}


#footer{
	background:url(footer-bg.png) repeat-x left bottom;
	height:330px;
	clear:both;
	margin-top:20px;
}

.footer-wrap{
	width:952px;
	font-size:11px;
	color:#fff;
	text-align:center;
	margin:0 auto;
	padding-top:245px;
	height:85px;	
 	background:url(flower-bg2.jpg) no-repeat left bottom;  
}


/********
#footer{
	background:url(banner-xin2.jpg) no-repeat center bottom;
	height:330px;
	clear:both;
	margin-top:20px;
}

.footer-wrap{
	width:952px;
	font-size:11px;
	color:#fff;
	text-align:center;
	margin:0 auto;
	padding-top:245px;
	height:85px;
	margin-bottom:0px;
	
}

********************/
.subpage #header{
	margin-bottom:40px;
}

#siderbar{
	margin-top:35px;
	width:200px;
	
	
	padding-right:30px;
	background:url(siderbar-bg.jpg) no-repeat right 50px;
	float:left;
}

#sidercart{
	margin-top:0px;
	width:200px;
	
	padding-right:30px;
	background:url(../en/images/cart-bg.gif) no-repeat left top;
	float:left;
}

#sidercart li{margin: 0px 5px;

background-color:#ffffff;
text-align:left;

list-style:none;
}

#about h2, #news h2{
	border-bottom:solid 1px #FB930B;
	padding-bottom:5px;
}

.subpage #content #siderbar h3{
	font-size:14px;
	background:none;
	margin-top:3px;
	margin-bottom:5px;
}

#siderbar ul{
	margin-top:5px;
	margin-right:20px;
	padding:0;
	padding-left:20px;	
	margin-left:0;
	list-style-type:square;
	background:#FB930B;
}

#siderbar li{
	padding:5px 3px;
	color:#825627;
}

#siderbar li a{
	color:#825627;
}

#info{
	margin-left:230px;
}

.subpage #content h3{
	font-size:18px;
	background:url(line.png) no-repeat 230px center;
	overflow:hidden;
}

#contact #content h3,
#products #content h3{
	background:none;
}

#products h3 img{
	width:660px;
}

#about #content h3{
	font-size:24px;
	background-position:160px center;
}

.subpage #content h4{
	clear:both;
}

.subpage #content p{
	text-align:justify;
}

.subpage #content p img{
	float:left;
	margin:0 5px 5px 0;
}
.subpage #content p span img{
	float:none;
	margin:0 5px 0 0;
}

dl.product{
	float:left;
	width:330px;
	color:#9D9D9D;
	margin-bottom:24px;
}

dl.product dt{
	float:left;
	margin-bottom:10px;
	margin-right:10px;
}

dl.product dt img{
	background-color:#F5F5F5;
	border:1px solid #FB930B;
	padding:3px;
	width:120px;
	height:120px;
	float:left;
}

.subpage #content dl.product h4, .subpage #content h4 {
	clear:none;
}

dl.product h4{
	margin-top:0;
	margin-bottom:10px;
	padding-left:5px;
	padding-right:20px;
}

#info dl.product h4 a{
	color:#825627;
	font-size:14px;
	text-decoration:none;
	text-align:left;
}

#info dl.product h4{
	text-align:left;
	margin-bottom:18px;
}

dl.product h4 a:hover{
	text-decoration:underline;
}

dl.product dd.description p {
	margin-top:5px;
	margin-bottom:5px;
}

dl.product dd.description span{
	font-weight:bold;
	color:#666666;
	padding-left:10px;
}

#contact #content, #email #content{
	width:80%;
	margin:0 auto;
	overflow-x:hidden;
}

#contact #content h4{
	clear:both;
}

#content table{
	width:100%;
}

#content table th{
	background:#fb930b;
	padding:3px 10px;
	width:120px;
	color:#7a4500;
	text-align:right;
}

#content table td{
	background:#dad9bf;
	padding:3px 10px;
	color:#7a4500;
	text-align:left;
}

#content table td a{
	color:#7a4500;
	line-height:16px;
}

#content table input, #content table textarea{
	width:99%;
	height:16px;
	border:solid 1px #ccc;
	font-size:12px;
	background:#f9f9f9;
}

#content input.button{
	width:50px;
	height:30px;
	border:solid #fb930b 2px;
}

#content table textarea{
	height:100px;
}

div.history{
	padding-bottom:25px;
	background:url(line.png) no-repeat left bottom;
	float:left;
	width:630px;
}

div.history img{
	float:left;
}

/** Sitamap **/
div.sitemapDiv{
	width:215px;
	float:left;
	padding:5px;
}

div.sitemapDiv h4{
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	background:#fb930c;
	padding:5px 4px;
	color:#000;
	height:20px;
	line-height:20px;
	border-bottom:#CC6600 solid 3px;
	margin-bottom:2px;
	font-weight:bold;

}

div.sitemapDiv h4 a{
	background:none;
}

div.sitemapDiv ul{
	list-style:none;
	padding:0;
	margin:0;
}

div.sitemapDiv li{
	background:#f7f7f7;
	margin-bottom:3px;
	padding:1px 1px;
}

/**div.sitemapDiv a:hover,**/
div.sitemapDiv li:hover{
	background:#fb930c url(../imgs/news-trigle.gif) right bottom no-repeat;
}

div.sitemapDiv a{
	background:#f7f7f7;
	display:block;
	color:#003c18;
	text-decoration:none;
	padding:4px;
	width:190px;
}

/**div.newsList**/
div.newsList ul{
	list-style:none;
	margin-left:0;
	padding-left:10px;
}

div.newsList li{
	/*padding-bottom:20px;*/
	padding-left:20px;
	position:relative;
	/**background:url(i_arrow.gif) no-repeat left 3px;**/
	list-style:none;
	padding-bottom:5px;
}


div.newsList li a{
	padding-right:15px;
	text-decoration:none;
	color:#666666;
}

div.newsList li a img{
	border:none;
}

div.newsList span{
	width:90px;
	display:block;
	text-align:left;
	position:absolute;
	top:0;
	right:0;
}

div.pager-nav{
	padding-left:35px;
}

div.pager-nav .page-number{
	border:solid 1px;
	padding:3px 5px;
	float:left;
	margin:5px;
}

.page-number a{
	text-decoration:none;
	color:#FB930B;
	display:block;
}

#searchform{
	text-align:right;
}

#searchform input{
	border: solid 2px #9D9B64;
	width:150px;
}

#searchform .submit{
	width:auto;
	border:#9D9B64 solid 1px;
	font-weight:bold;
	background:#9D9B64;
	color:#fff;
}