@charset "UTF-8";
/* CSS Document */
body{margin:0; padding:0; font:Helvetica, sans-serif; font-size:13px; color:#333; line-height:18pt; background:url(../images/body-bg.gif) left top fixed; }
#wrapper{width:960px; margin:auto;}
#header{ width:100%; display:block;}
#logo{float:left; margin:20px 10px 15px 10px; width:260px;}
#header_right{width:680px; float:right; margin-top:20px;}
#minilink{ text-align:right;margin-top:5px;}
#minilink a{text-decoration:none; font-size:11px; color:#333333;}
#minilink a:hover{color:#999;}
#minilink img{margin:0 3px;}
#navmenu{ text-align:right; display:block; width:100%; background:url(../images/navmenu_shadow.png) no-repeat right bottom; height:52px; margin-top:15px;}
#navmenu ul{margin:0; padding:0; list-style:none;}
#navmenu ul li{float:right; text-align:center; background:url(../images/navmenu_bg.png) no-repeat left top; width:104px; height:28px; padding-top:7px;}
#navmenu ul li:hover,#navmenu ul li.current{background:url(../images/navmenu_bg.png) no-repeat left bottom; padding-top:7px;}
#navmenu ul li a{text-decoration:none;  color:#ffffff; text-shadow: 1px 1px #999999; font-size:14px;}
#navmenu ul li:hover a, #navmenu ul li.current a{text-decoration:none;  color:#ffffff; text-shadow:none;}

.productlist{ margin:0; padding:0; list-style:none;}
.productlist li{display:list-item; float:left; width:200px; height:287px; border:solid 1px #ccc; border-radius:5px; margin:5px 6px;}
.imgproduct{width:175px; height:140px; overflow:hidden; float:none; margin:auto; text-align:center; margin-top:10px;}
.imgproduct{ width:175px;}
.productcode{font:14px/14pt Arial, Helvetica, sans-serif; color:#ec8d2d; text-align:center; height:32px; padding:3px 8px; display:block; word-wrap:break-word; overflow:hidden;}
.product_desc{font:12px /14pt Arial, Helvetica, sans-serif; display:block; color:#666666; height:45px; padding:5px 10px; overflow:hidden;}
.readmore_button{margin:5px; text-align:center;}
.readmore_button img{border:none; }
.readmore_button img:hover{opacity:0.7px; filter:alpha(opacity=70);}
.vertical_leftmenu{margin:0; padding:0; list-style:none; margin-left:1px;}
.vertical_leftmenu li{margin-bottom:4px;}
.vertical_leftmenu li div.top{background:url(../images/leftmenu_bg.png) no-repeat left top; font-size:13px; color:#666666; padding-left:25px; padding-top:8px; line-height:14pt; width:230px;}
.vertical_leftmenu li div.bottom{background:url(../images/leftmenu_bg.png) no-repeat left bottom; padding-bottom:5px; display:block; width:255px;}
.vertical_leftmenu li:hover div.top, .vertical_leftmenu li.current div.top{background:url(../images/leftmenu_bg_current.png) no-repeat left top; font-size:13px; color:#39C; padding-left:25px; padding-top:8px; line-height:14pt; width:230px;}
.vertical_leftmenu li:hover div.bottom, .vertical_leftmenu li.current div.bottom{background:url(../images/leftmenu_bg_current.png) no-repeat left bottom; padding-bottom:5px; display:block; width:255px;}
.vertical_leftmenu li div.top a{text-decoration:none; color:#666666 !important;}
.vertical_leftmenu li:hover div.top a{ text-decoration:none; color:#39c !important;}
#mainbanner{ display:block; clear:both; width:943px; height:232px; overflow:hidden; float:none; margin:15px auto 10px;}
#mainbanner img{width:943px; height:auto;}
#leftcol{width:272px; float:left;}
#rightcol{width:680px; float:right;}
.welcome_topic{font:20px Helvetica, sans-serif; color:#F90; font-weight:100; margin-top:0;}
.searchleft{background:url(../images/searchbox_left.png) no-repeat left top; width:7px; height:53px;}
.searchright{background:url(../images/searchbox_right.png) no-repeat right top; width:7px; height:53px;}
.searchbg{background:url(../images/searchbox_bg.png) repeat-x;}
.searchbox{width:272px;}
.searchtextbox{float:left; width:220px;}
.searchtextbox input{width:205px; height:30px; border-radius:5px; padding:1px; padding-left:5px; margin-left:5px;}
.searchbutton{float:right; width:25px; margin-right:3px;}
#leftmenubox{margin-top:10px;}
.headtopic{background:url(../images/topic_bg.png) no-repeat left top; height:33px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#606060; text-shadow:1px 1px #ffffff; padding-left:15px; padding-top:10px; margin-bottom:0px;}
.memberzone{background:url(../images/memberzone.png) no-repeat left top; height:33px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; text-shadow:1px 1px #8e1a1a; padding-left:15px; padding-top:10px; margin-bottom:0px;}
.vicetopic{ font-size:14px; color:#ffffff; background:#808080; padding:3px 15px 0; margin:0px; width:233px; margin-left:1px;}
.boxbottom{background:url(../images/box_bottom.png) no-repeat left top; height:10px; margin-top:0px;}
.boxcontent{background:url(../images/box_bg.png) repeat-y left top; min-height:80px; padding:10px 18px 10px 10px;}
.verticalmenu{padding:5px 4px;}
.number_stat{font-size:14px; color:#ff963a; text-align:right; padding-right:10px; width:30%; border-bottom:dashed 1px #ddd; padding-bottom:3px;}
.stat_text{padding-left:8px; font-size:14px; color:#818181; border-bottom:dashed 1px #ddd; padding-bottom:3px;}
.stat_text img{ margin:0 5px 0 0;}
.bestseller_img{width:230px; height:175px; float:none; margin:auto; overflow:hidden;}
.bestseller_img img{width:230px;}
.bestseller_code{font-size:14px; font-weight:bold; color:#f2a757;}
.bestseller_name, .bestseller_name a{color:#606060; margin-top:5px; word-wrap:break-word; line-height:16pt; text-decoration:none;}
.logintext{color:#828282; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:30%;}
.textlogin{border:solid 1px #ccc; border-radius:3px; width:150px; padding:2px; height:20px;}
.loginbutton{text-align:right; padding-right:15px;}
.loginbutton div{width:145px; float:left; margin:0; padding:0; padding-top:5px; text-align:left;}
.loginbutton div a{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#3481d7; text-decoration:none;}
.loginbutton div a:hover{color:#09C;}
.clear{clear:both;}
.contentbox_lefttop{background:url(../images/contentbox_leftop.png) no-repeat left top; width:5px; height:5px;}
.contentbox_righttop{background:url(../images/contentbox_righttop.png) no-repeat right top; width:5px; height:5px;}
.contentbox_leftbottom{background:url(../images/contentbox_leftbottom.png) no-repeat left top; width:5px; height:5px;}
.contentbox_rightbottom{background:url(../images/contentbox_rightbottom.png) no-repeat right top; width:5px; height:5px;}
.contentbox_left{background:url(../images/contentbox_left.png) repeat-y left top; width:5px;}
.contentbox_right{background:url(../images/contentbox_right.png) repeat-y right top; width:5px;}
.contentbox_top{background:url(../images/contentbox_top.png) repeat-x left top; height:5px;}
.contentbox_bottom{background:url(../images/contentbox_bottom.png) repeat-x left top; height:5px;}
.contentbg{background:#ffffff; }
.padding10px{padding:10px;}
.reccomblock_padding{padding:10px 10px 0px;}

.readmoretext, .readmoretext a{color:#ed8632; text-decoration:none; text-align:right;}
.top15px{margin-top:15px;}
.boxshadow{-moz-box-shadow: 1px 1px 3px #ccc;-webkit-box-shadow: 1px 1px 3px #ccc;box-shadow: 1px 1px 3px #ccc;}
.topicblue_left{background:url(../images/topic_blue_left.png) no-repeat left top; width:7px; height:39px;}
.topicblue_right{background:url(../images/topic_blue_right.png) no-repeat right top; width:7px;height:39px;}
.topicblue_bg{background:url(../images/topic_blue_bg.png) repeat-x left top;height:37px; font:18px Helvetica, sans-serif; color:#fff; font-weight:100; padding-top:2px; padding-left:15px; text-shadow:1px 1px #09C;}
.topicred_left{background:url(../images/topic_red_left.png) no-repeat left top; width:6px; height:39px;}
.topicred_right{background:url(../images/topic_red_right.png) no-repeat right top; width:6px; height:39px;}
.topicred_bg{background:url(../images/topic_red_bg.png) repeat-x left top; height:36px; font:18px Helvetica, sans-serif; color:#fff; font-weight:100; padding-top:3px; padding-left:15px; text-shadow:1px 1px #900;}
.topicgrey_bg{background:url(../images/topic_greybottom_bg.png) repeat-x left top; height:23px; font: 13px Arial, Helvetica, sans-serif; color:#3f3f3f; text-align:center; text-shadow:1px 1px #fff;}
.borderSolidLeft{border-left:solid 1px #ccc;}
.borderSolidRight{border-right:solid 1px #ccc;}
.boderDashedBottom{border-bottom:dashed 1px #ccc;}
#webboard_list,#webboard_list a{font:normal 12px/14pt Arial, Helvetica, sans-serif; color:#3f3f3f; text-decoration:none;}
#webboard_list a:hover{color:#999;}
#webboard_viewmore{text-align:right; margin-top:-1px;}
#webboard_viewmore img{border:none;}
.reccom_lefttop{background:url(../images/reccom_lefttop.png) no-repeat left top; width:17px; height:17px;}
.reccom_top{background:url(../images/reccom_top.png) repeat-x left top; height:17px;}
.reccom_righttop{background:url(../images/reccom_righttop.png) no-repeat right top; width:17px; height:17px;}
.reccom_right{background:url(../images/reccom_right.png) repeat-y right top; width:17px;}
.reccom_rightbottom{background:url(../images/reccom_rightbottom.png) no-repeat right top; width:17px; height:17px;}
.reccom_bottom{background:url(../images/reccom_bottom.png) repeat-x left top; height:17px;}
.reccom_leftbottom{background:url(../images/reccom_leftbottom.png) no-repeat left top; width:17px; height:17px;}
.reccom_left{background:url(../images/reccom_left.png) repeat-y; width:17px;}
.reccom_bg{background:#fff;}
.reccommend_block{float:none; margin:auto; margin-bottom:10px;}
.reccom_img{width:240px; height:auto; overflow:hidden; vertical-align:top;}
.reccom_desc{vertical-align:top; padding-left:15px;}
.reccom_img img{width:237px; height:auto; float:none; margin:auto;}
.padleft10{padding-left:10px;}
.padtop10{padding-top:10px;}
span.modelcode{ font-weight:bold; color:#ec8d2d;}
span.subject{ clear:both;color:#a5a5a5; display:block; width:80px; float:left;}
#footer{width:960px; float:none; margin:auto; background:#f7f7f7; border-radius:5px; display:block; clear:both;margin-top:15px; bottom:0; padding-top:15px; text-align:center;}
#footer ul{margin:0; padding:0; list-style:none; width:100%; text-align:center;}
#footer ul li{ display:inline; margin:10px 5px; border-right:solid 1px #ccc; padding:5px 15px;}
#footer ul li a{text-decoration:none; color:#333333;}
#footer ul li a:hover{color:#09C;}
#footer ul li:last-child{border:none;}
#footer h3{padding-bottom:5px; margin-bottom:0; color:#079407; font-size:20px;}
#footer_bottom{background:#383838; bottom:0; margin-top:15px; padding:10px; color:#fff;}

/*
*{
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
/*    filter: grayscale(100%);
} */