/***********************************
Body
***********************************/


html, body {
	text-align: center;
	font-family : Helvetica,Verdana, Sans-Serif;
    font-size : 12px;
	color:#3f3f3f;
}
.wrapper {
	position: relative;
	text-align: center;
	width:1022px;
}
img{
	border-style: none;
}
a:active {
	outline:none;
}
a:focus { outline:none; text-decoration:underline; }
textarea:focus, input:focus{
    outline: none;
}
textarea:active, input:active{
    outline: none;
}
button{
	cursor:pointer;
}
/***********************************
Header
***********************************/
.header_line{
	background:url('../images/head-line.png') top left;
	height: 5px;
}
.header_logo h1 {
height:123px; margin:0; padding:0; overflow:hidden;
}
.header_logo h1 span {
	background:url('../images/header.gif') top left no-repeat;
	display:block;
	height: 123px;
}
/***********************************
Online Booking Popup
***********************************/

#booking-form,#booking-promotion-form{
	font-family : Helvetica,Verdana, Sans-Serif;
	font-size:12px;
	color:#71B901;
	text-align:left;
	overflow: hidden;
}
#booking-form label.error ,#booking-promotion-form label.error{
	font-size:11px;
	margin-left:5px;
	background: url('../images/alert.png') no-repeat;
	color: #DE5130;
	padding:2px 2px 2px 20px;
}
#booking-form input[type="text"],#booking-promotion-form input[type="text"]{
	margin-right:5px;
	border: 1px solid #ccc;
	font-family : Helvetica,Verdana, Sans-Serif;
	font-size:12px;
}
#booking-form  table tr td select,#booking-promotion-form  table tr td select{
	margin-right:5px;
	border: 1px solid #ccc;
	width:auto;
	min-width:50px;
	font-family : Helvetica,Verdana, Sans-Serif;
	vertical-align:middle;
}
#booking-form  table tr td img.ui-datepicker-trigger,#booking-promotion-form  table tr td img.ui-datepicker-trigger{
	vertical-align:text-top;
	cursor:pointer;
}
#booking-form  table#infomation,#booking-promotion-form  table#infomation{
	margin:10px 5px 5px 5px;
}
#booking-form  table#infomation tr td,#booking-promotion-form  table#infomation tr td{
	font-weight:bold;
	padding-right:5px;
	height:25px;
}
#item-booking{
	background:url('../images/booknow.png') 60px 0px no-repeat;
	border:none;
	cursor:pointer;
	height:33px;
	width:90px;
	text-align:left;
	position:absolute;
	top:5px;
	right:115px;
	font-family : Helvetica,Verdana, Sans-Serif;
	font-size:12px;
	font-weight:bold;
	color:#555555;
}
#promotion-booking,#promotion-email{
	background:url('../images/sig-booknow.png') 0px 0px no-repeat;
	border:none;
	cursor:pointer;
	height:41px;
	width:122px;
	text-align:left;
	font-family : Helvetica,Verdana, Sans-Serif;
	font-size:12px;
	font-weight:bold;
	color:#555555;
	padding-left:20px;
	float:right;
}
#item-buygift{
	background:url('../images/buynow.png') 47px 0px no-repeat;
	border:none;
	cursor:pointer;
	height:33px;
	width:80px;
	text-align:left;
	position:absolute;
	top:5px;
	right:10px;
	font-family : Helvetica,Verdana, Sans-Serif;
	font-size:12px;
	font-weight:bold;
	color:#555555;
}
#sig-book #item-booking{
	background:url('../images/sig-booknow.png') 0px 0px no-repeat;
	border:none;
	cursor:pointer;
	height:41px;
	width:122px;
	text-align:left;
	position:absolute;
	top:25px;
	right:10px;
	font-family : Helvetica,Verdana, Sans-Serif;
	font-size:12px;
	font-weight:bold;
	color:#555555;
	padding-left:20px;
}
#sig-book #item-buygift{
	background:url('../images/sig-buyknow.png') 0px 0px no-repeat;
	border:none;
	cursor:pointer;
	height:41px;
	width:122px;
	text-align:left;
	position:absolute;
	top:65px;
	right:10px;
	font-family : Helvetica,Verdana, Sans-Serif;
	font-size:12px;
	font-weight:bold;
	color:#555555;
	padding-left:20px;
}
#item-booking:hover, #item-buygift:hover, #sig-book #item-booking:hover, #sig-book #item-buygift:hover{
	color:#212121;
}
/***********************************
Online Booking Tab
***********************************/
#online-booking{
	position:relative;
	background:url('../images/online-booking.png') top left no-repeat;
	display:block;
	height: 99px;
	margin-top:-30px;
	z-index:11;
}
#online-booking table#booking{
	position:absolute;
	left:25px;
	bottom:15px;
}
#online-booking  input[type="text"]{
	position: relative;
	border: solid 1px #bbb;
	line-height: 24px;
	height: 25px;
	text-decoration: none;
	text-align: left;
	outline: none;
	vertical-align: middle;
	background: #fbfbf7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	cursor: default;
	font-size:12px;
}
#online-booking #book{
	line-height: 24px;
	height: 25px;
	text-decoration: none;
	outline: none;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	background:url('../images/book.png') top left no-repeat;
	width:149px;
	height:45px;
	cursor: pointer;
}
/***********************************
Content
***********************************/
#page-content {
	position: relative;
	width: 1022px;
	margin: 0 auto;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #dfdfdf 0%, #ffffff 500px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(500px,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dfdfdf 0%,#ffffff 500px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dfdfdf 0%,#ffffff 500px); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #dfdfdf 0%,#ffffff 500px); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #dfdfdf 0%,#ffffff 500px); /* W3C */
}
#navigate{
	width: 1022px;
	margin: 0px auto;
	padding-top:5xp;
	height: 30px;
	border-bottom : 1px solid #c8c8c8;
}
#Navigation{
	position:absolute;
	bottom:35px;
	right:20px;
}
#Navigation input[type="reset"][disabled] {
  color: #bbb;
  cursor: inherit;
}
#Navigation input[type="submit"],#Navigation input[type="reset"]{
  color: #0b4100;
  cursor: pointer;
}
#Navigation #back{
	padding-left:5px;
	background:url('../onlinebooking/images/back.png') no-repeat;
	height:39px;
	width:101px;
	font-size:13px;
}
#Navigation #next{
	padding-right:10px;
	background:url('../onlinebooking/images/next.png') no-repeat;
	height:39px;
	width:127px;
	font-size:13px;
}
#Navigation #back:hover{
	background:url('../onlinebooking/images/back-hover.png') no-repeat;
}
#Navigation #next:hover{
	background:url('../onlinebooking/images/next-hover.png') no-repeat;
}
.lavaLamp {
   position: relative;
   padding-top:3px;
   overflow: hidden;
}
.lavaLamp li {
    float: left;
    list-style: none;
	padding-left:5px;
}
.lavaLamp li.back {
	background: url("../images/lava.gif") no-repeat right -20px;
	width: 7px; height: 20px;
	z-index: 0;
	position: absolute;
}
.lavaLamp li.back .left {
     background: url("../images/lava.gif") no-repeat top left;
     height: 20px;
     margin-right: 7px; /* 7px is the width of the rounded shape */
}
.lavaLamp li a {
    text-decoration: none;
	color:#565656;
	font-size:11px;
    outline: none;
    text-align: center;
    top: 7px;
	letter-spacing: 0;
	z-index: 1;
	display: block;
	float: left;
	height: 20px;
	position: relative;
	overflow: hidden;
	margin: auto 5px;
	padding-left:10px;
	line-height:9px;
}
.lavaLamp li a {
	background: url('../images/nav-inactive.png') no-repeat 0 1px;
}
.lavaLamp li.current a {
	background: url("../images/nav.png") no-repeat 0 1px;
}
.lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited{
	border: none;
}
/***********************************
Home
***********************************/
#home-content{
	width: 1022px;
	margin: 0px auto;
	text-align:justify;
	line-height: 18px;
	position: relative;
}
#home-content h1{ float:left; font-size:30px; color:#0b4100; padding:10px; margin-top:10px;}
#home-content h2{ float:left; background: url('../images/nav.png') no-repeat 0px; font-size:20px; color:#0b4100; padding:10px; margin-top:13px; margin-left:35px; }
#home-content h3{ clear:both; font-size:18px; color:#93a869; padding:10px; margin-left:10px; margin-bottom:5px; }
#home-content p {
	padding-left:10px;
	padding-right:10px;
	text-indent:30px;
}
#home-content #newsletter{
	float:left;
	margin:10px 0 0 5px;
	background: url('../images/newsletter.png') no-repeat;
	width: 506px;
	height: 145px;
	position: relative;
}
#home-content #newsletter input#subemail{
	position: absolute;
	top:95px;
	left:170px;
	padding-left:5px;
	border:1px solid #ccc;
	line-height:19px;
	height:20px;
	width:140px;
	font-size:11px;
	font-family : Helvetica,Verdana, Sans-Serif;
}
#home-content #newsletter input#subcsname{
	position: absolute;
	top:95px;
	left:325px;
	padding-left:5px;
	border:1px solid #ccc;
	line-height:19px;
	height:20px;
	width:90px;
	font-size:11px;
	font-family : Helvetica,Verdana, Sans-Serif;
}
#home-content #newsletter input#subscribe{
	background: url('../images/subscribe.png') 0 1px no-repeat;
	width:65px;
	height:24px;
	color:#434343;
	position: absolute;
	top:93px;
	left:430px;
	cursor:pointer;
	font-family : Helvetica,Verdana, Sans-Serif;
}
#home-content #newsletter input#subscribe:hover{
	color:#575757;
}
#home-content #newsletter label.error {
	font-size:11px;
	margin-left:5px;
	background: url('../images/alert.png') no-repeat;
	color: #DE5130;
	padding:2px 2px 2px 20px;
}
#home-content #newsletter div#error-output, #home-content #newsletter div#output{
	position: absolute;
	top:127px;
	left:170px;
}
#home-content #newsletter .error-highlight{
	background:#ffd9d9;
}
#home-content #newsletter p#condition{
	text-indent:0px;
	color:#212121;
	position: absolute;
	top:55px;
	left:180px;
}
#home-content #newsevent{
	float:right;
	margin:10px 5px 0 0;
	background: url('../images/newsevent.png') no-repeat;
	width: 500px;
	height: 145px;
	position: relative;
}
#home-content #newsevent div#new-link{
	position: absolute;
	top:55px;
	left:0px;
}
#home-content #newsevent div#new-link a{
	color:#7a9304;
	text-decoration:none;
}
#home-content #newsevent div#new-link a:hover{
	color:#0B4100;
	text-decoration:none;
}
/***********************************
Our Philosophy
***********************************/
#philosophy-content{
	width: 1022px;
	margin: 20px auto;
	text-align:justify;
	line-height: 18px;
	position: relative;
}
#philosophy-content #main { position: relative; margin-top:-5px; background: url('../philosophy/images/philosophy.png') 40px 0 no-repeat ;  height:142px; }
#philosophy-content #main #head{ margin:20px 0 0 0; position:absolute; top:0px; left:435px; width: 550px;}
#philosophy-content #main #head a{ cursor:pointer; }
#philosophy-content #main #head h1{ font-size:12px; background: url('../images/nav-detail.png') no-repeat 5px; color:#0B4100;  margin:0px 0 5px 0; font-weight:bold; padding-left:15px;}
#philosophy-content #main #head h2{ font-size:12px; color:#bbad6d; font-size:11px; }
#philosophy-content #main #head h3{ font-size:12px; background: url('../images/nav-detail.png') no-repeat 5px; color:#4b4b4b;  margin:2px 0 5px 10px; font-weight:normal; padding-left:15px;}
#philosophy-content p{
	margin:10px 0 0 250px;
	text-indent:30px;
	padding-right:10px;
}
#philosophy-content p.beginning{
	margin:10px 0 0 440px;
	text-indent:30px;
	padding-right:10px;
}
#philosophy-content #main #head p{
	margin:0px;
	text-indent:30px;
	padding-right:10px;
}
#philosophy-content #menu{ text-align:center; margin-left: 200px;}
#philosophy-content div#detail p{
	margin:5px 15px;
}
#philosophy-content #menu a{
	color:#A6A6A6;
	text-decoration:none;
}
#philosophy-content #menu a:hover{
	color:#3d3d3d;
	text-decoration:none;
}
#philosophy-content #menu h3{
	font-size:12px;
}
#philosophy-content #menu #icon{
	float:left;
	height:100px;
	width:150px;
	margin: 20px 10px 0 0;
}
#philosophy-content #menu #icon #icon-beginning{
	margin: 0px auto;
	background: url('../philosophy/images/beginning.png') no-repeat; width: 95px; height:72px;
}
#philosophy-content #menu #icon #icon-concept{
	margin: 0px auto;
	background: url('../philosophy/images/concept.png') no-repeat; width: 95px; height:72px;
}
#philosophy-content #menu #icon #icon-natural{
	margin: 0px auto;
	background: url('../philosophy/images/natural.png') no-repeat; width: 95px; height:72px;
}
#philosophy-content #menu #icon #icon-ourpeople{
	margin: 0px auto;
	background: url('../philosophy/images/ourpeople.png') no-repeat; width: 95px; height:72px;
}
#philosophy-content #menu #icon #icon-explore{
	margin: 0px auto;
	background: url('../philosophy/images/explore.png') no-repeat; width: 95px; height:72px;
}

