@import "base.css";
/*-- #header,  #pagebody{.sidebar_l, mainpage,sidebar_r} , #footer --*/
#pagebody{width:960px;margin:0 auto 3px auto;font-family:verdana, Helvetica, sans-serif}
.sidebar_l{float:left;width:205px;margin-right:12px}
.mainpage{float:left;width:510px}
.sidebar_r{float:right;width:220px}
.banner_a{margin-bottom:8px;width:510px}
.banner_b img{width:510px;margin-bottom:10px;border:1px solid #ddd}

#footer{padding:5px 0;font-size:11px;text-align:center;color:#333;border-top:1px solid #ddd}
#footer p{line-height:135%}
#footer a, #footer a:visited{color:#333;font-size:11px}
#footer a:hover{text-decoration:underline}
#footer .bottom_nav2{}
#footer .bottom_nav1{font-weight:bold}
#footer em{color:red;font-size:11px}
#footer .lately, #footer .lately a, #footer .lately a:visited{color:green;font-size:11px}
#footer .change_link, #footer .change_link:visited{color:blue}
#footer .contribute, #footer .contribute:visited{color:#d94100}

/* category */
.i_cate{margin-bottom:10px;border:1px solid #d9d9f9}
.i_cate .box_tit{height:26px;line-height:26px;border-bottom:1px solid #fff;background:#fff url(../image/title_bg.gif) repeat-x left top}
.i_cate .box_tit h3{padding-left:10px;font-size:12px;color:#996600}

/* partner links */
.i_partner{border:1px solid #e9ddca}
.i_partner .box_tit{height:26px;line-height:26px;background:url(../image/title_bg.gif) repeat-x 2px -61px}
.i_partner .box_tit h3{padding-left:10px;font-size:12px;color:#996600;}
.i_partner .box_con{padding:5px 10px 5px 14px}
.i_partner .box_con_img a img{margin-bottom:5px;padding:1px;border:1px solid #ddd}
.i_partner .box_con_txt a, .i_partner .box_con_txt a:visited{color:#333;font-size:11px}

/* trade_leads */
.trade_leads{margin-bottom:10px;border:1px solid #d9d9f9;}
.trade_leads .box_tit{height:24px;line-height:24px;text-align:right;background:url(../image/title_bg.gif) repeat-x left -32px}
.trade_leads .box_tit h3{float:left;padding-left:25px;font-size:12px;font-weight:bold;color:#996600;background: url(../image/title_bg.gif) no-repeat 5px -139px}
.trade_leads .box_tit a{margin-right:5px;color:#333;font-size:11px}
.trade_leads .box_con{padding:5px 10px;background:#fff}
.trade_leads .box_con img{width:20px;height:13px;padding-right:5px;vertical-align:middle;}
.trade_leads ul{}
.trade_leads li{float:left;width:240px;height:35px;font-size:12px}
.trade_leads li a{background:#fff;color:#333;font-size:11px;}
.trade_leads li a:hover{color:#FF7300;text-decoration:underline}
.trade_leads li span{padding-left:27px;color:#888;font-size:10px;font-style:italic}

/* hot products */
.i_hotpro{margin-bottom:10px;border:1px solid #e9ddca}
.i_hotpro .box_tit{padding:6px 0;background:url(../image/title_bg.gif) repeat-x 2px -61px}
.i_hotpro .box_tit h3{padding-left:25px;font-size:12px;color:#996600;background: url(../image/title_bg.gif) no-repeat 5px -174px}
.i_hotpro ul{padding:5px 0 0} 
.i_hotpro li{float:left;width:100px;height:99px;padding-bottom:1px;text-align:center;overflow:hidden;}
.i_hotpro li img{width:75px;height:55px;margin-bottom:5px;border:1px solid #ddd}
.i_hotpro li strong{display:block;font-weight:normal}
.i_hotpro li a, .hot_product li a:visited{color:#333;text-decoration:none;font-size:11px}
.i_hotpro li a:hover{color:#FF7300;text-decoration:underline}

/* new products */
.i_newpro{border:1px solid #e9ddca;}
.i_newpro .box_tit{padding:6px 0;background:url(../image/title_bg.gif) repeat-x 2px -61px}
.i_newpro .box_tit h3{padding-left:10px;font-size:12px;color:#996600;}
.i_newpro ul{padding:5px 0 0} 
.i_newpro li{float:left;width:100px;height:99px;padding-bottom:1px;text-align:center;overflow:hidden;}
.i_newpro li img{width:75px;height:55px;margin-bottom:5px;border:1px solid #ddd}
.i_newpro li a, .i_newpro li a:visited{color:#333;font-size:11px}
.i_newpro li a:hover{color:#FF7300;text-decoration:underline}
.i_newpro li span{display:block;font-weight:normal}

/* new update category */
.i_newcate{margin-bottom:10px}
.i_newcate .box_tit{height:20px;line-height:20px;border-right:1px solid #e9ddca;border-left:1px solid #e9ddca;background:#fdf5e8}
.i_newcate .box_tit p{padding-left:10px;font-size:12px;color:#996600}
.i_newcate .box_tit a, .i_newcate .box_tit a:visited{color:#996600}
.i_newcate .box_con{border:1px solid #e9ddca}

.i_newcate ul{padding:5px 0 5px 15px}
.i_newcate li{float:left;width:155px;padding-left:8px;background:url(../image/con_bg_a.gif) left 7px no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.i_newcate li a, .i_newcate li a:visited{color:#333;font-size:11px}
.i_newcate li a:hover{color:#FF7300;text-decoration:underline}


/* events */
.i_event{border:1px solid #e9ddca}
.i_event .box_tit{height:26px;line-height:26px;padding-left:10px;background:url(../image/title_bg.gif) repeat-x 2px -61px}
.i_event .box_tit a{color:#996633;font-size:14px;font-weight:bold}
.i_event ul{padding:5px 0 0 15px}
.i_event li{margin-bottom:5px;padding-left:8px;background:url(../image/con_bg_a.gif) left 6px no-repeat;font-size:11px;}
.i_event li a, .i_event li a:visited{color:#333;font-size:11px}
.i_event li a:hover{color:#FF7300;text-decoration:underline}
.i_event li span{color:#888;font-size:10px}


/* member  login */
.login{margin-bottom:10px;border:1px solid #fde59d}
.login .box_tit{height:26px;line-height:26px;background:url(../image/title_bg.gif) repeat-x 2px -88px}
.login .box_tit h3{padding-left:30px;font-size:12px;font-weight:bold;color:#996600;background: url(../image/title_bg.gif) no-repeat 5px -195px}
.login .box_con{padding:10px}

.login label.name{margin-right:2px;font-size:11px;width:67px;display:inline-block;color:#333}
.login .txt{margin-bottom:3px;padding-left:5px}
.login .txt input{width:100px;border:1px solid #d6ddea;color:#666;background:#f6f9fe}
.login .remb{text-align:center;font-size:11px;text-decoration:underline;cursor:help}
.login #rememberme{display:none;width:195px;padding:5px;font-size:11px;position:absolute;background:#fff;border:1px solid green;color:#000}
.login .btn{padding-top:3px;text-align:center}
.login .btn input{width:67px;height:26px;padding-bottom:2px;border:none;color:#FF7300;background:url(../image/login-btn.gif) no-repeat;font-size:11px;font-weight:bold;line-height:26px}
.login .find_pwd{padding-top:3px;font-size:11px;text-align:right}
.login .find_pwd a, .login .find_pwd a{color:#c22e00}

.login_in{margin-bottom:10px;border:1px solid #fde59d;}
.login_in .box_con{padding:10px}
.login_in .user_name{padding-left:35px;background:url(../image/user_photo.gif) no-repeat left 2px;font-size:12px;}
.login_in .user_name a, .login .user_name a:visited{color:#333;font-size:12px}
.login_in .user_nav{padding:5px 0 0;color:#666;line-height:155%;font-size:12px;}
.login_in .user_nav a, .login .user_nav a:visited{display:block;margin-bottom:5px;padding:2px 5px 2px 35px;width:155px;color:blue;font-size:11px;float:left}
.login_in .user_nav a.office{background:url(../image/user_nav_icon.gif) no-repeat 7px -168px;color:green}
.login_in .user_nav a.msg{background:url(../image/user_nav_icon.gif) no-repeat 4px 2px}
.login_in .user_nav a.pro{background:url(../image/user_nav_icon.gif) no-repeat 6px -57px}
.login_in .user_nav a.buy{background:url(../image/user_nav_icon.gif) no-repeat 6px -114px}
.login_in .user_nav a:hover{background-color:#eee;font-weight:bold}

/* acg top */
.i_top{border:1px solid #e9ddca;border-bottom:none}
.i_top .box_tit{height:40px;line-height:40px;/*background:url(../image/title_bg.gif) repeat-x 2px -61px*/}
.i_top .box_tit h3{padding-left:43px;font-size:14px;color:#996600;background:url(../image/acg_top.gif) no-repeat 3px 6px}
.i_top .box_con{padding:5px 10px 5px}
.i_top li{margin-bottom:3px}
.i_top li a, .i_top li a:visited{font-size:10px;color:#333}
.i_top li a:hover{color:#FF7300;text-decoration:underline}
.i_top li{padding-left:15px;background:url(../image/con_bg_a.gif) no-repeat left -62px}

.i_acg{margin-bottom:10px;border:1px solid #e9ddca;border-top:none}
.i_acg .box_tit{margin:0 5px;border-top:1px dashed #ddd}
.i_acg .box_tit h3{height:40px;line-height:40px;padding-left:35px;font-size:14px;color:#333;background:url(../image/acg_top.gif) no-repeat left -50px}
.i_acg .box_con{padding:5px 10px 5px}
.i_acg li{margin-bottom:3px}
.i_acg li a, .i_acg li a:visited{font-size:10px;color:#333}
.i_acg li a:hover{color:#FF7300;text-decoration:underline}
.i_acg li{padding-left:15px;background:url(../image/con_bg_a.gif) no-repeat left -62px}

/* acg lighting */
.acg_lighting{margin-bottom:10px;border:1px solid #d9d9f9;}
.acg_lighting .box_tit{height:26px;line-height:26px;background:url(../image/title_bg.gif) repeat-x left -32px}
.acg_lighting .box_tit h3{padding-left:10px;font-size:14px;font-weight:bold;color:#333}
.acg_lighting .box_con_item{padding:5px 10px 0}
.acg_lighting .box_con_item li{padding-left:8px;background:url(../image/con_bg_a.gif) left 7px no-repeat;}
.acg_lighting .box_con_item a, .acg_lighting .box_con_item a:visited{font-size:11px;color:#333;}
.acg_lighting .box_con_item a:hover{color:#FF7300;text-decoration:underline}
.acg_lighting_photo {margin:5px 0 10px;text-align:center;}
.acg_lighting_photo a{padding:1px;border:1px solid #ddd;display:inline-block}
.acg_lighting_photo img{width:190px;height:235px;}
.acg_lighting_photo a:hover{border:1px solid #000;background:#fff}