/* @copyright  Yitian(http://www.it5.cn) */

html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p{padding:0; margin:0;}
body{width:100%; color:#333; background:#fff; text-align:center}
body, div, img{ behavior:url("iepngfix.htc");}
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:11px Verdana, Geneva, sans-serif;}
label,img,input,textarea,select,button {vertical-align:middle;}
input.text, textarea {border:1px solid #7F9DB9;}
button{overflow:visible;cursor:pointer;}

a {text-decoration:none; outline:none; color:#4456AE}
a:hover {text-decoration:underline;}

.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}

#header { width:990px; height:144px; position:relative; margin:0 auto 15px auto; background:url(../images/topbg.jpg) no-repeat}
#logo { width:300px; height:60px; position:absolute; top:0; left:0; text-indent:-9999px}
#logo a { width:300px; height:60px; display:block; background:url(../images/topbg.jpg) no-repeat}
#topcart { width:190px; height:40px; line-height:40px; position:absolute; top:70px; right:10px; text-align:left}
#topcart a { color:#fff}
.sitenav { height:30px; line-height:30px; position:absolute; top:110px; z-index:2; left:10px}
.searchform { width:610px; position:absolute; top:40px; right:10px}
.searchform .sels { width:200px; color:#666}
.searchform .sinp { width:300px; padding:1px}
.topbar { height:30px; line-height:30px; text-align:right; padding-right:20px}

/* Top Menu */
#menubar { height:40px; line-height:40px; position:absolute; top:70px; left:0; z-index:49000}
.topmenu {padding:0; margin:0; list-style:none; height:40px; position:relative; z-index:50000}
.topmenu li.top {display:block; float:left;}
.topmenu li a.top_link {display:block; float:left; height:40px; line-height:40px; color:#1E3295; text-decoration:none; font-size:12px; font-weight:bold; padding:0 30px; cursor:pointer; background:url(../images/m_line.jpg) no-repeat 100% 50%}
.topmenu li a.top_link span {float:left; display:block; padding:0 5px; height:40px;}
.topmenu li a.top_link span.down {float:left; display:block; padding:0 5px; height:40px; }
.topmenu li a.top_link:hover {color:#1E3295; background:#A4ACEB url(../images/m_hover.jpg) repeat-x 0 50%; text-decoration:none}
.topmenu li a.top_link:hover span {}
.topmenu li a.top_link:hover span.down {}

.topmenu li:hover > a.top_link {color:#1E3295; background:#A4ACEB url(../images/m_hover.jpg) repeat-x 0 50%;}
.topmenu li:hover > a.top_link span {}
.topmenu li:hover > a.top_link span.down {}

.topmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.topmenu a:hover {visibility:visible; position:relative; z-index:60000;}
.topmenu li:hover {position:relative; z-index:60000;}

/* keep the 'next' level invisible by placing it off screen. */
.topmenu ul, 
.topmenu :hover ul ul, 
.topmenu :hover ul :hover ul ul,
.topmenu :hover ul :hover ul :hover ul ul,
.topmenu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.topmenu :hover ul.sub {left:0; top:40px; background: #edf5f8; padding:0;  white-space:nowrap; width:160px; height:auto; z-index:70000;border:1px solid #bbe9f8; border-width:0 1px 1px}
.topmenu :hover ul.sub li {display:block; height:24px; position:relative; float:left; width:160px; text-align:left; font-weight:normal;}
.topmenu :hover ul.sub li a {display:block; font-size:11px; font-weight:700; height:24px; width:160px; line-height:24px; text-indent:5px; color:#1E3295; text-decoration:none;}
.topmenu :hover ul.sub li a.fly {}
.topmenu :hover ul.sub li a:hover {background:#fff; color:#1E3295;}
.topmenu :hover ul.sub li a.fly:hover {}
.topmenu :hover ul li:hover > a { background:#fff; color:#1E3295;} 
.topmenu :hover ul li:hover > a:hover { background:#F5F6FC; color:#1E3295;}
.topmenu :hover ul li:hover > a.fly { background:#fff; color:#1E3295;} 

.topmenu :hover ul :hover ul,
.topmenu :hover ul :hover ul :hover ul,
.topmenu :hover ul :hover ul :hover ul :hover ul,
.topmenu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-4px; background: #fff; padding:3px; border:1px solid #bbe9f8; white-space:nowrap; width:160px; z-index:80000; height:auto;}
/* End of topmenu */

#mainbox { width:990px; margin:0 auto 10px auto; overflow:hidden; zoom:1; text-align:left}
.contentbox { width:795px; float:right; display:inline}
#sidebar { width:180px; float:left; display:inline}
#banner { width:500px; float:left}
.notice { float:right;width:200px;height:230px;border:1px solid #BDBAEF}
.notice h3 { height:25px;line-height:25px;color:#2D38A1;padding-left:10px}
.login{ margin-bottom:10px;float:right;width:200px;height:230px;}
.login td a,.login td a:visited{ color:#1a69ab; font-size:10px;}
.login .content{
	background: url(../images/log_bg.gif) center bottom;
	height:193px;
	color:#1a69ab;
	padding:5px;
}
.login .input{
	width:96px;
	height:18px;
	border:1px solid #e0e0e0;
	background: url(../images/log_input.gif) repeat-x left top;
}

.inner { height:190px; padding:10px; line-height:1.5em; overflow:auto}
.inner p { margin-bottom:10px}
#deals { width:795px; overflow:hidden; zoom:1; margin-top:15px; clear:both}
#deals dl { width:255px; float:left; margin-right:15px; display:inline}
#deals dl.no-margin,.prolist dl.no-margin { margin:0}
#deals dl dt { height:25px; line-height:25px; color:#6C9B0F; font-size:12px; font-weight:700; text-transform:uppercase}
#deals dl dd { width:253px; border:1px solid #bacbed}
#deals dl dd em { padding:5px 10px; display:block}
.d-pic { width:80px; height:80px; float:left; display:inline; margin:10px}
.d-price { width:140px; float:right; display:inline; line-height:1.5em; margin:30px 10px 10px 0}
	.d-price span strong { color:#F00}
.d-title { padding:0 10px; clear:both}

#recommended { margin:15px 0; text-align:center; padding:10px 0; clear:both; border:1px solid #BDB8EE}

.prolist_home { clear:both}
.prolist_home h3 { font-size:18px;}
.prolist { width:795px; overflow:hidden;zoom:1; margin-top:15px; clear:both}
.prolist dl { width:255px; height:170px; float:left; margin-right:15px; display:inline}
.prolist dt { height:30px; overflow:hidden}
.pl-pic { width:120px; height:120px; float:left; display:inline;}
.pl-text { width:120px; float:right; padding-top:30px; line-height:1.5em; display:inline}
	.pl-text span strong { color:#F00}

.productsBox{ margin:20px 0 0; overflow:auto;zoom:1;line-height:14px;}
.productsBox .productsImg{ float:left;display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size:45px; *font-family:Arial; width:60px; height:60px;}
.productsBox .productsImg img{vertical-align:middle;}
.productsBox .productsInfo{float:left;margin-left:5px;width:90px;overflow:hidden;}
.productsBox h4{ line-height:14px; font-weight:normal; margin:0 0 0 -4px;}
.productsBox .price2{ font-size:11px; text-decoration:line-through;}
.productsBox .price{color:#f33435; font-size:11px;}


#sidebar h3.catetitle { height:30px; line-height:30px; padding-left:20px; font-size:12px; color:#fff; background:url(../images/cbg.jpg) no-repeat}
#sidebar ul.catelist { border:1px solid #BABBF1; border-width:0 1px 1px 1px; padding:5px 0 10px 10px; margin-bottom:10px;}
#sidebar ul.catelist a { height:20px; line-height:20px; display:block; color:#363698}
#sidebar ul.catelist ul li a { background:url(../images/li.jpg) no-repeat left center; padding-left:10px; height:20px; line-height:20px; display:block; color:#363698}
#sidebar dl {border:1px solid #CBCBCB; margin-bottom:10px;}
#sidebar dl dt { height:30px; line-height:30px; padding-left:10px; font-weight:700; color:#fff; background-color:#aaaaaa;}
#sidebar dl dt a { color:#fff}
#sidebar dl dd { padding:5px;}
#sidebar dl dd a { display:block; padding:3px 0 3px 5px}
#sidebar .lang{width:160px; height:70px; overflow:hidden;}

.sidenews { border:1px solid #DEDDF2; margin-bottom:10px;}
.sidenews h3 { height:25px; line-height:25px; padding-left:15px; color:#1E3295; background-color:#D9D8F0}
.sidenews ul { padding:10px 5px 10px 10px;}
.sidenews ul li { margin-bottom:10px}
.sidenews ul li a span { color:#888}

.post-header { font-size:18px; color:#1E3295}
.post-content { width:795px; padding:10px 0 20px; overflow:auto; line-height:1.6em}
.post-content p { margin-bottom:10px}

.box_c{ width:795px; word-break:break-all; overflow:hidden;}
.product_c li{ padding:10px; border-bottom:1px #ccc solid; overflow:auto; zoom:1;}

.ppic1{display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size: 134px; *font-family:Arial; width:150px; height:150px; float:left;}
.ppic1 img{vertical-align:middle;}

.p_text{ width:400px; margin-left:10px; float:left;}
.p_text h3{ margin-bottom:15px;}
.p_text h3 a{ font-size:13px; color:#497B00; font-weight:700;}
.p_text h4{ color:#333; font-weight:700; line-height:25px;}
.p_text p{ line-height:16px;}
a.pdetail{ font-weight:700; margin-left:10px;}
.p_text h5{ margin-top:45px;}
.p_text h5 a{ font-weight:700; text-decoration:underline;}
.p_text h5 a:hover{ color:#C00;}

.p_cart{ float:right; text-align:center;}
.p_cart p{ line-height:20px;}
.p_cart img{ margin:40px 0 0 10px;}
.price{ font-size:14px; font-weight:700; color:#C00;}

.productinfo-content { margin-top:20px}
.proinfo-pic{ width:350px; float:left;}
.productinfo h2{ font-size:14px; font-weight:700; padding:10px;}
.ppic2{ width:350px; height:100%; display:block; border:1px #eee solid; margin-bottom:10px;}
.sppic2 img{ border:1px #eee solid; margin:0 3px;}
.zoom{ text-align:center; margin-top:10px;}
.zoom a{ color:#005AA0;}
.proinfo-text{ margin-left:20px; float:left;}
.proinfo-text li{ width:390px; padding:8px 0; border-bottom:1px #ccc dashed;}
.proinfo-text p{ text-align:center; margin-top:20px;}
.proinfo-text p a{ color:#333;}
.price{ font-size:14px; font-weight:700; color:#C00;}
.pinfoothtitle{ height:30px; background:url(../Images/pshow_bg_18.gif) repeat-x; margin-top:15px;}
.pinfoothtitle h2{ color:#1E3295; font-size:12px; font-weight:700; padding:4px 8px; border:1px solid #6974D0; background-color:#F5F6FC}

.comment_list {}
.comment_list dl { clear:both}
.comment_list dl dt { height:25px; line-height:25px; padding:0 5px; background-color:#f8f8f8}
.comment_list dl dt .c_star { float:right;}
.comment_list dl dt strong {font-size:12px; font-weight:700; color:#1E3295}
.comment_list dl dd { padding:10px;}

.newslist {}
.newslist li { height:30px; line-height:30px; border-bottom:1px dashed #bacbed;}
.newslist li a { padding-left:15px; background:url(../images/513.gif) no-repeat 5px 50%}
.newslist li span { float:right; color:#aaa}
.update { font-weight:700; color:#394CA8; padding-bottom:20px}

/* Nav Pages */
.navpages{padding:8px 10px; margin:10px 0; clear:both;font-size:11px; background:#fff; border:1px solid #6974D0}
.navpages ul{text-align:right;margin:0;padding:0}
.navpages li{list-style:none;display:inline; width:14px;margin-right:2px;}
.navpages li.thepage{margin-right:5px;color: #666;padding:1px 3px; width:auto}
.navpages a{text-decoration:none;color:#1C1C03;padding:1px 3px;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 #6974D0;color:#fff;padding:1px 3px;background:#6974D0}

#footer { width:990px; margin:0 auto; clear:both;}
.botcolumn { width:988px; margin:0 auto;border:1px solid #bacbed; overflow:hidden;zoom:1}
.botcolumn dl { width: 245px; height:100px; float:left;}
.botcolumn dl dt { padding:10px 0 10px 20px; text-align:left;font-weight:bold; color:#4456ae;}
.botcolumn dl dd { padding:0 0 0 20px; text-align:left}
.botcolumn dl dd a { padding:2px 0 2px 10px; display:block;background: url(../images/icon01.gif) no-repeat 0px 7px;}
#footMenu{
	text-align:center;
	margin-top:10px;
	height:44px;
	line-height:44px;
	background: url(../images/footMenu.gif) no-repeat left top;
}
#footMenu li{ display:inline; padding:5px; font-weight:bold; font-size:12px; color:#bbe9f8;}
#payment{ margin-top:10px;}
#copyright { margin-bottom:10px;}

.tabbor{ border:#CCCCCC solid 1px;}
.tdbotbor{ border-bottom:#CCCCCC solid 1px;}
.zhushi{ color:#0066CC; font-weight:bold;}
.tdred{ color:#FF0000;}
.bigstro{ font-size:14px; font-weight:bold;}
.tishiz{ color:#666666; font-weight:bold;}