#philosophy-content h1 span{ font-size:12px; background: url('../images/nav.png') no-repeat 10px; color:#0b4100;  margin:0px; font-weight:bold; padding-left:20px; }
#philosophy-content h2 { font-size:12px; color:#7a9304; font-weight:bold; margin:10px 0 0 0;}
#philosophy-content div#image-beginning{
	float:left;
	margin-left:10px;
	padding-left:15px;
	width: 425px;
	height: 198px;
}
#philosophy-content div#image-concept,
#philosophy-content div#image-natural,#philosophy-content div#image-ourpeople{
	float:left;
	margin-left:10px;
	padding-left:15px;
	width: 220px;
	height: 147px;
}
#philosophy-content div#image-beginning{
	background: url('../philosophy/beginning/images/beginning.png') no-repeat;
}
#philosophy-content div#image-concept{
	background: url('../philosophy/concept/images/concept.png') no-repeat;
}
#philosophy-content div#image-natural{
	background: url('../philosophy/natural/images/natural.png') no-repeat;
}
#philosophy-content div#image-ourpeople{
	background: url('../philosophy/ourpeople/images/ourpeople.png') no-repeat;
}
#philosophy-content div#left{ float:left; width:20%; }
#philosophy-content div#right{ float:right; width:80%; margin-top:10px; }
#philosophy-content ul#left-menu{ padding:10px 0 5px 20px;}
#philosophy-content ul#left-menu li a{
	cursor:pointer;
	display: block; background: url('../images/leftmenu.png') no-repeat;
	width:176px;
	height:36px;
	line-height:40px;
	padding-left:25px;
	text-decoration:none;
	color:#4b4b4b;
}
#philosophy-content ul#left-menu li a:hover,
#philosophy-content ul#left-menu li a.select { background: url('../images/leftmenu-hover.png') no-repeat; font-weight:bold; }
#philosophy-content .content{ height:100%!important; padding:20px; margin:3px 20px 0px 20px; }
#philosophy-content .content h1{ font-size:12px; padding-left:0px; font-weight:bold; }
#philosophy-content .content h2{ padding:10px 0 0 10px; }
#philosophy-content .content p{ margin:0; padding:5px 0 0 0px; }
#philosophy-content #dot-line{ margin: 0 15px 0 15px; padding:5px 0 5px 0; clear:both; border-bottom : 1px dotted #4b4b4b; }
#philosophy-content #notice{ margin-right:60px; padding-top:30px; clear:both; text-align:right; }
#philosophy-content #notice span a{ font-weight:bold; color:#4b4b4b; }
/*Media Gallery*/
#media-content #media-body #gallery{ clear:both; margin:20px 0 0 0px; }
/*Press kits*/
#philosophy-content .content #kit-body{ text-align:center; width:500px; margin:0 auto; }
#philosophy-content .content #kit-body #kit-item {
	background: url('../philosophy/ourstory/images/kit/kit.png') no-repeat;
	width:402px;
	height:107px;
	margin:10px;
	position: relative;
	color:#4b4b4b;
}
#philosophy-content .content #kit-body #kit-item #item-name{ position: absolute; top:47px; left:130px; }
#philosophy-content .content #kit-body #kit-item #item-download{ position: absolute; top:68px; left:18px; }
#philosophy-content .content #kit-body #kit-item #item-download { font-weight:bold; text-decoration:none; color:#4b4b4b; }
#philosophy-content .content #kit-body #kit-item #item-download:hover{ color:#597915; }
/*Fact Sheet*/
#philosophy-content .content #factsheet-body{ text-align:center; width:500px; margin:0 auto; }
#philosophy-content .content #factsheet-body #factsheet-item {
	background: url('../philosophy/ourstory/images/factsheet/factsheet.png') no-repeat;
	width:402px;
	height:107px;
	margin:10px;
	position: relative;
	color:#4b4b4b;
}
#philosophy-content .content #factsheet-body #factsheet-item #item-name{ position: absolute; top:47px; left:130px; }
#philosophy-content .content #factsheet-body #factsheet-item a{ color:#4b4b4b; }
#philosophy-content .content #factsheet-body #factsheet-item #item-download{ position: absolute; top:68px; left:18px; }
#philosophy-content .content #factsheet-body #factsheet-item #item-download { font-weight:bold; text-decoration:none; color:#4b4b4b; }
#philosophy-content .content #factsheet-body #factsheet-item #item-download:hover{ color:#597915; }
/*Video*/
#philosophy-content .content #video-body #link { float:left; }
#philosophy-content .content #video-body #link a{ text-decoration:none; color:#4b4b4b; cursor:pointer; }
#philosophy-content .content #video-body #link a:hover,
#philosophy-content .content #video-body #link a.selected{ color:#597915; font-weight:bold; }
#philosophy-content .content #video-body #youtube {float:right; background:#fff; padding:10px; margin-right:50px; }
#end-box{ clear:both; }

