/*------------------------------------------*/
/*											*/
/*		IOMeeting Public Web Site			*/
/*		module:	Common						*/
/*		Auther:	Botao & Joseph	2007.11		*/
/*											*/
/*		header style						*/
/*		mainMenu style						*/
/*------------------------------------------*/

@CHARSET "UTF-8";

/*--header style begin--*/
body{
	margin				:	0;
	padding				:	0;
	text-align			:	center;
}
.tblHeaderMenuRight{
	border-collapse		:	collapse;
}
.divHeaderTopSpace{
	height				:	16px;
	width				:	850px;
	background			:	transparent url(../resource/image/Common/imgHeaderTopBG.jpg) no-repeat 0 0;
	margin				:	auto;
}
.divHeaderSwitcherWrap{
	float				:	right;
	width				:	100%;
}
.divHeaderSwitcherBtn{
	float				:	right;
	padding				:	0 24px 0 0;
}
.divBtnGotoWrap{
	float				:	right;
	margin				:	17px 0 0 0;
	padding				:	0 24px 0 0;
}
.aGotoProducts{
	display				:	block;
	width				:	160px;
	height				:	27px;
	float				:	right;
	background			:	transparent url(../resource/image/Header/gotoProducts.gif) no-repeat 0 0;
}
.divHeaderMenu{
	width				:	850px;
	height				:	27px;
	background			:	transparent url(../resource/image/Header/headerMenuBG.gif) repeat-x 0 0;
	margin				:	auto;
}
.divHeaderMenuLeft{
	float				:	left;
	margin				:	0 0 0 12px;
	background			:	transparent url(../resource/image/Header/ibtMenu.gif) no-repeat -196px 0;
}
.divHeadMenuRight{
	float				:	right;
	margin				:	0 16px 0 0;
}
.tdHeaderMenuSecond{
	width				:	4px;
	height				:	27px;
	background			:	transparent url(../resource/image/Header/ibtMenu.gif) no-repeat -198px 0;
}
/*--header style ended--*/
/*--main menu style begin--*/

.ulMenu{
	line-height			:	24px;
	list-style-type		:	none;
	padding				:	0;
	margin				:	0;
}

.ulMenu li{
	height				:	24px;
	float				:	left;
	width				:	auto;
	color				:	#420;
}
.ulMenu li ul{
	list-style-type		:	none;
	text-align			:	left;
	left				:	auto;
	position			:	absolute;
	float				:	left;
	top					:	104px;
	clear				:	left;
	border				:	1px solid #360;
	background-color	:	#f3f6ee;
	padding				:	6px 0 6px 0;
	background			:	transparent url(../resource/image/Header/imgMenuItemBG_T4.gif) no-repeat 0 0;
	z-index				:	1000;
	display				:	none;
	margin				:	0;
}
.ulMenu li ul li{
	float				:	left;
	padding				:	0;
	width				:	auto;
	clear				:	left;
	height				:	24px;
}
.ulMenu li ul a{
	color				:	#240;
	display				:	block;
	text-align			:	left;
	padding				:	0 12px 0 20px;
	margin				:	0;
	height				:	24px;
}
.ulMenu li ul a:link{
	color				:	#240;
	text-decoration		:	none;
}
.ulMenu li ul a:visited{
	color				:	#840;
	text-decoration		:	none;
}
.ulMenu li ul a:hover{
	color				:	#840;
	text-decoration		:	none;
	background			:	transparent url(../resource/image/Header/ibtArrowDown.gif) no-repeat left center;
}
.ulMenu li.lihover ul{
	display				:	block;
}
.divMenuItemText{
	height				:	auto;
	padding				:	6px 0 0 0;
}
.divMenu{
	height				:	24px;
	padding				:	0 10px 0 10px;
	background			:	transparent url(../resource/image/Header/ibtMenu.gif) no-repeat right 0;
	float				:	left;
}
.divMenuDropIcon{
	height				:	24px;
	padding				:	0 24px 0 10px;
	background			:	transparent url(../resource/image/Header/ibtMenu.gif) no-repeat right -54px;
	float				:	left;
}

/*--main menu style ended--*/
/*--switcher style begin--*/

.ulSwitch{
	line-height			:	21px;
	list-style-type		:	none;
	margin				:	auto;
}

.ulSwitch li{
	height				:	21px;
	float				:	left;
	width				:	auto;
	color				:	#420;
	padding				:	auto;
}
.ulSwitch li ul{
	list-style-type		:	none;
	text-align			:	left;
	left				:	auto;
	width				:	auto;
	position			:	absolute;
	float				:	left;
	top					:	35px;
	clear				:	left;
	border				:	1px solid #360;
	background-color	:	#f3f6ee;
	padding				:	6px 0 6px 0;
	background			:	transparent url(../resource/image/Header/imgMenuItemBG_T4.gif) no-repeat 0 0;
	display				:	none;
	z-index				:	1001;
}
.ulSwitch li ul li{
	float				:	left;
	width				:	auto;
	padding				:	0;
	clear				:	left;
	height				:	24px;
}
.ulSwitch li ul a{
	color				:	#240;
	display				:	block;
	width				:	auto;
	text-align			:	left;
	padding				:	0 8px 0 20px;
	margin				:	0;
	height				:	24px;
}
.ulSwitch li ul a:link{
	color				:	#240;
	text-decoration		:	none;
}
.ulSwitch li ul a:visited{
	color				:	#840;
	text-decoration		:	none;
}
.ulSwitch li ul a:hover{
	color				:	#840;
	text-decoration		:	none;
	background			:	transparent url(../resource/image/Header/ibtArrowDown.gif) no-repeat left center;
}
.ulSwitch li.lihover ul{
	display				:	block;
}
.divHeaderTopRight{
	float				:	right;
	padding-right		:	10px;
	text-align			:	right;
}
.divHeaderTopRightLeft{
	width				:	1px;
	height				:	21px;
	background			:	transparent url(../resource/image/Header/ibtSwitch.gif) no-repeat left -84px;
	float				:	left;
}
.divSwitchDropTopSpace{
	margin				:	4px 0 0 0;
}
/*--switcher style ended--*/
/*--eyeCandy style begin--*/

.divEyeCandy{
	width				:	850px;
	height				:	160px;
	background			:	transparent url(../resource/image/Header/eyeCandyBG.gif) no-repeat 0 0;
	top					:	92px;
	margin				:	auto;
	text-align			:	center;
}
.divEyeCandyInner{
	width				:	826px;
	margin				:	auto;
}
.divEyeCandyLeft{
	width				:	640px;
	height				:	150px;
	float				:	left;
	padding				:	0;
	margin				:	0
	z-index				:	0;
	font-size			:	9pt;
	text-align			:	center;
	line-height			:	100px;
	color				:	#900;
}
.divImgWhole{
	position			:	relative;
	float				:	left;
	padding				:	0;
	margin				:	0;
}
.divImgWhole img{
	width				:	640px;
	height				:	150px;
	position			:	absolute;
	top					:	0;
	left				:	0;
	filter				:	alpha(opacity=0);
	opacity				:	0;
	margin				:	0;
}
.divEyeCandyRight{
	float				:	left;
	text-align			:	center;
	vertical-align		:	middle;
	margin				:	0 0 0 14px;
}
.divEyeCandybtn{
	padding				:	12px 0 0 0;
}

/*--eyeCandy style ended--*/