﻿
.TeamNdService{
 margin-top:10px;
	height:350px;
	padding:4px;
	width: 930px;
	background-color: #FFF;
	

	
}
.teamPanel{
	float:left;
	width:905px;
}
.servicePanel{
	float:right;
	width:354px;
}
.teamPanelHeader{
	height:73px;
}
.teamPanelHeader dl.month{
	background-image:url(bg/month_bg.gif);
	background-repeat:no-repeat;
	width:107px;
	float:left;
	height:63px;
	text-align:right;
	padding-top:10px;
	padding-right:10px;
	color:#FFF;
}
.teamPanelHeader dl.month dt{
	font-size:14px;
}
.teamPanelHeader dl.month dt big{
	font-size:20px;
}
.teamPanelHeader dl.month dd{
	text-transform:uppercase;
}
.teamPanelHeader .teamRight{
	float:right;
	width:778px;
}
.teamPanelHeader .teamRight a.link{
	background-image:url(bg/team_link.gif);
	background-repeat:no-repeat;
	display:block;
	height:20px;
	width:367px;
	margin-top:8px;
	margin-bottom:8px;
}
.teamPanelHeader .teamRight a.link:hover{
	background-position:left bottom;
	margin-top:8px;
	margin-bottom:8px;
}
.teamPanelHeader .teamRight ul{
	font-weight:bold;
}
.teamPanelHeader .teamRight ul li{
	float:left;
	padding-right:3px;
}
.teamPanelHeader .teamRight ul li a{
	display:block;
	height:37px;
	width:111px;
	background-image:url(bg/team_tabs.gif);
	background-repeat:no-repeat;
	line-height:37px;
	text-align:center;
}
.teamPanelHeader .teamRight ul li a:hover{
	color:#FFF;
	background-position:left bottom;
}
.teamPanelHeader .teamRight ul li a.current{
	background-position:left bottom;
	color:#FFF;
}
.teamPanelBody{
	padding-top:20px;
	display:none;
	position:absolute;
}
.teamPanelBody .staffPanel{
	float:left;
	width:158px;
	padding-left:23px;
}
.teamPanelBody .staffPanel .avatar{
	background-image:url(bg/avatar_bg.gif);
	background-repeat:no-repeat;
	padding-top:3px;
	padding-left:4px;
	background-color: d9d9d9;
	height: 180px;
}
.teamPanelBody .staffPanel .avatar p{
	float:left;
}
.teamPanelBody .staffPanel .avatar dl{
	float:right;
	width:92px;
	padding-top:6px;
}
.teamPanelBody .staffPanel .avatar dl dt{

}
.teamPanelBody .staffPanel .avatar dl dd a{
	font-weight:bold;
	color:#000;
}
div.info p{
	margin-top:5px;
	line-height:16px;
	height:32px;
	display:block;
}
.teamPanelBody .staffPanel a.readmore{
	background-image:url(bg/readmore.gif);
	background-repeat:no-repeat;
	display:block;
	height:23px;
	width:76px;
	margin-top:10px;
}
a.onlineBookingBtn {
	background-image:url(bg/team_tabs.gif);
	background-repeat:no-repeat;
	display:block;
	height:37px;
	width:111px;
	float:left;
	line-height:37px;
	text-align:center;

}
a.onlineBookingBtn:hover{
	color:#FFFFFF;
	background-position:bottom;
}
.innerRight{
	height:340px;
	position:relative;

}
.innerRight .tabsPanel{
	float:right;
	width:140px;
	height:340px;
	line-height:30px;
	position:relative;
}
.servicePanel{
	position:relative;
}
.servicePanel ul.serviceTab{

}
.servicePanel ul.serviceTab li a,.servicePanel ul.serviceTab a,.tabsPanel ol li a{
	display:block;
	padding-left:10px;
	color:#77603F;
	height:30px;
	margin:0;

}
.servicePanel ul.serviceTab li a.current,.servicePanel ul.serviceTab a.current{
	font-weight:bold;
	color:#FFF;
	background-color:#77603F;

}
.servicePanel ul.serviceTab li a:hover{}
.servicePanel .serviceSuit {
	width:179px;
	height:340px;
	padding-top:15px;
	padding-left:15px;
	position:absolute;
}
.servicePanel .serviceSuit p{
	display:block;
	margin-bottom:10px;
}
a.tipsLink {
	display:block;
	position:absolute;
	bottom:0px;
	right:0px;
	height:120px;
	width:130px;
	background-image:url(bg/service_title.gif);	
}
a.moreLink{width:300px; height:66px;display:block;position:absolute; left:0;top:0;z-index:100;}
