/******** Default Behaviour Tags ********/
/****************************************/
/* RESET STYLE */

*				{margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; outline:none;}
body			{font-size:0.625em; background:#fff}
a				{color:#ff6600; text-decoration:none}
a:hover			{text-decoration:underline;}
select, input, textarea	{font-family:Arial, Helvetica, sans-serif; color:#000; border:#CECFCE solid 1px; font-size:1em; }
input, textarea {padding:2px 1px 2px 3px;}
h1{}
h2{font-size:1.1em; color:#000; text-transform:uppercase; margin:0 0 10px 0}
h3{font-size:1em; color:#1e7400; margin:0 0 10px 0}
h4{font-size:1em; color:#1e7400; margin:0 0 10px 0}
h5, h6{font-size:1em; color:#000; margin:0 0 10px 0}
img, fieldset{border:0}
.hidden{display:none;}
/***********/
ol, ul{list-style-type:none;}
ul{}
	ul li{}
ol{}
	ol li{}
dl{}
	dt{font-weight:bold; text-transform:uppercase;} 
	dd{}
/***********/
table{}
	th, td{text-align:left; padding:5px;}
	th{}
	td{}
	thead{font-weight:bold;}
		thead th{}
		thead td{}
	tbody{}
		tbody th{}
		tbody td{}
		
p{line-height:18px;}
/********** Common Classes ********/
.clear{height:0; clear:both; padding:0; margin:0; line-height:0;}

/********** Common Structure (for all templates) ********/
#wrapper {width:100%; /*background:#fff url(/data/images/bgd_body.gif) 0 0 repeat-x;*/ font-size:1.2em;}
	#container{width:994px; margin:0 auto; background:url(/data/images/bgd_line_01.gif) 0 0 repeat-y;}
	#innerContainer{width:987px; padding:0 7px 0 0; overflow:hidden; /*background:url(/data/images/bgd_container.gif) 0 0 no-repeat;*/}

	/***********header**********
	********************************/
	#header{width:100%; overflow:hidden; height:93px; background:url(/data/images/bgd_header.jpg) 7px 0 no-repeat;}
		#header h1{display:block; float:left; padding:0 0 0 10px;}
		#header h2{text-transform:uppercase; color:#fff; font-size:1.833em; font-weight:normal; margin:0 5px 0 0}
		#header div{width:773px; float:right; padding:10px 20px 0 0; text-align:right;}
		#header p{font-size:0.912em; color:#fff;}
		#header .text{padding:15px 0 0 0; font-weight:bold; font-size:1em;}
		#header .text strong{color:#000}
	
	/***********main**********
	********************************/
	#main{width:983px; background:url(/data/images/bgd_main.jpg) 7px 0 no-repeat; padding:11px 0 0 4px; overflow:hidden}

	/*************lev***********/
	#lev{width:183px; float:left; padding:8px 0 69px 0; background:url(/data/images/bgd_lev_01.gif) 100% 100% no-repeat;}
		#lev li{display:inline;}
		#lev li a{display:block; background:url(/data/images/bgd_lev.gif) 0 0 no-repeat; color:#2e2621; text-transform:uppercase; line-height:16px; padding:10px 3px 10px 10px; font-weight:bold; width:170px;}
		#lev li a:hover{background:url(/data/images/bgd_lev_current.gif) 0 0 no-repeat; color:#fff; text-decoration:none}
		#lev .current a{background:url(/data/images/bgd_lev_current.gif) 0 0 no-repeat; color:#fff;}
	
	/*************content***********/
	#content{width:796px; padding:0 2px; float:left}
		#content h2{background:url(/data/images/bgd_line_02.gif) 0 78% repeat-x; padding:0 0 0 30px;}
		#content h2 span{display:block; background:url(/data/images/bgd_leftTitle.gif) 0 0 no-repeat; padding:0 0 0 20px; width:500px; overflow:hidden;}
			#content h2 strong{display:block; float:left; background:url(/data/images/bgd_rightTitle.gif) 100% 0 no-repeat; line-height:18px; padding:5px 20px 5px 0; color:#000; text-transform:uppercase;}
		#content p{padding:0 0 10px 0}
	
	.breakcrumb{width:796px; overflow:hidden; padding:5px 0 10px 0}
		.breakcrumb ul{padding:0 30px}
		.breakcrumb li{display:block; float:left; background:url(/data/images/ico_arrow_01.gif) 0 50% no-repeat; padding:0 0 0 10px; margin:0 10px 0 0}
	
	/*************slide img***********/
	.slideContent{width:771px; height:141px; margin:0 auto 30px auto; background:url(/data/images/bgd_slideImg.gif) 0 0 no-repeat; position:relative;}
		#slideImg{width:771px; height:141px;}
		#slideImg img{position:absolute; z-index:100; left:7px; top:11px;}
		.cornerLT{width:7px; height:7px; display:block; position:absolute; z-index:10000; left:6px; top:10px; background:url(/data/images/corner_lt.png) 0 0 no-repeat;}
		.cornerRT{width:7px; height:7px; display:block; position:absolute; z-index:10000; left:759px; top:10px; background:url(/data/images/corner_rt.png) 0 0 no-repeat;}
		.cornerLB{width:7px; height:7px; display:block; position:absolute; z-index:10000; left:6px; top:123px; background:url(/data/images/corner_lb.png) 0 0 no-repeat}
		.cornerRB{width:7px; height:7px; display:block; position:absolute; z-index:10000; left:759px; top:123px; background:url(/data/images/corner_rb.png) 0 0 no-repeat}
	
	/************intro***********/
	.intro{width:100%; background:url(/data/images/bgd_line_02.gif) 0 0 repeat-x; padding:20px 0 0 0; position:relative}
		.introText{width:736px; padding:0 30px 30px 30px}
		.introText h3{display:block; background:url(/data/images/bgd_leftTitle.gif) 0 0 no-repeat; padding:0 0 0 20px; width:500px; overflow:hidden; position:absolute; z-index:999; left:30px; top:-20px;}
			.introText h3 span{display:block; float:left; background:url(/data/images/bgd_rightTitle.gif) 100% 0 no-repeat; line-height:18px; padding:5px 20px 5px 0; color:#000; text-transform:uppercase;}
		.introText p{padding:0 0 10px 0}
	
	/************new products***********/
	.newProducts{width:756px; padding:20px 10px 0 30px; position:relative; background:url(/data/images/bgd_line_02.gif) 0 0 repeat-x;}
		.newProducts h3{display:block; background:url(/data/images/bgd_leftTitle.gif) 0 0 no-repeat; padding:0 0 0 20px; width:500px; overflow:hidden; position:absolute; z-index:999; left:30px; top:-20px;}
			.newProducts h3 span{display:block; float:left; background:url(/data/images/bgd_rightTitle.gif) 100% 0 no-repeat; line-height:18px; padding:5px 20px 5px 0; color:#000; text-transform:uppercase;}
		.newProductContent{width:100%; overflow:hidden;}
			.productsInfo{width:449px; float:left; margin:0 20px 0 0}
				.productsInfo img{display:block; float:left; margin:0 10px 0 0}
				.productsInfo .more{text-align:right}
				.productsInfo .more a{text-decoration:underline}
				.productsInfo .more a:hover{text-decoration:none}
		
		.listProducts{width:281px; float:left; overflow:hidden}
			.listProducts li{display:table; float:left; margin:0 1px 1px 0; width:84px; height:84px; overflow:hidden; background:url(/data/images/bgd_img.gif) 0 0 no-repeat; padding:3px; position:relative!important;}
			.listProducts li a{display:table-cell; text-align:center; vertical-align:middle}
			* html .listProducts li a{position:absolute; top:50%; left:50%}
			* html .listProducts li a img{position:relative; top:-50%; left:-50%}
			
			*+ html .listProducts li a{position:absolute; top:50%; left:50%}
			*+ html .listProducts li a img{position:relative; top:-50%; left:-50%}
	
	.productsContent{width:736px; padding:0 30px; overflow:hidden;}
	.listProducts2{width:100%; overflow:hidden; padding:15px 0 0 0}
		.listProducts2 div{width:338px; float:left; overflow:hidden; background:url(/data/images/bgd_line_03.gif) 30% 0 no-repeat; padding:20px 15px 15px 15px}
		.listProducts2 div span{display:table; float:left; background:url(/data/images/bgd_img_01.gif) 0 0 no-repeat; padding:6px 6px 14px 6px; width:148px; height:108px; margin:0 10px 0 0; overflow:hidden; text-align:center; position:relative!important}
		.listProducts2 div a{color:#1e7400}
		.listProducts2 div span a{display:table-cell; text-align:center; vertical-align:middle}
		
		* html .listProducts2 div span a{position:absolute; top:50%; left:50%}
		* html .listProducts2 div span img{position:relative; top:-50%; left:-50%}
		
		*+ html .listProducts2 div span a{position:absolute; top:50%; left:50%}
		*+ html .listProducts2 div span img{position:relative; top:-50%; left:-50%}
	
	.listProducts3{width:100%; overflow:hidden; margin:0 0 15px 0;}
		.listProducts3 div{width:221px; float:left; padding:0 12px; overflow:hidden}
		.listProducts3 div img{display:block; border:#cecece solid 1px; margin:0 0 10px 0}
		.listProducts3 div p span{color:#fff; background:#ff6600; padding:0 3px}
		.listProducts3 p, .listProducts3 p a{color:#1e7400;}
	
	.productsDetail{width:736px; padding:0 30px; overflow:hidden;}
	.productsInfo2{width:100%; overflow:hidden; margin:0 0 10px 0; padding:20px 0 0 0}
	.productsType{width:100%; overflow:hidden;  background:url(/data/images/bgd_line_04.gif) 228px 0 repeat-y}
		.productsInfo2 h3{color:#1e7400; background:url(/data/images/bgd_line_02.gif) 0 100% repeat-x; margin:0; padding:0 0 5px 0}
		.productsInfo2 h4{color:#FF6600; margin:0 0 15px 0}
		.productsInfo2 h5{color:#000; margin:0 0 5px 0; padding:10px 0 0 0}
		.productsInfo2 span{color:#000; font-weight:bold}
		
		.productsDetail ul{padding:0 0 10px 0; margin:0 0 0 20px;}
		.productsDetail ul li{list-style:disc; padding:0; margin:0 0 5px 0}
		.productsDetail li ul{padding:10px 0 2px 0}
		.productsDetail ol{padding:0 0 10px 0; margin:0 0 0 20px;}
		.productsDetail li ol{padding:10px 0 2px 0}
		* html .productsDetail ol{margin:0 0 0 22px;}
		*+ html .productsDetail ol{margin:0 0 0 22px;}
		.productsDetail ol li{list-style:decimal; padding:0; margin:0 0 7px 0}

		.preference{width:160px; float:left; padding:15px 10px 0 10px}
			.preference h4{text-decoration:underline}
		#content .preference p{padding:0 0 3px 0; color:#008080}
		.preference div{padding:0 0 25px 0; border-bottom:#ccc solid 1px; margin:0 0 25px 0}
		.preference .last{border-bottom:none}
		.preference h6{margin:0 0 3px 0; color:#000}
		
		.illus{width:218px; float:left; overflow:hidden; margin:0 10px 0 0; padding:15px 0 0 0; }
			.illus img{margin:0 auto}
			
		.description{width:318px; padding:15px 0 0 10px; float:left; overflow:hidden}
		
	/**********************/
	.contType{padding:0 30px;}	
	.contType ul{padding:0 0 10px 0; margin:0 0 0 20px;}
		.contType ul li{list-style:disc; padding:0; margin:0 0 5px 0}
		.contType li ul{padding:10px 0 2px 0}
		.contType ol{padding:0 0 10px 0; margin:0 0 0 20px;}
		.contType li ol{padding:10px 0 2px 0}
		* html .contType ol{margin:0 0 0 22px;}
		*+ html .contType ol{margin:0 0 0 22px;}
		.contType ol li{list-style:decimal; padding:0; margin:0 0 7px 0}
	
	/**********contact***********/
	.contact{padding:0 30px;}
		#content .contact p{padding:0 0 5px 0}
		#content .contact fieldset p{margin:0 0 5px 0; width:100%; display:block; overflow:hidden}
		.contact fieldset{padding:15px 0 0 0; border-top:#ccc solid 1px; margin:15px 0 0 0}
		.contact fieldset label{width:250px; display:block; float:left; margin:0 10px 0 0; text-align:right}
		.contact fieldset input{width:250px;}
		.contact fieldset span{color:#FF0000}
		.contact fieldset textarea{width:330px; height:100px;}
		.contact fieldset .box{width:170px}
		#content .contact fieldset .btn{width:60%; padding:0 0 0 260px}
		.contact fieldset .btn input{padding:0; margin:0 5px 0 0; border:none; background:url(/data/images/bgd_btn.gif) 0 0 no-repeat; width:80px; height:31px; font-weight:bold; text-align:center; color:#fff; cursor:pointer}
		
	/***********footer**********
	********************************/
	#footer{width:100%; background:#ff6600;}
		#footer div{width:807px; background:url(/data/images/bgd_footer.gif) 0 0 no-repeat; height:59px; padding:0 0 0 187px; margin:0 auto}
		#footer p{color:#2e2e2e; font-size:1.1em; padding:20px 0 0 0}
	
	/***********layer**********
	********************************/
	#layerContent{width:681px; position:absolute; z-index:9999; background:url(/data/images/bgd_bottomLayer.png) 0 100% no-repeat; padding:0 0 27px 0; font-size:1.2em; left:0; top:-10000px}
		.layerInfo{width:627px; background:url(/data/images/bgd_topLayer.png) 0 0 no-repeat; position:relative; padding:28px 27px 0 27px; overflow:hidden}
		.btnClose{position:absolute; z-index:100000; right:0; top:0;}
		#overlay {position: fixed; z-index: 100; left: 0; top: 0;	width: 100%; height: 100%; cursor: pointer;}

#feedback {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	position: fixed;
	left: 30;
	top: 96.5%;
	z-index: 100001;
	width: 130px;
	height: 52px;
	margin: -45px 0 0;
	padding: 0;
	cursor: pointer;
}
.question a {font-family: Arial, Helvetica, sans-serif; color:#000000; text-decoration:none}
.question a:hover {font-family: Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline}	
