html,body {height: 100%;}
body {
	margin: 0;
	padding: 0;
	background: #33e9e8 url(/assets/images/bg-body.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
#mbody{
	margin: 10px;
}
/* HTML */
p, li, a, select, div, span, input{
	font-size: 12px;
}
h1{
	font-size: 16px;
	margin: 0;
}
h2{
	font-size: 14px;
	margin: 0 0 14px 0;
}
h3{
	font-size: 13px;
	margin: 0 0 13px 0;
}
p{line-height: 17px;}
img{border: none;}
a{
	text-decoration: none;
	color: #f7941d;
}
a:hover{
	text-decoration: underline;
}
table{
	border-collapse: collapse;
}
caption{
	text-align: left;
	padding-bottom: 8px;
}
th{
	text-align: left;
}
fieldset{ border: none; }

/* CONTAINER */
#container{
	width: 820px;
	margin: 0 auto;
}

/* MAIN HEAD */
#main_head{
	/* position: absolute; */
	width: 820px;
	height:150px;
	margin: 0 auto;
	padding: 0;
	background: url(/assets/images/bg-main-top.jpg) no-repeat center top;

}
#site_title_wrapper{
	/* position: relative;
	top: -30px;
	left: 50px; */
	width: 287px;
	margin: 0 0 0 70px;
	padding: 0;
	/* background: url(/assets/images/bg_title.png) no-repeat 0 0; */
}
#text_highlight{
	display:none;
	/* position: relative;
	left: 330px;
	top: -165px;*/
	width: 90px;
	height: 35px;
	/* background: url(/assets/images/txt_highlight.png) no-repeat 0 0; */
}

/* top link contact us */
#contact_us_wrapper{
	position: relative;
	top: -3px;
	left: 670px;
	width: 200px;
	height: 35px;
	margin: 0;
	
}
#contact_us_wrapper2{
	position: relative;
	top: -3px;
	left: 670px;
	width: 200px;
	height: 35px;
	margin: 0;
}
#contact_us_wrapper p{
	margin: 0;
	padding: 4px 20px 0 35px;
}
#contact_us_wrapper a{
	color: #326d6d;
	font-size: 12px;
	text-decoration: none;
	font-weight: bolder;
}
#contact_us_wrapper a:hover{
	color: #fff;
}

/* top navigation */
#topnav{
	position: relative;
	top: 80px;
	left: 310px;
	width: 467px;
	height: 40px;
	margin: 0;
	padding: 7px 0 0 20px;
	/* background: url(/assets/images/bg_topnav.png) no-repeat 0 0;*/
}
#topnav ul{
	margin: 0;
	padding: 0;
}
#topnav li{
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0 20px 0 20px;
	border-left: 1px solid #326d6d;
}
#topnav li#first{
	border-left: none;
}
#topnav a{
	color: #326d6d;
	font-size: 14px;
	font-weight: bolder;
	text-transform: uppercase;
	text-decoration: none;
}
#topnav a:hover{
	color: #fff;
	text-decoration: none;
}

/* topnav style for temporary page */
#topnav_temp{
	position: relative;
	top: 60px;
	left: 300px;
	width: 467px;
	height: 40px;
	margin: 0;
	padding: 7px 0 0 20px;
	background: url(/assets/images/bg_topnav.png) no-repeat 0 0;
	
	color: #326d6d;
	font-size: 14px;
	font-weight: bolder;
	text-transform: uppercase;
	text-decoration: none;
}
#topnav_temp ul{
	margin: 0;
	padding: 0;
}
#topnav_temp li{
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0 20px 0 20px;
	border-left: 1px solid #326d6d;
}



/* MAIN BODY */
#main_body{
	/* position: relative;
	top: 120px; */
	width: 820px;
	height: auto !important;
	margin: 0 auto;
}
#main_body_top{
	display:none;
	width: 820px;
	height: 10px;
	margin-top: -5px;
	/* background: url(/assets/images/bg_topbody.png) no-repeat 31px 0; */
}
#main_body_content{
	width: 820px;
	margin: 0;
	background: url(/assets/images/bg-main-body.jpg) repeat-y center 0;
}

