/*--- fundamental ---*/
body {background:#fff; font-family: Arial; color:#c5c5c5; font-size:12px }
html, body {margin:0px; padding:0px; width:100%; height:100%}
ul, li, p, img {margin:0; padding:0; list-style:none}
table {border-collapse:collapse}
a img {border:none}
.clearfix:after {clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix {_zoom:1}

a {color:#c5c5c5; text-decoration:none}
a:hover {color:#999;}

h3 {font-weight:normal;margin:0 0 4px 0; font-size:16px}


/*--- blocks ---*/
#container {width:800px; height:100%; margin:0px auto; position: relative;}
.body {position:relative}

/*--- header/body/footer ---*/
.header {position:relative; margin:15px 0 5px 0}
.header li {display:inline; }
.header li a {padding:0 3px}
.header ul {position:absolute; right:0px; bottom:0px}

.footer li{display:inline}
.footer p {margin:3px 0 8px 0; float:right}
.footer ul {margin:3px 0 8px 0; float:left}
.footer .copyright {width:300px}

/*--- nav ---*/
.nav {background:#575654; margin:2px 0 0 0; position:relative}
.nav .content {border-left:2px solid #fff; margin:0 0 0 152px; background:#fff}
.nav .menu {float:left; font-size:11px; width:152px; position:absolute; left:0px; top:0px}
.nav .menu li {padding:11px 10px 3px 10px;}
.nav .menu li li {padding-right:0px; padding-left:0px}
.nav .menu li li a{padding:0px 0 0 12px;margin:0px}
.nav .menu a {color:#fff; display:block; border-bottom:1px solid #fff; padding:0 0 2px 6px}
.nav .menu a:hover {color:#999}
.nav .menu .on, .nav .menu .hover {background:url(../images/nav_menu_on.gif) no-repeat left 13px}
.nav .menu .on .on, .nav .menu .on .hover, .nav .menu .hover .hover {background:none}
    /* setup menu toggle */
.nav .menu ul {display:none}
.nav .menu .on ul {display:block}

/*--- index ---*/
.cell {padding:2px 0 0 0;}
.tableA {zoom:1;background:#9b9b9d url(../images/1_tableA_head.gif) no-repeat 5px 5px}
.tableA .cell {float:right;width:486px;background:#fff;padding:0px}
.tableA .cell div{float:right}
.tableA .cell div a {float:left;}
.tableA .cell img {float:left; margin:2px 2px 0 0;}

.tableB {zoom:1;background:#8a8077 url(../images/1_tableB_head.gif) no-repeat 5px 5px; margin:2px 0 0 0}
.tableB .cell {float:right}
.tableB .cell a img {float:left}
.tableB .cell a {float:left; padding:0 2px 2px 0}

/*--- Lightbox ---*/
#jquery-overlay {	position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {	position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;	line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0;float: left;}
#lightbox-nav-btnNext {right: 0;float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;	width: 100%;	padding: 0 10px 0;}
#lightbox-container-image-data {	padding: 0 10px;color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left;}	
#lightbox-image-details-caption { font-weight: bold; font-size:12px}
#lightbox-image-details-currentNumber {display: block;clear: left;padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;}

/*--- HKQB Page ---*/
.content .page{background:url(../images/HKQB_bg.jpg) no-repeat top left;padding:140px 20px 20px 20px}
.content .page .cell{background:#fff; padding:20px; color:#7f7f7f }
.content .page .subpage_nav li{display:inline}
.content .page .subpage_nav {margin:0 0 20px 0; padding:0px}
.content .page .subpage_nav a {color:#0b6692; padding:0 6px 0 6px}
.content .page .subpage_nav a:hover, .content .page .subpage_nav .on a {color:#fff; background:#0b6692}
.content .page p {margin:0 0 16px 0; line-height:22px; text-align:justify}
.caption {font-size:11px}

.content .page li {list-style-type:decimal;line-height:22px}
.content .dot li{list-style-type:disc}
.content .page ul {padding:0 0 0 20px;margin:0 0 16px 0}

.content .page table {width:100%;text-align:left}
.content .page table th {background:#0b6692; color:#fff; font-weight:normal}
.content .page table td, .content .page table th {padding:2px 4px}
.content .page table .odd td {background:#E1E6EA}
.content .page table a {color:#7f7f7f}
.content .page table a:hover {text-decoration:underline}

h3 {color:#0B6692}
 form {background:#0b6692; padding:20px;color:#fff}
 form label {display:block;width:145px;float:left}
 form p {margin:0 0 12px 0}
 form input {width:368px;}
 form textarea {width:368px}
 form .submit {background:#FF0; width:auto; border:none; margin:10px 0 0 150px}

/*--- Happybuy Page ---*/
.Happybuy .content .page h3 {color:#E85512 }
.Happybuy .content .page{background-image:url(../images/happy-buy_bg.jpg)}
.Happybuy .content .page .subpage_nav a {color:#e85512; padding:0 6px 0 6px}
.Happybuy .content .page .subpage_nav a:hover, .Happybuy .content .page .subpage_nav .on a {color:#fff; background:#e85512}
.Happybuy .content .page table td {background:#fff33b; color:#333}
.Happybuy .content .page table .odd td {background:#fed612}
.Happybuy .content .page table .head {background:#f9bd1e}
.Happybuy .content .page table .odd .head, .Happybuy .content .page table th {background:#f29422}

.Happybuy ul.table {padding:0px;}
.Happybuy ul.table li {list-style-type:none; padding:0 4px}
.Happybuy ul.table .head {background:#f0b801; color:#333}
.Happybuy ul.table a {color:#7f7f7f}

.Happybuy form {background:#E85512;}

/*--- Guinness ---*/
.Guinness .content .page .subpage_nav a {color:#c30d24; padding:0 6px 0 6px}
.Guinness .content .page .subpage_nav a:hover, .Guinness .content .page .subpage_nav .on a {color:#fff; background:#c30d24}

.Guinness .content .page{background-image:url(../images/Guinness_bg.jpg)}
.Guinness .content .page table td {background:#fff33b; color:#333}
.Guinness .content .page table .odd td {background:#fed612}
.Guinness .content .page table .head {background:#f9bd1e}
.Guinness .content .page table .odd .head {background:#f29422}
.Guinness .content .page .gallery p {width:170px; clear:both}
.Guinness form {background:#c30d24;}

/*--- Macau ---*/
.Macau .content .page .subpage_nav a {color:#00508b; padding:0 6px 0 6px}
.Macau .content .page .subpage_nav a:hover, .Macau .content .page .subpage_nav .on a {color:#fff; background:#00508b}
.Macau .content .page{background:#000 url(../images/Macau_bg.jpg) no-repeat -2px top}
.Macau .content .page h3 {color:#00508b;}

.Macau .content .page table td {background:#008ad3; color:#fff}
.Macau .content .page table .odd td {background:#009ee7}
.Macau .content .page table .head {background:#007bb7}
.Macau .content .page table .odd .head {background:#005189}
.Macau form {background:#00508b;}

/*--- Interview ---*/
.Interview .content .page{background-image:url(../images/interview_bg.jpg)}
.Interview .content .page .subpage_nav a {color:#c30d24; padding:0 6px 0 6px}
.Interview .content .page .subpage_nav a:hover, .Interview .content .page .subpage_nav .on a {color:#fff; background:#c30d24}
.Interview .content .page h3 {color:#00508b;}
.Interview .content .page table td {background:#fff33b; color:#333}
.Interview .content .page table .odd td {background:#fed612}
.Interview .content .page table .head {background:#f9bd1e}
.Interview .content .page table .odd .head {background:#f29422}
.Interview form {background:#c30d24;}

/*--- About us ---*/
.Aboutus .content .page{background-image:url(../images/about-us_bg.jpg)}
.Aboutus .content .page h3 {color:#e83628}

.Aboutus .content .page table td {background:#fff33b; color:#333}
.Aboutus .content .page table .odd td {background:#fed612}
.Aboutus .content .page table .head {background:#f9bd1e}
.Aboutus .content .page table .odd .head {background:#f29422}

.Aboutus table a {color:#333}



/*--- Lightbox ---*/
.content .page .lightbox {padding:0px;}
.content .page .lightbox li {list-style-type:none;display:inline}
.content .page .lightbox li img {float:left}

/*--- Printing ---*/
.Printing .content .page{background-image:url(../images/printing_bg.jpg)}
.Printing .content .page p {color:#222}
.Printing .content .page a {color:#222}

/*--- Design ---*/
.Design .content .page{background-image:url(../images/design_bg.jpg)}


/*--- Shopping ---*/
.Shopping .content .page .subpage_nav a {color:#b41d24; padding:0 6px 0 6px}
.Shopping .content .page .subpage_nav a:hover, .Shopping .content .page .subpage_nav .on a {color:#fff; background:#b41d24}
.Shopping .content .page{background:#fff url(../images/shopping_bg.jpg) no-repeat -2px top}
.Shopping .content .page h3 {color:#b41d24;}

.Shopping .content .page table td {background:#e95913; color:#fff}
.Shopping .content .page table .odd td {background:#ed7111}
.Shopping .content .page table .head {background:#83000a}
.Shopping .content .page table .odd .head {background:#c40e24}
.Shopping form {background:#b41d24;}


/*--- Shoppingonline ---*/
.Shoppingonline .content .page .subpage_nav a {color:#b41d24; padding:0 6px 0 6px}
.Shoppingonline .content .page .subpage_nav a:hover, .Shoppingonline .content .page .subpage_nav .on a {color:#fff; background:#b41d24}
.Shoppingonline .content .page{background:#c40e24 url(../images/shoppingonline_bg.jpg) no-repeat -2px top}
.Shoppingonline .content .page h3 {color:#c40e24;}

.Shoppingonline .content .page table td {background:#83000a; color:#fff}
.Shoppingonline .content .page table .odd td {background:#c40e24}
.Shoppingonline .content .page table .head {background:#83000a}
.Shoppingonline .content .page table .odd .head {background:#c40e24}
.Shoppingonline form {background:#b41d24;}


/*--- kowloon ---*/
.kowloon .content .page .subpage_nav a {color:#009444; padding:0 6px 0 6px}
.kowloon .content .page .subpage_nav a:hover, .kowloon .content .page .subpage_nav .on a {color:#fff; background:#009444}
.kowloon .content .page{background:#fff url(../images/kowloon_bg.jpg) no-repeat -2px top}
.kowloon .content .page h3 {
	color:#093;
}

.kowloon .content .page table td {background:#39b54a; color:#fff}
.kowloon .content .page table .odd td {background:#8dc63d}
.kowloon .content .page table .head {background:#006838}
.kowloon .content .page table .odd .head {background:#009444}
.kowloon form {background:#009444;}