@charset "UTF-8";
/* CSS Document */

.disappear {display:none;}

body {
	margin:0 auto;
	padding:0;
	background:#FFFFFF; 
	font: 11px 'open sans', sans-serif;
	font-weight: 600;
	line-height: 14px;
	min-width:800px;}
	
html {margin: 0 auto; padding:0;}

img {border:0;margin:0;padding:0;}

script, noscript {margin:0;padding:0;}

a {text-decoration:none; color:#8FC33D; font-weight:600;}
a:hover {text-decoration:underline;}

h1 {margin:10px;padding:0;font-size:16px;color:#FFFFFF;line-height:24px;}

#hkcheader {
	margin: 42px auto 0 auto;
	width: 772px;
	height:30px;
	color:#E42989;
	border-bottom: 8px solid #E42989;
	}
#hkcaddress {float:right; text-align:right;}
#hkclogo {background:url(../images/HKC14logo.gif) no-repeat;
	height:38px;
	width:203px;
	float:left;
	}

#hkcwrapper {width:772px; margin:14px auto;}

#footer {margin: 30px 0 20px 0; color:#666; font-size:11px;}
#footer_logo_hsbc {background:url(../images/footer_logo_hsbc.gif) no-repeat; width:114px; margin-left:18px;}
#footer_logo_wastewise {background:url(../images/footer_logo_wastewise.gif) no-repeat; width:72px; margin-left:5px;}
#footer_logo_caring {background:url(../images/footer_logo_caring.gif) no-repeat; width:102px;}
#footer_logo_hsbc, #footer_logo_wastewise, #footer_logo_caring {height:50px;float:right;}

/*MENU BAR ITEMS*/

#socialmedia {float:left;margin-left:10px;}
#socialmedia img {margin-left:3px;}
#socialmedia .fb-like {margin-left:6px;height:24px; position:relative; z-index:101;float:right;}

#hkcnavwrap {padding:0;margin:0 auto;width:772px;}
#hkcnav {list-style:none;padding:0;margin:14px 0 0 0;letter-spacing:1px;letter-spacing:0px\9;}
#hkcnav a {
display:inline;
float:left;
padding:0;
color:#E42989;
text-decoration:none;}
#extraspace {float:left;height:14px;width:21px;}
#hkcnav a:hover, #currentnav a {color:#8FC33D;}

ul.hkcsubnav, ul.hkcsubnav2 {display:none;}
li:hover .hkcsubnav, li:hover .hkcsubnav2 {
	display:block;
	list-style:none;
	padding:0;
	position:absolute;
	width:200px;}
li:hover .hkcsubnav {
	margin: 0 0 0 75px;
	top:106px;
	z-index:104;}
li:hover .hkcsubnav2 {
	margin: 0 0 0 215px;
	top:106px;
	z-index:103;}

#hkcnav .hkcsubnav a, #hkcnav .hkcsubnav2 a {background:#8FC33D;color:#FFFFFF;padding:5px;}
#hkcnav .hkcsubnav a:hover, #hkcnav .hkcsubnav2 a:hover {color:#E42989;}

.subnavextraspace a {display:inline;float:left;height:10px;width:200px;line-height:10px;padding:0 !important; background:none !important;}