/* *******************************************************
J  a  v  a  c  a  t  z
Filename:   [project].css
Purpose:    This file is created to hold CSS styles of
            the project.
            Please do not put other styles in this file.
Created by: KY 2011.10.03
******************************************************* */

body {
	color: #4A4A4A;
	background-color: #f3f3f3;
	background-image: none;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 50% 0%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: inherit;
	font-weight: normal;
	line-height: 1.3em;
	text-align: center;
	padding: 0;
	margin: 0;
}

	body.webfonts {
		font-family: 'Arimo', Arial, Helvetica, sans-serif;
	}

	body.zh-hk, body.zh-cn {
		font-family: "新細明體", 'PMingLiu', "細明體", 'MingLiu', Arial, Helvetica, sans-serif;
	}

a,
a:link {
	color: #127C8D;
	text-decoration: none;
}

	u a,
	a.underline,
	u a:link {
		text-decoration: underline;
	}

	a:hover {
		text-decoration: underline;
	}

	a.pointer {
		cursor: pointer !important;
	}

	a img {
		border: 0;
	}

.linkMask {
	display: block;
	cursor: default;
}

a .linkMask {
	cursor: pointer;
}

p {
	margin: 0 0 1em 0;
}

.noscript {
	display: block;
	color: #f00;
	background-color: #fff;
	font-weight: bold;
	text-decoration: blink;
	text-align: center;
	padding: 5px 10px;
	margin: 5px 20px 0 20px;
	border: 1px solid #f00;
	z-index: 99;
}

hr {
	display: block;
	font-size: 1px;
	width: 100%;
	height: 1px;
	overflow: hidden;
	padding: 1px 0 0 0;
	margin: 0 0 12px 0;
	border: 1px solid #C3C3C3;
	border-width: 0 0 1px 0;
}



/* *** H1...H6 *** */
h1,
h2,
h3,
h4,
h5,
h6 {
	display: block;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	margin: 0 0 0.5em;
}

h1 {
	font-size: 200%;
	font-weight: normal;
	margin: 0;
}

h2 {
	font-size: 175%;
	font-weight: normal;
	margin: 0;
}

h3 {
	color: #12263A;
	font-size: 139%;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}
body.homepage h3 {
	color: #12263A;
	font-size: 131%;
	font-weight: bold;
}
body.homepage-v2 h3 {
	color: #363636;
	font-size: 154%;
	font-weight: normal;
	margin: 0 0 20px 0;
}

h4 {
	color: #12263A;
	font-size: 115%;
	font-weight: bold;
}
body.homepage-v2 h4 {
	color: #363636;
	font-size: 131%;
	font-weight: normal;
	text-transform: none;
	margin: 0;
}

h5 {
	color: #12263A;
	background-image: url(../img/bg/bg-h5.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;
	font-size: 108%;
	font-weight: normal;
	padding: 0 0 4px 0;
	margin: 0 0 0.5em;
}

body.text-only h5 {
	background-image: none;
}

body.webfonts h5 {
	/* font-family: 'Muli', Arial, Helvetica, sans-serif; */
}

h6 {
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0 0 1em;
	border-bottom: 1px solid #A6A6A6;
}
body.homepage-v2 h6 {
	color: #484747;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 0.5em 0;
	border-bottom: 0 none;
}
body.homepage-v2 h6 a {
	color: #484747;
	/* text-decoration: underline; */
}



/* *** IMG *** */
img {
	vertical-align: middle;
}

	img.float_left {
		margin: 0 12px 2px 0;
	}

	img.float_right {
		margin: 0 0 2px 12px;
	}



/* *** Buttons *** */
.buttons {
	margin: 10px 0 0 0;
}

.buttons2 {
	margin: 3px 0 0 0;
}

.buttons a {
	text-decoration: none;
}

	.buttons a:hover {
		text-decoration: underline;
	}

.buttons:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.buttons {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .buttons {
	height: 1px;
}

.buttons {
	display: block;
}
/* End hide from IE-mac */

.buttons2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.buttons2 {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .buttons2 {
	height: 1px;
}

.buttons2 {
	display: block;
}
/* End hide from IE-mac */

.button,
.button2,
.smallbutton,
.smallbutton2,
.biggerbutton,
.biggerbutton2,
.bigbutton,
.bigbutton2 {
	color: #fff !important;
	background-color: transparent;
	background-image: url(../img/button/button.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	display: block;
	float: left;
	position: relative;
	clear: none;
	font-size: 13px;
	text-decoration: none !important;
	height: 22px;
	margin: 0 10px 0 0px;
	vertical-align: middle;
	padding: 0;
	white-space: nowrap;
	cursor: pointer;
}

body.webfonts .button,
body.webfonts .button2,
body.webfonts .smallbutton,
body.webfonts .smallbutton2,
body.webfonts .biggerbutton,
body.webfonts .biggerbutton2,
body.webfonts .bigbutton,
body.webfonts .bigbutton2 {
	/* font-family: 'Cabin', Arial, Helvetica, sans-serif; */
}

.button2 {
	background-image: url(../img/button/button2.png);
}

.smallbutton,
.smallbutton2 {
	color: #fff !important;
	background-image: url(../img/button/smallbutton.png);
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	margin: 0 5px 0 0;
}

.smallbutton2 {
	background-image: url(../img/button/smallbutton2.png);
	font-size: 11px;
	line-height: 20px;
	height: 20px;
	margin: 0 10px 0 0;
}

.biggerbutton,
.biggerbutton2 {
	background-image: url(../img/button/biggerbutton.png);
	font-size: 15px;
	font-weight: normal;
	height: 29px;
	margin: 0 15px 0 0;
}
.biggerbutton2 {
	background-image: url(../img/button/biggerbutton2.png);
	font-size: 15px;
	font-weight: normal;
	height: 39px;
	margin: 0 15px 0 0;
}

.bigbutton,
.bigbutton2 {
	background-image: url(../img/button/bigbutton.png);
	font-size: 15px;
	font-weight: normal;
	height: 28px;
	margin: 0 34px 0 3px;
}

.bigbutton2 {
	color: #4D4D4D !important;
	background-image: url(../img/button/bigbutton2.png);
	height: 31px;
	margin: 0 18px 0 3px;
}

	.button span,
	.button2 span,
	.smallbutton span,
	.smallbutton2 span,
	.biggerbutton span,
	.biggerbutton2 span,
	.bigbutton span,
	.bigbutton2 span {
		background-color: transparent;
		background-image: url(../img/button/button.png);
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: 100% 0%;
		display: block;
		position: relative;
		text-align: center;
		line-height: 18px;
		margin: 0 -5px 0 5px;
		height: 18px;
		min-width: 20px;
		padding: 2px 5px 2px 0;
		white-space: nowrap;
		cursor: pointer;
	}

.button2 span {
	background-image: url(../img/button/button2.png);
}

.smallbutton span,
.smallbutton2 span {
	background-image: url(../img/button/smallbutton.png);
	line-height: 16px;
	height: 16px;
	min-width: 10px;
	margin: 0 -3px 0 5px;
	padding: 2px 5px 2px 0;
}

.smallbutton2 span {
	background-image: url(../img/button/smallbutton2.png);
	margin: 0 -7px 0 10px;
	padding: 2px 10px 2px 0;
}

.biggerbutton span,
.biggerbutton2 span {
	background-image: url(../img/button/biggerbutton.png);
	line-height: 29px;
	height: 29px;
	margin: 0 -12px 0 15px;
	padding: 0 15px 0 0;
}
.biggerbutton2 span {
	background-image: url(../img/button/biggerbutton2.png);
	line-height: 39px;
	height: 39px;
	margin: 0 -12px 0 15px;
	padding: 0 15px 0 0;
}

.bigbutton span,
.bigbutton2 span {
	background-image: url(../img/button/bigbutton.png);
	line-height: 28px;
	height: 28px;
	margin: 0 -27px 0 10px;
	padding: 0 27px 0 0;
}

.bigbutton2 span {
	background-image: url(../img/button/bigbutton2.png);
	line-height: 31px;
	height: 31px;
	margin: 0 -15px 0 15px;
	padding: 0 15px 0 0;
}

.button:hover,
.button2:hover,
.smallbutton:hover,
.smallbutton2:hover,
.biggerbutton:hover,
.biggerbutton2:hover,
.bigbutton:hover,
.bigbutton2:hover {
	color: #fff !important;
	background-color: transparent;
	background-position: 0% -30px;
}

.smallbutton:hover,
.smallbutton2:hover {
	color: #fff !important;
}

.biggerbutton:hover,
.biggerbutton2:hover {
	color: #fff !important;
	background-position: 0% -43px;
}

.bigbutton:hover,
.bigbutton2:hover {
	color: #fff !important;
	background-position: 0% -40px;
}

.bigbutton2:hover {
	color: #4D4D4D !important;
}

.button:hover span,
.button2:hover span,
.smallbutton:hover span,
.smallbutton2:hover span {
	background-position: 100% -30px;
}

.biggerbutton:hover span,
.biggerbutton2:hover span {
	background-position: 100% -43px;
}

.bigbutton:hover span,
.bigbutton2:hover span {
	background-position: 100% -40px;
}

* html .button,
* html .button2,
* html .smallbutton,
* html .smallbutton2,
* html .biggerbutton,
* html .biggerbutton2,
* html .bigbutton,
* html .bigbutton2 {
	width: 20px;
}

	* html .button span,
	* html .button2 span,
	* html .smallbutton span,
	* html .smallbutton2 span,
	* html .biggerbutton span,
	* html .biggerbutton2 span,
	* html .bigbutton span,
	* html .bigbutton2 span {
		width: 20px;
	}

	.button img,
	.button2 img,
	.smallbutton img,
	.smallbutton2 img,
	.biggerbutton img,
	.biggerbutton2 img,
	.bigbutton img,
	.bigbutton2 img {
		border: 0;
		vertical-align: middle;
		padding-bottom: 1px;
		cursor: pointer;
	}

	.button.float_right,
	.button2.float_right,
	.smallbutton.float_right,
	.smallbutton2.float_right,
	.biggerbutton.float_right,
	.biggerbutton2.float_right,
	.bigbutton.float_right,
	.bigbutton2.float_right {
		float: right;
	}

	.button.form,
	.button2.form {
		margin: 10px 0 0 127px;
	}

	.button span span,
	.button2 span span,
	.smallbutton span span,
	.smallbutton2 span span,
	.biggerbutton span span,
	.biggerbutton2 span span,
	.bigbutton span span,
	.bigbutton2 span span {
		display: inline;
		position: static;
		background-image: none;
		margin: 0;
		height: auto;
		min-width: 0;
		padding: 0;
	}

body.text-only .button,
body.text-only .button2,
body.text-only .smallbutton,
body.text-only .smallbutton2,
body.text-only .biggerbutton,
body.text-only .biggerbutton2,
body.text-only .bigbutton,
body.text-only .bigbutton2 {
	background-image: none;
}

body.text-only .button2 {
	background-color: #DBC14A;
}

body.text-only .bigbutton2 {
	background-color: #F3F2F2;
}

	body.text-only .button span,
	body.text-only .button2 span,
	body.text-only .smallbutton span,
	body.text-only .smallbutton2 span,
	body.text-only .biggerbutton span,
	body.text-only .biggerbutton2 span,
	body.text-only .bigbutton span,
	body.text-only .bigbutton2 span {
		background-image: none;
	}

body.text-only .button2 span {
	background-color: #DBC14A;
}

body.text-only .bigbutton2 span {
	background-color: #F3F2F2;
}



/* *** Forms *** */
* html body.hideSelect select {
	visibility: hidden;
}

input.text,
input.date,
textarea.text {
	color: #333;
	background-color: #fff;
	text-align: left;
	padding: 1px;
	width: 190px;
	border: 1px solid #BDBDBD;
}

	input.text.short {
		width: 3em;
	}

input.date {
	background-image: url(../img/icon/icon-calendar.gif);
	background-repeat: no-repeat;
	background-position: 8em 2px;
	width: 8em;
	padding-right: 17px;
	cursor: pointer;
}

input[type=text],
input[type=password] {
	color: #333;
	background-color: #fff;
	text-align: left;
	line-height: 1.3em;
	padding: 1px;
	border: 1px solid #BDBDBD;
}

	input[type=text]:focus,
	input[type=password]:focus {
		border: 1px solid #FDD24F;
	}

input.inactive {
	color: #AFAFAF;
}

textarea.text {
	width: 300px;
	height: 8em;
	overflow: auto;
}

textarea.tall {
	height: 16em;
}

textarea:focus {
	border: 1px solid #FDD24F;
}

select.text {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
	line-height: 1.3em;
	font-weight: normal;
	width: 195px;
	border: 1px solid #639A9D;
}

body.webfonts select.text {
	font-family: 'Arimo', Arial, Helvetica, sans-serif;
}

select:focus {
	border: 1px solid #FDD24F;
}

input.short,
textarea.short,
select.short {
	width: 117px;
}

* + html input.short,
* + html textarea.short,
* + html select.short {
	width: 110px;
}

input[type=password] {
	font-family: Arial, Helvetica, sans-serif !important;
}

.error,
.error a {
	color: #AE0000;
}

.checkbox label input,
.radio label input,
.checkbox .ckbInner input {
	width: 20px;
}

.checkbox label span,
.radio label span {
}

.formBatch:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.formBatch {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .formBatch {
	height: 1px;
}

.formBatch {
	display: block;
}
/* End hide from IE-mac */
.formBatch {
	position: relative;
	padding: 0 10px;
	margin: 0 0 15px 0;
}

	.formBatch h6.formTitle {
		background-color: #fff;
		background-image: url(../img/bg/bg-formTitle.gif);
		background-repeat: repeat-x;
		background-position: 0% 100%;
		padding: 3px 10px;
		margin: 0 -10px 1em -10px;
		border: 1px solid #BEBEBE;
	}

.hasLegend {
	background-image: url(../img/bg/bg-form-set.png);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	padding-bottom: 10px;
}

	.hasLegend .legend {
		display: block;
		color: #fff;
		background-image: url(../img/bg/bg-form-heading.png);
		background-repeat: repeat-y;
		background-position: 0% 0%;
		font-size: 93%;
		line-height: 1.3em;
		font-weight: bold;
		padding: 7px 11px 3px 11px;
	}

.formSet {
	position: relative;
	margin: 0 0 7px 0;
}

	.formSet:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0;
	}

.formSet {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .formSet {
	height: 1px;
}

.formSet {
	display: block;
}
/* End hide from IE-mac */
.hasLegend .formContent {
	background-color: #337175;
	background-image: url(../img/bg/bg-form-content.png);
	background-repeat: repeat;
	background-position: 0% 100%;
	padding: 10px 0 0 0;
}

.shortFields .formSet {
	display: block;
	float: left;
	position: relative;
	clear: none;
	width: 360px;
}

label.label {
	display: block;
	float: left;
	position: relative;
	clear: none;
	text-align: left;
	width: 140px;
	padding: 2px 8px 2px 0;
}

.longLabels label.label {
	width: 240px;
}

div.field:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

div.field {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html div.field {
	height: 1px;
}

div.field {
	display: block;
}
/* End hide from IE-mac */
div.field {
	display: block;
	float: left;
	position: relative;
	clear: none;
	width: 600px;
}

	div.field.textarea {
		float: none;
		width: auto !important;
	}

.longLabels div.field {
	width: 480px;
}

.shortFields div.field {
	width: 245px;
}

.longField div.field input.text,
.longField div.field textarea.text {
	width: 290px;
}

input.text.disabled,
textarea.text.disabled {
	background-color: #eee !important;
	cursor: default;
}

div.field .radio:after,
div.field .checkbox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

div.field .radio,
div.field .checkbox {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html div.field .radio,
* html div.field .checkbox {
	height: 1px;
}

div.field .radio,
div.field .checkbox {
	display: block;
}
	/* End hide from IE-mac */
	div.field .radio.inline,
	div.field .checkbox.inline {
		float: left;
		position: relative;
		clear: none;
		margin: 0 10px 0 0;
	}

	div.field .radio input,
	div.field .checkbox input {
		display: block;
		float: left;
		position: relative;
		clear: none;
		margin: 0 3px 0 0;
		vertical-align: middle;
	}

	* html div.field .radio input,
	* html div.field .checkbox input {
		margin-top: 0;
	}

.formSet .radio label,
.formSet .checkbox label,
.field .radio label,
.field .checkbox label,
.formSet .checkbox .ckbInner {
	display: block;
	float: left;
	position: relative;
	clear: none;
	padding: 2px 10px 2px 0;
}

	.formSet .checkbox .ckbInner label {
		padding: 0;
	}

div.field .radio input.short,
div.field .checkbox input.short {
	margin: 0 10px 0 0;
}

.formSet .error {
	margin: 0 0 0 5px;
}

.formButtons {
	position: relative;
	padding: 5px 0 0 105px; /*5px 0 0 93px;*/
}

.formButtons2 {
	position: relative;
}

.longLabels .formButtons {
	padding-left: 158px;
}

.formButtons:after,
.formButtons2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.formButtons,
.formButtons2 {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .formButtons,
* html .formButtons2 {
	height: 1px;
}

.formButtons,
.formButtons2 {
	display: block;
}
/* End hide from IE-mac */
.shortFields .formButtons {
	display: block;
	float: left;
	position: relative;
	clear: none;
	width: 265px;
}

.formButtons .error {
	margin: 0 0 5px 0;
}

.radio {
}

	.radio input {
		line-height: 1.3em;
		vertical-align: middle;
		margin: 0;
		height: 1.15em;
	}

	.radio label {
		display: block;
		line-height: 1.3em;
	}

.specialBatch {
	background-color: #fffeee;
	font-size: 12px;
	font-weight: bold;
	border-color: #aaa;
}

	.specialBatch .legend {
		color: #3A6174;
	}

	.specialBatch label.label,
	.specialBatch input,
	.specialBatch textarea,
	.specialBatch select,
	.specialSet label.label,
	.specialSet input,
	.specialSet textarea,
	.specialSet select {
		font-size: 12px;
		font-weight: bold;
	}

.required input,
.required textarea,
.required select {
}

.required label.label {
}

label.label .sideText {
	font-size: 85%;
	line-height: 1.3em;
}

.sideText {
	margin-left: 148px;
}


/* *** Lists *** */
ul {
	margin: 0 0px 1em 0;
	padding: 0 0 0 18px;
	list-style-type: disc;
	overflow: hidden;
}

ol {
	margin: 0 0px 20px 0;
	padding: 0 0 0 30px;
	list-style-type: decimal;
}

dl {
	margin: 0 0 20px 0;
}

	dl dt {
		font-weight: bold;
	}

dd {
	margin-left: 20px;
}

li {
	line-height: 1.3em;
	padding: 0;
}

ul.bullet,
ul.bullet2,
ul.bird,
ul.butterfly,
ul.leaf,
ul.leaf2,
ol {
	margin: 0;
	padding: 0;
}

	ul.bird li,
	ul.butterfly li,
	ul.leaf li,
	ul.leaf2 li,
	ul.bullet li,
	ul.bullet2 li {
		background-color: transparent;
		background-image: url(../img/bullet/bullet2.gif);
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: 0% 0.5em;
		list-style-type: none;
		padding-left: 10px;
		margin-bottom: 3px;
	}

	ul.bullet2 li {
		background-image: url(../img/bullet/bullet5.gif);
		background-position: 0% 0.3em;
		padding-left: 13px;
	}

	ul.bird li,
	ul.butterfly li,
	ul.leaf li,
	ul.leaf2 li {
		background-position: 0% 0.2em;
		padding-left: 20px;
	}

	ul.bird li {
		background-image: url(../img/bullet/bird.png);
	}

	ul.butterfly li {
		background-image: url(../img/bullet/butterfly.png);
	}

	ul.leaf li {
		background-image: url(../img/bullet/leaf.png);
	}

	ul.leaf2 li {
		background-image: url(../img/bullet/leaf2.png);
	}

	ul ul.bullet,
	ul ul.bullet2,
	ul ol,
	ol ul.bullet,
	ol ul.bullet2,
	ol ol {
		margin-top: 0.3em;
		margin-bottom: 0;
	}

	ol li {
		list-style-type: decimal;
		margin-left: 2.5em;
		margin-bottom: 3px;
	}

		ol li ul.bullet li,
		ol li ul.bullet2 li {
			list-style-type: none;
			margin-left: 0;
		}

	ol ol {
	}

		ol ol li {
			list-style-type: lower-alpha;
		}

			ol ol li ul.bullet li,
			ol ol li ul.bullet2 li {
				list-style-type: none;
				margin-left: 0;
			}

		ol ol ol li {
			list-style-type: lower-roman;
		}

			ol ol ol li ul.bullet li,
			ol ol ol li ul.bullet2 li {
				list-style-type: none;
				margin-left: 0;
			}

ul.special,
ul.special li {
	background-image: none;
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.special {
	margin: 0 0 1em 0;
}

	ul.special li {
		padding: 3px 0 4px 0;
		border-bottom: 1px dashed #A6A6A6;
	}
body.sitemap ul {
    margin-bottom: 0;
}



/* *** Table *** */
table.fullwidth {
	width: 100%;
}

table.normal {
	margin: 0;
}

table th {
	font-weight: bold;
}

table.normal th {
	background-color: #ECECEC;
	font-weight: bold;
	vertical-align: top;
	padding: 5px !important;
}

table.normal td {
	text-align: left;
	vertical-align: top;
	padding: 5px !important;
}

table.noborder td,
table.noborder th {
	padding: 0 10px 8px 0 !important;
}

table.normal tbody {
}

table.border {
	border-collapse: collapse;
	border: 1px solid #555 !important;
}
	table.border.white {
		border-color: #fff !important;
	}

	table.border td {
		background-color: #F7F4E8;
	}

	table.border th,
	table.border td {
		text-align: left;
		border: 1px solid #555 !important;
	}
	table.border.white th,
	table.border.white td {
		border-color: #fff !important;
	}

.checkout-step table.border th,
.checkout-step table.border td {
	border: 1px solid #fff !important;
}

table.tableAltRow {
}

table tr.tr_odd th {
}

table tr.tr_odd td {
	background-color: #EFE9D8;
}

table tr.tr_even td {
	background-color: #F7F4E8;
}

table tr td.td_even {
	background-color: #f9f9f9;
}

table tr th.td_even,
table tr.tr_even td.td_even {
	background-color: #e9e9e9;
}

table.border.special,
table.border.special th,
table.border.special td {
	border-color: #fff !important;
}

	table.border.special th {
		background-color: #DCDCDC;
		padding: 10px !important;
	}

	table.border.special td {
		background-color: #ECECEC;
		padding: 10px !important;
	}



/* *** Caption Image *** */
.caption_image_full {
	display: block;
	clear: none;
	text-align: center;
	background-color: #F3F3F3;
	padding: 0;
	margin: 0 0 10px 0;
}

.caption_image_left {
	display: block;
	float: left;
	clear: none;
	background-color: #F3F3F3;
	padding: 0;
	margin: 0 20px 10px 0;
}

.caption_image_right {
	display: block;
	float: right;
	clear: none;
	background-color: #F3F3F3;
	padding: 0;
	margin: 0 0 10px 20px;
}

	.caption_image_full img,
	.caption_image_left img,
	.caption_image_right img {
		display: block;
		background-color: #f9f8f9;
		margin: 0;
		padding: 0;
		border: 0;
	}

	.caption_image_full .caption,
	.caption_image_left .caption,
	.caption_image_right .caption {
		font-size: 92%;
		text-align: left;
		margin: 7px;
	}



/* *** Misc *** */
.highlight {
	color: #12263A;
	font-size: 131%;
	line-height: 1.3em;
}

	.highlight a,
	.highlight a:hover {
		color: #000;
	}

.highlight2 {
	color: #3F3F3F;
	font-size: 116%;
	line-height: 1.3em;
}

.highlight3 {
	font-weight: bold;
}

body.webfonts .highlight,
body.webfonts .highlight2,
body.webfonts .highlight3 {
	/* font-family: 'Muli', Arial, Helvetica, sans-serif; */
}

.redout {
	color: #AE0000;
}

.redout2 {
	color: #970000;
}
.redout3{
	color:#ff0000;
}
.grayout {
	color: #999;
}

.fineprint {
	font-size: 85%; /* 92%; */
}

.fineprint2 {
	font-size: 77%; /* 85%; */
}

.smallfineprint {
	font-size: 77%;
}

a.rss {
	background-image: url(../img/icon/icon-rss.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 18px;
}



/* *** backTop *** */
.backTop {
	display: block;
	position: absolute;
	right: 0;
	clear: none;
	color: #999;
	font-size: 11px;
	line-height: 15px;
	text-align: right;
	padding: 0 10px 0 10px;
	margin: -15px 0 0 0;
}

	.backTop a {
		color: #999;
		background-image: url(../img/icon/icon_backTop.gif);
		background-repeat: no-repeat;
		background-position: 0% 50%;
		text-decoration: none;
		padding-left: 12px;
	}

		.backTop a:hover {
			color: #333;
			text-decoration: underline;
		}



/* *** Halves *** */
.halves:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.halves {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .halves {
	height: 1px;
}

.halves {
	display: block;
}
/* End hide from IE-mac */
.halves {
}

	.halves .half {
		display: block;
		float: left;
		position: relative;
		clear: none;
		width: 49%;
	}

	.halves .half2 {
		float: right;
	}



/* *** Page *** */
#page {
	position: relative;
	text-align: center;
	width: 990px;
	padding: 0;
	margin: 0 auto;
	z-index: 2;
}

	#page .pageInner {
		position: relative;
		text-align: left;
		margin: 0 auto;
		padding: 0;
	}

body.homepage #page .pageInner .pageContent {
	background-color: #F9F3EA;
	padding: 0 9px;
	margin-top: -21px;
}



/* *** Top *** */
#top {
	position: relative;
	height: 391px;
	overflow: hidden;
}
body.text-only #top {
    height: 215px;
}

body.splash #top {
	height: 804px;
}

#top .topInner {
	padding: 15px;
}

#header {
	position: relative;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	overflow: visible;
}

	#header .headerInner:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0;
	}

	#header .headerInner {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html #header .headerInner {
		height: 1px;
	}

	#header .headerInner {
		display: block;
	}
	/* End hide from IE-mac */
	#header .headerInner {
		position: relative;
		background-color: #fff;
		height: 104px;
		padding: 20px 20px 30px 20px;
		overflow: visible;
	}