/* main images */
#main_image{
	width: 749px;
	height: 251px;
	margin-left: 35px;
	padding: 0;
	background:url(/assets/images/main_image.jpg) no-repeat 0 0;
}
#main_image p{
	width: 400px;
	margin: 0 0 0 10px;
	padding-top: 150px;
	font-size: 14px;
	font-weight: bold;
}

/* main navigation - LHS */
#main_nav{
	float:left;
	width: 162px;
	margin-left: 40px;
	overflow: hidden;
}
#main_nav ul{
	margin: 0;
	padding: 0;
}
#main_nav li{
	list-style: none;
}
#main_nav a{
	display: block;
	color: #362f2d;
	width: 140px;
	margin: 0 0 5px 5px;
	padding: 7px 0 7px 7px;
	border: 1px solid #e7e7cd;
	background: url(/assets/images/bg_nav.gif) repeat-x 0 0;
	font-weight: bold;
	text-transform: capitalize;
}
#main_nav li a:hover, #main_nav li a.active{
	color: #f7941d;
	text-decoration: none;
	background: url(/assets/images/bg_nav_on.gif) repeat-x 0 0;
}
#main_nav li#btn_search a{
	background: url(/assets/images/bg-btn-search.gif) no-repeat 0 0;
}
#main_nav li#btn_search a:hover, #main_nav li#btn_search a.active {
	background: url(/assets/images/bg-btn-search-on.gif) no-repeat 0 0;
}
#main_nav li#btn_highlight a{
	background: url(/assets/images/bg-btn-highlight.gif) no-repeat 0 0;
}
#main_nav li#btn_highlight a:hover, #main_nav li#btn_highlight a.active {
	background: url(/assets/images/bg-btn-highlight-on.gif) no-repeat 0 0;
}

	/* Navigation Category */
#main_nav li.nav_category{
	color: #362f2d;
	margin: 0 7px 10px 0;
	padding: 0;
	border: 1px solid #e7e7cd;
	background: url(/assets/images/bg_nav_on.gif) repeat-x 0 0;
	font-weight: bold;
	text-transform: capitalize;
}
	
#main_nav li.nav_category h3{
	margin: 0;
	padding: 5px 5px 5px 7px;
	font-size: 16px;
}
	#main_nav li li a{
		width: 133px;
		margin: 0 0 5px 5px;
		padding: 7px 0 7px 7px;
	}

#main_nav li.nav_category h3#subscribe_newsletter {
	font-size: 12px;
}

#main_nav li.nav_category fieldset .pcenter{
	width: 150px;
	border: none;
}
	
p#unsubscribe {
	font-size: 10px;
}
#here {
	display: inline;
}
#here a {
	display: inline;
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 10px;
	border: none;
	background:none;	
}

/* main content */
#main_content_wrapper{
	float: left;
	width: 575px;

}
#main_content_wrapper_temp{
	float: left;
	width: 820px;
	height: 100px;
}
#main_content_wrapper_temp h1 {
	text-align: center;
	color: #f00;
}
#main_content{
	width: 575px;
	height: auto !important;
}
#page_title_wrapper{
	border-bottom: 1px dotted #ccc;
}
#main_content h1{
	float: left;
	width: 400px;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}
#content{
	width: 575px;
	margin: 5px 0 0 0;;
}
#content.banner_show{
	float: left;
	width: 440px;
	margin: 5px 0 20px 0;
}

/*  vertical banner RHS */
#banner_wrapper{
	float: left;
	width: 120px;
	height: 300px;
	margin: 20px 0 0 10px;
}
.banner{
	margin-bottom: 10px;
}

/* search form */
#search_wrapper{
	width: 570px;
	margin: 10px 0 1px 0;
	padding: 10px 5px 0 0;
	background:url(/assets/images/bg_search_wrapper.gif) repeat-x 0 bottom;
}
.field_row{
	float: left;
	width: 500px;
	margin: 0 0 10px 10px;
}
.field_row#title{
	margin-left: 0;
	font-size: 14px;
	font-weight: bolder;
}
.field_row2{
	float: left;
	width: 450px;
	margin: 10px 0 5px 10px;
	text-align: center;
}
.button_wrapper{
	float: left;
	width: 50px;
}
.field_wrapper1{
	float: left;
	width: 150px;
	margin-right: 5px;
}
.field_wrapper1 label, .field_wrapper2 label{
	width: 150px;
}
.field_wrapper2{
	float: left;
	width: 200px;
	margin-right: 10px;
}
.field_wrapper2.hotel_name{
	width:250px;
}
.button_form{
	text-align: center;
	padding-top: 15px;
}

