body{ background:#fff; color:#666;}
a{ color:#09c;}
a:hover{ text-decoration:underline}
input, button, select, textarea{ padding:1px;outline:none}
/*  Babytree Pingo  common header  topbar */
#bb-head-bar {
width:100%;
margin:0 auto;
height:24px;
clear:both;
line-height:24px;
position:relative;
z-index:11;
border:1px solid #ddd;
border-width:1px 0;
background-color:#f7f7f7;
color:#666;
}

.bbHeadBarContainer {
width:950px;
height:24px;
margin:0 auto;
padding:0 5px;
}

.bbBreadcrumb {
float:left;
display:inline;
font-family:"宋体";
line-height:24px;
}
.bbBreadcrumb p {
line-height:24px;
}

.bbBreadcrumb a {
color:#09c;
}

#bb-headnav-mini {
float:right;
line-height:24px;
text-align:right;
display:inline;
margin:0;
}

#bb-headnav-mini a img {
margin:2px 0 0;
}

#bb-headnav-mini .miniWelcome {
display:inline;
float:left;
margin:0 10px 0 0;
width:auto;
}

#bb-headnav-mini .miniMsg {
display:inline;
float:left;
margin:0;
position: relative;
z-index: 0
}

#bb-headnav-mini .miniMsg a {
display:inline-block;
color:#989898;
}
#bb-headnav-mini #pg-bar.miniMsg {
font-family:"宋体";
line-height:24px;
}
#bb-headnav-mini #pg-bar.miniMsg  a{
	color:#09c;
	line-height:24px;
}

#bb-headnav-mini a.miniMsgNew {
background:transparent url(/img/pingo/mail_yes.gif) no-repeat 0 center;
padding:0 0 0 20px;
}

#bb-headnav-mini .miniMsgNew b {
color:#F45C00;
}

#bb-headnav-mini a.miniMsgNew:hover {
text-decoration:none;
}

.miniMsgTrigger {
display:inline-block;
*display:inline;
*zoom:1;
width:11px;
height:11px;
margin:4px 0 0;
overflow:hidden;
text-indent:-9999px;
background:transparent url(/img/homepage/bb-option-trigger-bg.png) no-repeat;
outline:none;
vertical-align:middle;
margin:0 0 0 4px;
cursor:pointer;
}

.miniMsgTriggerOn {
background-position:-11px 0;
}

#bb-headnav-mini .miniMsgNew b {
color:#F45C00;
}

.miniMsgNotification {
position:absolute;
left:-15px;
top:27px;
background-color:#FCFCFC;
border:1px solid #B4B4B4;
border-top:0 none;
text-align:left;
float:left;
padding:5px 10px;
color:#666;
line-height:20px;
}

#bb-head-bar .miniMsgNotification {
left:-5px;
top:24px;
background-color:#F2FBFC;
border-color:#CFF0F3;
}

#bb-headnav-mini .miniMsg .miniMsgNotification a {
color:#06D;
text-decoration:underline;
}

.miniMsgNotification th {
text-align:right;
font-weight:normal;
}

#bb-headnav-search {
float:right;
display:inline;
width:215px;
height:24px;
margin-left:20px;
line-height:24px;
position:relative;
z-index:0;
}

#bb-headnav-search .searchText,
#bb-headnav-search .searchTextOn {
width:91px;
height:18px;
display:block;
float:left;
display:inline;
background:none;
border:3px solid #CCC;
border-width:3px 0 3px 3px;
}

#bb-headnav-search .searchText input,
#bb-headnav-search .searchTextOn input {
border:0 none;
width:87px;
height:14px;
line-height:14px;
float:left;
display:inline;
color:#8E8E8E;
}

#bb-headnav-search .searchOption {
height:18px;
display:block;
float:left;
display:inline;
position:relative;
z-index:0;
background-image:none;
background-color:#FFF;
border:3px solid #CCC;
border-width:3px 3px 3px 1px;
}

#bb-headnav-search .searchOptionSelected {
float:left;
line-height:14px;
margin:2px 0 0;
padding:0 4px;
font-family:"Simsun";
}

#bb-headnav-search .searchOptionTrigger {
height:18px;
padding:0 4px 0 0;
float:left;
display:inline;
background-image:none; /* babytree_2009 override */
}