body.homepage #header .headerInner,
body.homepage-v2 #header .headerInner {
	background-color: transparent;
}
body.homepage #header .headerInner {
	background-color: transparent;
	height: auto;
	padding: 0;
}

#header h1 {
	display: block;
	float: left;
	position: relative;
	clear: none;
	font-size: 150%;
	padding: 0;
	margin: 0;
}
#header h1 a {
	margin-right: 10px;
}
body.homepage #header h1 {
	background-image: none;
}

body.homepage .message {
	position: absolute;
	bottom: 50px;
	left: 0;
	background-image: url(../img/bg/bg-banner-message-top.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	font-size: 123%;
	line-height: 1.3em;
	width: 940px;
	padding: 15px 25px 0 25px;
}

body.homepage.text-only .message {
	position: static;
	bottom: auto;
	left: auto;
	margin: 125px 0 0 0;
}

body.homepage .message .messageInner {
	background-image: url(../img/bg/bg-banner-message.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	padding: 10px 30px;
}

body.homepage .message,
body.homepage .message a,
body.homepage .message h3,
body.homepage .message h5 {
	color: #fff;
}

	body.homepage .message .message-buttons:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0;
	}
	body.homepage .message .message-buttons { display: inline-block; }
	/* Hides from IE-mac \*/
	* html body.homepage .message .message-buttons { height: 1px; }
	body.homepage .message .message-buttons { display: block; }
	/* End hide from IE-mac */
	body.homepage .message .message-buttons {
		margin: 20px 0 10px 0;
	}


.langs {
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 12px;
	line-height: 15px;
    z-index: 9;
}

body.webfonts .langs {
	/* font-family: 'Cabin', Arial, Helvetica, sans-serif; */
}

.langs a {
	display: block;
	float: left;
	position: relative;
	clear: none;
	color: #959595;
	padding: 0 5px;
	border-left: 1px dotted #959595;
}

.langs a.first {
	border-left: 0 none;
}

.langs a.current {
	text-decoration: underline;
}
.langs .social-fanpage {
	display: block;
	float: left;
	position: relative;
	clear: none;
	margin: -5px 5px 0 0;
}
.langs .social-fanpage a {
	padding: 0;
	margin: 0 8px 0 0;
	border: 0 none;
}
.langs-txtonly
{
    display: block;
    float: right;
    position: relative;
    clear: none;
    color: #959595;
    font-size: 11px;
    line-height: 15px;
    width: 75px;
    padding: 0;
    margin: 0;
}
.langs-txtonly
{
    *float: none;
}
body.zh-hk .langs-txtonly, body.zh-cn .langs-txtonly {
	font-size: 13px;
    width: 60px;
}
.langs-txtonly.active
{
}
body.webfonts .langs-txtonly
{
    /* font-family: 'Cabin', Arial, Helvetica, sans-serif; */
    font-size: 12px;
    z-index: 9;
}
.langs-txtonly a
{
    display: block;
    color: #959595;
    padding: 0;
    float: none;
}
.langs-txtonly a.select
{
    background-image: url("../img/bg/bg-langs-close.gif");
    background-position: 60px 50%;
    background-repeat: no-repeat;
    padding: 0 13px 0 7px;
}
body.zh-hk .langs-txtonly a.select, body.zh-cn .langs-txtonly a.select {
    background-position: 50px 50%;
}
.langs-txtonly.active, .langs-txtonly.active a
{
    color: #959595;
}
.langs-txtonly.active a.select
{
    background-image: url(../img/bg/bg-langs-open.gif);
    text-decoration: underline;
}
.langs-txtonly a.current
{
    text-decoration: underline;
}
.langs-txtonly ul.languages
{
    display: none;
    background-color: #FFF;
    background-image: url(../img/bg/bg-langs.png);
    background-repeat: repeat;
    background-position: 0% 0%;
    list-style-image: none;
    list-style-type: none;
    font-size: 11px;
    line-height: 1.3em;
    padding: 3px 7px;
    margin: 3px 0 0 0;
    border: 1px solid #CCC;
}
body.zh-hk .langs-txtonly ul.languages {
	font-size: 13px;
}
.langs-txtonly.active ul.languages
{
    display: block;
}
.langs-txtonly ul.languages li
{
    display: block;
    background-image: none;
    list-style-image: none;
    list-style-type: none;
    padding: 3px;
    margin: 0 -3px;
    border-top: 1px dotted #fff;
}
.langs-txtonly ul.languages li.first
{
    border-top: 0 none;
}
.langs-txtonly ul.languages a {
    border: 0;
    font-size: 12px;
}


.top-search {
	display: block;
	position: absolute;
	top: 55px;
	right: 15px;
	color: #4A4A4A;
	/*
	background-image: url(../img/bg/bg-top-search.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	*/
	font-size: 12px;
	line-height: 20px;
	width: 170px;
	height: 20px;
	padding: 2px;
	margin: 0;
	border-bottom: 1px solid #E4DCD4;
}

body.homepage .top-search {
	top: 80px;
}

body.theme-4 .top-search {
	border-color: #999;
}

.top-search input.searchbox {
	display: block;
	float: left;
	position: relative;
	clear: none;
	color: #4A4A4A;
	background-color: #fff;
	font-size: 13px;
	line-height: 20px;
	width: 138px;
	height: 20px;
	padding: 0;
	margin: 0;
	border: 0 none;
}
    .zh-hk .top-search input.searchbox,
    .zh-cn .top-search input.searchbox {
        width: 133px;
    }

	.top-search input.searchbox.inactive {
		color: #999;
	}

	.top-search input.searchbox:hover,
	.top-search input.searchbox:focus {
	}

.top-search .smallbutton {
	float: right;
}
.top-search .button-search {
	display: block;
	float: right;
	position: relative;
	clear: none;
	background-color: transparent;
	background-image: url(../img/icon/icon-search.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	border: 0 none;
}
.top-search .button-search span {
	display: none;
}


/* *** Nav *** */
#navDisableLayer {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	z-index: 58;
}
/*
body.onNav #navDisableLayer {
	display: block;
}
*/
.navDiv-wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.navDiv-wrap {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .navDiv-wrap {
	height: 1px;
}

.navDiv-wrap {
	display: block;
}
/* End hide from IE-mac */
.navDiv-wrap {
	position: absolute;
	top: 114px;
	right: 0;
	width: 990px;
	height: 40px;
	z-index: 6;
}

body.homepage .navDiv-wrap {
	top: 82px;
}

.navDiv {
	display: block;
	position: relative;
	font-size: 100%;
	line-height: 24px;
	text-align: left;
	margin: 0 auto;
	padding: 10px 12px 0 0;
	z-index: 59;
}

body.splash .navDiv {
	display: none !important;
}

.navDiv .navInner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.navDiv .navInner {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .navDiv .navInner {
	height: 1px;
}

.navDiv .navInner {
	display: block;
}
/* End hide from IE-mac */
.navDiv .navInner {
	position: relative;
	padding: 0;
}

.navDiv ul,
.navDiv ul li {
	display: block;
	position: relative;
	background-image: none;
	list-style-image: none;
	list-style-type: none;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
	overflow: visible;
}
* + html .navDiv ul,
* + html .navDiv ul li {
	zoom: 1;
}

	.navDiv ul.nav:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0;
	}

	.navDiv ul.nav {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .navDiv ul.nav {
		height: 1px;
	}

	.navDiv ul.nav {
		display: block;
	}
	/* End hide from IE-mac */
	.navDiv ul.nav {
		display: block;
		float: right;
		position: relative;
		clear: none;
		background-color: #fff;
	}

body.homepage .navDiv ul.nav,
body.homepage-v2 .navDiv ul.nav {
	background-color: transparent;
}

.navDiv ul.nav > li {
	display: block;
	float: left;
	position: relative;
	clear: none;
	background-color: transparent;
	padding: 0 1px 0 0;
	margin: 0;
}

.navDiv ul.nav > li > a {
	display: block;
	position: relative;
	color: #777;
	background-color: transparent;
	background-image: url(../img/bg/bg-topnav-sprite.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	line-height: 18px;
	text-transform: uppercase;
	padding: 0 0 0 15px;
	margin: 0;
	white-space: nowrap;
	z-index: 90;
}

.navDiv ul.nav > li > a span {
	display: block;
	background-image: url(../img/bg/bg-topnav-sprite.png);
	background-repeat: no-repeat;
	background-position: 100% -40px;
	text-align: center;
	padding: 7px 15px 5px 0;
	margin: 0;
	cursor: pointer;
}

body.homepage .navDiv ul.nav > li > a span {
	padding-bottom: 7px;
}

.navDiv ul.nav > li > a.current,
.navDiv ul.nav > li > a.active,
.navDiv ul.nav > li > a:hover,
.navDiv ul.nav > li > a.current.active,
.navDiv ul.nav > li > a.current:hover {
	color: #777;
	background-image: url(../img/bg/bg-topnav-sprite.png);
	background-repeat: no-repeat;
	background-position: 0% -80px;
	margin: 0;
}

.navDiv ul.nav > li > a.current span,
.navDiv ul.nav > li > a.active span,
.navDiv ul.nav > li > a:hover span,
.navDiv ul.nav > li > a.current.active span,
.navDiv ul.nav > li > a.current:hover span {
	background-image: url(../img/bg/bg-topnav-sprite.png);
	background-repeat: no-repeat;
	background-position: 100% -120px;
}

		body.homepage .navDiv ul.nav > li > a span span,
		.navDiv ul.nav > li > a span span,
		.navDiv ul.nav > li > a:hover span span,
		.navDiv ul.nav > li > a.active span span,
		.navDiv ul.nav > li > a.current span span,
		.navDiv ul.nav > li > a.current:hover span span {
		display: inline;
		background-image: none;
		text-transform: none;
		margin: 0;
		padding: 0;
		border: 0;
		cursor: pointer !important;
		width: auto;
	}

.navDiv ul.nav > li > img {
}


.navDiv ul.nav li ul {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	background-color: #818181;
	width: 220px;
	padding: 0;
	margin: 0;
	border: 1px solid #fff;
	border-top: 0 none;
	z-index: 80;
}
.navDiv ul.nav li ul.fix-right {
	left: auto;
	right: 0;
}
.navDiv ul.nav li ul li {
	display: block;
	list-style-image: none;
	list-style-type: none;
	font-size: 16px;
	line-height: 1.3em;
	padding: 0 5px;
	margin: 0;
}
.navDiv ul.nav li ul li a {
	display: block;
	position: relative;
	color: #fff; /* #777; */
	background-repeat: no-repeat;
	background-position: 100% 50%;
	font-size: 15px;
	line-height: 19px;
	text-decoration: none;
	padding: 5px;
	margin: 0;
	border-top: 1px solid #fff;
}
	.navDiv ul.nav li ul li:first-child > a {
		border-top: 0 none;
	}
.navDiv ul.nav li ul li a span {
	display: block;
	padding: 0;
}
.navDiv ul.nav li ul li ul {
	top: -1px;
	left: 220px;
	border-top: 1px solid #fff;
}
.navDiv ul.nav li ul li ul.fix-right {
	left: auto;
	right: 220px;
}
	.navDiv ul.nav li.hover-li > ul,
	.navDiv ul.nav li:hover > ul {
		display: block;
	}
	.navDiv ul.nav li ul li.li-hasSub > a span {
		background-image: url(../img/bg/bg-side-li-hasSub.png);
		background-repeat: no-repeat;
		background-position: 100% 5px;
		padding-right: 15px;
	}



.top-highlights:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.top-highlights {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .top-highlights {
	height: 1px;
}

.top-highlights {
	display: block;
}
/* End hide from IE-mac */
.top-highlights {
	position: absolute;
	top: 116px;
	right: 20px;
	line-height: 31px;
	white-space: nowrap;
}

body.webfonts .top-highlights {
	/* font-family: 'Cabin', Arial, Helvetica, sans-serif; */
	font-size: 16px;
	text-transform: uppercase;
}

.top-highlights .item {
	display: block;
	float: left;
	position: relative;
	clear: none;
	color: #fff;
	padding: 0 10px;
	margin: 0 0 0 1px;
}

.top-highlights .item-1 {
	background-color: #5680A6;
}

.top-highlights .item-2 {
	background-color: #D4943B;
}

.top-highlights .item-3 {
	background-color: #AB7B85;
}

.top-highlights .item-4 {
	background-color: #9FB83C;
}

.top-highlights .item a {
	color: #fff;
}

	.top-highlights .item a:hover {
	}

	.top-highlights .item a span {
	}



/* *** banner-message *** */
.banner-message:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.banner-message {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .banner-message {
	height: 1px;
}

.banner-message {
	display: block;
}
/* End hide from IE-mac */
.banner-message {
	/*
	background-color: #f9f3ea;
	background-image: url(../img/bg/bg-banner-message-subpage.png);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	*/
	background-color: #fff;
	padding: 0 10px;
	margin: 0;
}

body.homepage .banner-message {
	background-color: transparent;
	background-image: url(../img/bg/bg-home-banner.png);
	background-repeat: repeat-y;
	background-position: 0% 0%;
}

.banner-message .message {
	display: block;
	float: right;
	position: relative;
	clear: none;
	color: #fff;
	background-image: url(../img/bg/bg-banner-message.png);
	background-repeat: repeat;
	background-position: 0% 0%;
	width: 329px;
	padding: 0;
	margin: 0;
}

	.banner-message .message table {
		height: 407px;
		padding: 0;
		margin: 0;
		border: 0 none;
	}

		.banner-message .message table td {
			text-align: left;
			vertical-align: middle;
			padding: 20px;
		}



/* *** Body *** */
#body:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

#body {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #body {
	height: 1px;
}

#body {
	display: block;
}
/* End hide from IE-mac */
#body {
	position: relative;
	background-color: transparent;
	padding: 0;
	margin: 0;
	z-index: 5;
}

body.homepage #body {
	background-image: url(../img/bg/bg-home-content.png);
	background-repeat: repeat-y;
	background-position: 50% 0%;
}

#body .bodyInner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

#body .bodyInner {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #body .bodyInner {
	height: 1px;
}

#body .bodyInner {
	display: block;
}
/* End hide from IE-mac */
#body .bodyInner {
	position: relative;
	/*background-color: #f9f3ea;*/
	background-color: #fff;
	padding: 0;
}
body.text-only #body .bodyInner {
	background-color: #fff;
}

