/* Basic containers */
body { background:#ffffff; margin:0px; padding:0px; font-family:helvetica, tahoma, arial, verdana, avenir, 'sans serif'; font-size:0.9em; padding:0px; background-color:white; }
#container { width:980px; height:600px; margin:0px auto; padding:0px; background-color:white; }
#banner { position:relative; width:980px; height:95px; margin:0px; padding:0px; }
#topNav { position:relative; width:980px; height:30px; margin:0px; padding:0px; line-height:20px; text-transform:uppercase; }
#leftNav { width:180px; float:left; margin:50px 2px 50px 0px; }
#footer {  position:relative; z-index:5;  top:0px; width:980px; min-height:50px; margin:5px auto; padding:0px; font-size:0.8em; text-align:right; }

/* Basic content styles */
h1, h2, h3, h4, h5, h6 { color:#cc0033; font-family:tahoma, avenir, arial, verdana, helvetica, 'sans serif'; font-weight:800; padding:0px;  }
a, a:visited { color:#336699; text-decoration:none; }
a:hover, a:visited:hover { color:#FF6600; text-decoration:none; }

/* Banner styles */
#banner img { width:173px; height:66px; margin:15px 0px; }
#langSwitch { float:right; color:#003366; margin:60px 10px 0px 0px; font-size:1.2em; }
#langSwitch a, #langSwitch a:visited, { color:#003366; font-weight:800; }
#langSwitch a:hover, #langSwitch a:visited:hover, { color:#6699cc; font-weight:800; }

/* Top navigation styles */
#topNav img { display:block; position:relative; height:30px; float:left; margin:0px; padding:0px; border:0px; }


/* page specific styles. */
/* home page */
#contentHome { position:relative; width:980px; height:535px; margin:0px; padding:0px; background-color:#fae123; }
#contentHome #welcome { position:relative; top:20px; left:150px; margin:0px; padding:0px; width:433px; height:313px; }
#contentHome #welcome h1 { display:none; }
#contentHome #welcome img { width:433px; height:313px; }
#contentHome #call { float:right; margin:16px 110px 0px 0px; padding:0px; width:203px; height:203px; }
#contentHome #call span.bigger { font-weight:200; font-size:1.6em; margin:0px; }
#contentHome #call a span.bigger { color:#003366; text-decoration:none; }
#contentHome #call a:hover span.bigger { color:#FF6600; text-decoration:none; }
#contentHome #feature img { position:absolute; top:34px; left:-53px; margin:0px; }
#contentHome #anim { position:absolute; top:215px; left:530px; width:450px; height:320px; padding:0px; margin:0px; }
#contentHome #anim img#trans0Img { position:absolute; top:0px; left:0px; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; z-index:5; }
#contentHome #anim img#trans1Img { position:absolute; top:0px; left:0px; filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; z-index:10; }

#contentAbout { position:relative; width:980px; height:537px; margin:0px; padding:0px; background-color:#accf00; color:#1a5e36; }
#contentAbout #leftNav a, #contentAbout #leftNav a:visited { font-size:0.9em; border-left:13px solid #87aa4c; display:block; float:left; clear:left; margin:20px 0px 20px 0px; padding:6px; color:#231916; text-decoration:none; background:#ffffff; }
#contentAbout #leftNav a:hover, #contentAbout #leftNav a:visited:hover { font-size:0.9em; border:2px solid #87aa4c; border-top:1px solid #87aa4c; border-left:13px solid #87aa4c; display:block; margin:17px 0px 20px 0px; padding:6px; color:#231916; text-decoration:none; background:url('/images/nav/leftNav.gif'); }
#contentAbout #inner { position:absolute; top:0px; left:240px; width:630px !important; height:533px; margin:0px; padding:50px 60px 50px 50px; background:url('/images/aboutback.jpg') no-repeat; }
#contentAbout #inner h1 { color:#1e9342; font-weight:200; }
#contentAbout table  { width:500px; border:0px; border-top:1px solid #eeffee; font-size:0.9em; margin:0px 50px; }
#contentAbout td.histDate { border:0px; border-right:1px solid #eeffee; border-bottom:1px solid #eeffee; padding:2px 8px; width:70px; text-align:right; color:#eeffee; }
#contentAbout td.histData { border:0px; border-bottom:1px solid #eeffee; padding:2px 8px; width:430px; }
#contentAbout #inner ul { width:625px; list-style-type:none; padding:0px; margin:0px; }
#contentAbout #inner ul li { background:url(/images/mdash.gif) left top no-repeat; padding:3px 24px; }

#contentServices { position:relative; width:980px; height:535px; margin:0px; padding:0px; background-color:#5faa19; color:#1a5e36; }
#contentServices h1 { color:#ffffff; font-weight:200; margin:0px 0px 20px 0px; }
#contentServices #leftNav a, #contentServices #leftNav a:visited { font-size:0.9em; border-left:13px solid #87aa4c; display:block; float:left; clear:left; margin:20px 0px 20px 0px; padding:6px; color:#231916; text-decoration:none; background:#ffffff; }
#contentServices #leftNav a:hover, #contentServices #leftNav a:visited:hover { font-size:0.9em; border:2px solid #87aa4c; border-top:1px solid #87aa4c; border-left:13px solid #87aa4c; display:block; margin:17px 0px 20px 0px; padding:6px; color:#231916; text-decoration:none; background:url('/images/nav/leftNav.gif'); }
#contentServices #inner { position:absolute; top:0px; left:220px; width:720px; height:527px; margin:0px; padding:10px 55px 0px 0px; color:#ffffff; background:url('/images/servicesback.gif') no-repeat; }
#contentServices #inner b { color:#ffff33; }

#contentMembers { position:relative; width:980px; height:537px; margin:0px; padding:0px; background-color:#539147; color:#1a5e36; }

#contentTest { position:relative; width:980px; height:535px; margin:0px; padding:0px; color:#1a5e36; background:#047e43 url('/images/test-back.jpg') no-repeat; }
#contentTest #inner { position:absolute; top:15px; left:15px; width:965px; height:505px; margin:0px 0px 15px 0px; padding:0px; overflow:hidden; z-index:40; }
#contentTest img.testTab { float:left; border:0px; }
.testimony { margin:20px 10px 0px 50px; overflow-y:scroll; overflow-x:hidden; width:750px; height:485px; text-align:center; }
ul.single-testimony { list-style:none;  padding:0px; display:inline-table;}
ul.single-testimony li { width:300px; height:120px; float:left; position:relative; margin-top:20px; margin-left:35px; display:block;list-style:none; background:none; text-align:left; vertical-align:top; border-bottom:1px dashed black;}
ul.single-testimony li img{ border:1px solid #999999;}
ul.single-testimony li img:hover{ border:1px solid #CCCCCC;}
ul.single-testimony li span{ float:right; display:block; width:180px; padding-top:5px;}

#contentTest div.letter { margin:10px auto 50px auto; width:547px; height:752px; background-color:#ffffff; font-size:1.2em; font-family:'times new roman', serif; text-align:left; padding:50px 20px 30px 20px; }

#contentContact { position:relative; width:980px; height:535px; margin:0px; padding:0px; color:#1a5e36; background:#049d8e url('/images/contactback.jpg') no-repeat; }
#contentContact #leftNav a, #contentContact #leftNav a:visited { font-size:0.9em; border:2px solid #056d6c; border-bottom:1px solid #056d6c; border-left:13px solid #056d6c; display:block; float:left; clear:left; margin:20px 0px 17px 0px; padding:6px; color:#056d6c; text-decoration:none; background:#ffffff; }
#contentContact #leftNav a:hover, #contentContact #leftNav a:visited:hover { font-size:0.9em; border:2px solid #056d6c; border-top:1px solid #056d6c; border-left:13px solid #056d6c; display:block; margin:17px 0px 20px 0px; padding:6px; color:#056d6c; text-decoration:none; background:#ffffff url('/images/nav/leftNavContact.gif');  }
#contentContact #inner { position:absolute; left:220px; top:0px; width:665px; height:535px; margin:0px; padding:0px 50px; color:#3d3207; font-weight:400; z-index:30; }
#contentContact #innerEnv { position:absolute; left:250px; top:100px; width:672px; height:351px; margin:0px; padding:70px 50px; font-weight:400; background:url('/images/contactenv.gif') no-repeat; z-index:10; }
#contentContact #innerBack { position:absolute; left:220px; top:0px; width:750px; height:535px; margin:0px; padding:0px; background-color:#ddeeff; z-index:10; filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; -khtml-opacity:0.3; }

 


#contentEvents { position:relative; width:980px; height:535px; margin:0px; padding:0px; color:#1a5e36; background:#056d6c url('/images/eventsback.jpg') no-repeat; }
#contentEvents #inner { position:absolute; top:10px; left:50px; width:876px; height:522px; margin:0px; padding:35px 75px; color:#3d3207; background:url('/images/eventsnote.gif') no-repeat; overflow-y:scroll; overflow-x:hidden; }
#contentEvents #inner h1 { color:#074c51; font-size:1.8em; font-weight:400; }
#contentEvents #inner table { width:700px; margin:5px 50px 10px 25px; }
#contentEvents #inner table th { font-size:1.1em; height:22px; margin:0px; padding:2px 5px; color:#000000; background-color:#7fc5c5; border-top:1px solid #000000; border-bottom:1px solid #000000; text-align:left; }
#contentEvents #inner table td { color:#000000; padding:2px 5px; border-bottom:1px solid #000000; min-width:100px; }
#contentEvents #inner table td.subhead { color:#056d6c; font-size:1.6em; text-decoration:italics; padding:10px 0px 0px 5px; }





#contentLinks { position:relative; width:980px; height:535px; margin:0px; padding:0px; color:#1a5e36; background:#003042 url('/images/linksback.jpg') no-repeat; }
#contentLinks h1 { color:#f8b62d; }
#contentLinks #inner { position:absolute; top:80px; left:150px; width:672px; height:351px; margin:0px; padding:50px; color:#3d3207; }
#contentLinks #inner a, #contentLinks a:visited { color:#ffffff; }
#contentLinks #inner a:hover, #contentLinks #inner a:hover:visited { color:#f8b62d !important; text-decoration:underline; }
#contentLinks #inner ul li { color:#f8b62d; list-style:square inside; }


.newtopnav
{
	display:block;
	position:relative;
	float:right;
	width:141px;
	height:30px;
	background-repeat:no-repeat;
	background-position:0px -60px;
}
#navmembers{
	background-image:url(/images/nav/members.jpg);
}

#navmembers_ch{
	background-image:url(/images/nav/members_zh.jpg);
}

.newtopnav:hover{
	background-position:0px -30px;
}

.navred{
	background-position:0px 0px;
}

.navgreen{
	background-position:0px -90px;
}

div#map {
    float: left;
    width: 500px; height: 366px;
	border:1px 
}

.client-login, .change-password-panel{ 
background:url("/cmscontent/images/bg-login-panel.png") 0 0 no-repeat;
width:487px;
height:250px;
display:block;
margin:0 auto;
color:#1a5e36;
}

.client-login input, .change-password-panel input{
background:url("/cmscontent/images/input-text.png") no-repeat scroll left 0 transparent;
border-width:0;
color:#000000;
font-family:Arial;
font-size:13px;
font-weight:bold;
height:18px;
line-height:18px;
padding:8px 0 8px 8px;
width:204px;}

.inputTextBox{
background:url("/cmscontent/images/input-text.png") no-repeat scroll right -42px transparent;
height:34px;
margin-top:5px;
padding-right:8px;
width:212px;}


#btn-login{
	background:url("/cmscontent/images/btn-login.png") no-repeat 0 0;
	width:120px;
	height:30px;
	display:block;
}


#btn-login:hover{
	background-position:0 -30px ;
	
}

#btn-login-zh{
	background:url("/cmscontent/images/btn-login-zh.png") no-repeat 0 0;
	width:120px;
	height:30px;
	display:block;
}
#btn-login-zh:hover{
	background-position:0 -30px ;
	
}