#bb-headnav-search .searchOptionTrigger a {
display:block;
width:11px;
height:11px;
margin:4px 0 0;
overflow:hidden;
text-indent:-9999px;
background:transparent url(http://static01.babytreeimg.com/img/homepage/bb-option-trigger-bg.png) no-repeat;
outline:none;
}

#bb-headnav-search .searchOptionTrigger a:active,
#bb-headnav-search .searchOptionTrigger a:focus {
background-position:-11px 0;
}

#bb-headnav-search .searchOptionItems {
clear:both;
width:53px;
position:absolute;
left:-1px;
top:18px;
background-color:#FFF;
border:1px solid #CCC;
border-width:0 1px 1px;
padding:1px 3px;
display:none;
z-index:1001;
line-height:160%;
}

#bb-headnav-search .searchOptionItems li a {
color:#948759;
text-decoration:none;
display:inline-block;
}

#bb-headnav-search .searchOptionItems li a:hover {
color:#554E33;
}

#bb-headnav-search .searchSubmit {
height:19px;
display:block;
float:left;
display:inline;
margin:1px 0 0 4px;
background-image:none; /* babytree_2009 override */
}

#bb-headnav-search .searchSubmit input {
width:54px;
height:22px;
overflow:hidden;
line-height:1000px;
font-size:0;
cursor:pointer;
border:0 none;
background:transparent url(http://static01.babytreeimg.com/img/header_footer/bb-header-misc.png) no-repeat 0 0;
}

#pg-header {
    background: url(/img/pingo/header-right.gif) no-repeat scroll right bottom #FFF7F7;
    clear: both;
    height: 100px;
    position: relative;
    width: 960px;
	zoom:1;
    z-index: 1;
}
#pg-header #logo {
    height: 110px;
    position: absolute;
    top: -11px;
    left: -7px;
    width: 425px;
    z-index: 0;
	}
#pg-header #logo{
    background: url(/img/pingo/logo-bg-default-m.jpg) no-repeat scroll -4px 0px transparent;
}
#pg-header.beijing #logo{
    background: url(/img/pingo/logo-bg-bj.jpg) no-repeat scroll -4px 0px transparent;
}

#pg-header.shanghai #logo{
    background: url(/img/pingo/logo-bg-sh.jpg) no-repeat scroll -4px 0px transparent;
}

#pg-header #logo a{ 
	display:inline-block;
	height:51px;
	width:159px;
	overflow:hidden;
	}

#pg-header #banner{
	width:550px;
	position:absolute;
	z-index:1;
	right:0;
	top:20px;
	height:60px;
	line-height:60px;
	font-family:"微软雅黑","黑体";
	font-size:25px;
	color:#696969;
	
}
	#pg-header #banner .sp-admin{
	font-family:"宋体";
	text-align:left;
	line-height:21px;
	padding-top:15px;}
#pg-header #banner .sp-admin h1{ 
	font-size:14px;
	font-weight:bold;	
	}
#pg-header #banner .sp-admin h5{
font-size:14px;
color:#58a6d9;
}
#pg-header #city{
	position:absolute;
	z-index:1;
	width:180px; 
	left:285px;
	top:66px;
	height:26px;
	}
#pg-header.shanghai  #city,
#pg-header.beijing #city{
left:270px;}
#pg-header #city .select{
	border:1px solid #ddd;
	height:24px;
	font-size:14px;
	display:inline-block;
	line-height:24px;
	padding:2px;
	width:auto;
    background:#fff;
	/*background:url(/img/pingo/icon-1.gif) no-repeat 90% 10px #fff;*/
	}
#pg-header #city .select a{ display:block; color:#666}
#pg-header #headerNav{
	width:580px;
	position:absolute;
	z-index:1;
	right:5px;
	top:5px;
	}
#pg-header #headerNav li{
	float:left;
	display:inline;
	margin:0 0 0 5px;
	}
#pg-header #headerNav li a{
	display:inline-block;
	background:url(/img/pingo/nav.gif) no-repeat;
	height:47px;
	}
#pg-header #headerNav li.Nav-item-1 a{ width:94px; background-position:0 0;} 
#pg-header #headerNav li.Nav-item-1 a.current,
#pg-header #headerNav li.Nav-item-1 a:hover{background-position:0 -52px;} 

