@charset "utf-8";
/* @copyright  Yitian(http://www.it5.cn) */

html,body,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p{padding:0; margin:0;}
body{ width:100%; color:#333; background-color:#DDE2E8; text-align:center}
fieldset,img {border:none;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:700; font-size:100%;}
body,tr,td,select,input{font:12px Arial, Helvetica, sans-serif;}
label,img,input,textarea,select,button {vertical-align:middle;}
button{overflow:visible;cursor:pointer;}
a {text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}
a img { border:none}

#header { width:900px; height:80px; margin:0 auto; position:relative; background:#fff url(../images/top.jpg) no-repeat}
#logo { width:200px; height:80px; position:absolute; top:0; left:0; text-indent:-9999px}
#logo a { width:200px; height:80px; display:block; background:url(../images/top.jpg) no-repeat 0 0}
#menubar { height:30px; position:absolute; top:20px; left:230px; text-align:left}
#menubar li { height:30px; line-height:30px; float:left; color:#eee}
#menubar li a { line-height:30px; float:left; color:#fff; padding:0 15px; font-weight:700; background:url(../images/mline.jpg) no-repeat 100% 50%}
#menubar li a.noline { background-image:none}

#mainfix { width:900px; margin:0 auto; padding:0 0 20px 0; text-align:left; background-color:#fff; overflow:hidden;zoom:1}
#contentfix { width:670px; float:right; display:inline; margin:0 10px 10px 0}
.contmain { width:670px; padding:10px 0; background:url(../images/pbg.jpg) no-repeat 0 0}
#sidebar { width:200px; float:left; display:inline; margin-left:10px}
.colicon { width:880px; height:75px; margin-left:10px; clear:both; background:url(../images/colbar.jpg) no-repeat; text-indent:-9999px}
.colicon a { width:285px; height:75px; display:block; float:left}
.colicon a.bestseller,.colicon a.sitemap { margin-left:12px}
.colicon a:hover { background:url(../images/colbar_h.jpg) no-repeat 0 0}
.colicon a.bestseller:hover { background-position:-297px 0;}
.colicon a.sitemap:hover { background-position:-594px 0;}

.sitenav { padding:0 0 5px 2px}
.sitenav a { color:#426FD4}
.sitenav strong { color:#E8641B;}
.conttitle { padding:0 0 0 10px; font-size:18px;}
.contpost { padding:10px; line-height:1.6em}
.contpost p { margin-bottom:15px}

/*banner*/
#ibanner { width:670px; height:320px; overflow:hidden; position:relative;z-index:100; background:url(../images/loading.gif) no-repeat 50% 50%}
.inum{position:absolute;right:10px; bottom:10px;}
.inum li{float: left;color: #4175D8;text-align: center;line-height: 16px;width: 16px;height: 16px;font-size: 12px;cursor: pointer;overflow: hidden;margin: 3px 1px;border: 1px solid #4175D8;background-color: #fff;}
.inum li.on{color: #fff;background-color: #4175D8;font-weight: 700;}
/*end of banner*/

/* Search Form */
.search-form { width:200px; height:70px; margin-bottom:10px; background:url(../images/searchbg.jpg) no-repeat}
.pad { padding:14px 0 0 10px}
.search-form label { display:block; font-weight:700; padding:2px}
.search-form .sels { width:178px; margin-bottom:2px}
.search-form .text { width:156px}

.category { width:200px; padding-bottom:10px; background:#ECEFF6 url(../images/catebg.jpg) no-repeat 0 100%}
.cateindex { height:230px; overflow:hidden;}
.category h3 { height:25px; line-height:25px; padding-left:15px; color:#fff; background:url(../images/catetitle.jpg) no-repeat}
.category ul { padding:10px 0}
.category ul li {}
.category ul li a { height:30px; line-height:30px; display:block; padding:0 0 0 20px; font-weight:700; color:#4C4D51; background:url(../images/li.gif) no-repeat 10px 50%}
.category ul li a.selecteds { color:#E8641B; background:url(../images/li2.gif) no-repeat 8px 50%;background-color:#F6F7F8;}
.category ul li a:hover { color:#E8641B; background-color:#F6F7F8; text-decoration:none}
.category ul li a.morecate { height:20px; line-height:20px; background-image:none; font-size:11px; font-weight:400}
.category ul ul { padding:0 0 0 10px; display:none}
.category ul ul li a { height:20px; line-height:20px; display:block; padding:0 0 0 17px; font-size:11px; font-weight:700; color:#426FD4; background:url(../images/li3.gif) no-repeat 10px 50%}

/* Feedback List */
.feedback_list { padding:10px}
.feedback_list dl { background-color:#fff; margin-bottom:10px; border:1px solid #DCE4EF}
.feedback_list dl.banline { background-color:#FAFCFE}
.feedback_list dl dt { height:25px; line-height:25px; background-color:#F3F7FC; padding:0 10px}
.feedback_list dl dt small { float:right}
.feedback_list dl dd { margin:0; padding:10px}
.feedback_list dl dd h4 { font-size:12px; color:#0D6599; border-bottom:1px dotted #DCE4EF; padding:5px 0}
.feedback_list dl dd.fbcontent { word-wrap:break-word; overflow:auto; padding-top:5px}

.author { font-weight:700; color:#0D6599}

/* Feedback Form */
.feedback_form {}
.feedback_form h3 { font-size:12px; text-align:center; margin:0; padding:5px 0; color:#FF6600}
.feedback_form .innerlist { padding:5px 0; border-bottom:1px solid #fff; background-color:#f8f8f8}
.feedback_form .innerlist label { font-weight:700; display:block; float:left; width:100px; line-height:20px; text-align:right; padding-right:10px}
.feedback_form .innerlist input {}
.feedback_form .innerlist .inptext { border:1px solid #91ACBF; padding:3px; width:300px}
.feedback_form .innerlist .textarea { border:1px solid #91ACBF; padding:3px; width:300px; height:80px; overflow:auto}
.feedback_form .innerlist_button { padding-left:110px;}
/* all form focus */
.feedback_form div.allfocus { background-color: #FFFFCC}
div.allfocus label {}

.required { color:#FF3300; font-weight:700; padding-left:5px} /* Required */
/* End Feedback*/

/* Product Grid */
.product_grid {}
.product_grid ul { padding:0 0 10px 20px}
.product_grid ul li { width:140px; float:left; display:inline; margin:20px 20px 0 0;_marign-left:-2px}
.product_grid ul li a.product_pic { width:140px; height:140px; border:1px solid #dfdfdf;}
.product_grid ul li a.product_pic { display:table-cell; *display:block; vertical-align:middle; *font-size:121px; *font-family:Arial; background-color:#fff; text-align:center;}
.product_grid ul li a.product_pic:hover { border:1px solid #E7641E}
.product_grid ul li a img { vertical-align:middle}
.product_grid ul li h4 { height:30px; margin:5px 0; overflow:hidden; font-weight:400; text-align:left}
.product_grid ul li h4 a { color:#426FD4}
.product_grid ul li h4 a:hover { color:#E7641E}
.list_price { color:#666}
.your_price { color:#444}
.your_price strong { color:#E7641E}
.add_cart_icon {}

.proinfo { width:670px; margin-bottom:20px; padding-top:20px; text-align:left;}
.propic { display:inline; width:360px; margin-left:10px; float:left;}

#propic_large { width:360px; height:360px; margin-bottom:5px; border:1px solid #dfdfdf; cursor:pointer}
#propic_large { display:table-cell; *display:block; vertical-align:middle; *font-size:320px; *font-family:Arial; background-color:#fff; text-align:center;}
#propic_large img { vertical-align:middle}
.propic_small li a { width:75px; height:75px; border:1px solid #e0e0e0;}
.propic_small li a { display:table-cell; *display:block; vertical-align:middle; *font-size:65px; *font-family:Arial; background-color:#fff; text-align:center;}
.propic_small li a:hover,
.propic_small li a.curr_show { border:1px solid #009FDD}
.propic_small li a img { vertical-align:middle}

.protext { display:inline; width:270px; margin-right:10px; float:right}
.protext ul { border:1px solid #dcdcdc; border-width:1px 0 0 1px}
.protext li { padding:8px; border:1px solid #dcdcdc; border-width:0 1px 1px 0; clear:both}
.protext h3 { padding:10px 0; font-size:14px; font-weight:700; color:#426FD4}
.protext li.price strong { color:#F00; font-size:13px}
.protext li span { font-size:11px; color:#555; padding-left:10px}
.protext p { padding:5px}
.protext p a { color:#555; padding:0 5px}
.protext label { width:60px; line-height:23px; font-weight:700; display:block; float:left; vertical-align:middle}
.protext .inpt { width:80px; padding:3px 5px; border:1px solid #7F9DB9; background-color:#fff}
.protext .inpt:hover { border:1px solid #009FDD; background-color:#EEF9FD}

.protext h4 { margin-top:10px; font-size:13px; color:#06F; background-color:#f8f8f8}
.relpro { padding:10px 0 0 10px; overflow:hidden;zoom:1}
.relpro a { width:77px; height:77px; margin:5px 5px 0 0; display:block; float:left; text-align:center; border:1px solid #dfdfdf;}
.relpro a img { vertical-align:middle}
.relpro a:hover { border:1px solid #f00}

.ptitle { padding:0 0 5px 10px; clear:both; font-size:16px; color:#426FD4; border-bottom:1px solid #e0e0e0}
.pdetail { width:650px; padding:20px 10px; line-height:1.6em; color:#666}
.pdetail p { margin-bottom:10px}

.sm_left { width:160px; float:left}
.sm_right { width:500px; float:right}
.sm li {}
.sm li a { padding-left:10px; color:#555; font-weight:700; background:url(../images/li.gif) no-repeat 0 50%}
.sm li li { padding:5px 15px}
.sm li li a { padding:0 10px; font-weight:400; color:#888}

/* Nav Pages */
.navpages{padding:5px; margin-top:10px; clear:both; font-size:12px; background:#fff; border:1px solid #eee; border-width:1px 1px 5px 1px;}
.navpages ul{text-align:left;margin:0;padding:0}
.navpages li{list-style:none;display:inline; width:14px;margin-right:2px;}
.navpages li.thepage{margin-right:5px;color: #1C1C03;padding:1px 4px; width:auto}
.navpages a{text-decoration:none;color:#1C1C03;padding:1px 4px;border:1px solid #eee;}
.navpages a:hover{border:1px solid #888;color:#fff;background:#888; text-decoration:none}
.navpages li.curr_linkpage{border:1px solid #FB8700;color:#fff;padding:1px 4px;background:#FB8700}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { height: 1%; /* End hide from IE-mac */ }
/* ie7 hack*/
*+html .clearfix { min-height: 1%; }
/*]]>*/
.clear { clear:both; height:1px; line-height:1px; font-size:1px}

#footer { width:900px; margin: 0 auto; padding-bottom:20px; clear:both; background:#fff url(../images/footbg.jpg) no-repeat 0 100%}
#copyright { padding:18px 0; background-color:#EBEEF3}