body.homepage #body .bodyInner {
	background-color: transparent;
	padding: 0 20px 24px 20px;
}
body.homepage-v2 #body .bodyInner {
	padding: 0 0 60px 0;
}

#body .body-top:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

#body .body-top {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #body .body-top {
	height: 1px;
}

#body .body-top {
	display: block;
}
/* End hide from IE-mac */
#body .body-top {
	padding: 3px 0 3px 2px;
	margin: 0 -12px 10px -12px;
	border-bottom: 1px dashed #76ADA3;
}

	#body .body-top .left {
		display: block;
		float: left;
		position: relative;
		clear: none;
	}

	#body .body-top .right {
		display: block;
		float: right;
		position: relative;
		clear: none;
	}



/* *** Footer *** */
#footer {
	position: relative;
	color: #9A9A9A;
	background-color: #fff;
	background-image: url(../img/bg/bg-footer-top.png);
	background-repeat: no-repeat;
	background-position: 0% 15px;
	font-size: 11px;
	line-height: 1.3em;
	text-align: center;
	width: 990px;
	padding: 111px 0 0 0;
	margin: 0 auto;
	overflow: visible;
	z-index: 1;
}
body.text-only #footer {
	background-image: none;
	padding: 0;
}

body.webfonts #footer {
	font-family: Arial, Helvetica, sans-serif;
}

body.splash #footer {
	background-color: transparent;
	background-image: none;
	padding: 0;
}

#footer a {
	color: #9A9A9A;
	text-decoration: none;
}

	#footer a:hover {
		color: #9A9A9A;
		text-decoration: underline;
	}

#footer .footer-top {
	color: #fff;
	background-image: url(../img/bg/bg-home-footer-top.png);
	background-repeat: repeat-y;
	background-position: 50% 0%;
	font-size: 14px;
	line-height: 1.3em;
	text-align: center;
	margin: 0;
	height: 38px;
	border: 1px solid #fff;
	border-top: 0 none;
	border-bottom: 0 none;
}

body.webfonts #footer .footer-top {
	/* font-family: 'Cabin', Arial, Helvetica, sans-serif; */
	font-weight: bold;
}

#footer .footer-top a {
	color: #fff;
}

#footer .footer-top .footer-top-inner {
	text-align: left;
	width: 970px;
	margin: 0 auto;
}

#footer .footer-top .kfbg-websites {
	display: block;
	float: left;
	position: relative;
	clear: none;
	color: #fff;
	border-right: 1px solid #fff;
}

	#footer .footer-top .kfbg-websites a {
		display: block;
		color: #fff;
		background-image: url(../img/bg/bg-footer-top-select.gif);
		background-repeat: no-repeat;
		background-position: 100% 50%;
		font-size: 13px;
		line-height: 38px;
		height: 38px;
		padding: 0 28px 0 10px;
	}

	#footer .footer-top .kfbg-websites:hover {
		background-color: #3272a8;
	}

	#footer .footer-top .kfbg-websites .kfbg-websites-layer {
		display: none;
		position: absolute;
		top: 0;
	}

	#footer .footer-top .kfbg-websites:hover .kfbg-websites-layer {
		display: block;
	}

	#footer .footer-top .kfbg-websites .kfbg-websites-layer ul {
		position: absolute;
		bottom: 0;
		background-color: #3272a8;
		background-repeat: repeat;
		background-position: 0% 0%;
		line-height: 1.3em;
		white-space: nowrap;
		list-style-image: none;
		list-style-type: none;
		padding: 7px 0;
		margin: 0;
	}

		#footer .footer-top .kfbg-websites .kfbg-websites-layer ul li {
			background-image: none;
			list-style-image: none;
			list-style-type: none;
			padding: 3px 20px 3px 9px;
		}

	#footer .footer-top .kfbg-websites .kfbg-websites-layer a {
		display: inline;
		background-image: none;
		line-height: 1.3em;
		height: auto;
		padding: 0;
	}

#footer .footer-top .left {
	display: block;
	float: left;
	position: relative;
	clear: none;
	line-height: 22px;
	padding: 8px 8px 0 8px;
}

#footer .footer-top .right {
	display: block;
	float: right;
	position: relative;
	clear: none;
	line-height: 22px;
	padding: 8px 0 0 8px;
}

	#footer .footer-top .right .text {
		display: block;
		float: left;
		position: relative;
		clear: none;
		margin: 0;
	}

#footer .footer-top .morelinks {
	font-size: 11px;
}

	#footer .footer-top .morelinks a {
		padding: 0 2px;
	}

#footer .footer-middle {
	background-color: transparent;
	text-align: center;
}

#footer .footer-bottom {
	background-color: #f9f3ea;
	padding: 3px 0 7px 0;
}

body.homepage #footer .footer-bottom {
	background-color: transparent;
}

#footer .sitemap {
	background-image: url(../img/bg/bg-footer-sitemap.png);
	background-repeat: repeat;
	background-position: 0% 0%;
	font-size: 12px;
	line-height: 1.3em;
	text-align: left;
	padding: 20px 10px 0 20px;
	margin: 0 auto;
	/*border: 1px solid #f9f3ea;*/
}

	#footer .sitemap ul:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0;
	}

	#footer .sitemap ul {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html #footer .sitemap ul {
		height: 1px;
	}

	#footer .sitemap ul {
		display: block;
	}
	/* End hide from IE-mac */
	#footer .sitemap ul {
		display: block;
		background-image: none;
		list-style-image: none;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

		#footer .sitemap ul li {
			display: block;
			float: left;
			position: relative;
			clear: none;
			background-image: none;
			list-style-image: none;
			list-style-type: none;
			padding: 0;
			margin: 0;
			width: 16.6%;
		}

			#footer .sitemap ul li a {
				display: block;
				color: #4A4A4A;
				font-size: 12px;
				line-height: 1.3em;
				font-weight: bold;
				padding: 0 10px 5px 10px;
				margin: 0 15px 7px 0;
				border-bottom: 1px dotted #4A4A4A;
			}

body.webfonts #footer .sitemap ul li a {
	/* font-family: 'Cabin', Arial, Helvetica, sans-serif; */
}

#footer .sitemap ul li .ul {
	padding: 0 15px 20px 10px;
	margin: 0;
}

	#footer .sitemap ul li .ul .li {
		padding: 0 0 4px 0;
		margin: 0;
	}

		#footer .sitemap ul li .ul .li a {
			display: inline;
			color: #4A4A4A;
			font-size: 11px;
			line-height: 1.3em;
			font-weight: normal;
			margin: 0;
			padding: 0;
			border-bottom: 0 none;
		}

body.webfonts #footer .sitemap ul li .ul .li a {
	font-family: Arial, Helvetica, sans-serif;
}

#footer .footerInner {
	position: relative;
	text-align: left;
	width: 950px;
	margin: 0 auto;
}

	#footer .footerInner:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0;
	}

#footer .footerInner {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #footer .footerInner {
	height: 1px;
}

#footer .footerInner {
	display: block;
}
/* End hide from IE-mac */

#footer .sitemap ul {
	padding: 0;
	margin: 0;
}

#footer .links:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

#footer .links {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #footer .links {
	height: 1px;
}

#footer .links {
	display: block;
}
/* End hide from IE-mac */

#footer .links {
	display: block;
	float: left;
	position: relative;
	clear: none;
	text-align: left;
	margin: 0 0 0 20px;
}

#footer .footer-bottom .text {
	display: block;
	float: left;
	position: relative;
	clear: left;
	text-align: left;
	margin: 0;
	width: 750px;
}

#footer .copyright {
	display: block;
	float: left;
	position: relative;
	clear: left;
	text-align: left;
	margin: 0;
	white-space: nowrap;
}