#pg-header #headerNav li.Nav-item-2 a{ width:92px;background-position:-100px 0;} 
#pg-header #headerNav li.Nav-item-2 a.current,
#pg-header #headerNav li.Nav-item-2 a:hover{background-position:-100px -52px;} 

#pg-header #headerNav li.Nav-item-3 a{ width:75px;background-position:-198px 0;} 
#pg-header #headerNav li.Nav-item-3 a.current,
#pg-header #headerNav li.Nav-item-3 a:hover{background-position:-198px -52px;} 

#pg-header #headerNav li.Nav-item-4 a{ width:93px;background-position:-279px 0;} 
#pg-header #headerNav li.Nav-item-4 a.current,
#pg-header #headerNav li.Nav-item-4 a:hover{ background-position:-279px -52px;}

#pg-header #headerNav li.Nav-item-5 a{ width:97px;background-position:-378px 0;} 
#pg-header #headerNav li.Nav-item-5 a.current,
#pg-header #headerNav li.Nav-item-5 a:hover{background-position:-378px -52px;} 

#pg-header #headerNav li.Nav-item-6 a{ width:98px;background-position:-482px 0;} 
#pg-header #headerNav li.Nav-item-6 a.current,
#pg-header #headerNav li.Nav-item-6 a:hover{ background-position:-482px -52px;} 

 
#pg-header #weather{ display:none; width:85px; height:55px; position:absolute; left:245px; top:20px;}


#headerWrap{ 
	width:960px;
	height:105px;
	margin:15px auto 10px;
	}

#pg-header #logo a {
background: url(/img/pingo/new-logo.png) no-repeat scroll 0 center transparent;
height: 72px;
left: 8px;
position: absolute;
top: 8px;
width: 181px;
z-index: 2;
}
#pg-header.sh #logo{
background:url(/img/pingo/logo-bg-shanghai.jpg) no-repeat;
}
#pg-header.bj #logo{
background:url(/img/pingo/logo-bg-beijing.jpg) no-repeat 0 1px;
top:-11px;
}
#pg-header.default #logo{
background:url(/img/pingo/logo-bg-default.jpg) no-repeat
}

#pg-header.default #logo a,
#pg-header.bj #logo a,
#pg-header.sh #logo a{
background:url(/img/pingo/new-logo-1.png) no-repeat;
width:225px;
height:90px;
left:15px;
top:11px;
}

#pg-header.othercity #search-shop-a{
display:none;}

#pg-header #logo.index a{
	background: url(/img/pingo/logoindex.gif) no-repeat scroll 0 center transparent; 
}
#headerSearch{ 
	top:60px; 
	left:381px; 
	position:absolute; 
	z-index:1;
	background:url(/img/pingo/header_search.gif) no-repeat;
	width:371px;
	height:33px;
	}
#headerSearch .input{ 
	border:none; 
	padding:10px 5px 4px; 
	width:283px; 
	vertical-align:middle; 
	margin-right:5px;
	background:none;
	}
#headerSearch .search-shop,
#headerSearch .search-coupon{
	position:absolute;
	background:url(/img/pingo/spacer.gif);
	width:73px;
	height:26px;
	top:4px;
	right:80px;
	line-height:200px;
	overflow:hidden;}
#headerSearch .search-shop{
background:url(/img/pingo/header_search.gif) no-repeat -218px -37px ;
}	
#headerSearch .search-coupon{
	right:5px;}
#headerSearch .input.curOn{ 
	border-width:2px;
	margin-left:-1px;
	margin-top:-1px;
	margin-right:4px;
	}
.pgbtn2 a,.pgbtn2{ 
	display:inline-block; 
	font-weight: bold;
	background:url(/img/pingo/pgbtn3.gif) no-repeat  0 0; 
	height:28px; 
	padding-left:10px;
	line-height:28px;
	font-family:"宋体";
	font-size:14px;
	vertical-align:middle;
	 }
.pgbtn2 a{ 
	background-position: 100% -28px; 
	padding:0 20px; 
	color:#fff; 
	margin-left:-10px;
	color:#fff;}
.pgbtn2 a:hover{ 
	text-decoration:none;
	}
.pgbtn2 { margin-right:5px;}
#pg-header .help{ position:absolute; right:15px; font-family:"宋体"; top:70px;}
#pg-header .help a{ text-decoration:underline;}

.topBanner {
	padding: 0 0 10px;
}
#pg-wrap,#wrap{
	width:960px;
	margin:0 auto;
	}
