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

body { background:#eeeeee url(images/bgdecor.gif) top center no-repeat; 
	   font-family: Tahoma, Verdana, Arial; 
	   font-size:11px; 
	   color:#333333
	  }
	  
#wrap  { width: 836px; margin:0 auto; background-color:#FFFFFF}
	#header { width:836px; height:119px; 
			  background:url(images/bg-header_03.jpg);
			  clear:both; position:relative;}
			  
			  #logo { width:198px; height:53px;  padding-top:30px; padding-left:20px; }
			  #float-contact{ position:absolute; top:0; right:50px; display:block; line-height:2em;}
			  #float-contact a{ background:url(images/dottrans.png); display:block; line-height:2em; padding-left:25px; padding-right:			25px; color:#fff; text-decoration:none;}
			  #float-contact a:hover{ background:#666666;}
			  #float-lang{ position:absolute; bottom:5px; right:50px; display:block; line-height:2em;}

#menu { width:836px;height:30px; background:#ade5ff; clear:both}
	#nav { list-style:none;margin:0; padding:0}
	#nav li { float:left; height:25px;display:block; font-weight:bold; margin-left:20px;}
	#nav li a { text-decoration:none; color: #666666;padding:10px; background:#ade5ff; display:block}
	#nav li a:hover { color: #333333; padding:10px; background: #CDF3EF; display:block}

#banner { width: 836px; height:245px; padding-bottom:10px; border-bottom:1px dashed #CCCCCC; clear:both}

#featured-content { clear:both; width:796px; padding:20px; line-height:16px}
	.img { width:255px; height:205px; position:relative; top:0; float:right; right:20px; margin-left:10px}
	.img img{ height:205px; position:relative; top:0; float:right; right:20px; margin-left:10px}
	h1 { font-family:Geneva, Arial, Helvetica, sans-serif; margin-top:0; color:#c9dc69; font-size:18px}
	
	#featured-content a { color:#25ccdd; text-decoration:none;}
	#featured-content a:hover { color:#c9dc69; text-decoration:none;}

#content { line-height:16px; width:100%; clear:both; }
	#left { width:500px; padding:20px; float:left;}
	#left h2 a{font-family:Geneva, Arial, Helvetica, sans-serif; margin-top:0; color:#25ccdd; font-size:16px; border-left: 4px solid #ccc; margin-left: 10px; padding-left: 5px; text-decoration:none;}
	#left h2 a:hover{border-left: 4px solid #c9dc69; margin-left: 10px; padding-left: 5px; color:#c9dc69;}
		#productlist { padding:0; list-style:none; clear:both}
		#productlist li img { float:left; margin-right:10px; height:150px;}
		#productlist li { padding-bottom:10px; border-bottom:1px dashed #CCCCCC}
		#productlist li h3 { font-size:18px; color:#25ccdd; margin-bottom:5px;}
		#productlist li a { color:#25ccdd; text-decoration:none;}
		#productlist li a:hover { color:#c9dc69; text-decoration:none;}
		#productlist li ol{ list-style: disc; margin-left:130px;}
		#productlist li ol li{ border:none; padding:0;}
		
	#right { width:250px; padding:20px; float:right}	
		#rightlist { padding:0; list-style:none; clear:both}
		#rightlist li { margin-bottom:20px;}
		#rightlist li h2{ font-size:12px;}
		#rightlist a { color:#25ccdd; text-decoration:none;}
		#rightlist a:hover { color:#c9dc69; text-decoration:none;}
	
#footer-wrap {width: 836px; height:63px; background:#fff url(images/bg-footer.jpg); margin:20px auto; color:#8f9492;}
	#footer-left {float:left; margin-top:25px; margin-left: 25px;}
	#footer-right {float:right; margin-top:25px; margin-right: 25px;}

#prod-advantage ul{list-style:none; padding-left:30px; margin-bottom:30px; width:500px;}
#prod-advantage ul li {border-left: 4px solid #ccc; display:block; margin-bottom:10px; padding: 5px 10px 5px 10px; line-height: 1.5em; }
#prod-advantage ul li:hover {border-left: 4px solid #c9dc69; background:#eee; display:block;}

.product-home{ list-style:none; padding-left:0; margin-left:20px;}
.product-home li{ display:block; padding:4px; border:1px solid #ddd; width:120px; float:left; margin-right:10px; margin-bottom:10px; min-height:160px; position:relative;}
.product-home li:hover {border:1px solid #c9dc69;}
.product-home img{width:120px;}
.product-home li p{ text-align:center; position:absolute; bottom:0; width:120px;}
.product-home li a { color:#25ccdd; text-decoration:none;}
.product-home li a:hover { color:#c9dc69; text-decoration:none;}

.brochure{ width:230px; background:#fff; padding:10px; text-align:center;}
.brochure:hover{ background:#eee;}
.brochure p {font-weight:bold; text-align:center;}
.brochure a{ color:#25ccdd; text-decoration:none}
.brochure a:hover{ color:#c9dc69; text-decoration:none;}


#contact-area input, #contact-area textarea {
	float:left;
	padding: 5px;
	width: 300px;
	height:20px;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 10px 10px 10px;
	border: 2px solid #ccc;
}

#contact-area label {
	float: left;
	text-align: right;
	margin: 0px 10px 10px 10px;
	width: 60px;
	height:20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	border: 2px solid #fff;
	
}


#contact-area select {
	float:left;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	width:80px;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #c9dc69;
}

#contact-area input.submit-button {
	line-height:20px;
	width: 100px;
	float: left;
	margin-right:20px;
}