/*---------------------------
      design by fen
	  www.fenth.com
-----------------------------*/
*{ margin:0; padding:0}
body{ text-align:center; font:12px/16px Georgia, "Times New Roman", Times, serif}
ul{ list-style:none}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
#wrapper{ width:760px; margin:0 auto}
.fontw{ font-weight:bold}
.fs{ font-size:12px}
/*------head begin-------*/
#header{}
#logo{ float:left; margin:5px auto}
#header h1{ float:left; font-size:24px; color:#036; margin:18px 10px auto 30px; line-height:24px}
#banner{ background:url(images/banner.jpg) no-repeat; height:59px; width:100%; clear:both}
#nav{width:100%; height:30px; background-color:#4C4C4C; border-top:2px solid #737373}
#nav ul{ margin:1px auto auto 20px}
#nav ul li{ display:block; float:left; margin:0 2px}
#nav ul li a{ color:#fff; font-size:14px; display:block; width:80px; height:28px; line-height:28px;border-top:1px solid #4C4C4C}
#nav ul li a:hover{ background-color:#000; border-top:1px solid #9C0; text-decoration:none}
#nav ul .on a{background-color:#000;border-top:1px solid #9C0}
#nav #data{color:#E8E8E8;margin-top:5px}
/*-----------------*/
#contentWrap{ margin-top:3px}
#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#leftbar{ float:left; width:190px; background-color:#EEF5F7}
#leftbar:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#leftbar dl dt{ height:34px; background:url(images/title-bg.gif) repeat-x; font:bold 16px/30px Georgia; color:#fff}
#leftbar dl dd{ text-align:left; border-bottom:1px dashed #ccc; margin:0 5px}
#leftbar dl dd a{ line-height:26px; color:#036; display:block; width:100%}
#leftbar dl dd a:hover{ text-decoration:none; background-color:#B0DDEC}
#leftbar .contact dd{ border:none; height:auto}
.contact ul{ display:block; border:1px solid #E0E6E8; width:167px !important; width /**/:179px; background-color:#E4EDF0; padding:5px; margin:5px 0; line-height:18px; font-size:11px; font-family:Verdana, Arial}
#leftbar .contact ul li a{ line-height:18px; color: #630; display:inline;word-break:break-all;}
#leftbar .contact dd ul li{text-indent:0 !important; text-indent /**/:-1em}

/*--------------------*/
#content{ float:right; width:565px; text-align:left}
#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.search{height:28px; border:1px solid #ccc; background:url(images/search.jpg) repeat-x; padding:0 8px; line-height:28px}
.search span{ float:left; color:#368; font-weight:bold}
.search form{ display:inline; float:right; margin-top:2px}
* html .search form{ margin-top:0}
*+html .search form{ margin-top:-1px}
.search .keywords{ width:165px; height:14px !important; height /**/:24px; background:url(images/keywords.gif) left top; border:1px solid #829DB9; padding:4px 5px;vertical-align:middle}
.search .bt{ border:1px solid #036; height:22px; margin-left:5px; vertical-align:middle; font-weight:bold; background-color:#fff}
#line{ height:5px; background-color:#f5f5f5; display:block; overflow:hidden}
.about{ }
.images{ float:left}
.images .img1{ margin:8px 0}
.images img{ display:block}
#content img{ padding:4px; border:1px solid #eaeaea; background-color:#f9f9f9}
.tex{ float:right; width:350px; color:#036; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px}
.tex span{ font-size:18px; font-weight:bold; color:#c60; font-family:Georgia, "Times New Roman", Times, serif; display:block; margin:5px auto 15px auto}
.tex .t1{ font-size:14px}
.tex p{ margin:4px auto}
.tex a{ margin-left:120px;background-color: #CC9900; color:#fff; padding:1px 3px}
.tex a:hover{ text-decoration:none;background-color: #CC6600}
.proShow{ border:1px solid #ebebeb; clear:both; background-color:#fafafa ; padding:5px; >padding:2px 5px 5px 5px}
#content .proShow img{ padding:4px; background-color:#fff; border:1px solid #eaeaea; margin:0 5px 0 0; vertical-align:middle}
#content .proShow .more{ border:0; padding:0; margin-right:-3px}
/*---------------*/
#footer{ background-color:#f2f2f2; margin-top:5px;color:#999; padding-bottom:10px;clear:both}
#footer a{ color:#999}
#menu{ border-bottom:1px solid #ccc;height:26px; background-color:#09c; line-height:26px; text-align:left; padding:0 10px; margin-bottom:10px; color:#C7E9F4}
#menu a{ color:#C7E9F4; margin:0 5px}
#menu a:hover{ color:#036}

/*=========Enter pages begin=========*/

/*----------contact------------*/
.conDl{ line-height:22px; color:#036;width:100%}
.conDl:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.conDl dt{ font-size:18px; color:#c60; border-bottom:1px dashed #ccc; padding-left:15px; line-height:24px;margin:10px 0}
.conDl dt span{color:#666;font-size:14px}
.conDl dd{}
.conDl dd ul{ float:left; margin-left:15px; display:inline}
.conDl a{ color: #990}
.map{ padding:4px; border:1px solid #efefef; background-color:#fafafa; margin-top:15px}
.map a{ display:block; width:555px; background:url(images/2006102010528751.jpg) no-repeat left bottom; height:100px; cursor:default}

/*----------feedback------------*/
.feedback{margin:25px auto; color:#036;}
.feedback span{margin-left:40px;display:block;line-height:28px}
.bo{ float:left; margin:2px auto}
label{float: left;padding: 10px 5px 4px 10px; width:80px; text-align:right}
.feedback input{padding: 3px}
@media all and (min-width: 0px) {/* opera 7 styles */
.feedback input { padding:4px}
}
.feedback input,.feedback textarea{border: 1px solid #CCCCCC;margin:5px 0px;}
.feedback textarea{padding: 2px; overflow:auto; width:400px}
.feedback .bt{width: 38px;height: 20px;font-size: 11px;border: solid 1px #CCCCCC;background: #FBFBFB;text-align: center;}
.btcenter{text-align: center;clear: left;padding: 4px 0px 0px;}
.feedback .sffocus {
background: #F0F9FB; /*----for IE----*/
border: 1px solid #1D95C7;
}
.feedback textarea:focus, .feedback input:focus {
background: #F0F9FB; /*----for firefox......----*/
border: 1px solid #1D95C7;
}
.feedback .botton{padding:2px 10px; >padding:2px 6px;font-size:12px; border:1px #1E7ACE solid; background:#D0F0FF;margin-right:20px}
@media all and (min-width: 0px) {/* opera 7 styles */
.feedback .botton { padding:4px 15px}
}
.tj{margin-left:100px; clear:both}
/*-------porducts----------*/
.pro{ margin:5px 10px auto 10px;}
.xpro{ display:inline; float:left; border:1px solid #efefef; padding:4px; margin:5px 15px; text-align:center}
.xpro a{ cursor:default}
#content .pro a:hover img{ background-color:#DDF0F0; border:1px solid #27CEF8}
.xpro p a{ color:#036; display:block}
.xpro p .r{ color:#c60}
.Epro p{ margin:8px auto; color:#036; font-family:Verdana, Arial, Helvetica, sans-serif}
table,td,th{border:1px #ccc solid;border-collapse:collapse}
td{ padding:3px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:12px}
#content .Epro .lin{ background-color:#F6F6F6; border:1px solid #efefef; padding:5px; margin-bottom:0}
.lin a{ color:#c60}
/*---------profile-----------*/
.profile p{ margin:5px; text-indent:2em; color:#036; font-family:Verdana, Arial, Helvetica, sans-serif}
.profile .zs img{float:left}
.zs{ overflow:auto;_height:1%}
.profile .zs{padding:5px; clear:both; border-top:1px dashed #ccc; margin:5px}
.profile .zs p{ text-indent:0;font-family:Georgia; float:left; margin-left:10px; line-height:20px}
.zs p span{ font-weight:bold}

.profile ul li { float:left; display:block;line-height:30px;margin:0 10px}
.cart{ margin:30px auto}
.cart th{ padding:5px}
/*--------sitemap---------*/
.sitemap{ margin:10px 130px auto 90px}
.sitemap li{ list-style: disc; border-bottom:1px dashed #ccc; line-height:24px}
.sitemap ul{ margin:5px auto 5px 35px}