#pg-wrap:after,#pg-wrap:after {
content:".";
display:block;
height:0;
overflow:hidden;
visibility:hidden;
clear:both;
}
.crumbs{ 
	line-height:31px;
	height:31px;
	background:#fff;
	font-family:"宋体";
	width:960px;
	margin:0 auto;
	}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.mt-10{ margin-top:10px;}
.mt-5{ margin-top:5px;}
.blue{ color:#09c}
.fb{ font-weight:bold;}
.fr{ float:right;}
.pt-10{ padding-top:10px;}

/*登录*/
.login-box{
	background:url(/img/pingo/login-bg.jpg) 100px 0 no-repeat #f5f5f2;
	height:245px;
	position:relative;
	z-index:0;
	margin-top:55px;
	margin-bottom:150px;
	}
/*
.login-form{
	width:368px;
	border:1px solid #cacaca;
	position:absolute;
	right:50px;
	top:-35px;
	background:#fafafa;
	z-index:1;
	font-family:"宋体";
	}
.login-form h5{
	background:url(/img/pingo/bg081702.gif) repeat-x; 
	height:35px;
	line-height:35px;
	padding:0 15px;
	font-weight:bold;
	font-size:14px;
	}
*/
#wrap .loginUl{
	margin:25px auto 10px;
	font-size:14px;
	width:308px;
}
#wrap .loginUl .pg-input{
	width:200px;
}
#wrap .loginUl .tips{
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #EB5909;
    font-size: 12px;
    left: 37px;
    margin: 10px;
    padding: 5px 10px 5px 28px;
    position: absolute;
	color:#f00;
    top: 102px;
}

#wrap .loginUl p input{ vertical-align:baseline}
#wrap .loginUl li{ padding-bottom:25px;}
#wrap .loginUl li p{
	font-size:12px;
	padding-left:45px;
	margin-top:9px;
	}	
#wrap .loginUl li p.mt-25{
	margin-top:25px;
	}
.login-form-btm{
	background:url(/img/pingo/login-bg-btm.gif) no-repeat;
	position:absolute;
	right:-1px;
	width:370px;
	bottom:-45px;
	z-index:1;
	height:43px;
}
.t160{
	top:160px;
	}
#password_err.t240{
	top:160px;
	}

.emptyspan {
	display:none;
	line-height:0px;
}
.err_messge{
	display:none;
	color:red;
}
.hidden_ele{
	display:none;
}
#weather img {
    margin-right:5px;
    vertical-align:middle;
}
#city span{width:30px;}



#MyShop{ 
	margin-bottom:10px;
	}
#MyShop #pg-header {
    background: url(/img/pingo/header-right2.gif) no-repeat scroll right bottom #F6F1F2;
    clear: both;
    height: 59px;
    margin: 15px auto 0;
    position: relative;
    width: 960px;
    z-index: 1;
	overflow:visible
}
#MyShop  #pg-header #logo {
    background: url(/img/pingo/logo-bg2.png) no-repeat scroll 0 0 transparent;
    height: 66px;
    position: relative;
    top: -7px;
    width: 210px;
}
#MyShop #pg-header #logo a {
    background: url(/img/pingo/spacer.gif) no-repeat scroll 0 center transparent;
    display: inline-block;
    height: 45px;
    left: 13px;
    overflow: hidden;
    position: absolute;
    top: 5px;
    width: 119px;
    z-index: 2;
}
#MyShop  #pg-header #banner{
	width:740px;
	top:0;}






/*includ all nav */
#bb-nav {
	float:none;
	display:block;
    left: 290px;
    position: absolute;
    top: 0px;
    width: 700px;
}

.bb-nav-channel {
float:left;
display:inline;
margin:0 4px 0 0;
}

#bb-nav-community {
width:186px;
}

#bb-nav-knowledge {
width:191px;
}

#bb-nav-pingo {
width:122px;
}

#bb-nav-space {
width:145px;
}

#bb-nav-newsfeed {
width:135px;
}

.bb-nav-channel dt {
height:32px;
margin:0 0 1px;
}