/***********************************
Spa Therapies
***********************************/
#spatherapie-content{
	width: 1022px;
	margin: 40px auto;
	text-align:justify;
	line-height: 18px;
	position: relative;
}
#spatherapie-content #main { position: relative; margin-top:-5px; background: url('../therapie/images/therapie.png') no-repeat ;  height:157px; }
#spatherapie-content #main #head{ margin:0px; position:absolute; top:0px; left:435px; width: 550px;}
#spatherapie-content #main #head a{ cursor:pointer; }
#spatherapie-content #main #head h1{ font-size:12px; background: url('../images/nav-detail.png') no-repeat 5px; color:#0B4100;  margin:0px 0 5px 0; font-weight:bold; padding-left:15px;}
#spatherapie-content #main #head h2{ margin-top:10px; font-weight:bold; color:#bbad6d; font-size:11px; }
#spatherapie-content #main #head h3{ background: url('../images/nav-detail.png') no-repeat 5px; color:#4b4b4b;  margin:2px 0 5px 10px; font-weight:normal; padding-left:15px;}
#spatherapie-content p{
	margin:10px 0 0 250px;
	text-indent:30px;
	padding-right:10px;
}
#spatherapie-content #main #head p{
	margin:0px;
	text-indent:30px;
	padding-right:10px;
}
#spatherapie-content #menu{ text-align:center; margin-top: 10px; margin-left: 100px;}
#spatherapie-content div#detail p{
	margin:5px 15px;
}
#spatherapie-content #menu a{
	color:#A6A6A6;
	text-decoration:none;
}
#spatherapie-content #menu h3{
	font-size:12px;
}
#spatherapie-content #menu a:hover{
	color:#3d3d3d;
	text-decoration:none;
}
#spatherapie-content #menu #icon{
	float:left;
	height:100px;
	width:150px;
	margin: 11px 10px 0 0;
}
#spatherapie-content #menu #icon #icon-signature{
	margin: 0px auto;
	background: url('../therapie/images/signature.png') no-repeat; width: 70px; height:59px;
}
#spatherapie-content #menu #icon #icon-package{
	margin: 0px auto;
	background: url('../therapie/images/package.png') no-repeat; width: 70px; height:59px;
}
#spatherapie-content #menu #icon #icon-massage{
	margin: 0px auto;
	background: url('../therapie/images/massage.png') no-repeat; width: 70px; height:59px;
}
#spatherapie-content #menu #icon #icon-treatment{
	margin: 0px auto;
	background: url('../therapie/images/treatment.png') no-repeat; width: 97px; height:62px;
}
#spatherapie-content #menu #icon #icon-hydrotherapy{
	margin: 0px auto;
	background: url('../therapie/images/hydrotherapy.png') no-repeat; width: 70px; height:59px;
}
/***********************************

***********************************/
#perfectgift-content{
	width: 1022px;
	margin: 40px auto;
	text-align:justify;
	line-height: 18px;
	position: relative;
}
#perfectgift-content #main { position: relative; margin-top:-5px; background: url('../perfectgift/images/perfectgift.png') no-repeat 0 105px;  height:300px; }
#perfectgift-content #main #head{ margin:0px; position:absolute; top:0px; left:20px; width: 100%; }
#perfectgift-content #main #head a{ cursor:pointer; }
#perfectgift-content #main #head h1{ font-size:12px; background: url('../images/nav-detail.png') no-repeat 5px; color:#0B4100;  margin:0px 0 5px 0; font-weight:bold; padding-left:15px;}
#perfectgift-content #main #head h2{ margin-top:10px; font-weight:bold; color:#bbad6d; font-size:11px; }
#perfectgift-content #main #head h3{ color:#4b4b4b; text-align:left; padding:60px 20px 0 20px;}
#perfectgift-content p{
	margin:10px 0 0 250px;
	text-indent:30px;
	padding-right:10px;
}
#perfectgift-content #main #head p{
	margin:0px;
	text-indent:30px;
	padding-right:10px;
}
#perfectgift-content #menu{ text-align:center; margin-top: 10px; margin-right: 20px;}
#perfectgift-content div#detail p{
	margin:5px 15px;
}
#perfectgift-content #menu a{
	color:#A6A6A6;
	text-decoration:none;
}
#perfectgift-content #menu a:hover{
	color:#3d3d3d;
	text-decoration:none;
}
#perfectgift-content #menu #icon{
	float:right;
	height:149px;
	width:267px;
	margin: 11px 0 0 0;
}
#perfectgift-content #menu #icon h3{
	font-size:12px;
}
#perfectgift-content #menu #icon #icon-membership{
	margin: 0px auto;
	background: url('../perfectgift/images/member.png') no-repeat; width: 270px; height:149px;
}
#perfectgift-content #menu #icon #icon-giftset{
	margin: 0px auto;
	background: url('../perfectgift/images/giftset.png') no-repeat; width: 267px; height:149px;
}
#perfectgift-content #menu #icon #icon-giftcertificate{
	margin: 0px auto;
	background: url('../perfectgift/images/giftcertificate.png') no-repeat; width: 267px; height:149px;
}
#gift-content{
	width: 1022px;
	margin: 15px auto;
	text-align:justify;
	line-height: 18px;
	position: relative;
}
#gift-content #image-giftset{
	float:left;
	background: url('../perfectgift/giftset/images/giftset.png') no-repeat; width: 388px; height:386px;
}
#gift-content #image-giftcertificate{
	float:left;
	background: url('../perfectgift/giftcertificate/images/giftcertificate.png') no-repeat; width: 387px; height:293px;
}
#gift-content #giftset-content{
	float:left;
	margin:5px 20px;
	padding-bottom:10px;
	width:536px;
	position: relative;
}
#gift-content #giftcertificate-content{
	float:left;
	margin:5px 20px;
	padding-bottom:10px;
	width:566px;
	position: relative;
}
#gift-content #giftset-content h1 {
height:56px; margin:0; padding:0; overflow:hidden; font-size:12px;
}
#gift-content #giftcertificate-content h1 {
height:58px; margin:15px 0 20px 0; padding:0; overflow:hidden; font-size:12px;
}
#gift-content #giftset-content h2 {
	background: url('../images/nav.png') no-repeat 10px 6px;
	color:#0B4100;
	font-weight:bold;
	padding-left:20px;
	padding-right:15px;
	margin-top:10px;
	font-size:12px;
}
#gift-content #giftcertificate-content h2 {
	background: url('../images/nav.png') no-repeat 0px 6px;
	color:#3c652b;
	font-weight:bold;
	padding-left:10px;
	padding-right:15px;
	margin-top:0px;
	font-size:15px;
}
#gift-content #giftset-content h1 span {
	background:url('../perfectgift/giftset/images/head.png') no-repeat;
	display:block;
	height: 56px;
}
#gift-content #giftcertificate-content h1 span {
	background:url('../perfectgift/giftcertificate/images/head.png') no-repeat;
	display:block;
	height: 58px;
}
#gift-content #giftset-content p{
	margin:10px 10px 0px 10px;
}
#gift-content #giftcertificate-content p{
	margin:10px 10px 0px 0px;
}
#gift-content #giftset-content h3 {
	color:#1d5401;
	font-weight:bold;
	padding-left:15px;
	padding-right:15px;
	margin-top:15px;
	font-size:14px;
}
#gift-content #giftcertificate-content h3 {
	margin-top:15px;
	color:#4b4b4b;
	font-size:16px;
}
#gift-content #giftset-content #purchase{
	line-height: 24px;
	height: 25px;
	text-decoration: none;
	outline: none;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	background:url('../perfectgift/giftset/images/purchase.png') top left no-repeat;
	width:206px;
	height:38px;
	cursor: pointer;
	position:absolute;
	bottom:0px;
	right:0px;
}
#gift-content #giftcertificate-content #purchase{
	line-height: 24px;
	height: 25px;
	text-decoration: none;
	outline: none;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	background:url('../perfectgift/giftcertificate/images/purchase.png') top left no-repeat;
	width:206px;
	height:38px;
	cursor: pointer;
}
#gift-content #giftset-content #purchase:hover{
	background:url('../perfectgift/giftset/images/purchase-hover.png') top left no-repeat;
	width:206px;
	height:38px;
	cursor: pointer;
}
#gift-content #giftset-content #purchase{
	background:url('../perfectgift/giftset/images/purchase.png') top left no-repeat;
	width:206px;
	height:38px;
	cursor: pointer;
}
#gift-content #giftcertificate-content #purchase:hover{
	background:url('../perfectgift/giftcertificate/images/purchase-hover.png') top left no-repeat;
	width:206px;
	height:38px;
	cursor: pointer;
}
/***********************************
Promotions
***********************************/
#promotion-content{
	width: 1022px;
	margin: 0px auto;
	text-align:justify;
	line-height: 18px;
	position: relative;
}
#promotion-content div#left{ float:left; width:389px; margin-top:5px; margin-left:5px; }
#promotion-content div#left div#head { background:#d7dec6; height:32px; text-align:center; font-weight:bold; line-height:32px; }
#promotion-content div#left div#promotion { height:400px; }
#promotion-content div#left div#newsletter { position: relative; margin-top:5px; background: #d7dec6; height:105px; }
#promotion-content div#left div#newsletter p { padding-top:10px; padding-left:15px; }
#promotion-content div#left input#subemail{
	position: absolute;
	top:8px;
	left:80px;
	padding-left:5px;
	border:1px solid #ccc;
	line-height:19px;
	height:20px;
	width:170px;
	font-size:11px;
	font-family : Helvetica,Verdana, Sans-Serif;
}
#promotion-content div#left input#subcsname{
	position: absolute;
	top:8px;
	left:262px;
	padding-left:5px;
	border:1px solid #ccc;
	line-height:19px;
	height:20px;
	width:100px;
	font-size:11px;
	font-family : Helvetica,Verdana, Sans-Serif;
}
#promotion-content div#left input#subscribe{
	font-family : Helvetica,Verdana, Sans-Serif;
	background:#eff6e0;
	color:#4b4b4b;
	font-weight:bold;
	width:80px;
	height:33px;
	position: absolute;
	bottom:20px;
	right:20px;
	cursor:pointer;
	border:1px solid #ccc;
}
#promotion-content div#left #sub_confirm{
	position: absolute;
	top:40px;
	left:15px;
}
#promotion-content div#left p#condition{
	position: absolute;
	top:27px;
	left:22px;
}
#promotion-content div#left div#error-output, #promotion-content div#left div#output{
	position: absolute;
	bottom:2px;
	left:15px;
}
#promotion-content label.error {
	font-size:11px;
	margin-left:5px;
	background: url('../images/alert.png') no-repeat;
	color: #DE5130;
	padding:2px 2px 2px 20px;
}
#promotion-content div#left  .error-highlight{
	background:#ffd9d9;
}
#promotion-content div#right{ float:right; width:620px; margin-top:5px; margin-right:5px;}
#promotion-content div#right div#head { background:#ecf1df; height:32px; text-align:center; font-weight:bold; line-height:32px; }
#promotion-content div#right div#body { height:360px; /*height:400px;*/ }
#promotion-content div#right div#body p{ padding:10px 20px 0px 20px; text-align:left; }
#promotion-content div#right div#body p#top{ border-top : 1px solid #c8c8c8; padding:10px 20px 0px 20px; }
#promotion-content div#right div#body p#bottom{ border-top : 1px solid #c8c8c8; padding:10px 20px 0px 20px; text-align:left; }
#promotion-content div#right div#book{ height:35px; line-height:35px; }
#promotion-content div#right div#reservation-info { margin-top:5px; background: url('../promotion/images/res-bg.png') no-repeat; height:105px; }
#promotion-content div#right div#reservation-info p { padding-top:10px; padding-left:15px; }
#promotion-content  #clearboth
{
	clear:both;
	height:50px;
}
/***********************************
Contracts
***********************************/
#contact-content{
	width: 1022px;
	margin: 0px auto;
	text-align:justify;
	line-height: 18px;
	position: relative;
}
#contact-content p{
	margin:20px 0 0 10px;
	text-indent:30px;
	padding-right:10px;
}
#contact-form{
	background: url('../contact/images/contact-bg.png') no-repeat;
	margin:20px auto;
	height: 453px;
	width: 954px;
}
#contact-form div#left{ float:left; width:60%; margin-top:20px; }
#contact-form div#left table#contact{
	margin:10px 0 0 35px;
	vertical-align:top;
}
#contact-form div#left table#contact tr td{
	padding-top:8px;
	vertical-align:top;
}
#contact-form div#left table#contact tr td .captcha{
	float:left;
	margin-right:10px;
}
#contact-form div#left table#contact tr td.left{
	width:100px;
	text-align:right;
}
#contact-form div#left table#contact tr td.right{
	padding-left:10px;
}
#contact-form div#left table#contact textarea{
	border:1px solid #ccc;
}
#contact-form div#left table#contact input,
#contact-form div#left table#contact select{
	border:1px solid #ccc;
	height:20px;
	font-family : Helvetica,Verdana, Sans-Serif;
	font-size:12px;
}
#contact-form div#left table#contact select{
	width:50px;
}
#contact-form div#left table#contact input{
	width:300px;
}
#contact-form div#left table#contact textarea{
	width:350px;
}
#contact-form div#left table#contact input#cs_countrycode,
#contact-form div#left table#contact input#captcha{
	width:48px;
}
#contact-form div#left table#contact input#send{
	background: url('../images/submit.png') no-repeat;
	width:86px;
	height:31px;
	border:none;
	cursor:pointer;
}
#contact-form div#right{ float:right; width:40%; margin-top:35px; }
#contact-form div#head{ margin-top:10px; }
#contact-form h1{ font-size:12px; font-weight:bold; padding-left:35px;}
#contact-form h2{ font-size:12px; background: url('../images/nav-detail.png') no-repeat 5px; color:#4b4b4b;  margin:0px 0 5px 0; font-weight:bold; padding-left:15px;}
#contact-form div#head p{ margin:0 80px 0 15px; padding:0 0 10px 15px; text-indent:0px; }
#contact-form div#head p.no-last{ border-bottom : 1px dotted #4b4b4b; }
/***********************************
Work With Us
***********************************/
#work-content{
	width: 1022px;
	margin: 0px auto;
	text-align:justify;
	line-height: 18px;
	position: relative;
}
#work-content h1{
	color:#0B4100;
	margin-top:20px;
	font-weight:bold; padding-left:35px;
	font-size:12px;
}
#work-content h2{
	background: url('../images/nav.png') no-repeat 0px 8px;
	color:#0B4100;
	font-weight:bold;
	padding-left:15px;
	padding-right:15px;
	font-size:12px;
}
#work-content p{
	margin:10px 0 0 10px;
	text-indent:30px;
	padding-right:10px;
}
#work-form{
	margin:20px auto;
	width: 985px;
}
#work-form-head{
	background: url('../work/images/form-head.png') no-repeat;
	height:30px;
}
#work-form-foot{
	background: url('../work/images/form-foot.png') no-repeat;
	height:30px;
}
#work-form-content{
	min-height:300px;
	background:#f0f3d7;
	text-align:justify;
}
#work-form-content h1{
	color:#0B4100;
	margin-top:20px;
	font-weight:bold; padding-left:35px;
	font-size:12px;
}
#work-form-content h2{
	background: url('../images/nav.png') no-repeat 0px 8px;
	color:#0B4100;
	font-weight:bold;
	padding-left:15px;
	padding-right:15px;
	margin-left:30px;
}
#work-form-content a{
	color:#3f3f3f;
}
#work-form div#list{ margin:10px auto; width:934px; min-height:167px; background:#fff; position: relative;}
#work-form div#image{ position: absolute; top:20px; right:20px; background: url('../work/images/hr.png') no-repeat; height: 140px; width: 251px; }
#work-form div#list table{ margin:20px; width:600px; }
#work-form div#list table tr td.head{ font-weight:bold;  }
#work-form div#list table tr td{ color:#0B4100; line-height:25px; height:25px; border-bottom : 1px dotted #4b4b4b; }

