#hotel-title{padding:5px;overflow:hidden;margin: 0 auto;text-align:left;font-family: Arial, Verdana;font-size:10pt;}
#hotel-title h1{margin: 0px 0px 5px 0px;font-size:12pt;color:#669933;font-family: georgia,Verdana;}
#hotel-title a:link, #hotel-title a:visited {color:#003399;}
#hotel-title a:hover, #hotel-title a:active{color: #CC6600;}
#hotel-title label{font-size:11px;color:#666;font-weight:normal;}
#hotel-title ul{
list-style-type:none;
margin:12px 0px;
padding:0px;
}
#hotel-title li{
list-style-type:none;
margin-top:15px;
margin-left:8px;
font-weight:bold;
}

/*----------------------------- Booking Bottom ----------------------------*/
div.outer {
	float: left;
	width: 125px; height: 35px;
	margin: 0px 3px 0px 0px;
	background:#86D430;
	}

div.outer a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 20px/1 Trebuchet MS,Arial,Trebuchet MS,Tahoma,Verdana,Serif;
	color:#09700B;
	text-decoration: none;
	background: url('http://www.kohsamui-hotels.org/hotels/images/booking.png') top left no-repeat;
	}
div.outer span {
	display: block;
	margin:0; padding-top: 5px;padding-left:11px;
	}