/* search result */
h3#search{
	margin: 0;
	padding: 0;
}
#criteria_title_wrapper{
	padding: 3px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	background-color: #ebe9da;
}
.criteria_title, .criteria_title_selected{
	float: left;

}
.criteria_title_selected{
	width: 470px;
	margin: 0 0 0 10px;
	font-weight: bolder;
}
.criteria_desc{
	font-weight: normal;
}
#search_result_wrapper{
	margin: 0;
	padding: 0;
}
ul#search_result{
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	list-style: none;
	border-bottom: 1px dotted #ccc;
}
ul#search_result li{
	float: left;
	width: 250px;
	margin: 3px 5px 3px 0;
	padding: 0 0 0 12px;
	background: url(/assets/images/i-arrow.gif) no-repeat left 5px;
}

ul#search_result li a{
	font-size: 12px;
	font-weight: bolder;
	color: #f7941d;
	
}
.result1_title{
	float: left;
}
.result1_title:hover{
	text-decoration: underline;
}
.result1_sum {
	float: right;
	margin-right: 10px;
	text-align: center;
}

#result_description_wrapper{
	margin-top: 10px;
}
#part_of{
	margin: 0 0 10px 0;
	padding: 0;
}
.resto_spa{
	margin-top: 20px;
}
.resto_spa h3{
	margin:0;
}
.resto_spa ul{
	list-style: square;
	margin: 0;
	padding-left: 15px;
}
.resto_spa li a{font-weight:bolder;}
#result_add_sidebar{
	float: left;
	width:150px;
	margin-right: 5px;
}
#result_add_sidebar ul{
	margin: 0;
	padding: 0;
}
#result_add_sidebar li{
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #ccc;
}
#result_text{
	float: left;
	width: 260px;
}
#result_text.hightlight{
	width: 380px;
}
#result_sidebar{
	float: right;
	width: 150px;
}

#result_title {
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bolder;
	color: #349b9a;
	border-bottom:1px dotted #ccc;
}
#result_main_img{
	overflow: hidden;
	width: 150px;
	margin-bottom: 20px;
	/*height: 110px;*/
}
#btn_visit_website{
	text-align: center;
	margin-top: 10px;
	padding: 5px 0;
	border: 1px solid #e7e7cd;
	background: url(/assets/images/bg_nav_on.gif) repeat-x 0 0;
}
#result_address ul{
	overflow: hidden;
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}
#result_address ul li{
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
}
.add_init{
	float: left;
	width: 14px;
	height: 14px;
	margin-right: 3px;
}
	.add_init#location{
		background: url(/assets/images/i-location.gif) no-repeat 0 0;
	}
	.add_init#address{
		background: url(/assets/images/i-address.gif) no-repeat 0 0;
	}
	.add_init#telephone{
		background: url(/assets/images/i-telephone.gif) no-repeat 0 0;
	}
	.add_init#fax{
		background: url(/assets/images/i-fax.gif) no-repeat 0 0;
	}
	.add_init#parking{
		background: url(/assets/images/i-parking.gif) no-repeat 0 0;
	}
	.add_init#creditcard{
		background: url(/assets/images/i-credit-card.gif) no-repeat 0 0;
	}
	.add_init#prebooking{
		background: url(/assets/images/i-prebooking.gif) no-repeat 0 0;
	}
	.add_init#openhours{
		background: url(/assets/images/i-openhours.gif) no-repeat 0 0;
	}
	.add_init#email{
		background: url(/assets/images/i-email.gif) no-repeat 0 0;
	}
	.add_init#website{
		background: url(/assets/images/i-website.gif) no-repeat 0 0;
	}