#work-form div#left{
	float:left; width:500px; margin-top:10px; margin-left:30px;
}
#work-form div#left p#top{
	text-indent:0px;
	border-bottom : 1px dotted #4b4b4b;
	padding-bottom:10px;
	margin: 10px;
}
#work-form div#left p#bottom{
	text-indent:0px;
}
#work-form div#left b#head{
	color:#0B4100;
}
#work-form div#right{
	float:right; width:300px; margin-top:10px; margin-left:30px;
}
#work-form div#right h3{
	margin-top:20px;
	font-weight:bold;
	font-size:12px;
}
#work-form div#right #download a{
	text-decoration:none;
	cursor:pointer;
}
#work-form div#right #box-doc{
	float:left;
	background: url('../work/images/box-doc.png') no-repeat; height: 107px; width: 84px;
	text-align:center;
	position: relative;
	margin:10px 10px 0 0;
}
#work-form div#right #box-pdf{
	float:left;
	background: url('../work/images/box-pdf.png') no-repeat; height: 107px; width: 84px;
	text-align:center;
	position: relative;
	margin:10px 10px 0 0;
}
#work-form div#right #box-map{
	float:left;
	background: url('../work/images/box-map.png') no-repeat; height: 107px; width: 84px;
	position: relative;
	margin:10px 10px 0 0;
}
#work-form div#right #box-doc span,#work-form div#right #box-pdf span,
#work-form div#right #box-map span{
	margin-top:20px;
	width: 85px;
	text-align:center;
	position: absolute; bottom:5px; left:0px;
}
#work-form #clearboth
{
	height:10px;
	clear:both;
}
/***********************************
FAQs
***********************************/
#faq-content{
	width: 1022px;
	margin: 0px auto;
	text-align:justify;
	line-height: 18px;
	position: relative;
}
#faq-content h1{
	color:#c86e03;
	margin:10px auto;
	width: 808px;
	height: 45px;
	border-bottom : 1px dotted #4b4b4b;
	background: url('../faq/images/faq.png') no-repeat top left;
	position: relative;
	font-size:12px;
}
#faq-content h1 a{
	color:#c86e03;
	font-weight:bold;
}
#faq-content h1 span{
	position: absolute;
	top:0px;
	left:60px;
	font-weight:bold;
}
#faq-form{
	background: #eff2d8;
	margin:10px auto;
	width: 770px;
	padding:25px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#faq-form h2{ font-size:12px; background: url('../faq/images/question.png') no-repeat 5px;  color:#0B4100; font-weight:bold; padding-left:25px; }