.btn-register{
	background:url("/cmscontent/images/btn-register.png") no-repeat 0 0;
	width:120px;
	height:30px;
	display:block;
}

.btn-register-zh{
	background:url("/cmscontent/images/btn-register-zh.png") no-repeat 0 0;
	width:120px;
	height:30px;
	display:block;
}

.btn-register:hover{
	background-position:0 -30px ;
	
}
.btn-register-zh:hover{
	background-position:0 -30px ;
	
}
.height-5{ height:5px;}
.height-10{ height:10px;}
.height-20{ height:20px!important;}
.height-40 { height:40px!important;}

.client-registration-link{
background:url("/cmscontent/images/bg-registration-link.png") 0 0 no-repeat;
width:487px;
height:150px;
display:block;
margin:0 auto;
margin-top:20px;
}


.client-register{ 
background:url("/cmscontent/images/bg-registration-panel.png") 0 0 no-repeat;
width:900px;
height:700px;
display:block;
margin:0 auto;
color:#1a5e36;
z-index:100;
position:relative;
}

.enquiry-client-register{background:url("/cmscontent/images/bg-registration-panel-900h.png") 0 0 no-repeat;width:900px;
height:900px;}

.client-register input{
background:url("/cmscontent/images/input-text.png") no-repeat scroll left 0 transparent;
border-width:0;
color:#000000;
font-family:Arial;
font-size:13px;
font-weight:bold;
height:18px;
line-height:18px;
padding:8px 0 8px 8px;
width:204px;}