.add_complete{
	float:left;
	width: 130px;
	font-size: 11px;
}
.add_complete a{
	font-size: 11px;
}
.result_icon{
	margin: 10px 0;
	padding-top: 5px;
	border-top: 1px dotted #ccc;
}
.result_icon h3, #more_pic h3{
	padding-bottom: 3px;
	border-bottom: 1px dotted #ccc;
}
.result_icon ul, #more_pic ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.result_icon ul li{
	float: left;
	width: 25px;
	height: 25px;
	margin-right: 5px;
}
/* Highlight Detail */
#result_sidebar.hightlight{
	width: 178px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #fff799;
}
h2#quick_review{
	background-color: #349B9A;
	text-align: center;
	text-transform: capitalize;
	color: #fff;
}
#highlight_quick_review_title{
	line-height: 25px;
	text-align: center;
	font-weight: bolder;
}
#quick_review{
	list-style: none;
	margin: 0;
	padding: 0;
}
#quick_review li{
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
.hightlight_title_details{
	float:left;
	width: 70px;
	font-weight: bolder;
	text-transform: capitalize;
}
.hightlight_desc_item{
	float: left;
	width: 90px;
}
#highlight_click_more{
	text-align: center;
}

/* detail category */
#category_list{
	float: left;
	width: 410px;
	margin: 0;
	padding: 0;
}
h3#category{
	margin-bottom: 0;
	line-height: 25px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
.category_details{
	width: 410px;
	margin: 0;
	padding: 0;
}
.category_details ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.category_details li{
	margin-bottom: 20px;
}
.cuisine_title{
	float: left;
	width: 150px;
	font-weight: bolder;
}
.cuisine_description{
	float: left;
	width: 260px;
	margin-bottom: 20px;
}
	.cuisine_description h3{
		margin-bottom: 0;
	}
	.cuisine_description div{
		margin-bottom: 12px;
	}
#note{
	font-size: 10px;
	font-weight: bolder;
	margin-bottom: 10px;
}
#more_pic{
	float: right;
	width: 150px;
	margin-top: 20px;
}
#more_pic ul li{
	float: left;
	overflow: hidden;
	width: 150px;
	height: 113px;
	margin: 0 0 20px 0;
}
#noresult{
	float: left;
	width: 400px;
	height: 50px;
	margin: 20px 0 10px 50px;
	padding-top: 30px;
	border: 1px dashed #ccc;
	text-align: center;
	
}

/* VIEW SPA DETAIL */
#content_detail{
	float: left;
	width: 360px;
	margin-right: 20px;
}
#content_images{
	overflow: hidden;
	float: left;
	width: 120px;
}
#spa_address{
	margin-top: 10px;
}
#spa_features{
	float: left;
	width: 500px;
	margin-top: 10px;
	padding: 3px 0 3px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/* banner bottom */
#banner_top_wrapper{
	width: 575px;
	padding-top: 10px;
	text-align: center;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
#banner_bottom_wrapper{
	width: 575px;
	height: 100px;
	margin-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	background:url(/assets/images/bg_banner_bottom.gif) repeat-x 0 0;
}
#main_body_bottom{
	width: 820px;
	height: 10px;
	background:url(/assets/images/bg_bottombody.png) no-repeat 29px 0;
}
#main_body_bottom_temp{
	width: 820px;
	height: 10px;
	background:url(/assets/images/bg_bottombody.png) no-repeat 31px 0;
}

#content_warn {
	padding-top: 20px;
	font-size: 16px;
	color: red;
	font-weight: bolder;
	text-align: center;
}

/* print favorite send navigation */
ul#pfsbox{
	float: right;
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}
ul#pfsbox li{
	float:left;
	width:14px;
	height:14px;
	margin-right: 6px;
}
ul#pfsbox a{
	display: block;
}

/* list */
dt{
	font-weight: bolder;
	margin-bottom: 10px;
}
dd{
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}


/* breadcrumb */
#breadcrumb{
	margin: 0 0 10px 0;
	font-size: 10px;
}
#breadcrumb a{
	font-size: 10px;
}


/* file download */