#faq-form div#ans{ color:#0B4100; clear:both; margin:10px auto; width:730px; background:#fff; position: relative; padding:10px;}
#faq-form div#ans span{ background: url('../images/nav.png') no-repeat 5px; padding-left:15px; }
/***********************************
News & Event
***********************************/
#newsevent-content{
	width: 1022px;
	margin: 0px auto;
	text-align:justify;
	line-height: 18px;
	position: relative;
	/*padding-bottom:20px;*/
}
#newsevent-content h1{
	background: url('../newsevent/images/green-bullet.png') no-repeat 5px;
	font-size:24px; color:#0B4100; padding:10px 10px 10px 35px; margin:20px 0 20px 20px; text-align:left;
}
#newsevent-content h2{
	background: url('../images/nav.png') no-repeat 5px 6px;
	font-size:14px; color:#001f0b; padding-left:15px; font-weight:bold;  margin-bottom:10px;
}
#newsevent-content h3{
	background: url('../images/nav.png') no-repeat 5px 6px;
	font-size:12px; color:#0b4100; padding-left:15px; font-weight:bold; margin-top:10px; margin-bottom:10px;
}
#newsevent-content p{
	padding-left:5px;
	color:#0B4100;
}
#newsevent-content div#newsevent-detail{
	border-bottom : 1px dotted #4b4b4b;
	padding-bottom:10px;
	color:#0B4100;
}
#newsevent-form{
	margin:0 auto;
	width: 985px;
}
#newsevent-form-head{
	background: url('../newsevent/images/form-head.png') no-repeat;
	height:30px;
}
#newsevent-form-foot{
	background: url('../newsevent/images/form-foot.png') no-repeat;
	height:30px;
}
#newsevent-form-content{
	min-height:300px;
	background:#f9fce4;
	padding:0 100px 0 100px;
}

/***********************************
Purchase
***********************************/
#purchase-content{
	width: 1022px;
	margin: 0px auto;
	text-align:justify;
	line-height: 18px;
	position: relative;
}
#purchase-content a{
	cursor:pointer;
}
#purchase-content #header{
	width:900px;
	margin: 0px auto;
	padding: 50px 0 0 0;
}
#purchase-content #header h1 { height:142px; margin:0; padding:0; overflow:hidden; }
#purchase-content #header h1 span {
	background:url('../perfectgift/images/purchase.png') no-repeat;
	display:block;
	height: 142px;
}
#purchase-content #main {
	width:900px;
	margin: 0px auto;
	position:relative;
}
#purchase-content legend{display:none;}
#purchase-content fieldset { width:100%; background:#f8f8f8; }
#purchase-content p{ clear:both; margin:0 auto; text-align:center}
#purchase-content fieldset  div{
	float:left;
}
#purchase-content fieldset  table#body{
	width:100%;
}
#purchase-content fieldset  table#body tr td#left-col{
	width:30%;
}
#purchase-content fieldset  table#body tr td#right-col{
	width:70%;
}
#purchase-content #right-col  div#box{
	margin:0px;
	padding:0px 10px 10px 10px;
	text-align:left;
	color:#4e9700;
	line-height:25px;
	border-bottom : 1px dotted #4b4b4b;
}
#purchase-content #end-line{
	height:20px;
	background:#ecf1df;
}
#purchase-content #right-col  table#summary{
	float:right;
	margin-right:60px;
}
#purchase-content #right-col  table#infomation tr td#col-mid{
	width:50px;
}
#purchase-content #box{
	position: relative;
}
#purchase-content #purchase-confirm{
	background:url('../perfectgift/images/confirm.png') top left no-repeat;
	width:142px;
	height:36px;
	cursor: pointer;
	position:absolute;
	bottom:20px;
	right:20px;
}
#purchase-content #purchase-confirm:hover{
	background:url('../perfectgift/images/confirm-hover.png') top left no-repeat;
}
/***********************************
Online Booking
***********************************/
#booking-content{
	width: 1022px;
	margin: 0px auto;
	text-align:justify;
	line-height: 18px;
	position: relative;
}
#booking-content a{
	cursor:pointer;
}
#booking-content #header{
	width:870px;
	margin: 0px auto;
	padding: 10px 0 10px 0;
}
#booking-content #header h1 { height:47px; margin:0; padding:0; overflow:hidden; }
#booking-content #header h1 span {
	background:url('../onlinebooking/images/booking-head.png') no-repeat;
	display:block;
	height: 47px;
}
#booking-content #main {
	width:900px;
	margin: 0px auto;
	position:relative;
}
#booking-content legend{display:none;}
#booking-content fieldset { width:100%; background:#f8f8f8; }
#booking-content p{ clear:both; margin:0 auto; text-align:center}
#booking-content fieldset  div{
	float:left;
}
#booking-content #step_visualization #visualization_reserve{
	background:url('../onlinebooking/images/step-reserve.png') no-repeat;
	height:150px;
}
#booking-content #step_visualization #visualization_payment{
	background:url('../onlinebooking/images/step-payment.png') no-repeat;
	height:150px;
}
#booking-content #step_visualization #visualization_contact{
	background:url('../onlinebooking/images/step-payment.png') no-repeat;
	height:150px;
}
#booking-content #step_visualization #visualization_member{
	background:url('../onlinebooking/images/step-payment.png') no-repeat;
	height:150px;
}
#booking-content #step_visualization #visualization_confirmation{
	background:url('../onlinebooking/images/step-confirmation.png') no-repeat;
	height:150px;
}
#booking-content fieldset  table#body{
	width:100%;
}
#booking-content fieldset  table#body tr td#left-col{
	width:30%;
}
#booking-content fieldset  table#body tr td#right-col{
	width:70%;
}
#left-col{
	background:#fff;
}
#left-col h3{
	background:#ecf1df;
	height:25px;
	margin-left:0px;
	padding-left:10px;
	line-height:25px;
	font-size:16px;
	color:#727272;
	font-weight:bold;
}
#left-col  p{
	margin: 10px 20px 0px 20px;
	text-align: left;
	color:#287200;
	font-weight:bold;
}
#left-col  p.info{
	margin: 0px 20px 0px 20px;
	text-align: left;
	color:#eb6900;
	font-weight:normal;
}
#left-col  p#top{
	border-bottom : 1px dotted #4b4b4b;
}
#left-col  p#bottom span{
	color:#eb6900;
}
#left-col   #location-pic {
	margin-top:10px;
	height:126px;
	width:220px;
}

