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

body{ margin:0; padding:0; text-align:center; font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#666; background:url(images/bg.jpg) repeat-x 0 98px}
ul{ list-style:none; margin:0; padding:0}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
.fontred{ color:#c30}
.fonttitle{ color:#fff; font:bold 14px Georgia, "Times New Roman", Times, serif}
a img{ border:none}
h2{ font:bold 16px/18px Georgia, "Times New Roman", Times, serif; color:#00598C; margin:0 0 10px 0}
/* 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 */

.jquerybug{ position:absolute; z-index:11; right:50px; top:340px}

#wrapper{ margin:0 auto; text-align:left; width:940px}
.wrap{ background:url(images/contentbg.gif) no-repeat top; position: relative; margin:-8px -4px 0 -4px; width:948px; z-index:1}
#header{ z-index:2; position:relative}
#leftcolumn{ float:left; width:240px;padding:28px 0 10px 24px}
#mainbox{ float:right;width:610px; padding:26px 40px 10px 0}


/* head */
.renwu{position:absolute;right:5px;top:0px;width:285px;height:347px;background:url(images/renwu.png);z-index:10}

#topinfo{ height:98px; color:#ccc}
#topinfo span{font:bold 19px Georgia, "Times New Roman", Times, serif; padding:25px 0 5px 0; display:inline-block; color:#656565}
#topinfo img{ margin:25px 20px auto auto; float:left}
#nav{ padding:5px 0 0 0}
#nav ul li{ margin-right:5px; float:left; background:url(images/navline.gif) no-repeat right;position:relative;z-index:11}
#nav a{ font:bold 14px Georgia, "Times New Roman", Times, serif; color:#fff; float:left; padding-left:13px}
#nav a span{ padding:8px 13px 10px 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:#005184; text-decoration:none}
.banner{ position:relative; width:100%; z-index:3}

/* leftcolumn */
#leftcolumn .title{ height:34px; background:url(images/leftcolumntitle.jpg) no-repeat; padding-left:25px; color:#fff; font:bold 14px/34px Georgia, "Times New Roman", Times, serif}
.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:#666; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.search{ padding:10px; margin:0}
.search .btn{ background-color:#4287A1; border:none; color:#fff; line-height:18px}
.leftcontact { padding:8px; line-height:24px; font-size:11px}
.leftcontact img{ padding-bottom:10px}
.leftcontact span{ display:inline-block; width:50px; text-align:right; padding-right:8px}
.conline{ padding-left:58px}

/* mainbox */
.column .title{ color:#00598C; border-bottom:2px solid #e3e3e3; height:34px}
.column .title span{ padding-left:26px; background:url(images/dot.gif) no-repeat left; border-bottom:2px solid #c30; float:left; font:bold 20px/34px Georgia, "Times New Roman", Times, serif; margin-bottom:-2px; position:relative; padding-right:10px}
.column .title a { border:none; display:inline; margin:10px 20px auto auto; float:right}
.profile{ padding:20px 0}
.profile img{ padding:5px; border:1px solid #ccc; float:left; margin-right:10px}

.pro{ float:left; padding:6px; border:1px solid #ccc; background-color:#F8F8F8; margin:20px 8px 15px 0; display:inline;	WIDTH: 125px; text-align:center }
.pro img{display:block; }
.pro table{ background-color:#fff; border:1px solid #ccc;width:117px; height:130px}
.pro span{ display:block; padding:5px 3px; background:#069; text-align:center;width:117px}
.pro a{ color:#fff; font-weight:bold}
.pro a:hover{ color:#fff}



#footer{background-color:#E8F4F3; margin-top:4px; text-align:center; padding:10px 0; color:#4D6873; border:1px solid #A0C5BE; margin:0px 4px}


/* page of products */
.manu {padding:20px 0 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 auto; 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}

/* page of equipment */
.equi { padding:10px 0}
.equi img{ float:left; padding:5px; border:1px solid #ccc; display:inline; margin:8px}

.noproducts{ color:#c30; font:bold 22px Georgia, "Times New Roman", Times, serif; margin:20px auto; text-align:center}

.news li{ border-bottom:1px dashed #ccc; padding:5px 30px 5px 20px; background:url(/images/arrow.gif) no-repeat 5px; position:relative}
.news li span{ position:absolute; right:0}
.news a{ color:#006699;font-size:12px}
.news a:hover{color:#666}