body{margin:0; padding:0; background:url(images/bg.jpg) repeat-y #5c5c5c center; font:12px/22px Arial, Helvetica, sans-serif; color:#666; text-align:center}
ul{ list-style:none; margin:0; padding:0}
form{ margin:0; padding:0}
a{text-decoration:none; color:#666}
a:hover{color:#00489d; text-decoration:underline}
img{ border:none; vertical-align:middle}
input{ vertical-align:middle}

/* 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 {width:940px; background:#fff; margin:0 auto; padding:0 10px}
#footer {margin:15px auto}
#footer p {margin:5px auto}

#header {margin:15px 0 5px 0}

#nav {height:36px}
#nav ul{margin:4px 0 0 30px}
#nav li{ margin-right:10px; float:left}
#nav a{font:bold 14px Georgia, "Times New Roman", Times, serif; color:#fff; float:left; padding-left:15px}

#nav a span{padding:4px 10px 8px 0; display:block}
#nav a:hover span,.navon span{ background:url(images/navbgright.jpg) no-repeat right top;}
#nav a:hover,#nav .navon a{ background:url(images/navbgleft.jpg) no-repeat left top;color:#c30; text-decoration:none}

#nav .nav1 a span{ background:url(images/navbgright.jpg) no-repeat right top;}
#nav .nav1 a{ background:url(images/navbgleft.jpg) no-repeat left top;color:#00489d; text-decoration:none}

.lmbg{font:bold 16px Georgia, "Times New Roman", Times, serif; color:#fff}
.lmbg span {margin-left:25px}
.prolist ul{ padding:8px}
.prolist li{ border-bottom:1px dashed #ccc;padding:5px 5px 5px 30px; background:url(images/arrow.gif) no-repeat 10px}
* html .prolist li{ height:18px}
.prolist a{ color:#00489d}
.prolist a:hover{ color:#c30}

.search .keywords{ padding:3px 3px 2px 3px; border:1px solid #E6D2BD; background:url(images/searchbg.jpg)}

.title{ background:url(images/titlebg.gif) repeat-x center; height:35px; border-bottom:2px solid #ccc}
.title span{ float:left;display:block;border-bottom:2px solid #00489d; _position:relative; _bottom:-2px; padding:0 10px; font:bold 14px/35px Georgia, "Times New Roman", Times, serif; color:#00489d; background:url(images/111.jpg) #fff no-repeat left; padding-left:40px}
.title a{ float:right; display:inline; margin-right:20px; line-height:35px; background-color:#fff; padding:0 10px; color:#2e77cd}
.title a:hover{ color:#c30}

.pro{ float:left; padding:4px; border:1px solid #2e77cd; background-color:#cdeeff; margin:10px 10px 0 0; display:inline}
.pro img{}
.pro table{text-align:center;background-color:#fff}
.pro span{ display:block; padding:5px 3px; background:#2e77cd; text-align:center; color:#fff}
.pro a{ color:#fff; font-weight:bold}
.pro a:hover{ color:#fff}
.container{ padding-bottom:20px;}

/* page of products */
.manu {padding:30px 0}
.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 60px; width:500px}
.feedback span{ padding:10px 0 20px 0; display:block}
.feedbackline{ float:left; margin:5px 0}
label{ display:block; width:80px; float:left; text-align:right; padding-right:10px}
.feedbackline input{ float:left}
.feedback .btn{ padding-left:94px}