#footer .javacatz {
	display: block;
	float: right;
	position: relative;
	clear: right;
	text-align: right;
	width: 200px;
	margin: 0;
}



/* *** Side *** */
.side {
	display: block;
	float: left;
	position: relative;
	clear: none;
	background-color: #818181; /* #e0e7d3; */
	font-size: 100%;
	line-height: 1.3em;
	text-align: left;
	width: 211px;
	min-height: 250px;
	padding: 0 0 10px 0;
	/*margin: -35px 0 10px 0;*/
	margin: 0 0 10px 10px;
	overflow: visible;
	z-index: 2;
}

body.homepage .side {
	float: right;
	background-color: transparent !important;
	width: 246px;
	margin: 0 0 0 -1px;
	border-left: 1px solid #76ADA3;
}
body.homepage-v2 .side {
	float: right;
	background-color: transparent !important;
	width: 325px;
	padding: 0;
	border: 1px solid #E2E2E2;
	border-bottom: 0 none;
}

.side .sideInner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.side .sideInner {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .side .sideInner {
	height: 1px;
}

.side .sideInner {
	display: block;
}
/* End hide from IE-mac */
.side .sideInner {
	padding: 8px 0 0 15px;
	margin: 0;
	overflow: visible;
}
body.homepage .side .sideInner {
	padding: 0 0 0 12px;
	margin: 0;
	overflow: hidden;
}
body.homepage-v2 .side .sideInner {
	padding: 8px 15px 0;
}
.side .side-buttons:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.side .side-buttons { display: inline-block; }
/* Hides from IE-mac \*/
* html .side .side-buttons { height: 1px; }
.side .side-buttons { display: block; }
/* End hide from IE-mac */
.side .side-buttons {
	background-color: #FAFAFA;
	background-image: url(../img/bg/bg-side-buttons.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;
	padding: 12px 12px 12px 7px;
	margin: -8px -15px 15px -15px;
	border-bottom: 1px solid #E2E2E2;
}
.side .side-buttons a {
	display: block;
	float: left;
	position: relative;
	clear: none;
	width: 147px;
	height: 43px;
	margin: 0 0 12px 5px;
}

body.homepage-v2 .side .items {
}
.items .item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.items .item { display: inline-block; }
/* Hides from IE-mac \*/
* html .items .item { height: 1px; }
.items .item { display: block; }
/* End hide from IE-mac */
body.homepage-v2 .items .item img {
	border: 1px solid #E0E0E0 !important;
}
body.homepage-v2 .side .items .item {
	padding: 12px 15px 12px 15px;
	margin: 0 -15px;
	border-bottom: 1px solid #E2E2E2;
}
body.homepage-v2 .side a.more {
	background-image: url(../img/bg/a-more.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 10px;
	text-decoration: underline;
}

.side h2 {
	color: #fff; /* #777; */
}

body.webfonts .side h2 {
	/* font-family: 'Muli', Arial, Helvetica, sans-serif; */
}

.side ul,
.side ul li {
	position: relative;
	list-style-image: none;
	list-style-type: none;
	vertical-align: bottom;
	overflow: visible;
}
* + html .side ul,
* + html .side ul li {
	zoom: 1;
}
.side ul#sidenav {
	width: 211px;
	padding: 15px 0;
	margin: 0 0 11px -15px;
}
.side ul#sidenav li {
	display: block;
	list-style-image: none;
	list-style-type: none;
	font-size: 16px;
	line-height: 1.3em;
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px dotted #fff;
}
.side ul#sidenav li ul li {
	border-bottom: 1px dotted #fff;
}
.side ul#sidenav li .toggle {
	display: none;
	float: right;
	position: relative;
	clear: none;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 21px;
	height: 1.3em;
	margin-right: 12px;
	padding: 1px;
	cursor: pointer;
	z-index: 1;
}

.side ul#sidenav li .toggle:hover {
	padding: 0;
	border: 1px solid #eee;
}

.side ul#sidenav li.close > .toggle, .side ul#sidenav li.open > .toggle {
	display: block;
}

.side ul#sidenav li.close > .toggle {
	background-image: url(../img/icon/close-1.png);
}

.side ul#sidenav li.open > .toggle {
	background-image: url(../img/icon/open-1.png);
}

.side ul#sidenav li a {
	display: block;
	position: relative;
	color: #fff; /* #777; */
	background-repeat: no-repeat;
	background-position: 100% 50%;
	font-size: 15px;
	line-height: 19px;
	text-decoration: none;
	padding: 2px 15px 3px 15px;
	margin: 0 0 1px 0;
}
.side ul#sidenav li a span {
	display: block;
	padding: 0;
}
    

.side ul#sidenav li a:hover,
.side ul#sidenav li a.current,
.side ul#sidenav li a.active {
	text-decoration: none;
}

.side ul#sidenav li a:hover {
}

.side ul#sidenav li a.current {
	color: #fff; /* #4A4A4A; */
}

.side ul#sidenav li a.current2 {
	color: #fff; /* #4A4A4A; */
	/* 	background-color: #90C052; 	*/
	background-image: url(../img/bg/bg-side-current.png);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	padding-right: 15px;
}

.side ul#sidenav li a.current2 {
	/*text-decoration: underline;*/
	cursor: default;
}

.side ul#sidenav li ul {
	display: none;
	position: absolute;
	top: 0;
	left: 211px;
	background-color: #818181;
	width: 211px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #fff;
}
	.side ul#sidenav li.hover-li > ul,
	.side ul#sidenav li:hover > ul {
		display: block;
	}
	.side ul#sidenav li.current-li > ul {
		display: block;
		position: relative;
		top: auto;
		left: auto;
		border-left: 0 none;
	}
	.side ul#sidenav li.current-li > ul > li {
		border-bottom: 0 none;
	}
	.side ul#sidenav li ul li.current-li {
	}
	.side ul#sidenav li.li-hasSub > a span {
		background-image: url(../img/bg/bg-side-li-hasSub.png);
		background-repeat: no-repeat;
		background-position: 100% 5px;
		padding-right: 15px;
	}
	.side ul#sidenav li.li-hasSub.current-li > a span {
		background-image: url(../img/bg/bg-side-li-hasSub-current.png);
	}
	.side ul#sidenav li ul.current-ul li a {
		font-size: 13px;
		line-height: 18px;
		padding: 2px 15px 2px 30px;
	}
	.side ul#sidenav li ul li ul.current-ul li a {
		padding-left: 40px;
	}
	.side ul#sidenav li ul li ul li ul.current-ul li a {
		padding-left: 50px;
	}
	.side ul#sidenav li ul li ul li ul li ul.current-ul li a {
		padding-left: 60px;
	}

/*
.side ul#sidenav li ul {
	padding: 3px 0 10px 0;
	margin: 0;
}

	.side ul#sidenav li ul li {
		background-image: none;
		padding: 0 0 1px 0;
		border: 0 none;
	}

		.side ul#sidenav li ul li ul {
			padding-left: 10px;
		}

			.side ul#sidenav li ul li ul li {
			}

		.side ul#sidenav li ul li .toggle {
			padding: 1px;
			cursor: pointer;
		}

			.side ul#sidenav li ul li .toggle:hover {
				padding: 0;
			}

		.side ul#sidenav li ul li a,
		.side ul#sidenav li:hover ul li a {
			font-size: 13px;
			line-height: 18px;
			padding: 2px 0 2px 30px;
		}

	.side ul#sidenav li:hover ul li a,
	.side ul#sidenav li ul.currentUl li a {
	}

	.side ul#sidenav li ul li a span {
		padding: 0 15px 0 0;
	}
	.side ul#sidenav li ul li a.current span {
		color: #fff;
		background-color: transparent;
		background-image: none;
	}

	.side ul#sidenav li ul li a:hover,
	.side ul#sidenav li ul li a.current,
	.side ul#sidenav li ul li a.active {
	}

	.side ul#sidenav li ul li a.current {
	}

	.side ul#sidenav li ul li ul li a,
	.side ul#sidenav li ul li ul li a.current,
	.side ul#sidenav li:hover ul li ul li a {
	}
*/


h3 .more {
	display: block;
	float: right;
	position: relative;
	clear: none;
	background-image: url(../img/bg/bg-more.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	font-size: 11px;
	line-height: 1.3em;
	font-weight: normal;
	text-transform: none;
	margin: 5px 0 0 10px;
	padding: 0 8px 0 0;
}

.kfbg-items:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.kfbg-items {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .kfbg-items {
	height: 1px;
}

.kfbg-items {
	display: block;
}
/* End hide from IE-mac */
.kfbg-items {
	padding: 0 0 10px 0;
	margin: 0 0 10px -5px;
	border-bottom: 1px solid #B3B3B3;
	overflow: hidden;
}

	.kfbg-items .items-group:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0;
	}

	.kfbg-items .items-group {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .kfbg-items .items-group {
		height: 1px;
	}

	.kfbg-items .items-group {
		display: block;
	}
	/* End hide from IE-mac */
	.kfbg-items .items-group {
		background-image: url(../img/bg/bg-home-kfbg-items.gif);
		background-repeat: repeat-y;
		background-position: 0% 0%;
	}

	.kfbg-items .item {
		display: block;
		float: left;
		position: relative;
		clear: none;
		width: 220px;
		padding: 10px 0 10px 5px;
		margin: 0 5px 0 0;
	}

	.kfbg-items a.item {
		color: #4A4A4A;
	}

	.kfbg-items .item .thumbnail,
	.kfbg-items .item .thumbnail img {
		display: block;
		padding: 0;
		margin: 0;
		border: 0;
	}

	.kfbg-items .item a,
	.kfbg-items .item .title {
		display: block;
		float: right;
		position: relative;
		clear: none;
		color: #4A4A4A;
		font-size: 12px;
		line-height: 1.3em;
		margin: 5px 0 0 0;
	}

	.kfbg-items a.item:hover .title {
		text-decoration: underline;
	}




/* *** Main *** */
.main {
	display: block;
	float: right;
	position: relative;
	clear: none;
	font-size: 100%;
	line-height: 1.3em;
	text-align: left;
	width: 760px;
	padding: 0;
	z-index: 1;
}

body.homepage .main {
	float: left;
	background-image: none;
	width: 703px;
	padding: 0;
	margin: 0;
	border-right: 1px solid #76ADA3;
}
body.homepage-v2 .main {
	float: left;
	width: 650px;
}

.main .mainInner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.main .mainInner {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .main .mainInner {
	height: 1px;
}

.main .mainInner {
	display: block;
}
/* End hide from IE-mac */
.main .mainInner {
	padding: 0 10px 0 0;
	margin: 0;
	overflow: visible;
}

body.homepage .main .mainInner {
	padding: 0 15px 0 0;
}
body.homepage-v2 .main .mainInner {
	padding: 30px 0 0 20px;
}
body.homepage-v2 .main .items .item {
	margin: 0 0 15px 0;
}
body.homepage-v2 .main a.more {
	text-decoration: underline;
}

.main .last-update {
	color: #B4B4B4;
	font-size: 85%;
	line-height: 1.3em;
	text-align: right;
	font-style: italic;
	padding: 20px 20px 10px 20px;
}

.content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.content {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .content {
	height: 1px;
}

.content {
	display: block;
}
/* End hide from IE-mac */
.content {
	margin: 5px 0;
	padding: 0;
	text-align: left;
	width: 100%;
}



.topBar:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.topBar {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .topBar {
	height: 1px;
}

.topBar {
	display: block;
}
/* End hide from IE-mac */
.topBar {
	display: block;
	position: relative;
	z-index: 8;
}

.printBar:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.printBar {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .printBar {
	height: 1px;
}

.printBar {
	display: block;
}
/* End hide from IE-mac */
.printBar {
	display: block;
	position: relative;
	color: #7C7C7C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	text-align: left;
	padding: 5px 0;
	z-index: 8;
}

body.template-member .printBar {
	float: right;
	position: relative;
	clear: none;
	margin: 0 0 0 15px;
}

.printBar .printBar-left {
	display: block;
	float: left;
	position: relative;
	clear: none;
	line-height: 17px;
	padding: 2px 0;
}

.printBar ul,
.printBar ul li {
	background-image: none;
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.printBar a {
	display: block;
	color: #7C7C7C;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	text-decoration: none;
}

	.printBar a:hover {
		text-decoration: underline;
	}

.printBar .printBar-left a {
	display: inline;
	text-decoration: none;
}

.printBar img {
	vertical-align: middle;
}

.printBar .social a,
.printBar .social iframe,
.printBar .social img {
	display: block;
	float: left;
	position: relative;
	clear: none;
	margin: 0 15px 0 0;
}

.printBar .social iframe {
	margin: 0;
}

.printBar a.smallerIcon,
.printBar a.biggerIcon {
	margin-left: 0;
}

.printBar a.shareIcon {
	background-image: url(../img/ico_share.gif);
	padding-left: 15px;
}

.printBar a.emailIcon {
	background-image: url(../img/ico_email.gif);
	padding-left: 17px;
}

.printBar a.printIcon {
	background-image: url(../img/ico_print.gif);
	padding-left: 17px;
}

.printBar .social {
	display: block;
	float: left;
	position: relative;
	clear: none;
}

.printBar a.discussion {
	background-image: url(../img/ico_discuss.gif);
	padding-left: 42px;
}

.printBar a.recommend {
	background-image: url(../img/ico_recommend.gif);
	padding-left: 17px;
}

.printBar .option-button {
	display: block;
	float: right;
	position: relative;
	clear: none;
}

	.printBar .option-button a {
		background-image: none;
		background-repeat: no-repeat;
		background-position: 100% 50%;
		text-transform: uppercase;
		padding: 0;
	}

		.printBar .option-button a.close {
			background-image: url(../img/icon/close-2.gif);
		}

		.printBar .option-button a.open {
			background-image: url(../img/icon/open-2.gif);
		}

		.printBar ul li {
			display: block;
			float: right;
			position: relative;
			clear: none;
			margin: 0 0 0 10px;
		}

.printBar .layer-printBar {
	position: absolute;
	top: 25px;
	right: 0;
	background-color: #fff;
	text-align: left;
	width: 102px;
	padding: 5px;
	border: 1px solid #C3C3C3;
}

	.printBar .layer-printBar ul li {
		padding: 1px;
		border-top: 1px dotted #C3C3C3;
	}

		.printBar .layer-printBar ul li.first {
			border-top: 0 none;
		}

		.printBar .layer-printBar ul li a {
			padding: 3px 4px;
		}

			.printBar .layer-printBar ul li a:hover {
				background-color: #eee;
			}



.breadcrumb {
	display: block;
	/*
	float: left;
	position: relative;
	clear: none;
	*/
	color: #333;
	font-size: 10px;
	line-height: 18px;
	/*
	line-height: 28px;
	width: 580px;
	*/
	margin: 5px 0 0 0;
}

	.breadcrumb img {
		vertical-align: middle;
	}

	.breadcrumb a {
		color: #666;
		text-decoration: none;
		padding: 0;
		margin: 0;
	}

		.breadcrumb a:hover {
			text-decoration: underline;
		}

	.breadcrumb .current {
		color: #333;
		text-decoration: underline;
	}



#attraction_list ul {
	list-style-type: none;
	margin: 0 9px 1em 9px;
}
#attraction_list ul li {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: 1px solid #cecece;
	display: block;
	float: left;
	list-style: none outside none !important;
	margin: 10px 10px 0 0;
	padding: 10px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 150px;
}
#attraction_list ul li a {
	display: block;
	text-align: center;
	padding: 3px 0 0 0;
	margin: 0;
}
#attraction_list ul li a.thumbnail {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 150px;
	height: 100px;
}
#attraction_list ul li a.thumbnail img {
	padding: 0;
	border: 0 none;
}
#attraction_list ul li a.title {
	line-height: 1.3em;
	height: 2.6em;
	overflow: auto;
}


/* *** pageBannerArea *** */
.pageBannerArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.pageBannerArea { display: inline-block; }
/* Hides from IE-mac \*/
* html .pageBannerArea { height: 1px; }
.pageBannerArea { display: block; }
/* End hide from IE-mac */
.pageBannerArea {
	display: block;
	position: relative;
	color: #fff;
	background-color: #000;
	text-align: left;
	margin: 0;
}
.pageBannerArea #pageBannerControls {
	position: absolute;
	top: 0;
	left: 0;
	width: 990px;
	height: 0; /* 420px; */
	z-index: 5;
}
.pageBannerArea #pageBannerControls .pageBannerControl-prev {
	position: absolute;
	top: 185px;
	left: 36px;
	cursor: pointer;
}
.pageBannerArea #pageBannerControls .pageBannerControl-next {
	position: absolute;
	top: 185px;
	right: 36px;
	cursor: pointer;
}
.pageBannerArea #pageBannerControls .pageBannerControl-prev,
.pageBannerArea #pageBannerControls .pageBannerControl-next {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-ms-opacity: 0.8;
	-o-opacity: 0.8;
	opacity: 0.8;
}
.pageBannerArea #pageBannerControls .pageBannerControl-prev:hover,
.pageBannerArea #pageBannerControls .pageBannerControl-next:hover {
	text-decoration: underline;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}

