/* CSS Document */

body, htlm {width:100%;background-color:#F2F2F2;text-align:center;}
body{margin:0px;padding: 0px 0px 20px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
h1 {font-size:14px; color:#1C5E90; margin-bottom:10px; padding-bottom:0px; margin-top:0px; line-height:16px;}
h2{
	font-size:12px;
	color:#1C5E90;
	margin-bottom:2px;
	padding-bottom:0px;
	margin-top:0px;
	line-height:10px;
}

a {color:#1C5E90;}
a:hover {color:#F63;}

/* common div boxes wrappers   */

#container{width: 742px!important;width /**/: 742px; margin:0px auto; background-color:#FFF; text-align:center; border:1px solid #FFF; padding:0px;}
.clear{height: 0px !important;height /**/: 1px; margin:0px;padding:0px;overflow:hidden;clear:both; font-size:1px;}
.toLeft {float:left;}
.toRight {float:right;}



/* top stuff */
#topDiv {width: 742px !important;width /**/: 742px; height: 75px !important;height /**/: 76px;background-color:#5D93AF;text-align:left;  border:0px none #FFF; margin:0px; border-bottom:1px solid #1C5E90; }
#logo {float:left; margin:0px; position:absolute; margin-left:5px;}

#menuBand{  margin:50px 0px 0px  220px ; position:absolute; width: 520px !important;width /**/: 520px;  text-align:right; color:#FFF; font-weight:normal;font-size:10px;}

/* top menu*/
a.topMenu { height: 20px;font-weight:bold; color:#FFF; text-decoration:none;margin-left:8px;margin-right:8px; line-height:35px}
a.topMenu:hover { height: 20px;text-decoration:none; color:#F63;}

/*  mid stuff */
#midWrap {width: 742px !important;width /**/: 742px; height: 120px !important;height /**/: 122px;background-color:#FFF;text-align:right;margin:0px; padding:0px; border:0px none; border-top:1px solid #FFF; border-bottom:1px solid #1C5E90; }

div#midMenu {width: 222px !important;width /**/: 222px; height: 120px !important;height /**/: 120px; margin:0px; margin-right:0px; padding:0px; float:left; border:0px none; overflow:hidden;}
a.midMenu{width: 222px !important;width /**/: 222px; height: 23px !important;height /**/: 24px; font-size:14px; font-weight:bold; color:#1C5E90; text-decoration:none; text-align:left; text-align:left; display:block; line-height:14px; border-bottom:1px solid #6393BE;}
a.midMenu:hover {text-decoration:none; color:#F63; }
div.midMenu{height: 14px !important;height /**/: 24px; text-align:left; padding:5px 0px 4px 20px; background-image:url(img/bgr_leftSideMenu.jpg); background-repeat:repeat-x; background-position:top; cursor:hand; cursor:pointer;}

#mainImg {width: 520px !important;width /**/: 520px; height: 120px !important;height /**/: 120px; margin:0px;display:inline;}

#hdrImg {width: 520px !important;width /**/: 520px; height: 120px !important;height /**/: 120px;float:left; display:inline; margin-left:0px;}

#teoImgDiv1, #teoImgDiv2, #kwokImgDiv1, #kwokImgDiv2, #staffImgDiv1, #staffImgDiv2, #genImgDiv1, #genImgDiv2 {float:left; text-align:left; width:350px; color:#3C6277; margin-left:380px;  } 
#teoImgDiv1 {margin-top:-90px; font-size:16px; }
#teoImgDiv2 {margin-top:-70px; font-size:12px; }
#kwokImgDiv1,#staffImgDiv1 {margin-top:-90px; font-size:16px;  }
#kwokImgDiv2, #staffImgDiv2 {margin-top:-70px; font-size:12px; }
#genImgDiv1 {margin-left:330px; margin-top:-90px; font-size:16px; width:400px;}
#genImgDiv2 {margin-left:330px; margin-top:-50px; font-size:9px; width:400px;}

*html #teoImgDiv1, #kwokImgDiv1, #staffImgDiv1 {margin-top:-70px; margin-top:-90px; display:inline;}
*html #teoImgDiv2, #kwokImgDiv2, #staffImgDiv2 {margin-top:-70px;display:inline;}
*html #genImgDiv1 {margin-top:-70px; margin-top:-90px; display:inline;}
*html #genImgDiv2 {margin-top:-50px; display:inline;}

/* main stuff */

#mainWrap {width: 742px !important;width /**/: 742px; font-size:11px; border-top:1px solid #1C5E90 ; margin-top:2px;}
#mainTable {width: 742px; font-size:12px; color:#333; vertical-align:top; margin-top:2px; }
#leftCell {
	width:222px;
	border-right:1px solid #1C5E90;
	text-align:center;
	vertical-align:top;
}
.righCell {width:170px; border-left:1px solid #1C5E90 ; text-align:left;vertical-align:top; }
.centerCell {vertical-align:top; padding:10px; text-align:left; font-size:11px; line-height:13px;}
.righCell img { margin-top:5px; margin-bottom:5px;}
.righCell h2 {margin-right:0px; margin:5px;display:block;font-size:16px; background-color:#5D93AF; color:#FFF; font-weight:bold; text-align:left; padding:4px; }
.righCell h3 {font-size:12px; color:#1C5E90; font-weight:bold; margin-left:5px; margin-top:8px; }
#referal {width: 219px !important;width /**/: 219px; height: auto!important;height /**/: 100px; background-image:url(img/img_becomePartner.jpg); background-position:top; background-repeat:no-repeat; text-align:left; vertical-align:top; margin:0px; padding:0px; border:1px solid #FFF;}
#referal .inCel{ margin:25px 5px 5px 22px; padding:0px; font-size:9px; color:#1C5E90;}
#referal form {width: 185px !important;width /**/: 185px;padding:0px; margin:6px 0px; display:block; font-size:9px; color:#1C5E90;}
#referal input{width:100px; height:12px; border:1px solid #1C5E90; background-color:#FFF; float:right; font-size:9px;color:#1C5E90}
#referal input.go{width:80px; height:16px; border:1px solid #1C5E90; background-color:#DFF4FF; float:right; font-size:9px; font-weight:bold;color:#1C5E90; cursor:pointer;}
#referal div {width: 185px !important;width /**/: 185px;clear:both; display:block; margin-bottom:5px; font-size:9px; color:#1C5E90;}

.LsideBlock {width: 219px !important;width /**/: 219px; border-top:1px solid #1C5E90;}
.RsideBlock {width: 154px !important;width /**/: 164px;  text-align:left; font-size:9px; margin-top:5px; padding:5px;}

a.rightMenu{width: 154px !important;width /**/: 164px; height: 24px !important;height /**/: 24px; font-size:12px; font-weight:bold; color:#1C5E90; text-decoration:none; text-align:left; text-align:left; display:block; line-height:23px; background-color:#CEDFE7; margin:10px 5px 0px 5px; }
a.rightMenu:hover {text-decoration:none; color:#F63; }
div.rightMenu{height: 24px !important;height /**/: 24px; text-align:left; padding-left:10px; cursor:hand; cursor:pointer;}

.inputField{width:200px; height:16px; border:1px solid #1C5E90; background-color:#FFF; font-size:9px;color:#1C5E90; margin-top:5px;}
.textField{width:250px; height:120px; border:1px solid #1C5E90; background-color:#FFF; font-size:9px;color:#1C5E90; margin-top:5px;}
.goButton{width:80px; height:18px; border:1px solid #1C5E90; background-color:#DFF4FF;  font-size:9px; font-weight:bold;color:#1C5E90; cursor:pointer;}
/* footerstuff */

#footDiv { padding:6px 20px;width: 700px !important;width /**/: 742px; margin:10px auto;height: 10px !important;height /**/: 22px;background-color:#5D93AF; color:#FFF; line-height:10px; font-size:10px; font-weight:bold; text-align:left; border:1px solid #1C5E90; }
#midWrap2 {
	width: 742px !important;
	width /**/: 742px;
	height: 400px !important;
	height /**/: 122px;
	background-color:#FFF;
	text-align:right;
	margin:0px;
	padding:0px;
	border:0px none;
	border-top:1px solid #FFF;
	border-bottom:1px solid #1C5E90;
}
#mainImg2 {
	width: 520px !important;
	width /**/: 520px;
	height: 450px !important;
	height /**/: 120px;
	margin:0px;
	display:inline;
}
h7 {
	font-size:30px;
	color:#1C5E90;
	margin-bottom:10px;
	padding-bottom:15px;
	margin-top:10px;
	line-height:20px;
	padding-top: 5px;
}