@charset "utf-8";
/* 
Don't delete these lines, Keep it on css styles top.
@Copyright: Yitian
Company Site: http://it5.cn
Author: It5_chisdy
*/

html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,img{padding:0; margin:0;}
body{width:100%; color:#333; background:#B5E8FB; 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:960px; height:150px; margin:0 auto; position:relative; background:url(../images/top.jpg) no-repeat;}
#logo { width:250px; height:100px; position:absolute; top:0; left:0; text-indent:-9999px;}
#logo a { width:250px; height:100px; display:block}

/* Menubar */
#menubar { height:30px; position:absolute; bottom:20px; left:0;}
#menubar ul { padding-left:30px;}
#menubar ul li { float:left; display:inline;}
#menubar ul li a { height:30px; line-height:30px; display:block; float:left; padding:0 20px; font-size:13px; font-weight:700; color:#fff;}
#menubar ul li a:hover {}
#menubar ul li a.current {}

.quick-links { position:absolute; top:10px; left:500px; text-align:left;}
.quick-links a { font-size:13px; font-weight:700;}

/* Main layer */
#mainfix { width:960px; margin:0 auto; padding-bottom:15px; text-align:left; overflow:hidden; zoom:1; background-color:#fff;}
#contentfix { width:730px; float:right; margin-right:10px; display:inline}
#sidebar { width:200px; float:left; margin-left:10px; display:inline}
.column { width:730px; overflow:hidden; zoom:1;}
.mb10 { margin-bottom:10px;}

/* Search Form */
.search-form { height:30px; position:absolute; top:70px; left:420px;}
	.search-form .sels { width:210px;}
	.search-form .text { width:210px; padding:1px;}

#ibanner { width:520px; float:left; display:inline;}
#sitenotice { width:200px; height:240px; float:right; display:inline; background:url(../images/b2.jpg) no-repeat;}
	#sitenotice h3 { height:30px; line-height:30px; padding-left:25px; color:#0076AD; font-size:13px;}
	#sitenotice .inner_sn { padding:15px;}
#loginform { width:200px; height:240px; background:url(../images/b1.jpg) no-repeat;}
	#loginform h3 { height:30px; line-height:30px; padding-left:15px; color:#0076AD; font-size:13px;}
	#loginform .inner_lf { padding:20px 0 0 22px;}
		#loginform .inner_lf div { padding:4px 0;}
		#loginform .inner_lf label { display:block; color:#5A5B5D;}
		#loginform .inner_lf input.inptxt { width:150px; padding:3px 2px;}
		#loginform .inner_lf a { color:#4B94B5;}
		#loginform .inner_lf a:hover { color:#FF8400; font-weight:700;}

#category { width:200px; padding-bottom:13px; background:url(../images/c4.jpg) no-repeat 0 100%;}
	#category h3 { height:32px; line-height:30px; padding-left:15px; color:#0076AD; font-size:13px; background:url(../images/c1.jpg) no-repeat;}
	
#recommended { width:730px; clear:both; padding-bottom:9px; background:url(../images/r4.jpg) no-repeat 0 100%;}
	#recommended h3 { height:32px; line-height:30px; padding-left:15px; font-size:13px; color:#FD8200; background:url(../images/r1.jpg) no-repeat;}
		#recommended h3 a { float:right; padding-right:10px; font-size:11px; font-weight:400; color:#FF7900;} 
	#recommended .inner_sp { background:url(../images/r3.jpg) repeat-y;}
		#recommended .i_sp { background:url(../images/r2.jpg) no-repeat 0 -2px;}
#newpro { width:520px; float:left; display:inline; padding-bottom:15px; background:url(../images/h4.jpg) no-repeat 0 100%;}	
#hotpro { width:200px; float:right; display:inline; padding-bottom:15px; background:url(../images/h8.jpg) no-repeat 0 100%;}

#newpro h3,#hotpro h3 {height:32px; line-height:30px; padding-left:25px; color:#0076AD; font-size:13px; }
#newpro h3 {background:url(../images/h1.jpg) no-repeat;}
#hotpro h3 {background:url(../images/h5.jpg) no-repeat;}

#newpro .inner_np { background:url(../images/h3.jpg) repeat-y;}
	#newpro .inner_np .i_np { background:url(../images/h2.jpg) no-repeat 0 0;}
		#newpro .inner_np .i_np .nplist { padding:10px 0 10px 25px; overflow: hidden; zoom:1;}
		#newpro .inner_np .i_np .nplist li { width:140px; float:left; display:inline; margin:10px 20px 0 0;_marign-left:-2px}
		#newpro .inner_np .i_np .nplist li a.product_img { width:140px; height:140px; border:1px solid #E9EEEF;}
		#newpro .inner_np .i_np .nplist li a.product_img { display:table-cell; *display:block; vertical-align:middle; *font-size:122px; *font-family:Arial; background-color:#fff; text-align:center;}
		#newpro .inner_np .i_np .nplist li a.product_img:hover { border:1px solid #FF8400;}
		#newpro .inner_np .i_np .nplist li a img { vertical-align:middle}
		#newpro .inner_np .i_np .nplist li h4 { height:30px; margin:5px 0; overflow:hidden; font-weight:400; text-align:left}
		#newpro .inner_np .i_np .nplist li h4 a { color:#585858}
		#newpro .inner_np .i_np .nplist li h4 a:hover { color:#FF8400}

#hotpro .inner_hp { background:url(../images/h7.jpg) repeat-y;}
	#hotpro .inner_hp .i_hp { background:url(../images/h6.jpg) no-repeat;}
	.linebox { padding:19px 0 10px 0; clear:both; zoom:1; overflow:hidden}
	.linebox dl { height:100%; margin:0 1px; overflow:hidden; padding:10px; border-bottom:1px solid #E9EEEF; background:url(../images/c2.jpg) repeat-x 0 100%;}
	.linebox dl dt { float:left; height:60px; width:60px; text-align:center; }
	.linebox dl dt a {text-align:center; display:table-cell; vertical-align:middle;*display:block; *font-size:52px;*font-family:Arial;height:60px; width:60px; background:#fff;border:solid 1px #E9EEEF;}
	.linebox dl dt a:hover {border:1px solid #FF8400;}
	.linebox dl dt img { vertical-align:middle}
	.linebox dl dd { float:right; width:105px; font-size:11px; overflow:hidden}
	.linebox dl dd a { color:#666;}
	.linebox dl dd a:hover { color:#FF8400}

.sitenav { padding:0 0 5px 3px;}
.sitenav a { color:#666;}
.posttitle { height:32px; line-height:30px; padding-left:15px; font-size:13px; color:#FD8200; background:url(../images/r1.jpg) no-repeat;}
.postbody { padding:20px 15px; overflow:hidden; line-height:1.6em;}
.postbody p { margin-bottom:15px;}

/* Product Grid */
.product_grid { border:1px solid #E8D6C2; border-width:0 1px 1px 1px;}
.product_grid ul { padding:0 0 10px 20px;_padding:0 0 10px 15px}
.product_grid ul li { width:120px; float:left; display:inline; margin:20px 20px 0 0;_marign-left:-2px}
.product_grid ul li a.product_pic { width:120px; height:120px; border:1px solid #dfdfdf;}
.product_grid ul li a.product_pic { display:table-cell; *display:block; vertical-align:middle; *font-size:105px; *font-family:Arial; background-color:#fff; text-align:center;}
.product_grid ul li a.product_pic:hover { border:1px solid #F00}
.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:#009FDD}
.product_grid ul li h4 a:hover { color:#F00}

/* Product Info */
.proinfo { width:730px; margin-bottom:20px; padding-top:20px; text-align:left;; overflow:hidden; zoom:1}
.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 a { width:75px; height:75px; border:1px solid #e0e0e0;}
.propic_small a { display:table-cell; *display:block; vertical-align:middle; *font-size:65px; *font-family:Arial; background-color:#fff; text-align:center;}
.propic_small a:hover,
.propic_small a.curr_show { border:1px solid #F00}
.propic_small a img { vertical-align:middle}

.protext { display:inline; width:300px; margin-right:20px; 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:#222}
.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}

.pdetail { width:710px; padding:20px 10px; line-height:1.6em}
.pdetail p { margin-bottom:10px}

/* 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:200px}
.feedback_form .innerlist .textarea { border:1px solid #91ACBF; padding:3px; width:250px; height:60px}
.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*/

/* Nav Pages */
.navpages{padding:5px; margin-top:10px; clear:both;font-size:12px; background:#fff; border:1px solid #E8D6C2}
.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 #fff;}
.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:960px; margin:0 auto; padding-top:40px; clear:both; background:url(../images/botcol.jpg) no-repeat;}
#copyright { padding-bottom:10px;}