/* ========== Common Setting ========== */

body{
	color: #00000; background: #FFFFFF;
	margin: 0px 0px 0px 0px; 
}

p{
	color: #000000;
	font: normal 11px Verdana;
	line-height: 15px;
}

ul{
	font: normal 11px Verdana;
	line-height: 15px;
	list-style-type: disc;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 16px;
}

ol{
	font: normal 11px Verdana;
	line-height: 15px;
	list-style-type: decimal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 16px;
}

li{
	font: normal 11px Verdana;
	line-height: 15px;
}

a{
	color: #E20A16;
	text-decoration: underline;
}

a:visited{
	color: #E20A16;
}

a:hover{
	color: #4E4B4A;
}

.Title{
	color: #E20A16;
	font: bold 12px Verdana;
}

.Special{
	font-style: italic;
}

.Highlight{
	color: #E20A16;
}

table.colorful{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #E20A16;
}

th.colorful{
	color: #FFFFFF; background-color: #E20A16;
	font: bold 12px Verdana;
	border: 1px solid #E20A16;
	padding: 9px 12px 9px 12px;
	text-align: left;
}

td.Colorful{
	color: #000000;
	font: normal 11px Verdana;
	border: 1px solid #E20A16;
	padding: 5px 15px 5px 15px;
}

td.Colorful-Price{
	color: #000000;
	font: bold 11px Verdana;
	height: 30px;
	padding: 0px 0px 0px 0px;
}

td.Colorful-HKTBC{
	color: #000000;
	font: bold 11px Verdana;
	text-align: right;
	height: 30px;
	padding: 0px 0px 0px 0px;
}

th.Colorful-BookOnline{
	color: #FFFFFF; 
	font: bold 12px Verdana;
	border: 1px solid #E20A16;
	padding: 9px 12px 9px 12px;
	text-align: right;
}

a.Colorful-BookOnline{
	color: #FFFFFF;
	font: bold 12px Verdana;
	text-decoration: none;
}
a.Colorful-BookOnline:visited{
	color: #FFFFFF;
}
a.Colorful-BookOnline:hover{
	color: #E20A16;
}

a.Sitemap{
	text-decoration: none;
}

a.Sitemap:hover{
	color: #4E4B4A;
}

/* ========== Main Cell Setting ========== */

table.MainTable{
	width: 988px; height: 650px;
	border: 1px solid #000000;
	vertical-align: top;
}

td.LogoCell{
	width: 618px; height: 82px;
	vertical-align: top;
}

td.FlashCell{
	width: 370px; height: 192px;
	vertical-align: top;
}

td.BannerCell{
	background: #E20A16;	
	width: 618px; height: 110px;
	vertical-align: top;
}

td.TopMenuCell{
	width: 988px; height: 26px;
	padding-top: 5px; padding-left: 23px;
	vertical-align: top;
}

td.TopBarCell{
	width: 988px; height: 28px;
	vertical-align: top;
}

td.LeftSpaceCell{
	width: 101px;
	vertical-align: top;
}

td.ContentCell{
	width: 517px;
	padding-bottom: 28px; padding-right: 28px; 
	vertical-align: top;
}

td.EventPanelCell{
	background: #E7E7E7;	
 	width: 370px;
	vertical-align: top;
}

td.NewsLetterCell{
	width: 517px; height: 30px;
	vertical-align: bottom;
}

td.BottomBarCell{
	width: 988px; height: 19px;
	vertical-align: middle; text-align: right;
}

td.BottomMenuCell{
	background: #B7B6B6;	
	width: 988px; height: 25px;
	padding-top: 5px; padding-left: 96px;
	vertical-align: top;
}

/* ========== Pattern Object Setting ========== */

div.LeftPatternBox{
	background: #E7E7E7;
	width: 89px; height: 27px;
	clip: rect(0px, 89px, 27px, 0px);
	margin-right: 12px;
}

/* ========== Image Object Setting ========== */

img.LogoImage{
	width: 618px; height: 82px;
	border: 0px none;
}

img.BannerImage{
	width: 618px; height: 110px;
	border: 0px none;
}

img.TopBarImage{
	width: 988px; height: 4px; 
	border: 0px none;
}

img.BottomBarImage{
	width: 887px; height: 4px;
	border: 0px none;
}

img.SubmitBtnImage{
	width: 65px; height: 20px;
	border: 0px none;
}

img.ResetBtnImage{
	width: 81px; height: 20px;
	border: 0px none;
}

img.DownloadBtnImage{
	width: 126px; height: 20px;
	border: 0px none;
}