#right-col h3{
	clear:both;
	background:url('../onlinebooking/images/head-bg.png');
	height:25px;
	font-size:16px;
	color:#71b901;
	font-weight:bold;
	padding:10px 0 0 10px;
}
#right-col h4{
	font-size:16px;
	color:#71b901;
	font-weight:bold;
	margin-left:10px;
}
#right-col  div{
	width:600px;
	margin:10px 10px 10px 10px;
}
#booking-content #right-col  div#box{
	margin:10px 10px 10px 10px;
	padding:10px;
	text-align:left;
	color:#4e9700;
	line-height:25px;
	border-top : 1px dotted #4b4b4b;
	border-bottom : 1px dotted #4b4b4b;
}
#right-col  div#treatment div#box{
	margin:0px;
}
#right-col input[type="checkbox"]{
	position:relative;
	top:2px;
}
#right-col  div#box span{
	color:#5d5d5d;
	padding-left:5px;
}
#right-col h5{
	font-size:16px;
	color:#e05f00;
	font-weight:bold;
}
#right-col  table#infomation{
	margin:10px 0px 10px 20px;
}
#right-col  table#infomation tr td{
	font-weight:bold;
	padding-right:5px;
}
#right-col  table#infomation tr#col-head td{
	font-size:11px;
	line-height:15px;
}
#right-col  table#comment{
	margin-left:10px;
	line-height:25px;
}
#right-col  table tr td input[type="text"],
#right-col  table tr td input[type="password"],
#right-col table tr td textarea{
	margin-right:5px;
	border: 1px solid #ccc;
	font-family : Helvetica,Verdana, Sans-Serif;
	font-size:12px;
}
#right-col  table tr td select{
	margin-right:5px;
	border: 1px solid #ccc;
	width:auto;
	min-width:50px;
	font-family : Helvetica,Verdana, Sans-Serif;
	vertical-align:middle;
	font-size:12px;
}
#right-col  table tr td select.select{
	width:150px;
}
#right-col  table tr td img.ui-datepicker-trigger{
	vertical-align:text-top;
	cursor:pointer;
}
img.ui-datepicker-trigger{
	margin-right:10px;
}
#online-booking img.ui-datepicker-trigger{
	margin:0 10px 0 2px;
	vertical-align:middle;
}
#right-col  table tr td#col-price{
	color:#5d5d5d;
	text-align:right;
	font-weight:normal;
	width:158px;
	border-bottom : 1px dotted #4b4b4b;
}
#right-col  table tr td#col-price input[type="text"]{
	border:none;
	background:transparent;
	text-align:right;
}
#right-col .checkAvailable{
	cursor:pointer;
	width:134px;
	height:30px;
	background:url('../onlinebooking/images/check.png') no-repeat;
	vertical-align:middle;
}
#right-col .add{
	cursor:pointer;
	width:56px;
	height:21px;
	background:url('../onlinebooking/images/add.png') no-repeat;
	vertical-align:middle;
}
#right-col .move{
	cursor:pointer;
	width:56px;
	height:21px;
	background:url('../onlinebooking/images/move.png') no-repeat;
	vertical-align:middle;
}
#booking-content #right-col  table#summary{
	margin-left:30px;
}
#right-col  table#summary tr td{
	text-align:right;
	padding-right:5px;
}
#right-col  table tr td#col-left{
	width:290px;
}
#right-col  table#infomation tr td#col-right{
	width:158px;
	text-align:right;
}
#right-col  table#summary tr td#col-right{
	width:180px;
	color:#e98503;
	font-weight:bold;
}
#right-col  table#summary tr td#col-right input[type="text"]{
	border:none;
	background:transparent;
	text-align:right;
	color:#e98503;
	font-weight:bold;
	width:145px;
}
#right-col  table#summary tr#discount-row{
	display:none;
	color:#ff0000;
}
#right-col  table#summary tr#subtotal_amount-row{
	display:none;
}
#right-col  table#summary tr td#col-right-discount{
	width:180px;
	color:#ff0000;
	font-weight:bold;
}
#right-col  table#summary tr td#col-right-discount input#discount{
	border:none;
	background:transparent;
	text-align:right;
	color:#ff0000;
	font-weight:bold;
	width:145px;
}
#right-col  div#verified{
	background:url('../onlinebooking/images/verified.png') no-repeat;
	width:250px;
	height:28px;
}
#right-col  div#giftverified{
	background:url('../perfectgift/images/verified.png') no-repeat;
	background-size: cover;
	width:250px;
	height:28px;
}
#right-col  div#command-body{
	height:50px;
}
.confirm  tr td{
	vertical-align:top;
	line-height:25px;
}
.info  tr td{
	vertical-align:top;
	line-height:25px;
	padding-left:10px;
}
.info  tr td.min-col{
	width:120px;
}
.info  tr td.max-col{
	width:auto;
}
.info  tr td#left{
	width:200px;
}
.info  tr td#right{
	width:150px;
	text-align:right;
	border-bottom : 1px dotted #4b4b4b;
}
.info  tr td#noline{
	width:150px;
	text-align:right;
}
.info  tr td#head{
	padding-right:10px;
	text-align:right;
}
.confirm #left-col{
	background:#fafcf8;
}
.confirm #right-col{
	background:#fff;
}
.confirm #both-col {
	background:url('../onlinebooking/images/head-bg.png');
}
.confirm #both-col h2 {
	background:url('../onlinebooking/images/confirm.png') no-repeat 70px 2px;
	height:35px;
	padding-left:270px;
	font-size:16px;
	line-height:35px;
	color:#71b901;
	font-weight:bold;
}
.confirm #left-col h3 ,
.confirm #right-col h3{
	margin:0;
	padding:0 0 0 10px;
	background:url('../onlinebooking/images/head-bg.png');
	line-height:normal;
	height:35px;
	line-height:35px;
	font-size:16px;
	font-weight:bold;
}
.confirm #right-col h4{
	margin:0;
	padding:0 0 0 10px;
	line-height:normal;
	background:url('../onlinebooking/images/head-bg.png');
	height:35px;
	line-height:35px;
	font-size:12px;
	font-weight:bold;
	color: #3f3f3f;
}
.confirm #left-col h3{
	color: #272727;
	text-align:right;
	padding-right:20px;
}
.confirm #left-col{
	text-align:right;
}
.confirm #left-col span{
	padding-right:20px;
}
.confirm #left-col p ,
.confirm #right-col p {
	line-height:20px;
	text-align:left;
	padding:10px 0 0px 10px;
}
.confirm #right-col p#content,
.confirm p#location-detail {
	border-top : 1px dotted #4b4b4b;
}
.confirm p#location-detail div#detail,
.confirm p#location-address div#address{
	margin:0;
	padding:0;
}
.confirm p#location-detail div#detail h3,
.confirm p#location-address div#address h3{
	margin:0 0 5px 0;
	padding:0;
	background:none;
	color:#3f3f3f;
	font-size:12px;
	line-height:12px;
	height:12px;
}
.confirm p#location-detail div#detail p{
	margin:0;
	padding:0;
	text-indent:30px;
}
.confirm  #logo{
	background:url('../onlinebooking/images/oasis-logo.png') no-repeat 50%;
	height:123px;
	width:220px;
}
label.error {
	font-size:11px;
	margin-left:5px;
	background: url('../onlinebooking/images/alert.png') no-repeat;
	color: #DE5130;
	padding:2px 2px 2px 20px;
}
div.error,div.warning {
	background:#f4f2a2;
	height:20px;
}
div.warning label.error {
	font-size:12px;
}
div.error label.error {
	font-size:12px;
	margin-left:5px;
	background: url('../onlinebooking/images/error.png') no-repeat;
	color: #DE5130;
	padding:2px 2px 2px 20px;
}
#booking-content #end-line{
	height:20px;
	background:#ecf1df;
}
#booking-content #policy-body {
	margin-left:20px;
}
#booking-content #policy-body #policy #click{
	cursor:pointer;
}
#policy-form{
	text-align:left;
	line-height:20px;
}
#policy-form-alipay{
	text-align:left;
	line-height:20px;
}
/***********************************
Scrollable
***********************************/
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:25px;
	height:50px;
	float:left;
	margin:35px 30px;
	cursor:pointer;
	font-size:1px;
}
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
#destination-content .scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 705px;
	height:120px;
	background : transparent;
}
#media-body #gallery .scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 560px;
	height:150px;
	background : transparent;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}