.change-password-panel{ 
background:url("/cmscontent/images/bg-login-panel.png") 0 0 no-repeat;
width:487px;
height:250px;
display:block;
margin:0 auto;
color:#1a5e36;

}
#btn-register-submit{ background:url("/cmscontent/images/btn-register.png") no-repeat 0 0;
	width:120px;
	height:30px;
	display:block;}
#btn-register-submit:hover{ background-position:0 -30px ;}

#btn-submit{ background:url("/cmscontent/images/btn-submit.png") no-repeat 0 0;
	width:120px;
	height:30px;
	display:block;}
#btn-submit:hover{ background-position:0 -30px ;}

#btn-cancel{ background:url("/cmscontent/images/btn-cancel.png") no-repeat 0 0;
	width:120px;
	height:30px;
	display:block;}
#btn-cancel:hover{ background-position:0 -30px ;}



.client-register td{
height:55px;}

hr{ 
border-top:1px solid black;
height:1px;
border-bottom:none;
}

hr.width150{ 
width: 150px;
}

hr.width200{ 
width: 200px;
}
hr.dashed{ 
border-top:1px dashed black;
border-bottom:none;
}

.radioGroup{ border:none;}
input.checkbox, input.radio {
height:auto;
width:auto;
}

.asterisk{ color:#CC0033;}


.members-area{ 
background:url("/cmscontent/images/map-box.png") 0 0 no-repeat;
width:749px;
height:355px;
display:block;
margin:0 auto;
color:#1a5e36;
padding:20px;
}

.error{ font-weight:bold; color:red;}

.add-link{ background: url(/cmscontent/images/icon-add.jpg) 0px 0px  no-repeat; padding:2px 0px 5px 25px; height:50px;  margin:0; position:relative; font-size:12px; font-weight:bold; }
.popup-link{ background: url(/cmscontent/images/icon-popup.jpg) 0px 0px  no-repeat; padding:2px 0px 5px 25px; height:50px;  margin:0; position:relative; font-size:12px; font-weight:bold; }
.edit-link{ background: url(/cmscontent/images/icon-edit.jpg) 0px 0px  no-repeat; padding:2px 0px 5px 25px; height:50px;  margin:0; position:relative; font-size:12px; font-weight:bold; }
.preview-link{ background: url(/cmscontent/images/icon-preview.jpg) 0px 0px  no-repeat; padding:2px 0px 5px 25px; height:50px;  margin:0; position:relative; font-size:12px; font-weight:bold; }
.search-link{ background: url(/cmscontent/images/icon-search.jpg) 0px 0px  no-repeat; padding:2px 0px 5px 25px; height:50px;  margin:0; position:relative; font-size:12px; font-weight:bold; }
.delete-link{ background: url(/cmscontent/images/icon-delete.jpg) 0px 0px  no-repeat; padding:2px 0px 5px 25px; height:50px;  margin:0; position:relative; font-size:12px; font-weight:bold; }
.accept-link{ background: url(/cmscontent/images/icon-accept.jpg) 0px 0px  no-repeat; padding:2px 0px 5px 25px; height:50px;  margin:0; position:relative; font-size:12px; font-weight:bold; }
.cancel-link{ background: url(/cmscontent/images/icon-cancel.jpg) 0px 0px  no-repeat; padding:2px 0px 5px 25px; height:50px;  margin:0; position:relative; font-size:12px; font-weight:bold; }

.lg-mail-link{ background: url(/cmscontent/images/icon-mail-lg.png) 0px 0px  no-repeat; padding:7px 0px 7px 40px; height:60px;  margin:0; position:relative; font-size:14px; font-weight:bold; }

.members-bottom{margin:0 auto;  width:749px; text-align:right; padding-right:60px; color:white;}

.change-password, .logout{ color:white!important;}
.change-password:hover, .logout:hover{ text-decoration:underline!important;}

.yellow-bubble{ width:400px; height:361px; display:block; position:relative; background: url(/cmscontent/images/bg-homeWelcome.gif) 0px 0px  no-repeat; padding:75px 0 0 95px;}

.enquiry-form td{ height:55px;vertical-align:top;}

.enquiry-form label.error{ display:block; height:20px; width:200px; float:left; font-weight:normal; font-size:10px;}

.linkinform{background:none!important; border:none!important; margin:0px!important; padding:0px!important;}
.linkinform:hover{background:none!important; border:none!important; margin:0px!important; padding:0px!important;}