body{background:#fff;text-align:center;font-family: arial,helvetica,clean,sans-serif;line-height:160%;margin:0;}

a{color:#369;text-decoration:none;}
a:hover{text-decoration:underline;}
#wrap{margin:0 auto auto auto;width:900px;text-align:left;padding:0 10px 10px 10px;}


.logo{ background:url(http://img.shfamily.com/en/shfamily/logo.gif) left center no-repeat; width:260px; height:72px; display:block; margin:0 0 0 20px;}

.navibar{background:url(http://img.shfamily.com/en/shfamily/navibg.gif) left center repeat-x; width:100%; height:51px; float:left; margin-bottom:14px;}
.navibar .naviitem{ width:auto; margin:16px 0 0 20px;}
.navibar .naviitem a{font-weight:bold; font-size:14px; text-decoration:none; color:#666; margin:0 2px 0 3px;}
.navibar .naviitem a:link, .navibar .naviitem a:visited{color:#666;}
.navibar .naviitem a:hover{color:#ff6600;}
.navibar .naviitem a.title_active {color:#ff6600;}
/* top tabs */
div#hp_tab {float:left;height:29px;width:503px;position:absolute;left:242px;top:35px;color:#fff;background:url(/img/header_tab_bg.jpg) no-repeat;}
div#hp_tab a.tab_sel{ background:url(/img/header_tab_fg.jpg) no-repeat center; width:82px; height:36px; display:block; float:left;text-align:center; font-weight:bold; font-size:16px; line-height:36px; padding-top:5px;color:#333;position:relative;left:-3px;top:-6px;}
div#hp_tab a.tab_nosel{ background:none; width:82px; height:29px; display:block; float:left;text-align:center; font-weight:bold; font-size:16px; line-height:16px; padding-top:5px;color:#ddd;}
div#hp_tab a.tab_nosel:hover{color:#fff;}
div#hp_tab a.tab_sel{left:-2px;}


.login{width:260px;position:absolute;top:0; right:0;}
.china_version{float:right; display:block; height:30px; line-height:30px; width:30px;}
.split{float:right; display:block; height:30px; line-height:30px; width:10px;}
.eng_version{float:right; display:block; height:30px; line-height:30px; width:45px;}
.username{float:left; display:block; height:30px; line-height:30px; width:195px; overflow:hidden;text-align:right}
.username a {font-weight:bold;}
#header{height:54px; width:980px; margin:0;padding:0; background:url(/img/header_title_bar.png) repeat-x;position:relative;}
.header_search {position:absolute;right: 6px;top: 3px;}
.header_search form { margin-left:8px;}
.header_search form input{border:#CCC 1px solid;}
.header_search #label {position:absolute;right:30px;top:10px;}
.header_searchbox {font-family: Arial;font-size: 14px;color: #5f5f5f;background-color:#fff;width:114px;margin:0;position:relative;top:-1px;}
div#headers{width:100%;}
#punwrap{text-align:left;}

div#headers {margin-bottom:0; width: 980px; padding:0; clear:both; position:relative;background:url(http://img.shfamily.com/en/shfamily/loginbarbg.gif) left center repeat-x; width:100%; height:72px;}

#navlinks {height:24px;line-height:24px;font-size:13px;color:#333;position:relative;top:4px;left:16px;clear:both;width:95%;border-bottom:1px solid #999;}
#navlinks  ul{float:left; list-style:none; margin:0; padding:0; }
#navlinks  ul li{float:left; height:24px;margin:0px; padding-right:6px;padding-left:6px;font-size:13px;border-left:0px solid #999;}
#navlinks  ul li a:{display:block; height:43px; cursor:hand; float:left; color:#999;font-weight:bold;}
#navlinks  ul li a:link{color:#999;font-weight:bold;}
#navlinks  ul li a:visited{color:#999;font-weight:bold;}
#navlinks  ul li a:hover{text-decoration:none;font-weight:bold;color:#000;}
#navlinks  ul li a.currtab{color:#000000;}
#navlinks ul li#navindex {border-left:none;}