.pageBannerArea #pageBannerControls .pageBannerControl-prev.disable,
.pageBannerArea #pageBannerControls .pageBannerControl-next.disable {
	display: none;
}
#pageBannerDiv:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
#pageBannerDiv { display: inline-block; }
/* Hides from IE-mac \*/
* html #pageBannerDiv { height: 1px; }
#pageBannerDiv { display: block; }
/* End hide from IE-mac */
#pageBannerDiv {
	position: relative;
	width: 100%;
	height: 420px;
	z-index: 9;
}
#pageBanner {
	display: block;
	position: relative;
	width: 100%;
	height: 420px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	z-index: 2;
}
#pageBanner .banner {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #f3f3f3;
	text-align: center;
	width: 100%;
	height: 420px;
	overflow: hidden;
}
#pageBanner img {
	display: block;
	max-width: 100%;
	max-height: 420px;
	margin: 0 auto;
}
#pageBannerDiv .mask,
.bannerMask {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 100%;
	height: 420px;
	z-index: 2;
}
body.homepage-v2 #pageBannerDiv .mask {
	height: 0;
}
body.homepage #pageBanner,
body.homepage #pageBanner .banner,
body.homepage #pageBanner table.banner td,
body.homepage #pageBannerDiv .mask {
	width: 100%;
	height: 420px;
}
#pageBannerDiv .pageBannerText {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(../img/bg/bg-pageBannerInfo.png);
	background-repeat: repeat;
	background-position: 0% 0%;
	width: 920px;
	padding: 15px 35px 5px 35px;
	z-index: 4;
}
#pageBannerDiv .pageBannerText #pageBannerTitles {
	color: #8EDC12;
	font-size: 20px;
	font-weight: normal;
	padding: 0 0 10px 0;
}
#pageBannerDiv .pageBannerText #pageBannerTitles a {
	color: #8EDC12;
	text-decoration: none;
}
#pageBannerDiv .pageBannerText #pageBannerDescriptions a {
	color: #fff;
	text-decoration: none;
}
#pageBannerDiv .pageBannerText #pageBannerDescriptions {
	color: #fff;
	padding: 0 0 10px 0;
}



div.split2Col:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