.bb-nav-channel dt a {
display:block;
height:32px;
overflow:hidden;
text-indent:-9999px;
}

#bb-nav-community dt a {
background-position:-191px 0;
}

#bb-nav-community dt a:hover,
#bb-nav-community .current a {
background-position:-191px -70px;
}

#bb-nav-knowledge dt a {
background-position:0 0;
}

#bb-nav-knowledge dt a:hover,
#bb-nav-knowledge .current a {
background-position:0 -70px;
}

#bb-nav-pingo dt a {
background-position:-314px 0;
text-indent: 0;
cursor: pointer;
font-size: 0;
line-height: 0;
}

#bb-nav-pingo dt a:hover,
#bb-nav-pingo .current a {
background-position:-314px -70px;
}

#bb-nav-space dt a {
background-position:-377px 0;
}

#bb-nav-space dt a:hover,
#bb-nav-space .current a {
background-position:-377px -70px;
}

#bb-nav-newsfeed dt a {
background-position:-522px 0;
}

#bb-nav-newsfeed dt a:hover,
#bb-nav-newsfeed .current a {
background-position:-522px -70px;
}

.bb-nav-channel dd {
text-align:center;
height:25px;
line-height:25px;
}

.bb-nav-channel dd a {
display:inline-block;
margin:0 1px;
}

.bb-nav-channel dd a:hover {
text-decoration:underline;
}

#bb-nav-community dd {
background-position:-191px -41px;
}

#bb-nav-community dd a {
color:#CC5252;
}

#bb-nav-knowledge dd {
background-position:0 -41px;
}

#bb-nav-knowledge dd a {
color:#52B1CC;
}

#bb-nav-pingo dd {
background-position:-314px -41px;
}

#bb-nav-pingo dd a {
color:#C36F97;
}

#bb-nav-space dd {
background-position:-377px -41px;
}

#bb-nav-space dd a {
color:#8CBF4D;
}

#bb-nav-newsfeed dd {
background-position:-522px -41px;
}

#bb-nav-newsfeed dd a {
color:#B38059;
}
.bb-nav-channel dt a,
.bb-nav-channel dd {
background-image:url(/img/pingo/bb-nav-bg-2011-sh.png);
_background:none;
_background-image:url(/img/pingo/bb-nav-bg-2011-sh.gif);

}

#bb-nav-community {
width:137px;
}

#bb-nav-knowledge {
width:167px;
}

#bb-nav-space {
width:113px;
}

#bb-nav-newsfeed {
width:113px;
}

#bb-nav-community dt a {
background-position:-177px 0;
}

#bb-nav-community dt a:hover,
#bb-nav-community .current a {
background-position:-177px -70px;
}

#bb-nav-community dd {
background-position:-177px -41px;
}

#bb-nav-space dt a {
background-position:-436px 0;
}

#bb-nav-space dt a:hover,
#bb-nav-space .current a {
background-position:-436px -70px;
}

#bb-nav-space dd {
background-position:-436px -41px;
}

#bb-nav-newsfeed dt a {
background-position:-549px 0;
}

#bb-nav-newsfeed dt a:hover,
#bb-nav-newsfeed .current a {
background-position:-549px -70px;
}

#bb-nav-newsfeed dd {
background-position:-549px -41px;
}

.bb-nav-channel .city {
width: 40px;
height: 40px;
position: absolute;
+margin-top: 1px;
background-repeat: no-repeat;
}
/*
.beijing .bb-nav-channel .city,
.shanghai .bb-nav-channel .city {
background-image: url(/img/pingo/bb-nav-bg-2011-sh.png);
_background:none;
_background-image: url(/img/pingo/bb-nav-bg-2011-sh.gif);
background-position: -314px -120px;
}
.beijing .bb-nav-channel .city{
background-position: -363px -120px;
}*/


.bb-nav-gap {
width:3px;
height:11px;
display:inline-block;
overflow:hidden;
vertical-align:text-top;
margin:2px 1px 0;
*margin:2px 4px 0 1px;
}


#bb-head-more {
float:right;
display:inline;
}

#bb-head-more a {
color:#666;
}

#bb-head-more p {
text-align:right;
line-height:20px;
}

#bb-head-more p a {
display:inline-block;
}
ss
#bb-head-more .important {
color:#F05776;
}
/*end*/