.items div {
	float:left;
	width: auto;
}
/* single scrollable item */
#destination-content .scrollable img {
	float:left;
	margin:5px;
	padding:2px;
	border:1px solid #ccc;
	height:100px;
}
#media-body #gallery .scrollable img {
	float:left;
	margin:5px;
	padding:2px;
	border:1px solid #ccc;
	width:95px;
	height:130px;
}
/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
#item_box{
	float:left;
	/*width:250px;*/
	height:115px;
	border:1px solid #ccc;
	margin-left:2px;
	background-color:#fefefe;
}
/***********************************
Footer
***********************************/
#endpage
{
	height:20px;
	clear:both;
}
.footer {
	clear:both;
	position: relative;
	width: 1022px;
	margin: 0 auto;
	background : transparent;
}
#corporate {
	width:1022px;
	display:block;
	height:40px;
	background:url('../images/co-bg.png');
}
#business{
	margin:0 auto;
	width: 1022px;
	height:40px;
	background:url('../images/co-menu.png');
	position: relative;
}
#business li {  line-height: 42px;float:left; list-style-type:none; position: relative; }
#business li a { color:#a6a6a6; text-decoration:none; }
#business li a:hover { color:#3e3e3e; }
#co_business{
	position: absolute;
	left: 0;
	height:40px;
	width:171px;
	background:url('../images/corporate.png');
}
#co_work{ position: absolute; left: 200px; width : 100px; }
#co_faq{ position: absolute; left: 290px; width : 100px; }
#co_oasisschool{ position: absolute; left: 390px; width : 100px; }
#co_sence{position: absolute; left: 490px; width : 100px; }
#co_luxury{position: absolute; left: 550px; width : 200px; }
#social{ position: absolute;right: 10px;top: 5px; }
#credit{
	margin-top: 2px;
	width: 1022px;
	height:42px;
	background:url('../images/footer.png') no-repeat;
}
#credit p {
	padding:15px;
	text-align: right;
	color : #3e3e3e;
	font-size : 11px;
}
/***********************************
Slide Show
***********************************/
.home-slide {
    position:relative;
    width: 1022px;
	height:545px;
}
.home-slide DIV {
    position:absolute;
    width: 1022px;
	top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 545px;
    background-color: #FFF;
}

.home-slide DIV.active {
    z-index:10;
    opacity:1.0;
}

.home-slide DIV.last-active {
    z-index:9;
}

.home-slide DIV IMG {
	width: 1022px;
    height: 545px;
    display: block;
    border: 0;
    margin-bottom: 0px;
}
/***********************************
Facebook like
***********************************/
#fb-like{
	position: absolute;right: 146px;top: 10px;
}
/***********************************
Booking Request
***********************************/
#request-content{
	width: 720px!important;
	line-height: 18px;
}
#request-content #promotion-list{
	width: 714px;
}
#request-content #promotion-list #head, .booking-request #head{
	width: 714px;
	color: #064f01;
	font-size:13px;
	text-align:left;
	height:40px;
	background:url('../images/request-head.jpg') top left;
	position:relative;
	margin-bottom:10px;
}
#request-content #promotion-list #head-name, .booking-request #head-name{
	width: 670px;
	position: absolute;left: 40px; top: 12px;
	font-weight:bold;
}
#request-content div#left{ float:left; width:220px;}
#request-content  div#right{ float:right; width:490px;}

#request-content  div#left div#promotion { height:400px; }
#request-content  div#right div#body { height:auto; text-align:left; }
#request-content  div#right div#body p#bottom {
  border-top: 1px solid #c8c8c8;
  margin: 10px 0px;
  text-align: left;
 }