#file-download, #file-download ul{
	width: 450px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#file-download li{
	margin-bottom: 6px;
	width: 350px;
	
}
#file-download a{
	display: block;
	text-decoration: none;
	padding: 0 80px 3px 0;
}
#file-download a:hover{
	background-color: #FFFFDF;
	color: red;
}
#file-download li li{
	height: 16px;
	background-repeat: no-repeat;
	padding-left: 24px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #ccc;
}
.file-name{
	background: url(/images/icon/download2.gif) no-repeat right top;
}
.doc{background-image: url(/images/icon/doc.gif);}
.gif{background-image: url(/images/icon/gif.gif);}
.htm{background-image: url(/images/icon/htm.gif);}
.html{background-image: url(/images/icon/html.gif);}
.jpg{background-image: url(/images/icon/jpg.gif);}
.pdf{background-image: url(/images/icon/pdf.gif);}
.pps{background-image: url(/images/icon/pps.gif);}
.ppt{background-image: url(/images/icon/ppt.gif);}
.xls{background-image: url(/images/icon/xls.gif);}
.zip{background-image: url(/images/icon/zip.gif);}


/* links */
#links{
	margin: 0;
	padding: 0;
}
#links dt{
	background: url(/assets/images/i-triangle5.gif) no-repeat 0 2px;
	padding-left: 11px;
}
#links dd{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;	
	border-bottom: 1px dotted #ccc;
}





/* photo gallery */
#photo-gallery{
	margin: 25px 0;
	padding: 0;
	list-style: none;
}
#photo-gallery a{
	text-decoration: none;
	color: #fff;
}
#photo-gallery a:hover{
	color: red;
}
#photo-gallery li{
	float: left;
	margin: 0 30px 20px 0;
	border: 1px solid #ccc;
	padding: 2px;
	width: 120px;
}
#photo-gallery span{
	background: #A4B3C9;
	display: block;
	color: #fff;
	padding: 2px 1px;
	text-align: center;
}
#photo-gallery img{
	display: block;
}





/* ajax job detail */
.xwrapper{
	display: none;
	padding: 3px 8px;
}

/* table form qlist and modf */
.qlist{
	border: 1px solid #A4B3C9;
	border-collapse: collapse;
}
.qlist td, .qlist th{
	border: 1px solid #A4B3C9;
	border-collapse: collapse;
	padding: 1px 2px;
}
.qlist td{
	vertical-align: middle;
}
.qlist th{
	background: #51626F; /*#A4B3C9; */
	color: #fff; /* #51626F;*/
}
.qlist tr.odd td, .qlist tr.odd th{
	background: #e4e7ea; /* #EFF6FF; */
}

.qlist ul{
	padding: 0 0 0 18px;
	margin: 2px 0;
}

.modf{
	border: none;
	border-collapse: collapse;
}
.modf caption{
	text-align: left;
	margin: 8px 0;
}
.modf th, .modf td{
	padding: 4px;
}
.modf th{
	text-align: left;
	vertical-align: top;
	background: none;
	border: none;
	color: #a5a5a5;
}
.modf td{
	vertical-align: top;
	border: none;
	color: #a5a5a5;
}
.modf ul{
	padding: 0 0 0 18px;
	margin: 2px 0;
}
.modf tr.odd th, .modf tr.odd td{
	background: #e4e7ea;
}
td.dot{
	width: 5px;
}

/* GENERAL FORM */
form div{
	margin-bottom: 8px;
	overflow: auto;
}
form div label{
	float: left;
	width: 75px;
}
.formbutton{
	margin-left: 75px;
}

/* FUNCTION */
.i-nav{
	text-align: right;
	font-size: 10px;
}
.i-nav a{
	padding: 0 3px;
}
.i-nav .curr a, .i-nav a:hover{
	color: #fff;
	border: 1px solid #000;
	padding: 0 2px;
	background: #A4B3C9;
}
.bt{
	border: 1px solid #51626f;
	background: #349b9a;
	color: #fff;
	font-size: 11px;
	font-family: verdana;
}
.odd{
	background: #E4E7EA;
}
.back{
	text-align: right;
}
.back a{
	background: url(/assets/images/i-back.gif) no-repeat;
	padding-left: 11px;
}
.warn{
	color: red;
}
.centerwarn{
	color: red;
	text-align: center;
}

/* stat wrapper */
#stat_wrapper{
	margin: 10px 0;
	padding-bottom: 10px;
	text-align: center;
}

/* tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }


/* CLEAR */
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {display: inline-block;}

	/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
	/* End hide from IE-mac */