/* ========== RegistraionForm Setting ========== */

td.Registraion{
	padding-bottom: 10px; padding-right: 5px;
}

input.Registraion-Text{
	color: #000000;
	font: normal 11px Verdana;
	width: 200px; height: 18px;
}

input.Registraion-CheckBox{
	color: #000000;
	font: normal 11px Verdana;
}

textarea.Registraion-TextArea{
	color: #000000;
	font: normal 11px Verdana;
	width: 270px; height: 90px;
}

/* ========== Top Pull-Down Menu Setting ========== */

/* box setting */

div.TopMenuParent{
	position: relative;
	cursor: pointer;
	margin-right: 10px;
}

div.TopMenu{
	padding-top: 2px; 
}

div.TopMenuOver{
	background: #E20A16;
	padding-top: 2px; padding-bottom: 6px;
	position: absolute; left: 0px; top: 0px;
	visibility: hidden;	display: none;
}

div.SubMenu{
	background: #E7E7E7;
	border: 1px solid #C3C2C2;
	position: absolute; top: 21px;
	visibility: hidden;	display: none;
}

div.SubMenuItem{
	padding-top: 2px; padding-bottom: 2px;
}


/* text setting */

span.TopMenu{
	color: #4E4B4A;
	font: bold 11px Arial;
	padding-left: 5px; padding-right: 5px;
}

span.TopMenuOver{
	color: #FFFFFF;
	font: bold 11px Arial;
	padding-left: 5px; padding-right: 5px;
}

a.TopMenuOnly{
	color: #4E4B4A;
	text-decoration: none;
}
a.TopMenuOnly:visited{
	color: #4E4B4A;
}
a.TopMenuOnly:hover{
	color: #E20A16;
}

a.SubMenu{
	color: #4E4B4A;
	font: normal 11px Arial;
	padding-left: 5px; padding-right: 5px;
	text-decoration: none;
}
a.SubMenu:visited{
	color: #4E4B4A;
}
a.SubMenu:hover{
	color: #E20A16;
}

/* width setting */

#SubMenu1{
	width: 96px;
}
#SubMenu2{
	width: 154px;
}
#SubMenu3{
	width: 209px;
}
#SubMenu4{
	width: 307px;
}
#SubMenu5{
	width: 100px;
}
#SubMenu6{
	width: 139px;
}
#SubMenu7{
	width: 100px;
}

/* ========== Event Panel Setting ========== */

/* box setting */

div.EventPanelTitleBox{
	background: #E7E7E7;
	width: 370px;
	padding-top: 4px; padding-bottom: 4px;
}

div.EventPanelBox{
	background: #E7E7E7;
	width: 370px;
	padding-top: 4px; padding-bottom: 4px;
	border-width: 4px 0px 0px 0px; border-style: solid; border-color: #FFFFFF;
}

/* text setting */

div.EventPanel{
	color: #444444;
	font: normal 9px Verdana;
	line-height: 12px;
	margin-left: 11px; margin-right: 11px;
}

span.EventPanelTitle{
	color: #444444;
	font: bold 10px Verdana;
}

li.EventPanel{
	color: #444444;
	font: normal 9px Verdana;
	line-height: 12px;
}

li.EventPanel2{
	color: #444444;
	font: normal 11px Verdana;
	line-height: 12px;
}

a.EventPanel{
	color: #E20A16;
	font: bold 9px Verdana;
	text-decoration: none;
}
a.EventPanel:visited{
	color: #E20A16;
}
a.EventPanel:hover{
	color: #4E4B4A;
}

/* ========== Newsletter Setting ========== */

td.Newsletter{
	color: #686665;	background: #CFCFCF;
	font: normal 10px Verdana;
	width: 487px; height: 30px;
	padding: 6px 6px 6px 6px;
	text-align: right; vertical-align: bottom;
}

input.Newsletter{
	font: normal 10px Verdana;
	width: 100px; height: 18px;
	border: 1px solid #686665;
}

input.NewsletterSubmit{
	font: normal 10px Verdana;
	width: 47px; height: 18px;
	border: 1px solid #686665;
	margin-top: 0px; margin-bottom: 0px;
}

/* ========== Bottom Menu Setting ========== */

div.BottomMenu{
	color: #FFFFFF;
	font: bold 11px Arial;
}

a.BottomMenu{
	color: #FFFFFF;
	font: bold 11px Arial;
	text-decoration: none;
	margin-left: 5px; margin-right: 5px;
}
a.BottomMenu:visited{
	color: #FFFFFF;
}
a.BottomMenu:hover{
	color: #E20A16;
}