/* design by fen www.fenth.com */

body{ margin:0; padding:0; text-align:center; font:12px/18px Verdana, Arial, Helvetica, sans-serif; background:url(images/mainbg.jpg) repeat-x top; color:#666}
form,ul{ list-style:none; margin:0; padding:0}
a{ text-decoration:none;color:#066}
a:hover{ text-decoration:underline}
img{ border:none}
.fontred{ color:#c30}
/* Clear Fix */

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */


#wrapper{ text-align: left; margin:0 auto; width:968px}

#nav{ }
#nav ul li{ margin-right:5px; float:left; background:url(images/navline.gif) no-repeat right}
#nav a{ font:bold 14px Georgia, "Times New Roman", Times, serif; color:#c30; float:left; padding-left:10px}
#nav a span{ padding:8px 10px 6px 0; display:block}
#nav a:hover span{ background:url(images/navright.jpg) no-repeat right top;}
#nav a:hover{ background:url(images/navleft.jpg) no-repeat left top;color:#fff; text-decoration:none}
.search label{ font-weight:bold; color:#09c}
.btn{ background-color:#09c; border:none; color:#fff; padding:2px 3px 1px 3px; font-weight:bold}

.main{ margin:10px auto}
.prolist ul{ padding:8px}
.prolist li{ border-bottom:1px dashed #ccc; padding:5px 5px 5px 30px; background:url(images/arrow.gif) no-repeat 10px; _height:12px}
.prolist a{ color:#066; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.prolist a:hover{ color: #FF6600}

.column{ padding:0 20px 0 35px}
.title{ color:#099; border-bottom:1px solid #e3e3e3; height:34px}
.title span{ padding-left:26px; background:url(images/dot.gif) no-repeat left; border-bottom:1px solid #f90; float:left; font:bold 18px/34px Georgia, "Times New Roman", Times, serif; margin-bottom:-1px; position:relative; padding-right:10px}
.title a { border:none; display:inline; margin:10px 20px auto auto; float:right}

.pro{ float:left; padding:6px; border:1px solid #9c0; background-color:#F3F7DB; margin:20px 12px 15px 0; display:inline;}
.pro table{ background-color:#fff; border:1px solid #ccc}
.pro span{ display:block; padding:5px 3px; background:#4AAEA7; text-align:center}
.pro a{ color:#fff; font-weight:bold}
.pro a:hover{ color:#fff}
.on{ border:1px solid #FFAF38;background-color:#FFF7D9}
.on span { background-color:#FF9900}

#footer{ background:#F0F4E8; border-top:1px solid #990; padding:35px; text-align:center; font-size:11px; color:#AEAF51; margin-top:10px}

/* page of products */
.manu {padding:30px 0 20px 34px}
.manu A {BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none}
.manu A:hover {BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid}
.manu A:active {BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid}
.manu .current {BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4}
.manu .disabled {BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid}
/* page of feedback */
.feedback{ margin:30px auto; width:500px}
.feedback span{ padding:10px 0 20px 0; display:block}
.feedbackline{ float:left; margin:5px 0}
.feedback label{ display:block; width:80px; float:left; text-align:right; padding-right:10px}
.feedbackline input{ float:left}
.feedback .btn{ padding-left:94px}
.feedback .btn{ background-color:#fff}