div.split2Col {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html div.split2Col {
	height: 1px;
}

div.split2Col {
	display: block;
}
/* End hide from IE-mac */
.split2Col {
}

table.split2Col {
	width: 100%;
}

.split2Col .leftCol {
	display: block;
	float: left;
	position: relative;
	clear: none;
	width: 511px;
	padding: 0;
	margin: 0;
}

table.split2Col td.leftCol {
	display: table-cell;
	float: none;
	text-align: left;
	vertical-align: top;
	padding-right: 14px;
	width: auto;
}

.split2Col .rightCol {
	display: block;
	float: right;
	position: relative;
	clear: none;
	width: 225px;
	padding: 0;
	margin: 0;
}

table.split2Col td.rightCol {
	display: table-cell;
	float: none;
	text-align: left;
	vertical-align: top;
}

div.splitCols:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

div.splitCols {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html div.splitCols {
	height: 1px;
}

div.splitCols {
	display: block;
}
/* End hide from IE-mac */
.splitCols {
}

table.splitCols {
	width: 100%;
}

.splitCols .leftCol {
	display: block;
	float: left;
	position: relative;
	clear: none;
	width: 511px;
	padding: 0;
	margin: 0;
}

table.splitCols td.leftCol {
	display: table-cell;
	float: none;
	text-align: left;
	vertical-align: top;
	padding-right: 14px;
	width: auto;
}

.splitCols .rightCol {
	display: block;
	float: right;
	position: relative;
	clear: none;
	width: 225px;
	padding: 0;
	margin: 0;
}

table.splitCols td.rightCol {
	display: table-cell;
	float: none;
	text-align: left;
	vertical-align: top;
}



.tooltipbox {
	position: absolute;
	color: #666;
	background-color: #ffc;
	font-size: 11px;
	line-height: 1.3em;
	padding: 3px 5px;
	border: 1px solid #735D3D;
	z-index: 99999;
}



.video-item {
	margin: 0 0 20px 0;
}



#disableLayer {
	background-color: #2D2D2D;
}

.overlayer {
	position: absolute;
	top: 10px;
	background-color: #F6F1E9;
	text-align: left;
	width: 490px;
	border: 2px solid #DCCCAD;
}

	.overlayer .overlayer-inner {
		padding: 28px;
	}

	.overlayer .title-bar {
		color: #fff;
		background-color: #95a24d;
		margin: -10px -10px 10px -10px;
		padding: 2px 5px 2px 10px;
	}

		.overlayer .title-bar a {
			display: block;
			float: right;
			position: relative;
			clear: right;
			color: #eee;
			font-size: 11px;
			line-height: 14px;
			margin: 3px 0 0 3px;
		}

			.overlayer .title-bar a:hover {
				color: #fff;
			}

		.overlayer .title-bar .title {
			font-weight: bold;
		}

.button .cart-item-number {
	color: #FE0000;
}



.overlayer .password-fields:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.overlayer .password-fields {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .overlayer .password-fields {
	height: 1px;
}

.overlayer .password-fields {
	display: block;
}
/* End hide from IE-mac */
.overlayer .password-fields {
	padding: 0 0 5px;
}

.overlayer .formSet label.label {
	width: 90px;
}

.overlayer .formSet div.field {
	width: 330px;
}

	.overlayer .formSet div.field .error {
		display: block;
		margin: 0;
	}

.overlayer .password-fields .formSet {
	display: block;
	float: left;
	position: relative;
	clear: none;
	width: 155px;
	padding: 0;
	margin: 0;
}

	.overlayer .password-fields .formSet label.label {
		display: block;
		float: none;
		color: #000;
		font-size: 85%;
		line-height: 1.3em;
		width: 150px;
		padding: 0;
		margin: 0;
	}

	.overlayer .password-fields .formSet .field {
		display: block;
		float: none;
		width: 150px;
		padding: 0;
		margin: 0;
	}

		.overlayer .password-fields .formSet .field input.text {
			width: 140px;
		}



/* *** tabBlock *** */
.tabBlock {
	position: relative;
	margin: 0 0 1em 0;
}

	.tabBlock .tabs:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0;
	}

	.tabBlock .tabs {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .tabBlock .tabs {
		height: 1px;
	}

	.tabBlock .tabs {
		display: block;
	}
	/* End hide from IE-mac */
	.tabBlock .tabs {
		position: absolute;
		top: -25px;
		left: 0;
		width: 972px;
		padding: 0;
		margin: 0;
		z-index: 2;
	}

		.tabBlock .tabs .tab {
			display: block;
			float: left;
			position: relative;
			clear: none;
			color: #fff;
			background-color: #999;
			font-size: 16px;
			line-height: 30px;
			text-transform: uppercase;
			padding: 0;
			margin: 0 4px 0 0;
			cursor: pointer;
		}
			.tabBlock .tabs .tab.pattern-0 {
				background-color: #E09330;
			}
			.tabBlock .tabs .tab.pattern-1 {
				background-color: #469A4A;
			}
			.tabBlock .tabs .tab.pattern-2 {
				background-color: #3B6975;
			}
			.tabBlock .tabs .tab.pattern-3 {
				background-color: #879446;
			}

			.tabBlock .tabs .tab span {
				display: block;
				background-image: url(../img/icon/icon-arrow-white-2.png);
				background-repeat: no-repeat;
				background-position: 100% 50%;
				text-align: center;
				min-width: 120px;
				padding: 5px 35px 5px 18px;
				margin: 0;
				border-bottom: 0 none;
			}

			* html .tabBlock .tabs .tab span {
				width: 50px;
			}

			.tabBlock .tabs .tab:hover {
			}

			.tabBlock .tabs .tab.current {
				cursor: default;
			}

			.tabBlock .tabs .tab span span {
				display: inline;
				background-image: none;
				text-align: left;
				padding: 0;
			}

	.tabBlock .tabBoxes {
		position: relative;
		width: 100%;
		padding-top: 15px;
		z-index: 1;
	}

		.tabBlock .tabBoxes .tabBox:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
			font-size: 0;
		}

		.tabBlock .tabBoxes .tabBox {
			display: inline-block;
		}
		/* Hides from IE-mac \*/
		* html .tabBlock .tabBoxes .tabBox {
			height: 1px;
		}

		.tabBlock .tabBoxes .tabBox {
			display: block;
		}
		/* End hide from IE-mac */
		.tabBlock .tabBoxes .tabBox {
			display: none;
			position: relative;
			background-color: #fff;
			background-image: none;
			background-repeat: no-repeat;
			background-position: 0% 0%;
			margin: 0;
			padding: 0;
			border: 5px solid #fff;
		}

			.tabBlock .tabBoxes .tabBox.pattern-0 {
				border-color: #E09330;
			}
			.tabBlock .tabBoxes .tabBox.pattern-1 {
				border-color: #469A4A;
			}
			.tabBlock .tabBoxes .tabBox.pattern-2 {
				border-color: #3B6975;
			}
			.tabBlock .tabBoxes .tabBox.pattern-3 {
				border-color: #879446;
			}

		.tabBlock .tabBoxes .currentTabBox {
			display: block;
		}

		.tabBlock .tabBoxes .tabBox .tabBoxInner {
			background-image: none;
			background-repeat: no-repeat;
			background-position: 0% 0%;
		}
			.tabBlock .tabBoxes .tabBox .tabBoxInner .tabContents {
				background-image: none;
				background-repeat: no-repeat;
				background-position: 0% 0%;
				padding: 15px 15px 0 607px;
				height: 203px;
				overflow: auto !important;
			}
body.text-only .tabBlock .tabBoxes .tabBox .tabBoxInner .tabContents {
    padding: 15px 200px 0;
}
				.tabBlock .tabBoxes .tabBox .tabBoxInner .tabContents .tabButtons:after {
					content: ".";
					display: block;
					height: 0;
					clear: both;
					visibility: hidden;
					font-size: 0;
				}
				.tabBlock .tabBoxes .tabBox .tabBoxInner .tabContents .tabButtons { display: inline-block; }
				/* Hides from IE-mac \*/
				* html .tabBlock .tabBoxes .tabBox .tabBoxInner .tabContents .tabButtons { height: 1px; }
				.tabBlock .tabBoxes .tabBox .tabBoxInner .tabContents .tabButtons { display: block; }
				/* End hide from IE-mac */
				.tabBlock .tabBoxes .tabBox .tabBoxInner .tabContents .tabButtons {
					margin: 1em 0 15px 0;
				}
					.tabBlock .tabBoxes .tabBox .tabBoxInner .tabContents .tabButtons .bigbutton,
					.tabBlock .tabBoxes .tabBox .tabBoxInner .tabContents .tabButtons .bigbutton span {
						height: 32px;
						line-height: 32px;
					}


		.tabBlock .tabBoxes .tabBox a {
		}

.tabBoxes .pattern-0 .bigbutton,
.tabBoxes .pattern-0 .bigbutton span {
	background-image: url(../img/button/tab-bigbutton-0.png);
}
.tabBoxes .pattern-1 .bigbutton,
.tabBoxes .pattern-1 .bigbutton span {
	background-image: url(../img/button/tab-bigbutton-1.png);
}
.tabBoxes .pattern-2 .bigbutton,
.tabBoxes .pattern-2 .bigbutton span {
	background-image: url(../img/button/tab-bigbutton-2.png);
}
.tabBoxes .pattern-3 .bigbutton,
.tabBoxes .pattern-3 .bigbutton span {
	background-image: url(../img/button/tab-bigbutton-3.png);
}



.main .main-banners:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.main .main-banners {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .main .main-banners {
	height: 1px;
}

.main .main-banners {
	display: block;
}
/* End hide from IE-mac */
.main .main-banners {
	margin: 20px 0 0 -20px;
}

	.main .main-banners .banner {
		display: block;
		float: left;
		position: relative;
		clear: none;
		padding: 0;
		margin: 0 0 0 20px;
	}

		.main .main-banners .banner a,
		.main .main-banners .banner img {
			display: block;
			padding: 0;
			margin: 0;
			border: 0;
		}


ul.blog-list {
}

	ul.blog-list li {
		margin-bottom: 5px;
	}

		ul.blog-list li .title a {
			color: #4A4A4A;
		}

		ul.blog-list li .post-date {
			color: #898989;
			font-size: 85%;
			line-height: 1.3em;
			font-style: italic;
		}



.box {
	display: block;
	position: relative;
	margin: 0 0 5px 0;
}

	.box .box-top {
		display: block;
		position: relative;
		background-image: url(../img/bg/bg-box-top.png);
		background-repeat: no-repeat;
		background-position: 0% 100%;
		line-height: 12px;
		height: 12px;
		padding: 0 0 0 12px;
		margin: 0 12px 0 0;
	}

.box2 .box-top {
	background-image: url(../img/bg/bg-box2-top.png);
	line-height: 10px;
	height: 10px;
	padding: 0 0 0 10px;
	margin: 0 10px 0 0;
}

.box .box-top span {
	display: block;
	position: relative;
	background-image: url(../img/bg/bg-box-top.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	line-height: 12px;
	height: 12px;
	padding: 0 12px 0 0;
	margin: 0 -12px 0 0;
}

.box2 .box-top span {
	background-image: url(../img/bg/bg-box2-top.png);
	line-height: 10px;
	height: 10px;
	padding: 0 10px 0 0;
	margin: 0 -10px 0 0;
}

.box .box-inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.box .box-inner {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .box .box-inner {
	height: 1px;
}

.box .box-inner {
	display: block;
}
/* End hide from IE-mac */
.box .box-inner {
	display: block;
	background-image: url(../img/bg/bg-box-inner.png);
	background-repeat: repeat-y;
	background-position: 50% 0%;
	padding: 0 11px;
	margin: 0;
	border-left: 1px solid #DCBA87;
	border-right: 1px solid #DCBA87;
}

.box2 .box-inner {
	background-image: url(../img/bg/bg-box2-inner.png);
	padding: 0 9px;
	border-left: 1px solid #D4D3D2;
	border-right: 1px solid #D4D3D2;
}

.box .box-bottom {
	display: block;
	position: relative;
	background-image: url(../img/bg/bg-box-bottom.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	line-height: 12px;
	height: 12px;
	padding: 0 0 0 12px;
	margin: 0 12px 0 0;
}

.box2 .box-bottom {
	background-image: url(../img/bg/bg-box2-bottom.png);
	line-height: 10px;
	height: 10px;
	padding: 0 0 0 10px;
	margin: 0 10px 0 0;
}

.box .box-bottom span {
	display: block;
	position: relative;
	background-image: url(../img/bg/bg-box-bottom.png);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	line-height: 12px;
	height: 12px;
	padding: 0 12px 0 0;
	margin: 0 -12px 0 0;
}

.box2 .box-bottom span {
	background-image: url(../img/bg/bg-box2-bottom.png);
	line-height: 10px;
	height: 10px;
	padding: 0 10px 0 0;
	margin: 0 -10px 0 0;
}

.green-title:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.green-title {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .green-title {
	height: 1px;
}

.green-title {
	display: block;
}
/* End hide from IE-mac */
.green-title {
	padding: 0;
	margin: 0;
	border: 0;
}

	.green-title .title-inner {
		display: block;
		float: left;
		position: relative;
		clear: both;
		color: #fff;
		background-color: #28692B;
		font-size: 15px;
		line-height: 29px;
		font-weight: bold;
		padding: 0 9px;
		margin: 0;
	}

.graybox:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
.graybox
{
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .graybox
{
    height: 1px;
}
.graybox
{
    display: block;
}
/* End hide from IE-mac */
.graybox {
	background-color: #F5F1EA;
	padding: 10px;
	margin: 0;
}



.canvas-kwun-yum-shan:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.canvas-kwun-yum-shan {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .canvas-kwun-yum-shan {
	height: 1px;
}

.canvas-kwun-yum-shan {
	display: block;
}
/* End hide from IE-mac */
.canvas-kwun-yum-shan {
}

	.canvas-kwun-yum-shan .big-photo {
		display: block;
		float: left;
		position: relative;
		clear: none;
		padding: 0;
		margin: 0;
	}

		.canvas-kwun-yum-shan .big-photo img {
			display: block;
			padding: 0;
			margin: 0;
			border: 0;
		}

	.canvas-kwun-yum-shan .photo-descriptions {
		display: block;
		float: right;
		position: relative;
		clear: none;
		width: 480px;
		padding: 0;
		margin: 0;
	}

		.canvas-kwun-yum-shan .photo-descriptions .photo-description {
		}

			.canvas-kwun-yum-shan .photo-descriptions .photo-description .thumbnail {
				display: block;
				float: left;
				position: relative;
				clear: none;
				width: 128px;
				padding: 0;
				margin: 0;
			}

				.canvas-kwun-yum-shan .photo-descriptions .photo-description .thumbnail img {
					display: block;
					padding: 0;
					margin: 0;
					border: 0;
				}

			.canvas-kwun-yum-shan .photo-descriptions .photo-description .title,
			.canvas-kwun-yum-shan .photo-descriptions .photo-description .description {
				display: block;
				float: right;
				position: relative;
				clear: right;
				width: 315px;
				padding: 0;
				margin: 0;
			}

			.canvas-kwun-yum-shan .photo-descriptions .photo-description .title {
				font-weight: bold;
				margin: 0 0 5px 0;
			}



body.template-indexlist .index-list,
body.template-videolist .index-list {
	padding: 0;
	margin: 0 -8px;
}

	body.template-indexlist .index-list table,
	body.template-videolist .index-list table {
		width: 100%;
		table-layout: fixed;
		padding: 0;
		margin: 0;
		border: 0 none;
	}

		body.template-indexlist .index-list table td,
		body.template-videolist .index-list table td {
			vertical-align: top;
			padding: 0 8px 16px 8px;
		}

			body.template-indexlist .index-list table td .thumbnail,
			body.template-videolist .index-list table td .thumbnail {
				display: block;
				float: left;
				position: relative;
				clear: none;
				width: 128px;
				padding: 0;
				margin: 0;
			}

				body.template-indexlist .index-list table td .thumbnail img,
				body.template-videolist .index-list table td .thumbnail img {
					display: block;
					padding: 0;
					margin: 0;
					border: 0;
				}

			body.template-indexlist .index-list table td .title,
			body.template-indexlist .index-list table td .info,
			body.template-indexlist .index-list table td .description,
			body.template-videolist .index-list table td .title,
			body.template-videolist .index-list table td .info,
			body.template-videolist .index-list table td .description {
				display: block;
				float: right;
				position: relative;
				clear: right;
				width: 215px;
				padding: 0;
				margin: 0;
			}

			body.template-indexlist .index-list table td .description,
			body.template-videolist .index-list table td .description {
				font-size: 11px;
				line-height: 1.3em;
			}

			body.template-indexlist .index-list table td .title,
			body.template-videolist .index-list table td .title {
				font-weight: bold;
				margin: 5px 0 0 0;
			}

			body.template-indexlist .index-list table td .info,
			body.template-videolist .index-list table td .info {
				color: #666;
				font-size: 11px;
				line-height: 1.3em;
				margin: 0 0 5px 0;
			}
			body.template-indexlist .video-item,
			body.template-videolist .video-item {
				padding: 1em 0 2em 0;
			}

/* kyAlbum style 1 */
body.template-album .canvas-album {
	background-color: #fff;
	padding: 15px 0;
}

	body.template-album .canvas-album .big-photo {
		position: relative;
		text-align: center;
		height: 390px;
		margin: 0 0 20px 0;
	}

		body.template-album .canvas-album .big-photo img {
			display: block;
			padding: 0;
			margin: 0 auto;
			border: 0 none;
		}

	body.template-album .canvas-album .big-caption {
		/*
		color: #000;
		background-image: url(../img/bg/shadow5.png);
		background-repeat: repeat;
		background-position: 0% 0%;
		position: absolute;
		left: 0;
		bottom: 0;
		text-align: center;
		width: 550px;
		padding: 0 100px;
		*/
		padding: 0 15px 15px 15px;
	}

		body.template-album .canvas-album .big-caption .caption,
		body.template-album .canvas-album .big-caption .caption2 {
			display: block;
			padding: 0 0 3px 0;
		}

		body.template-album .canvas-album .big-caption .caption {
			font-weight: bold;
		}

	body.template-album .canvas-album .canvas-thumbnails {
		position: relative;
		padding: 0 40px;
		margin: 0 0 20px 0;
		overflow: hidden;
	}

		body.template-album .canvas-album .canvas-thumbnails .thumbnails {
			width: 1320px;
			height: 100px;
			overflow: hidden;
		}

			body.template-album .canvas-album .canvas-thumbnails .thumbnails .thumbPage {
				display: block;
				float: left;
				position: relative;
				clear: none;
				width: 660px;
				padding: 0;
				margin: 0;
				border: 0 none;
			}

			body.template-album .canvas-album .canvas-thumbnails .thumbnails .thumbnail {
				display: block;
				float: left;
				position: relative;
				clear: none;
				padding: 0;
				margin: 0 0 0 10px;
				height: 100px;
				overflow: hidden;
			}

		body.template-album .canvas-album .canvas-thumbnails .thubmnails .thumbnail a,
		body.template-album .canvas-album .canvas-thumbnails .thubmnails .thumbnail a img {
			display: block;
			padding: 0;
			margin: 0;
			border: 0 none;
			height: 100px;
			overflow: hidden;
		}

		body.template-album .canvas-album .canvas-thumbnails .button-prev,
		body.template-album .canvas-album .canvas-thumbnails .button-next {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background-color: #fff; /* #F9F3EA; */
			background-image: url(../img/button/button-album-prev.png);
			background-repeat: no-repeat;
			background-position: 50% 50%;
			width: 40px;
			height: 100px;
		}

		body.template-album .canvas-album .canvas-thumbnails .button-next {
			left: auto;
			right: 0;
			background-image: url(../img/button/button-album-next.png);
			background-position: 50% 50%;
		}

		body.template-album .canvas-album .thumbPageIndices {
			text-align: center;
			margin: 10px 0 0 0;
		}

			body.template-album .canvas-album .thumbPageIndices a {
				background-image: url(../img/bullet/bullet-album.png);
				background-repeat: no-repeat;
				background-position: 50% 50%;
				font-size: 7px;
				line-height: 7px;
				padding: 0 3px;
				margin: 0;
			}

				body.template-album .canvas-album .thumbPageIndices a:hover,
				body.template-album .canvas-album .thumbPageIndices a.current {
					background-image: url(../img/bullet/bullet-album-current.png);
                    text-decoration: none;
				}

				body.template-album .canvas-album .thumbPageIndices a span {
					visibility: hidden;
				}
/* End of kyAlbum style */


body.template-news .news-list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

body.template-news .news-list {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html body.template-news .news-list {
	height: 1px;
}

body.template-news .news-list {
	display: block;
}
/* End hide from IE-mac */
body.template-news .news-list {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

	body.template-news .news-list .filter:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0;
	}

	body.template-news .news-list .filter {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html body.template-news .news-list .filter {
		height: 1px;
	}

	body.template-news .news-list .filter {
		display: block;
	}
	/* End hide from IE-mac */
	body.template-news .news-list .filter {
	}

	body.template-news .news-list .filter-left {
		display: block;
		float: left;
		position: relative;
		clear: none;
		font-size: 13px;
		line-height: 20px;
	}

		body.template-news .news-list .filter-left input.search {
			line-height: 18px;
			padding: 0 1px;
			height: 18px;
		}

		body.template-news .news-list .filter-left select {
			line-height: 1.3em;
			padding: 0;
			margin: 0;
			height: 20px;
		}

	body.template-news .news-list .paging {
		text-align: right;
		margin: 10px 0;
	}

.table.special {
	margin: 0;
	padding: 0 0 12px 0;
	border-top: 3px solid #ACACAC;
	border-bottom: 3px solid #ACACAC;
}

	.table.special .tr:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0;
	}

	.table.special .tr {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .table.special .tr {
		height: 1px;
	}

	.table.special .tr {
		display: block;
	}
	/* End hide from IE-mac */
	.table.special .tr {
		position: relative;
		padding: 10px 0;
		border-bottom: 1px dotted #878071;
	}

	.table.special .th,
	.table.special .td {
		display: block;
		float: left;
		position: relative;
		clear: none;
		text-align: left;
		vertical-align: top;
		padding: 0 10px;
	}

	.table.special .thumbnail {
		text-align: center;
		width: 181px;
		padding-left: 0;
	}

	.table.special .td.middle {
		width: 430px;
		min-height: 105px;
		border-right: 1px solid #C0BDB5;
	}

	.table.special .td .title {
		font-size: 108%;
		line-height: 1.3em;
		margin: 0 0 5px;
	}

body.webfonts .table.special .td .title {
	/* font-family: 'Muli', Arial, Helvetica, sans-serif; */
}

.table.special .date {
	width: 88px;
}



.filter:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.filter {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .filter {
	height: 1px;
}

.filter {
	display: block;
}
/* End hide from IE-mac */
.filter {
	padding: 0;
	margin: 0 0 1em 0;
}

	.filter a {
	}

	.filter .filter-1 {
		display: block;
		float: left;
		position: relative;
		clear: none;
		font-size: 93%;
		line-height: 20px;
		padding: 2px 0;
	}

	.filter .checkbox,
	.filter .checkbox-spacing label {
		padding: 0 10px 0 3px;
	}

	.filter .filter-buttons {
		display: block;
		float: left;
		position: relative;
		clear: none;
		font-size: 93%;
		line-height: 20px;
		padding: 2px 0;
	}

	.filter .filter-2 {
		display: block;
		float: right;
		position: relative;
		clear: none;
		line-height: 20px;
		padding: 2px 0;
	}

	.filter a {
	}

		.filter a:hover {
			text-decoration: none;
		}

		.filter a span {
		}

		.filter a:hover span {
			text-decoration: underline;
		}

	.filter a {
		text-decoration: none;
	}

		.filter a.current {
			color: #3F3F3F;
			text-decoration: underline;
			cursor: default;
		}

			.filter a.current:hover span {
				text-decoration: none;
			}



.news-list .filter,
.blogs-list .filter {
	background-color: #F0F0F0;
	font-size: 92%;
	line-height: 1.3em;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	border: 1px solid #A3A3A3;
}

.news-list .paging,
.blogs-list .paging {
	font-size: 85%;
	line-height: 1.3em;
}

.paging a {
	text-decoration: none;
}

	.paging a:hover {
		text-decoration: underline;
	}

.table-news-list:after, .table-blogs-list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.table-news-list, .table-blogs-list {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .table-news-list, * html .table-blogs-list {
	height: 1px;
}

.table-news-list, .table-blogs-list {
	display: block;
}
/* End hide from IE-mac */
.table-news-list {
	margin: 0 -12px;
}

.table-news-list-row:after, .table-blogs-list-row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.table-news-list-row, .table-blogs-list-row {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .table-news-list-row, * html .table-blogs-list-row {
	height: 1px;
}

.table-news-list-row, .table-blogs-list-row {
	display: block;
}
/* End hide from IE-mac */
.table-news-list-row, .table-blogs-list-row {
	background-image: url(../img/bg/bg-newsitem.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;
	padding: 0 0 11px 0;
	margin: 0 0 20px 0; /* 	border-bottom: 1px solid #ddd; 	*/
}

.table-blogs-list-row {
	background-image: url(../img/bg/bg-blogitem.gif);
}

.table-news-list.special {
	margin: 0;
}

	.table-news-list.special .table-news-list-row, .table-blogs-list.special .table-news-list-row {
		background-image: none;
		padding: 0 0 20px 0;
		margin: 0 0 15px 0;
		border-bottom: 1px solid #ddd;
	}

.news-item:after, .blog-item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.news-item, .blog-item {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .news-item, * html .blog-item {
	height: 1px;
}

.news-item, .blog-item {
	display: block;
}
/* End hide from IE-mac */
.news-item, .blog-item {
	display: block;
	float: left;
	position: relative;
	clear: none;
	width: 363px;
	margin: 0;
	padding: 0 12px;
}

.table-news-list.special .news-item, .table-blogs-list.special .blog-item {
	float: none;
	width: auto;
	padding: 0;
}
.news-item.details {
    padding: 0;
    width: 100%;
}

.news-item .thumbnail, .blog-item .thumbnail {
	display: block;
	float: right;
	position: relative;
	clear: none;
	text-align: center;
	width: 146px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.table-news-list.special .news-item .thumbnail, .table-blogs-list.special .blog-item .thumbnail {
	float: left;
	width: 243px;
}

.table-blogs-list.special .blog-item .thumbnail {
	width: 150px;
}

.news-item .thumbnail img, .blog-item .thumbnail img {
	max-width: 146px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	border: 0 none;
}

.table-news-list.special .news-item .thumbnail img, .table-blogs-list.special .blog-item .thumbnail img {
	max-width: 243px;
}

.table-blogs-list.special .blog-item .thumbnail img {
	max-width: 150px;
	height: auto;
}

.news-item .date,
.news-item .title,
.news-item .info,
.news-item .summary,
.blog-item .date,
.blog-item .title,
.blog-item .info,
.blog-item .summary {
	display: block;
	float: left;
	position: relative;
	clear: left;
	width: 205px;
    margin: 0 0 7px;
}
.news-item.details .info {
    width: 100%;
}

.table-news-list.special .news-item .date,
.table-news-list.special .news-item .title,
.table-news-list.special .news-item .info,
.table-news-list.special .news-item .summary,
.table-blogs-list.special .blog-item .date,
.table-blogs-list.special .blog-item .title,
.table-blogs-list.special .blog-item .info,
.table-blogs-list.special .blog-item .summary {
	float: right;
	clear: right;
	width: 485px;
}

.table-blogs-list.special .blog-item .date,
.table-blogs-list.special .blog-item .title,
.table-blogs-list.special .blog-item .info,
.table-blogs-list.special .blog-item .summary {
	width: 100%;
}

.table-news-list .news-item .date, .table-blogs-list .blog-item .date {
	display: none;
}

.news-item .title a, .blog-item .title a {
	text-decoration: underline;
}

.info {
	color: #6C7379;
	font-size: 85%;
	line-height: 1.3em;
}

.recent-blogs {
	display: block;
}

	.recent-blogs .recent-blog-item {
		width: 100%;
		padding: 0;
		margin: 0;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
	}

		.recent-blogs .recent-blog-item td {
			text-align: left;
			vertical-align: middle;
			padding: 0 0 3px 0;
			margin: 0;
			border: 0;
		}

		.recent-blogs .recent-blog-item .thumbnail {
			vertical-align: top;
			width: 85px;
		}

			.recent-blogs .recent-blog-item .thumbnail img {
				display: block;
				width: 80px;
				height: auto;
				padding: 0;
				margin: 0;
				border: 0 none;
			}

		.recent-blogs .recent-blog-item .title {
		}



.calendar-date {
	display: block;
	position: relative;
	background-color: #fff;
	font-size: 108%;
	line-height: 1.3em;
	font-weight: bold;
	padding: 1px;
	border: 1px solid #CDCDCD;
}

	.calendar-date .calendar-date-inner {
		background-color: #F3F3F3;
		background-image: url(../img/bg/bg-calendar-date.gif);
		background-repeat: repeat-x;
		background-position: 0% 100%;
		line-height: 29px;
		padding: 0 6px;
	}

body.template-events .filter, event-calendar .filter {
	padding: 3px 7px;
	margin: 0 0 10px 0;
	border: 1px solid #CDCDCD;
	border-top: 0 none;
}

body.text-only .calendar-date .calendar-date-inner .bigger a.smallbutton {
	margin-top: 5px;
}

body.text-only .calendar-date .calendar-date-inner .bigger a.smallbutton,
body.text-only .calendar-date .calendar-date-inner .calendar-button a.smallbutton {
	font-weight: normal;
}

body.text-only .calendar-date .calendar-date-inner .bigger .date {
	display: block;
	float: left;
	position: relative;
	clear: none;
	padding: 0 10px;
}



table.events-list {
	background-color: #fff;
	table-layout: fixed;
	padding: 0;
	margin: 0 -10px;
	border: 10px solid #fff;
	border-collapse: collapse;
	border-spacing: 0;
}

.events-list.week-view {
}

.events-list.home-view:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.events-list.home-view { display: inline-block; }
/* Hides from IE-mac \*/
* html .events-list.home-view { height: 1px; }
.events-list.home-view { display: block; }
/* End hide from IE-mac */
.events-list.home-view {
	margin: 0 0 2em -15px;
}
	.events-list.home-view h3 {
		margin-left: 24px;
	}


table.events-list td.event-item {
	background-color: #ECECEC;
	text-align: left;
	vertical-align: top;
	width: 244px;
	padding: 0;
	margin: 0;
	border: 10px solid #fff;
	border-collapse: collapse;
	border-spacing: 0;
}

.events-list.week-view .event-item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.events-list.week-view .event-item {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .events-list.week-view .event-item {
	height: 1px;
}

.events-list.week-view .event-item {
	display: block;
}
/* End hide from IE-mac */
.events-list.week-view .event-item {
	padding: 10px 0;
	border-bottom: 1px solid #CECECE;
}

.events-list.home-view .event-item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.events-list.home-view .event-item {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .events-list.home-view .event-item {
	height: 1px;
}

.events-list.home-view .event-item {
	display: block;
}
/* End hide from IE-mac */
.events-list.home-view .event-item {
	display: block;
	float: left;
	position: relative;
	clear: none;
	width: 350px;
	padding: 0 0 10px 0;
	margin: 0 0 0 15px;
    height: 104px;
}

table.events-list td.event-item .item-date, .event-details .item-date {
	display: block;
	float: left;
	position: relative;
	clear: none;
	color: #17626B;
	background-color: #ddd;
	padding: 3px 9px;
	margin: 3px 0 0 0;
}

	table.events-list td.event-item .item-date .weekday, .event-details .item-date .weekday {
		display: block;
		float: left;
		position: relative;
		clear: none;
		font-size: 11px;
		line-height: 1em;
		text-transform: uppercase;
		margin: 2px 2px 0 0;
	}
	.event-details .item-date .weekday {
		margin: 2px 0 0 0;
	}
	table.events-list td.event-item .item-date .day, .event-details .item-date .day {
		display: block;
		float: left;
		position: relative;
		clear: none;
		font-size: 15px;
		line-height: 1em;
		text-transform: uppercase;
        margin: 0 3px;
	}
	body.zh-hk table.events-list td.event-item .item-date .weekday, .event-details .item-date .weekday,
	body.zh-cn table.events-list td.event-item .item-date .weekday, .event-details .item-date .weekday,
	body.zh-hk table.events-list td.event-item .item-date .day, .event-details .item-date .day,
	body.zh-cn table.events-list td.event-item .item-date .day, .event-details .item-date .day {
		font-size: 18px;
		line-height: 1em;
	}

	table.events-list td.event-item .item-date .month, .event-details .item-date .month {
		display: block;
		float: left;
		position: relative;
		clear: none;
		font-size: 18px;
		line-height: 1em;
		text-transform: capitalize;
		margin: 0 5px 0 0;
	}
	body.zh-hk table.events-list td.event-item .item-date .weekday, .event-details .item-date .weekday,
	body.zh-cn table.events-list td.event-item .item-date .weekday, .event-details .item-date .weekday,
	body.zh-hk table.events-list td.event-item .item-date .day, .event-details .item-date .day,
	body.zh-cn table.events-list td.event-item .item-date .day, .event-details .item-date .day,
	body.zh-hk table.events-list td.event-item .item-date .month, .event-details .item-date .month,
	body.zh-cn table.events-list td.event-item .item-date .month, .event-details .item-date .month {
		font-size: 18px;
		line-height: 1em;
		margin: 0 5px 0 0;
	}
	body.zh-hk table.events-list td.event-item .item-date .weekday,
	body.zh-cn table.events-list td.event-item .item-date .weekday,
	body.zh-hk table.events-list td.event-item .item-date .day,
	body.zh-cn table.events-list td.event-item .item-date .day,
	body.zh-hk table.events-list td.event-item .item-date .month,
	body.zh-cn table.events-list td.event-item .item-date .month {
		margin: 0;
	}

table.events-list td.event-item .buttons, .event-details .buttons {
	display: block;
	float: left;
	position: relative;
	clear: none;
}
.events-list .event-item .buttons, .event-details .buttons {
	margin: 7px 0 0 0;
}
.events-list.week-view .event-item .buttons {
	display: block;
	float: right;
	position: relative;
	clear: none;
	margin: 0;
}

	table.events-list td.event-item .buttons .event-button,
	.events-list.week-view .event-item .buttons .event-button,
	.events-list.home-view .event-item .buttons .event-button,
	.event-details .buttons .event-button {
		display: block;
		float: left;
		position: relative;
		clear: none;
		margin: 0 0 0 8px;
	}

		table.events-list td.event-item .buttons .event-button img,
		.events-list.week-view .event-item .buttons .event-button img,
		.events-list.home-view .event-item .buttons .event-button img,
		.event-details .buttons .event-button img {
			display: block;
			padding: 0;
			margin: 0;
			border: 0 none;
		}
        .event-details .buttons .event-button .register span img {
            display: inline;
        }

table.events-list td.event-item .details,
.events-list.week-view .event-item .details,
.events-list.home-view .event-item .details,
.event-details .details {
	display: block;
	clear: both;
	padding: 9px;
}

	table.events-list td.event-item .details .title,
	.events-list.week-view .event-item .details .title,
	.events-list.home-view .event-item .details .title,
	.event-details .details .title {
		font-size: 108%;
		line-height: 1.3em;
		margin: 0 0 5px 0;
	}

	table.events-list td.event-item .details .title, table.events-list td.event-item .details .title a, .event-details .details .title, .event-details .details .title a {
		/* 	color: #12263A; 	*/
	}

		table.events-list td.event-item .details .title a, .event-details .details .title a,
        .events-list .event-item .details .title a {
			text-decoration: underline;
		}

	table.events-list td.event-item .details .thumbnail {
		margin: 0 0 5px 0;
	}

	.events-list.week-view .event-item .details .thumbnail,
	.events-list.home-view .event-item .details .thumbnail {
		display: block;
		float: left;
		position: relative;
		clear: none;
		width: 160px;
		overflow: hidden;
	}
	.events-list.home-view .event-item .details .thumbnail {
		width: 155px;
	}

	table.events-list td.event-item .details .thumbnail img {
		display: block;
		padding: 0;
		margin: 0;
		border: 0 none;
	}

	table.events-list td.event-item .details .info,
	.events-list.week-view .event-item .details .info,
	.events-list.home-view .event-item .details .info,
	.event-details .details .info {
		color: #6C7379;
		font-size: 85%;
		line-height: 1.3em;
		margin: 0 0 7px 0;
	}

	.events-list.week-view .event-item .details .info,
	.events-list.week-view .event-item .details .summary,
	.events-list.home-view .event-item .details .info,
	.events-list.home-view .event-item .details .summary {
		float: right;
		position: relative;
		clear: none;
		width: 570px;
	}
    body.text-only .events-list.week-view .event-item .details .info,
	body.text-only .events-list.week-view .event-item .details .summary,
	body.text-only .events-list.home-view .event-item .details .info,
	body.text-only .events-list.home-view .event-item .details .summary {
		float: none;
	}
	.events-list.home-view .event-item .details .info,
	.events-list.home-view .event-item .details .summary {
		width: 177px;
	}

.calendar-types {
	/*
	display: block;
	float: right;
	position: relative;
	clear: none;
	*/
	text-align: right;
	margin: 0 0 1em 0;
}

	.calendar-types a {
	}

		.calendar-types a.current {
			text-decoration: underline;
		}



.event-details {
	/*
	background-image: url(../img/bg/bg-event-details.png);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	min-height: 150px;
	*/
	padding: 0;
	margin: 15px -10px 0 -8px;
}

	.event-details .calendar-buttons {
		display: block;
		float: right;
		position: relative;
		clear: none;
		padding: 5px;
		width:99%;
	}
	.event-details .calendar-buttons > .button{
		float:right;
	}

	.event-details .download-buttons {
		padding: 0 9px;
		margin: 0;
	}

	.event-details .buttons .button-item:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0;
	}

	.event-details .buttons .button-item {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .event-details .buttons .button-item {
		height: 1px;
	}

	.event-details .buttons .button-item {
		display: block;
	}
	/* End hide from IE-mac */
	.event-details .buttons .button-item {
		margin: 0 0 5px 0;
	}

		.event-details .buttons .button-item .filename,
		.event-details .buttons .button-item .filesize {
			display: block;
			float: left;
			position: relative;
			clear: none;
			margin: 0 0 0 10px;
		}



.calendar-button {
	display: block;
	position: absolute;
	top: 6px;
	right: 12px;
	line-height: 16px;
	padding: 0;
}

.filterLayer {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #F2F1EE;
	text-align: left;
	padding: 0;
	border: 1px solid #626366;
	z-index: 5;
}



.itemList {
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
}

table.itemList {
	table-layout: fixed;
}

.itemList .item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.itemList .item {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .itemList .item {
	height: 1px;
}

.itemList .item {
	display: block;
}
/* End hide from IE-mac */
.itemList .item {
	width: 100%;
	padding: 0 0 2em 0;
	margin: 0;
}

	.itemList .item .thumbnail {
		display: block;
		float: left;
		position: relative;
		clear: none;
		text-align: left;
		width: 88px;
	}

.itemList.big .item .thumbnail {
	width: 116px;
}

.itemList .item .thumbnail a,
.itemList .item .thumbnail img {
	display: block;
	position: relative;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	width: 80px;
	height: auto;
	border: 0;
}

.itemList.big .item .thumbnail a,
.itemList.big .item .thumbnail img {
	width: 100px;
}

.itemList .item .title,
.itemList .item .info,
.itemList .item .summary,
.itemList .item .more {
	display: block;
	float: right;
	position: relative;
	clear: none;
	width: 262px;
	padding: 0;
	margin: 0 20px 5px 0;
}

.itemList .item .more {
	text-decoration: underline;
}

.itemList.big .item .title,
.itemList.big .item .info,
.itemList.big .item .summary,
.itemList.big .item .more {
	line-height: 1.3em;
	width: 610px;
	margin-bottom: 10px;
}

.itemList .item .title {
	font-size: 118%;
	font-weight: bold;
}

.itemList.big .item .title {
	font-size: 150%;
}

.itemList .item .info {
	color: #7D7D7D;
	font-size: 92%;
}

.itemList .item .summary {
	margin-bottom: 10px;
}



.smallcalendar {
	width: 217px;
	margin: 5px 3px;
}
	.smallcalendar td {
		background-image: url(../img/smallcalendar/bg-smallcalendarnav.gif);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		line-height: 17px;
		padding: 2px;
	}
	.smallcalendar td.OtherMonthDay {
		background-image: none;
	}
	.smallcalendar td.Daysty,
	.smallcalendar td.weekendDay {
	}
	.smallcalendar .smallcalendarnav {
		position: relative;
		/*
		background-image: url(../img/smallcalendar/bg-smallcalendarnav.png);
		background-repeat: repeat-x;
		background-position: 0% 0%;
		*/
		background-color: #F3F3F3;
		background-image: url(../img/bg/bg-calendar-date.gif);
		background-repeat: repeat-x;
		background-position: 0% 50%;
		padding: 0; /* 8px; */
		margin: 0;
	}

		.smallcalendar .smallcalendarnav .smallcalendarnavPadding {
			color: #fff;
			font-weight: bold;
			text-align: center;
		}

		.smallcalendar .smallcalendarnav .leftbutton {
			display: block;
			position: absolute;
			top: 7px;
			left: 30px;
		}

		.smallcalendar .smallcalendarnav .rightbutton {
			display: block;
			position: absolute;
			top: 7px;
			right: 30px;
		}

	.smallcalendar .smallcalendardays {
	}

		.smallcalendar .smallcalendardays table {
			width: 217px;
			padding: 0;
			margin: 0;
			border: 0;
		}

			.smallcalendar .smallcalendardays table th,
			.smallcalendar .smallcalendardays table td {
				font-size: 11px;
				text-align: right;
				vertical-align: middle;
				width: 31px;
			}

				.smallcalendar .smallcalendardays table th.weekCol,
				.smallcalendar .smallcalendardays table td.weekCol {
					text-align: center;
					width: 15px;
				}

		.smallcalendar .smallcalendardays .divtablehead {
			background-image: url(../img/smallcalendar/bg-divtablehead.gif);
			background-repeat: no-repeat;
			background-position: 100% 0%;
			height: 19px;
		}

			.smallcalendar .smallcalendardays .divtablehead table th,
			.smallcalendar .smallcalendardays .divtablehead table td {
				color: #6E6E6E;
				font-size: 10px;
				font-weight: normal;
				text-align: center;
				height: 19px;
			}

			.smallcalendar .smallcalendardays .divtablehead th.weekCol,
			.smallcalendar .smallcalendardays .divtablebody td.weekCol {
				display: none;
			}

		.smallcalendar .smallcalendardays .divtablebody {
			background-image: url(../img/smallcalendar/bg-divtablebody-row.gif);
			background-repeat: repeat-y;
			background-position: 100% 0%;
		}

			.smallcalendar .smallcalendardays .divtablebody table th,
			.smallcalendar .smallcalendardays .divtablebody table td {
				color: #9A9A9A;
				width: 21px;
				height: 28px;
				padding: 0 5px;
			}

				.smallcalendar .smallcalendardays .divtablebody table th.weekCol,
				.smallcalendar .smallcalendardays .divtablebody table td.weekCol {
					width: 15px;
					padding: 0;
				}

				.smallcalendar .smallcalendardays .divtablebody table th a,
				.smallcalendar .smallcalendardays .divtablebody table td a {
					color: #005489;
					text-decoration: underline;
				}

				.smallcalendar .smallcalendardays .divtablebody table th .today,
				.smallcalendar .smallcalendardays .divtablebody table td .today {
					font-weight: bold;
				}

.filterLayer .dateSelectorLayer {
	margin: 10px;
}

	.filterLayer .dateSelectorLayer .months:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0;
	}

	.filterLayer .dateSelectorLayer .months {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .filterLayer .dateSelectorLayer .months {
		height: 1px;
	}

	.filterLayer .dateSelectorLayer .months {
		display: block;
	}
	/* End hide from IE-mac */
	.filterLayer .dateSelectorLayer .months {
		width: 216px;
		margin: 0 0 0 -4px;
	}

	.filterLayer .dateSelectorLayer .month {
		display: block;
		float: left;
		position: relative;
		clear: none;
		color: #002B5C;
		background-color: #FEFEFE;
		background-image: url(../img/smallcalendar/bg-dateSelectorLayer-month.gif);
		background-repeat: repeat-x;
		background-position: 0% 0%;
		text-align: center;
		width: 56px;
		padding: 5px;
		margin: 0 0 4px 4px;
		border: 1px solid #C4C4C4;
		cursor: pointer;
	}

		.filterLayer .dateSelectorLayer .month.selected,
		.filterLayer .dateSelectorLayer .month:hover {
			background-color: #FEFEFD;
			background-image: url(../img/smallcalendar/bg-dateSelectorLayer-month-active.gif);
			border-color: #C9B28A;
			cursor: default;
		}

.filterLayer .year {
	display: block;
	margin: 0 10px 5px 0;
}

.filterLayer select.dateSelectorLayerYear {
	width: 5em;
}



.accordian:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.accordian {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .accordian {
	height: 1px;
}

.accordian {
	display: block;
}
/* End hide from IE-mac */
.accordian {
}

	.accordian .accordian-item:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0;
	}

	.accordian .accordian-item {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .accordian .accordian-item {
		height: 1px;
	}

	.accordian .accordian-item {
		display: block;
	}
	/* End hide from IE-mac */
	.accordian .accordian-item {
		margin: 0 0 3px 0;
	}

		.accordian .accordian-item h6.accordian-title {
			display: block;
			position: relative;
			color: #4D4D4D;
			background-image: url(../img/button/bigbutton2.png);
			background-repeat: no-repeat;
			background-position: 0% 0%;
			font-weight: bold;
			line-height: 31px;
			padding: 0 0 0 15px;
			margin: 0 15px 0 0;
			border: 0 none;
		}

			.accordian .accordian-item h6.accordian-title span {
				display: block;
				background-image: url(../img/button/bigbutton2.png);
				background-repeat: no-repeat;
				background-position: 100% 0%;
				line-height: 31px;
				height: 31px;
				padding: 0 15px 0 0;
				margin: 0 -15px 0 0;
			}

				.accordian .accordian-item h6.accordian-title span span {
					display: inline;
					position: static;
					background-image: none;
					padding: 0;
					margin: 0;
				}

	.accordian.rendered .accordian-item h6.accordian-title,
	.accordian.rendered .accordian-item h6.accordian-title span {
		cursor: pointer;
	}

	.accordian .accordian-item .accordian-content {
		padding: 15px 20px 20px 10px;
	}



.useful-links {
	margin: 0 0 1em 0;
}
	.useful-links ul {
	}
		.useful-links ul li {
			margin-top: 10px;
			padding-bottom: 10px;
			border-bottom: 1px dotted #9A9894;
		}
.ad-banners {
}
	.ad-banners .ad-banner {
		margin: 0 0 5px 0;
	}
		.ad-banners .ad-banner a {
			display: block;
			padding: 0;
			margin: 0;
		}
			.ad-banners .ad-banner a img {
				display: block;
				padding: 0;
				margin: 0;
				border: 0;
			}

/*---- for display error msg and red box (by Jacky)------*/
input.redBorder, textarea.redBorder, select.redBorder, table.redBorder, div.redBorder, span.redBorder {
	border: 1px solid #FF0000;
}

* + html select.redbox {
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=-1,color=#FF0000) progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1,color=#FF0000);
}
/*---- for display error msg and red box ------*/
.template-login .error2 {
	color: Red;
}




.paging {
	font-size: 85%;
	line-height: 1.3em;
	float: right;
}

	.paging a {
		text-decoration: none;
	}

		.paging a:hover {
			text-decoration: underline;
		}
/***********For blog Category**************/
.heading {
	font-size: 18px;
	font-weight: bold;
	line-height: 34px;
}

.smallcalendar .hasEvents a {
	background-color: #EFB62F !important;
	text-decoration: underline;
}

.activeEvents {
	background-color: transparent !important;
}



.searchedText {
    background-color:#FFFF66;
}




/*.OtherMonthDay 
{
 border:1px solid #9A9A9A;   
    }
.weekendDay first 
{
 border:1px solid #9A9A9A;   
    }*/
    
   /* #Calendar1 td{border:1px solid #9A9A9A;}  */
    .filterLayer td a {
    /*
	border: 1px solid #CCCCCC;
	*/
    display: block;
    font-size: 11px;
    padding-right: 3px;
    text-align: right;
    width: 22px;
}
caption, th {
    border-bottom: 1px solid #CCCCCC;
    font-size: 10px;
    text-align: center;
}



/* *** Color Theme *** */
body.theme-1.homepage .top-search input.searchbox,
body.theme-1.homepage-v2 .top-search input.searchbox,
body.theme-1 {
	background-color: #e9f4df;
}

	body.theme-1 .navDiv ul.nav div.ul,
	body.theme-1 .navDiv ul.nav li ul,
	body.theme-1 .side,
	body.theme-1 .side ul#sidenav li ul {
		background-color: #80a557;
	}
		body.theme-1 .navDiv ul.nav li ul li.hover-li,
		body.theme-1 .navDiv ul.nav li ul li.hover-li ul,
		body.theme-1 .side ul#sidenav li.hover-li,
		body.theme-1 .side ul#sidenav li.hover-li ul {
			background-color: #73954e;
		}
			body.theme-1 .navDiv ul.nav li ul li ul li.hover-li,
			body.theme-1 .navDiv ul.nav li ul li ul li.hover-li ul,
			body.theme-1 .side ul#sidenav li ul li.hover-li,
			body.theme-1 .side ul#sidenav li ul li.hover-li ul {
				background-color: #618040;
			}
				body.theme-1 .navDiv ul.nav li ul li ul li ul li.hover-li,
				body.theme-1 .navDiv ul.nav li ul li ul li ul li.hover-li ul,
				body.theme-1 .side ul#sidenav li ul li ul li.hover-li,
				body.theme-1 .side ul#sidenav li ul li ul li.hover-li ul {
					background-color: #446827;
				}
/*
body.theme-1 {
	background-color: #E9F4DF;
}
	body.theme-1 .navDiv ul.nav div.ul,
	body.theme-1 .side,
	body.theme-1 .side ul#sidenav li ul {
		background-color: #80A557;
	}
*/

body.theme-2.homepage .top-search input.searchbox,
body.theme-2.homepage-v2 .top-search input.searchbox,
body.theme-2 {
	background-color: #F4ECE3;
}

	body.theme-2 .navDiv ul.nav div.ul,
	body.theme-2 .navDiv ul.nav li ul,
	body.theme-2 .side,
	body.theme-2 .side ul#sidenav li ul {
		background-color: #DCABA1;
	}
		body.theme-2 .navDiv ul.nav li ul li.hover-li,
		body.theme-2 .navDiv ul.nav li ul li.hover-li ul,
		body.theme-2 .side ul#sidenav li.hover-li,
		body.theme-2 .side ul#sidenav li.hover-li ul {
			background-color: #C5857B;
		}
			body.theme-2 .navDiv ul.nav li ul li ul li.hover-li,
			body.theme-2 .navDiv ul.nav li ul li ul li.hover-li ul,
			body.theme-2 .side ul#sidenav li ul li.hover-li,
			body.theme-2 .side ul#sidenav li ul li.hover-li ul {
				background-color: #B46D63;
			}
				body.theme-2 .navDiv ul.nav li ul li ul li ul li.hover-li,
				body.theme-2 .navDiv ul.nav li ul li ul li ul li.hover-li ul,
				body.theme-2 .side ul#sidenav li ul li ul li.hover-li,
				body.theme-2 .side ul#sidenav li ul li ul li.hover-li ul {
					background-color: #9C473B;
				}

body.theme-3.homepage .top-search input.searchbox,
body.theme-3.homepage-v2 .top-search input.searchbox,
body.theme-3 {
	background-color: #FCF2CD;
}

	body.theme-3 .navDiv ul.nav div.ul,
	body.theme-3 .navDiv ul.nav li ul,
	body.theme-3 .side,
	body.theme-3 .side ul#sidenav li ul {
		background-color: #f2c54c;
	}
		body.theme-3 .navDiv ul.nav li ul li.hover-li,
		body.theme-3 .navDiv ul.nav li ul li.hover-li ul,
		body.theme-3 .side ul#sidenav li.hover-li,
		body.theme-3 .side ul#sidenav li.hover-li ul {
			background-color: #eda700;
		}
			body.theme-3 .navDiv ul.nav li ul li ul li.hover-li,
			body.theme-3 .navDiv ul.nav li ul li ul li.hover-li ul,
			body.theme-3 .side ul#sidenav li ul li.hover-li,
			body.theme-3 .side ul#sidenav li ul li.hover-li ul {
				background-color: #e79a07;
			}
				body.theme-3 .navDiv ul.nav li ul li ul li ul li.hover-li,
				body.theme-3 .navDiv ul.nav li ul li ul li ul li.hover-li ul,
				body.theme-3 .side ul#sidenav li ul li ul li.hover-li,
				body.theme-3 .side ul#sidenav li ul li ul li.hover-li ul {
					background-color: #e58e00;
				}
/*
body.theme-3 {
	background-color: #FCF2CD;
}

	body.theme-3 .navDiv ul.nav div.ul,
	body.theme-3 .side,
	body.theme-3 .side ul#sidenav li ul {
		background-color: #E7C55E;
	}
*/

body.theme-4.homepage .top-search input.searchbox,
body.theme-4.homepage-v2 .top-search input.searchbox,
body.theme-4 {
	background-color: #CEE0E2;
}

	body.theme-4 .navDiv ul.nav div.ul,
	body.theme-4 .navDiv ul.nav li ul,
	body.theme-4 .side,
	body.theme-4 .side ul#sidenav li ul {
		background-color: #809c99;
	}
		body.theme-4 .navDiv ul.nav li ul li.hover-li,
		body.theme-4 .navDiv ul.nav li ul li.hover-li ul,
		body.theme-4 .side ul#sidenav li.hover-li,
		body.theme-4 .side ul#sidenav li.hover-li ul {
			background-color: #738d8a;
		}
			body.theme-4 .navDiv ul.nav li ul li ul li.hover-li,
			body.theme-4 .navDiv ul.nav li ul li ul li.hover-li ul,
			body.theme-4 .side ul#sidenav li ul li.hover-li,
			body.theme-4 .side ul#sidenav li ul li.hover-li ul {
				background-color: #607875;
			}
				body.theme-4 .navDiv ul.nav li ul li ul li ul li.hover-li,
				body.theme-4 .navDiv ul.nav li ul li ul li ul li.hover-li ul,
				body.theme-4 .side ul#sidenav li ul li ul li.hover-li,
				body.theme-4 .side ul#sidenav li ul li ul li.hover-li ul {
					background-color: #446366;
				}
/*
body.theme-4 {
	background-color: #CEE0E2;
}
	body.theme-4 .navDiv ul.nav div.ul,
	body.theme-4 .side,
	body.theme-4 .side ul#sidenav li ul {
		background-color: #809C99;
	}
*/

body.theme-1 .navDiv ul.nav > li > a.current,
body.theme-1 .navDiv ul.nav > li > a.active,
body.theme-1 .navDiv ul.nav > li > a:hover,
body.theme-1 .navDiv ul.nav > li > a.current.active,
body.theme-1 .navDiv ul.nav > li > a.current:hover {
	background-position: 0% -80px;
}

	body.theme-1 .navDiv ul.nav > li > a.current span,
	body.theme-1 .navDiv ul.nav > li > a.active span,
	body.theme-1 .navDiv ul.nav > li > a:hover span,
	body.theme-1 .navDiv ul.nav > li > a.current.active span,
	body.theme-1 .navDiv ul.nav > li > a.current:hover span {
		background-position: 100% -120px;
	}

body.theme-2 .navDiv ul.nav > li > a.current,
body.theme-2 .navDiv ul.nav > li > a.active,
body.theme-2 .navDiv ul.nav > li > a:hover,
body.theme-2 .navDiv ul.nav > li > a.current.active,
body.theme-2 .navDiv ul.nav > li > a.current:hover {
	background-position: 0% -160px;
}

	body.theme-2 .navDiv ul.nav > li > a.current span,
	body.theme-2 .navDiv ul.nav > li > a.active span,
	body.theme-2 .navDiv ul.nav > li > a:hover span,
	body.theme-2 .navDiv ul.nav > li > a.current.active span,
	body.theme-2 .navDiv ul.nav > li > a.current:hover span {
		background-position: 100% -200px;
	}

body.theme-3 .navDiv ul.nav > li > a.current,
body.theme-3 .navDiv ul.nav > li > a.active,
body.theme-3 .navDiv ul.nav > li > a:hover,
body.theme-3 .navDiv ul.nav > li > a.current.active,
body.theme-3 .navDiv ul.nav > li > a.current:hover {
	background-position: 0% -240px;
}

	body.theme-3 .navDiv ul.nav > li > a.current span,
	body.theme-3 .navDiv ul.nav > li > a.active span,
	body.theme-3 .navDiv ul.nav > li > a:hover span,
	body.theme-3 .navDiv ul.nav > li > a.current.active span,
	body.theme-3 .navDiv ul.nav > li > a.current:hover span {
		background-position: 100% -280px;
	}

body.theme-4 .navDiv ul.nav > li > a.current,
body.theme-4 .navDiv ul.nav > li > a.active,
body.theme-4 .navDiv ul.nav > li > a:hover,
body.theme-4 .navDiv ul.nav > li > a.current.active,
body.theme-4 .navDiv ul.nav > li > a.current:hover {
	background-position: 0% -320px;
}

	body.theme-4 .navDiv ul.nav > li > a.current span,
	body.theme-4 .navDiv ul.nav > li > a.active span,
	body.theme-4 .navDiv ul.nav > li > a:hover span,
	body.theme-4 .navDiv ul.nav > li > a.current.active span,
	body.theme-4 .navDiv ul.nav > li > a.current:hover span {
		background-position: 100% -360px;
	}

body.theme-1 .side ul#sidenav li.close > .toggle {
	background-image: url(../img/icon/close-1.png);
}

body.theme-1 .side ul#sidenav li.open > .toggle {
	background-image: url(../img/icon/open-1.png);
}

body.theme-2 .side ul#sidenav li.close > .toggle {
	background-image: url(../img/icon/close-2.png);
}

body.theme-2 .side ul#sidenav li.open > .toggle {
	background-image: url(../img/icon/open-2.png);
}