div.outer a:link { color: #09700B ! important;}
div.outer a:visited { color: #09700B ! important;}
div.outer a:active { color: #09700B ! important;}
div.outer a:hover { color: #032200 ! important;
background:#86D430 url('http://www.kohsamui-hotels.org/hotels/images/booking.png') 0 -53px no-repeat;}
/*----------------------------- End Booking Bottom ----------------------------*/

#hotel-title li#booking{
background:url('http://www.kohsamui-hotels.org/images/hotellink_icon.png') no-repeat;
padding-left:11px;
margin:0px 0px 2px 12px;
}

#hotellogo{width:830px;overflow:hidden;background-color:#fff;margin:0px auto 15px auto;}
#hotellogoleft{float:left;width:290px;padding:15px 0px 0px 5px;}
#hotellogoright{float:left;width:500px;padding:15px 0px 0px 5px;}
#hotellogoright p{margin:3px 0px 6px 0px;padding:0px;}
#hotellogoright h1{color:#E47911;font-family:georgia,Verdana;font-size:17px;margin:14px 0px 4px 0px;}
#hotellogoright label{font-size:11px;color:#666;font-weight:normal;}


img{border:none;}

.hoteldes,.hoteltopic{text-align:left;width:820px;margin:0 auto;margin-bottom:15px;
color:#4D90CD;font-size:16px;font-weight:bold;font-family: georgia,Arial,Verdana,Serif;}
.hoteldes,.hoteltopic{background: url(/hotelstyles/images/divider.png) top repeat-x;margin-top:20px;padding-top:20px;}

.pic_border2 {  border: solid; border-width: 1px 2px 2px 1px; margin-right: 1px; border-color: #CCCCCC #464544 #464544 #CCCCCC}
.pic_border {  border: solid; border-width: 0px 1px 1px 0px; margin-right: 1px; border-color: #CCCCCC #999999 #999999 #CCCCCC}

.content {overflow:hidden;width:760px;text-align:left;margin: 0 auto;font-family: Arial, Verdana;font-size:10pt;}
.content h4,.content h3,.content h2{font-family: georgia,Verdana;font-size:10pt;}
.content h3{color:#339900;font-size:11pt; margin:0px;margin-bottom:10px;text-align:left;}
.content h5{color:#0066CC;font-size:11pt; margin:0px;text-align:left;}
.content h6{color:#FF6600;font-size:10pt; margin:0px;margin-top:2px;text-align:left;}
.content p{margin:15px 0px;}


#thumb{float:left;padding-right:8px;}

.textbox{overflow:hidden;widht:98%}
.textbox-l{float:left;}
.textbox-r{float:right;}

hr {
	border: 0 none #FFFFFF;
	border-top: 1px solid #CCCCCC;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

hr.dashed {
	border-top: 1px dashed #CCCCCC;
	margin: 10px 0;
}

div.color{
  border-bottom: 1px solid #CCCCCC;
  text-align:left;
  }
  
.color h1{
  margin:0 auto;
  font-family:verdana;
  font-size:7pt;
  font-weight: normal;
  }

.facilities_left {float: left; width: 370px; background: none;margin:20px 20px 20px 0;overflow:hidden;}
.facilities_right  {float: left; width: 370px; background: none;margin:20px 0 20px 0;overflow:hidden;}

.imagebox{width:760px;overflow:hidden;margin-bottom:20px;}
.image-left{float:left;padding-right:20px;}
.image-middle{float:middle;}
.image-right-noborder{float:right;}
.image-right{float:right;padding-left:16px;}
.image-left,.image-middle,.image-right-noborder,.image-right{text-align:center;color:#333;font-size:10px;
font-weight:bold;}



/*
for 100%
.imagebox{overflow:hidden;width:100%;margin-top:25px;margin-bottom:30px;}
.image-left{float:left;text-align:center;color:#8ACA7C;padding-right:5%;}
.image-middle{text-align:center;float:middle;color:#8ACA7C;}
.image-right-noboder{float:right;text-align:center;color:#8ACA7C;}
.image-right{float:right;padding-left:5%;*padding-left:4%;text-align:center;color:#8ACA7C;}
*/


/* --- Hotels list ---*/
#hotellist_bar{width:740px;margin:20px auto 0px;text-align:left;background:#B7D7E6 url(/hotelstyles/images/tile-blue-bg.gif) repeat-x scroll 0 0;}
.hotellistbox {display:table;width:900px;margin:0 auto;font-family:verdana,arial,sans-serif;font-size:11px;color:#888;text-align:left;}
.hotellistbox img{margin-top:4px;margin-right:6px;border: solid; border-width: 0px 1px 1px 0px; border-color: #E8E5D4 #ccc #ccd #CCC}
.boxleft p,.boxright p{margin:0px 0px 3px 0px;color:#000;}
.boxleft label,.boxright label{font-weight:bold;color:#009900;}
.hotellistbox .boxleft span,.hotellistbox .boxright span{font-weight:bold;color:#990000;}
.hotellistbox .boxleft{border: solid;border-width:0px 1px 1px 0px;border-color:#DDE1E5;}
.hotellistbox .boxright{border-bottom:solid 1px #DDE1E5;}
.hotellistrow {display:table-row;}
.hotellistrow div {display:table-cell;*float:left;}
.hotellistrow .boxleft {width:48%;padding:8px;}   
.hotellistrow .boxright {width:48%;padding:8px;} 
.hotellistbox .hotellistrow .boxleft div,.hotellistbox .hotellistrow .boxright div{
float:left;font-size:11px;text-align:center;color:#990000;}

* html .hotellistrow div { /* IE6 and older */
height: expression(parseFloat(row.offsetHeight)-10); 
}
html>body #hotellistrow div { /* IE7, and maybe later versions */
min-height: expression(parseInt(row.offsetHeight)-43); 
}
.hotellistbox a:link, .hotellistbox a:visited {color:#003399;font-size:13px;}
.hotellistbox a:hover, .hotellistbox a:active{color: #CC6600;}

#menu {
	height: 50px;
	margin: 1em 0; padding:0 1em;
	border-bottom: 0px solid black;

	}

/* ---------- KOB ---------------*/
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -11px;
}

span.corners-top span{
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -11px;
	clear: both;
}

span.corners-bottom span{
	background-image: none;
	background-position: 100% 100%;
}

.navbar span.corners-top, .navbar span.corners-bottom {
	margin: 0 -11px;
}

* html span.corners-top, * html span.corners-bottom { background-image: url('/hotelstyles/images/corners_left.gif'); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url('/hotelstyles/images/corners_right.gif'); }


span.corners-top {
	background-image: url('/hotelstyles/images/corners_left.png');
}

span.corners-top span {
	background-image: url('/hotelstyles/images/corners_right.png');
}

span.corners-bottom {
	background-image: url('/hotelstyles/images/corners_left.png');
}

span.corners-bottom span {
	background-image: url('/hotelstyles/images/corners_right.png');
}


.navbar {
	
	padding: 0 10px;
}




/*-------- corner box ----------*/
.cornerbox{margin:0 auto;width:500px;}
.tl{background: url(/hotels/image/tl.gif) no-repeat left top;float:left;}
.tr{background: url(/hotels/image/tr.gif) no-repeat right top;float:right;}
.bl{background: url(/hotels/image/bl.gif) no-repeat left bottom;float:left;}
.br{background: url(/hotels/image/br.jpg) no-repeat right bottom;float:right;}
.cornercontent{border-top: 1px solid #005EB4;border-left: 1px solid #005EB4;border-right: 1px solid #005EB4;font-size: 11px;}
.cornerbottom{border-top: 1px solid #005EB4;margin-top:5px;}
.tl,.tr,.bl,.br{width:7px;height:6px;}

#hotelnaviborder{width:946px;margin:0 auto;border-bottom: 1px solid #ccc;margin-bottom:23px;}
#hotelnavi {
width:640px;
	margin: 0px auto; 
	overflow: hidden; 
	font-family: Trebuchet MS,Arial, Tahoma, Verdana, Serif;
	font-size:13px;
	font-weight:bold;
}
html #hotelnavi{
	heignt:30px;
}

#hotelnavi ul li {
	float: left; 
	margin: 0 5px 0 0; 
	list-style-type: none;
}
#hotelnavi ul li a{
	border: #ccc 1px solid; 
	border-bottom:none;
	padding: 3px 12px 5px 12px; 
	display: block; 
	font-weight:none;
	color:#fff;		
	text-decoration: none;
	background:#4D90CD;
	letter-spacing:0px;
}
#hotelnavi ul li a:hover, #hotelnavi ul li a:active{
	background: #ee0000;
	color: #fff;	
	border: #ccc 1px solid; 
	border-bottom:none;		
}
#hotelnavi ul li .booking{
	background: #99D626;
	color: #333;	
	border: #ccc 1px solid; 
	border-bottom:none;		
}
#hotelnavi ul li .gototop{
	background: #fff;
	color: #333;	
	border-bottom:none;		
}

/*---------Facilitie Box ----------*/

.facilities_left {float: left; width: 370px; background: none;margin:20px 20px 20px 0;overflow:hidden;}
.facilities_right  {float: left; width: 370px; background: none;margin:20px 0 20px 0;overflow:hidden;}
.content B {color:#0066CC;font-size:14px;}
.content strong {color:#CCB200;font-size:14px;}
.content u {color:#84AF32;font-size:14px;text-decoration: none;}

/*---------End Facilitie Box ----------*/


/*------------------ Reservation Form -------------------------*/
#CurrencyBar,.TableRate,#Tcheckin{width:820px}
#CurrencyBar{margin:4px auto;}
#CurrencyBar #R{text-align:right}

/* -------------------------------------html highlighter ------------------------------------*/
.black {color:black;}.black2 {color:#666666;}.olive {color:olive;}.red {color:red;}.green {color:green;}.pink {color:#FF00FF;}
.navy {color:navy;}.u {text-decoration: underline;}.i {font-style: italic;}.b {font-weight: bold;}

/* ----------- Table Rate ----------- */

.s{font-size: 11px; color:#E47911;text-decoration:line-through;}
.rs{font-size: 12px; color:#000;font-weight:bold;}
.TableRate td{text-align:center;border:1px solid #999;}
.TableRate,#Tcheckin{border-collapse: collapse;border:1px solid #999;*border:0px}
#FormLeft{border:1px solid #999;border-right-style: none;border-top-style: none;width:450px}
#FormRight{border:1px solid #999;border-left-style: none;border-top-style: none;text-align:left}
#FormRight p{font-size:11px;color:#666;line-height:145%;}
.TableRate .cbox{background-color:#CCEEFF}
.rname{text-align:left !important;font-weight:bold;font-size:12px;height:29px;*height:26px;background-color:#cef;padding-left:3px}
.td label{font-size:11px;color:navy;display:block;background:#BDD8EA url(/hotels/images/period.png) repeat-x scroll;padding:3px}
.td span{font-size:11px;color:#000;display:block;}
#dates {overflow:hidden;height:1%;margin:5px 0px 5px 10px;width:602px;}
#dates label{float:left;display:block;font-weight:bold;color:#000;background-color:transparent;margin:4px 0px 0px 6px;}
#dates #numberofnights{margin:1px 0px 0px 8px;font-weight:bold;font-size:16px;color:#f00;}
#dates span{float:left;}
#dates img{margin:4px 10px 0px 3px;}
#dates #nightlabel{margin:4px 0px 0px 26px;}
#trGreen{background:#82C805 url(/hotels/images/greenBG.gif) repeat-x scroll 0 -14px;}
#trYellow{background:#FFFF49 url(/hotels/images/yellowBG.gif) repeat-x scroll;height:46px}
#resform .small{color:#666666;display:block;font-weight:normal;text-align:right;width:140px;}
#resform ul {list-style: none;  margin:9px 0px 9px 0px;*width:475px;padding:15px 0px 3px 0px;}
#resform ul li {text-align:left;padding-bottom:2px;margin-bottom:2px;}
#resform ul li label {float:left;text-align: right;padding-right:15px;width:145px;font-size:11px;background-color:transparent;color:black;}
#resform ul li p {text-align: left;*float:left;*width:300px;margin:0px 0px 2px 0px;padding:0px 0px 2px 0px;font-size:11px;}
/* clear float inside li */
#resform ul li:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
#resform input[type='text'] {	width: 250px;	padding: 0.1825em;}
#resform textarea {width: 250px; height: 100px; padding: 0.1825em;}
.selected {  background-color:#FFFFFF;}
.selected1 {  background-color:#fff;}
.unselected {  background-color:#CCEEFF;}
input.sendenquiry:active {border-color:#34531E #85BF59 #85BF59 #34531E;}
input.sendenquiry:hover {background-color:#6CA840;border:1px solid #5A8C35;}
input.sendenquiry {
background-color:#5A8C35;
border-color:#85BF59 #34531E #34531E #85BF59;
color:White;
cursor:pointer;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:15px;
padding:6px 18px;
border:1px solid #5A8C35;
font-weight:bold;
}
/*---------end form ----------*/