#request-content #email-booking{
	background:url('../images/request-foot.jpg') top left;
	height:100px;
	width: 714px;
	position:relative;
	margin-top:10px;
}
#request-content #email-booking p{
	color:#0f5b03;
	position: absolute;left: 200px;top: 15px;
	text-align:left;
	width:400px;
}
#request-content #email-booking p button{
	position: absolute;left: 0px; top: 45px;
	width:120px;
	line-height:16px;
}
.booking-request button{
	line-height:16px;
	width:120px;
	margin:5px 5px 5px 0px;
}
.booking-request textarea{
	border:1px solid #ccc;
}
#result-send{
	width: 714px;
}
/***********************************
Member
***********************************/
#login-content{
	float:left;
	width: 1022px;
	position: relative;
}
#login-content h2 {
	width: 916px;height:91px; margin:0 auto; padding:0; overflow:hidden;
}
#login-content h2 span {
	background:url('../member/images/bg-top.png') top left no-repeat;
	display:block;
	height: 91px;
}
#login-content #login-box{
	width: 618px;
	height: 218px;
	margin: 0px auto;
	background:url('../member/images/bg.png');
	position: relative;
}
#login-box{
	position: relative;
}
#login-box #regigter-div{
	position:absolute;
	top:50px;
	left:178px;
	width:250px;
	height:25px;
	line-height: 25px;
}
#login-box span.loginerror,#login-box span.reminderror{
	color:red;
	font-size:11px;
	font-style:italic;
}
#login-box #login-table{
	position:absolute;
	top:75px;
	margin:0 auto;
	line-height: 30px;
	position: relative;
}
#login-box #login-table tr td{
	padding:2px;
	min-width:60px;
}
#login-table input[type="text"],#login-table input[type="password"]{
	border: 1px solid #ccc;
	font-family : Helvetica,Verdana, Sans-Serif;
	font-size:12px;
	width:250px;
	height:20px;
}
#login-table #mlogin{
	background:url('../member/images/login.png');
	width:106px;
	height:29px;
	float:right;
	cursor:pointer;
}
#login-table #mremind{
	background:url('../member/images/reminder.png');
	width:121px;
	height:29px;
	float:right;
	cursor:pointer;
}
#login-box a{
	text-decoration:none;
}
#login-box a :hover{
	color:#00467b;
}
#register-content{
	width: 1022px;
	margin: 0px auto;
	text-align:justify;
	line-height: 18px;
	position: relative;
}
#register-box #register-head{
	float:left;
	width: 902px;
	background: #dcebbd;
	height: 45px;
	margin-top:3px;
	border-top: 4px solid #ccc;
	border-bottom: 2px solid #f4a307;
}
#register-content h2 {
	width: 916px;height:91px; margin:0 auto; padding:0; overflow:hidden;
}
#register-content h2 span {
	background:url('../member/images/register-head.png') top left no-repeat;
	display:block;
	height: 91px;
}
#register-content h3{
	width:200px;
	font-size:18px;
	background: #fcfdfb;
	color:#71b901;
	height:42px;
	line-height:42px;
	padding-left:75px;
}
#register-content h3 div{
	width:175px;
	background: url('../images/nav-inactive.png') right 20px no-repeat;
}
#register-content #register-box{
	width: 902px;
	margin: 0px auto;
	padding-bottom:100px;
	background:#fcfdfb;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#register-content #register-detail{
	clear:both;
	border-bottom: 2px solid #f4a307;
}
#regisForm  input[type="text"],#regisForm input[type="password"]{
	border: 1px solid #ccc;
	font-family : Helvetica,Verdana, Sans-Serif;
	font-size:12px;
	height:20px;
	margin-right:5px;
	padding:1px;
}
#regisForm textarea{
	border:1px solid #ccc;
	width:522px;
}
#regisForm  select{
	margin-right:5px;
	border: 1px solid #ccc;
	width:auto;
	min-width:50px;
	font-family : Helvetica,Verdana, Sans-Serif;
	vertical-align:middle;
}
#regisForm input[type="checkbox"]{
	position:relative;
	top:2px;
}
#regisForm #register{
	background:url('../member/images/register.png');
	width:180px;
	height:46px;
	cursor:pointer;
}
#regisForm #left{
	margin:0 5px 0 100px;
	float:left;
	width:90px;
	text-align:right;
}
#regisForm{
	line-height:30px;
}
#minformation-content{
	width: 1022px;
	margin: 0px auto;
	text-align:justify;
	line-height: 18px;
	position: relative;
}
#minformation-content #welcome {
	position:absolute;
	top:50px;
	left:88px;
	color:#828282;
	font-size:13px;
	font-weight:bold;
}
#minformation-content #memberbook {
	position:absolute;
	top:32px;
	right:90px;
}
#minformation-content #memberbook #booking{
	display:block;
	width:161px;
	height:39px;
	background:url('../member/images/booking.png') top left no-repeat;
	cursor:pointer;
}
#minformation-content h2 {
	width: 916px;height:91px; margin:0 auto; padding:0; overflow:hidden;
}
#minformation-content h2 span {
	background:url('../member/images/information-head.png') top left no-repeat;
	display:block;
	height: 91px;
}
#minformation-box #minformation-head{
	float:left;
	width: 902px;
	background: #dcebbd;
	height: 38px;
	border-top: 4px solid #ccc;
}
#minformation-box #mbalance-head,#minformation-box #mhistory-head{
	float:left;
	width: 902px;
	background: #dcebbd;
	height: 38px;
}
#minformation-content h3{
	width:245px;
	font-size:18px;
	background: #fcfdfb;
	color:#71b901;
	height:36px;
	line-height:37px;
	padding-left:25px;
	border: 1px solid #ccc;
}
#minformation-content #minformation-box{
	width: 902px;
	margin: 0px auto;
	min-height:400px;
	background:#fcfdfb;
	font-family : Helvetica,Verdana, Sans-Serif;
	border: 1px solid #ccc;
}
#minformation-box #minformation-detail{
	clear:both;
	margin: 0px auto;
	display:block;
	background: #fcfdfb;
	line-height: 25px;
	border:none;
	border-top: 2px solid #f4a307;
	border-bottom: 2px solid #f4a307;
	color:#3d3d3d;
	font-size:12px;
}
#minformation-box #minformation-detail  input[type="text"],#minformation-box #minformation-detail input[type="password"]{
	border: 1px solid #ccc;
	font-family : Helvetica,Verdana, Sans-Serif;
	font-size:12px;
	height:18px;
	margin-right:5px;
	padding:1px;
}
#minformation-box table#reset-table td{
	background-repeat: no-repeat;
	background-position: center top;
	font-family:Tahoma;
	padding-left: 10px;
	padding-right: 10px;
}
#minformation-box #minformation-detail #notice{
	font-size:12px;
	text-align:center;
	border-top:1px dotted #ccc;
	margin: 0;
	padding:5px;
}
#minformation-box #minformation-detail a{
	text-decoration: none;
	color:#0562b9;
}
#minformation-box #minformation-detail a:hover{
	color:#00467b;
}
#minformation-box #minformation-detail #edit_pass{
	background: url('../member/images/edit.png')  right top no-repeat;
	width:71px;
	height:25px;
	cursor:pointer;
}
#minformation-box #minformation-detail #save_pass{
	background: url('../member/images/save.png')  right top no-repeat;
	width:56px;
	height:25px;
	cursor:pointer;
}
#minformation-box #minformation-detail #cancel{
	background: url('../member/images/cancel.png')  right top no-repeat;
	width:56px;
	height:25px;
	cursor:pointer;
}
#minformation-box #minformation-detail table#minfo tr td#col-left{
	background:#eff4e8;
	text-align:right;
	width:260px;
}
#minformation-box #minformation-detail table#minfo tr td{
	padding-left: 5px;
	padding-right: 5px;
}
#minformation-box .defaultIcon
{
    background: url('../member/images/icon-default.png')  right top no-repeat !important;
    width: 21px;
    height: 21px;
}
#minformation-box .selectedIcon
{
    background: url('../member/images/icon-selected.png') right top no-repeat !important;
	width: 21px;
    height: 21px;
}
#minformation-box span.ui-accordion-header-icon {
    position: absolote;
	width:850px;
}
#minformation-box #left{
	position:absolute;
	top:0;
	left:0;
	width:270px;
	background:#eff4e8;
	height:100%;
}
#minformation-box #left span{
	position:absolute;
	top:22px;
	right:5px;
	display:block;
	width:150px;
	height:50px;
	text-align:right;
}
#minformation-box #verified{
	margin:10px;
	float:right;
	background: url('../member/images/verified.png') no-repeat;
	background-size: cover;
	width: 333px;
	height:35px;
}
#minformation-box #refill{
	margin:10px;
	padding:0 5px 0 5px;
	float:right;
	width: 143px;
	height:31px;
	border-left : 2px solid #ccc;
	border-right : 2px solid #ccc;
}
#minformation-box #balance{
	margin:10px;
	padding:0 20px 0 0;
	float:right;
	width: 165px;
	height:31px;
	color: #f4a307;
	font-weight: bold;
}
#minformation-box  #btnrefill{
	background:url('../member/images/refill.png')  no-repeat;
	width:143px;
	height:31px;
	cursor:pointer;
}
#minformation-box table.historyinfo {
	width: 100%;
	color: #000000;
	font-family:Tahoma;
	font-size: 11px;
}
#minformation-box table.historyinfo tr.odd{
	background:#e1d9bf;
}
#minformation-box table.historyinfo tr.even{
	background:#f1ede0;
}
#minformation-box table.historyinfo td{
	background-repeat: no-repeat;
	background-position: center top;
	border-left: 1px solid #eae8e8;
	font-family:Tahoma;
	padding-left: 10px;
	padding-right: 10px;
}
#member-bar{
	position:absolute;
	top:0;
	right:35px;
	width:267px;
	height:31px;
	background:url('../images/member_bar.png');
	line-height:20px;
}
#minformation-content #refill-box{
	width: 902px;
	margin: 0px auto;
	min-height:400px;
	background:#fcfdfb;
	font-family : Helvetica,Verdana, Sans-Serif;
	border: 1px solid #ccc;
}
#minformation-box #refill-head-a{
	float:left;
	width: 902px;
	margin-top:1px;
	background: #dcebbd;
	height: 50px;
	border-top: 4px solid #ccc;
}
#minformation-box #refill-head{
	float:left;
	width: 902px;
	background: #dcebbd;
	height: 38px;
}
#refill-head-a h3{
	width:200px;
	font-size:23px;
	background: none;
	border:none;
	color:#71b901;
	height:50px;
	line-height:50px;
	padding-left:25px;
}
#refill-head-a h3 div{
	width:160px;
	background: url('../images/nav-inactive.png') right 24px no-repeat;
}
#refill-head h3{
	margin:2px 0 0 1px;
	border:none;
}
#minformation-box #refill-detail{
	clear:both;
	margin: 0px auto;
	display:block;
	background: #fcfdfb;
	line-height: 25px;
	border:none;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	color:#3d3d3d;
	font-size:12px;
}
#minformation-box #refill-detail table#infomation {
	margin:0 auto;
	color:#4e9700;
}
#minformation-box #refill-detail table tr th{
	padding:2px;
	font-size:18px;
	background:#d9d9d9;
	text-align:center;
	color:#4e9700;
}
#minformation-box #refill-detail table tr td{ text-align:center; padding:2px; }

#minformation-box #refill-detail table#infomation tr td{
	font-weight:bold;
	padding:2px;
	text-align:left;
}
#minformation-box #refill-detail  table tr td input[type="text"],
#minformation-box #refill-detail  table tr td input[type="password"],
#minformation-box #refill-detail table tr td textarea{
	margin-right:5px;
	border: 1px solid #ccc;
	font-family : Helvetica,Verdana, Sans-Serif;
	font-size:12px;
}
#minformation-box #refill-detail  table tr td select{
	margin-right:5px;
	border: 1px solid #ccc;
	width:auto;
	min-width:50px;
	font-family : Helvetica,Verdana, Sans-Serif;
	vertical-align:middle;
	font-size:12px;
}

#minformation-box #end-line{
	height:20px;
	clear:both;
}

#member-content{
	width: 1022px;
	margin: 30px auto;
	text-align:justify;
	line-height: 18px;
	position: relative;
}
#member-content .mhead h1 {
	height:23px; margin:10px; padding:0; overflow:hidden;
}
#member-content .mhead h1 span {
	background:url("../perfectgift/membership/images/header.jpg") top left no-repeat;
	display:block;
	height: 24px;
}
#member-content p{
	margin:0 0 30px 30px;
	width:900px;
}
#member-detail ul li {
	background: url("../perfectgift/membership/images/nav.png") no-repeat 5px;
	margin:0px 0 5px 0; padding-left:25px;
}
#member-detail #joinnow{
	display: block;
	background:url('../perfectgift/membership/images/join.png') top left no-repeat;
	width:172px;
	height:36px;
	cursor: pointer;
	margin:20px 0 20px 0;
}
#member-detail #newKing{
	display: block;
	background:url('../perfectgift/membership/images/newKing.png') no-repeat;
	width:142px;
	height:32px;
	cursor: pointer;
}
#member-detail #newQueen{
	display: block;
	background:url('../perfectgift/membership/images/newQueen.png') no-repeat;
	width:142px;
	height:32px;
	cursor: pointer;
}
#member-detail #newPricess{
	display: block;
	background:url('../perfectgift/membership/images/newPricess.png') no-repeat;
	width:142px;
	height:32px;
	cursor: pointer;
}
/***********************************
Session Time out Pop up
***********************************/

#content-session-timeout{
	background-color:#ffffff;
	height:500px;
	overflow: hidden;
	padding:50px 20%;
	display:block;
	text-align:center;
}
#session-timeout {
	background: url('../onlinebooking/images/box-timeout.png');
	background-repeat: no-repeat;
	height:350px;
	width:608px;
	text-align:center;
	font-family : Helvetica,Verdana, Sans-Serif;
	font-size:14pt;
	color:#71B901;
	padding-top:50px;
	line-height: 120%;

}
#session-timeout a{
	color:#FFAA00;
	text-decoration: underline;

}#session-timeout img{
	margin:10px 0px;
}