body.theme-3 .side ul#sidenav li.close > .toggle {
	background-image: url(../img/icon/close-3.png);
}

body.theme-3 .side ul#sidenav li.open > .toggle {
	background-image: url(../img/icon/open-3.png);
}

body.theme-4 .side ul#sidenav li.close > .toggle {
	background-image: url(../img/icon/close-4.png);
}

body.theme-4 .side ul#sidenav li.open > .toggle {
	background-image: url(../img/icon/open-4.png);
}


/*********************Prateek's CSS for special announcement***********************/

.special_announcement{
	height: 191px;
    overflow: auto;
    position: relative;
    margin-top: -30px;
	margin-bottom: 15px;
	background:#f8f8f8;
    width: auto;
	margin-right:-13px;
	margin-left:-20px;
	padding-left:20px;
}
.special_announcement ul {
	margin:0 0 0 13px;
}
.special_announcement ul li{
	list-style:disc;
}
.special_announcement ul li a{
	color:#484747 !important;
	line-height:1.6em;	
}
.special_announcement h3{
	color:#a3182b !important;
	padding:20px 0 15px 0;
	margin:0 0 0 0!important;
}

.radio label {
    width:570px;
}


.field input[type=reset] {
       border-radius:5px;
       text-align:center;
       border:0;
       width:77px;
}
#ctl00_ContentPlaceHolder1_rdbConfirm input[type="radio"] {
    margin-right:3px;
}


/*For Event page's button*/
.event-item .buttons{
	margin-bottom:5px !important;
}
.event-details .buttons{
	margin-top:0px !important;
	margin-left:5px;
}
/*
.event-item .buttons span,
.event-details .buttons span,
.thankyou .buttons span{
	line-height:22px;
	height:22px;	
	padding:0 8px;
	font-size:11px;
}
*/
.event-details table.events-list td.event-item .item-date, .event-details .item-date{
	margin-top:-1px;
}
.payment-section{
	margin:20px 0 40px 0;
}
.payment-section h4{
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
}
.payment-table td{
	padding:2px 5px 2px 0px;
}
.payment-table tfoot{
	border-top:1px #999 solid;
}
.payment-table  tfoot tr td{
	padding:5px 5px 5px 0px;
}

.payment-section .radio label{
	width:auto;
	padding:0 20px 2px 0;
}
.payment-des{
	margin-top:20px;
}
.payment-logo{
	margin-right:15px;
}
.content .thankyou{
	padding-bottom:100px;
}

label.label1 {
    float: left;
    width: 300px;
}
div.field1 {
    float:right;
}
div.field1 select{
    width:60px;
}
.attendee {
    width: 430px !important;
}