body {
background:transparent url(http://www.kohsamui-hotel.com/images/background-kohsamui-hotel.com.jpg) repeat scroll 50% 0;
color:#333333;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:13px;
margin:0 auto;
padding:0;
width:950px;
}
a:link { color: #0066CC; text-decoration: underline}
a:visited { color: #0066CC; text-decoration: underline}
a:active { color: #CC6600; text-decoration: underline}
a:hover { color: #CC6600; text-decoration: underline}

#h2top{background-color:#d5d7d8}
#h2top h2{

font-size:11px;
margin:0;
text-align:center;
font-weight: normal;
text-shadow: 0 0 5px #9ED9FF, 0 1px 0 #FFFFFF;
}

img{border:none;}
#table_logo{width:950px;margin:0px auto;height:112px;}

#header{height:87px;border-bottom: 1px solid #C9D7F1;
background:transparent url(/images/kohchang-bg.jpg) no-repeat scroll left top;
}
#toph1{
padding:3px 7px;
font-size:11px;
color:#666;
z-index:7;
margin:0px 1px;
width:auto;
font-weight:normal;
font-family:arial,verdana;
float:right;
text-align:right;
}

/*-------------------------- Dropdown Menu ---------------------*/
#kohphagnanhotels_dropdown{top:132px!important;}
#dropdown{position: absolute;top:66px;z-index:8;text-align:right;width:948px;}
#combo_quicklinks{width: 320px;background-color: #ff9;font-family: Arial; font-size: 9pt;}
/*-------------------------- END Dropdown Menu -----------------*/

#logo{top:0px;! important;}
#hotelslogo{width:830px;overflow:hidden;background-color:#fff;margin:15px auto 15px auto;}
#logoleft{float:left;width:290px;padding:15px 0px 0px 5px;}
#logoright{float:left;width:500px;padding:15px 0px 0px 5px;}
#logoright p{margin:3px 0px 6px 0px;padding:0px;}
#logoright h2{color:#E47911;font-family:georgia,Verdana;font-size:18px;text-shadow:0 2px 2px #BFC8D3;margin:0px 0px 4px 0px;}
#logoright label{font-size:11px;color:#666;font-weight:normal;}

#logoright ul{
list-style-type:none;
margin:12px 0px;
padding:0px;
}
#logoright 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.kohphangan-hotel.com/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;}
div.outer a:visited { color: #09700B;}
div.outer a:active { color: #09700B;}
div.outer a:hover { color: #032200;
background:#86D430 url('http://www.kohphangan-hotel.com/hotels/images/booking.png') 0 -53px no-repeat;}
/*----------------------------- End Booking Bottom ----------------------------*/

.BookNow{width:135px;margin:35px auto 35px;overflow:hidden;}

#logoright li.booking{background:url('/img/li-icon.png') no-repeat;padding-left:11px;margin:0px 0px 2px 12px;}
#ImportantNote{text-align:left;padding:0px;padding-top:5px;float:right;width:340px;}
#note{font-size:11px;color:#666;line-height:145%;}

.content{width:765px;margin:0 auto;}
.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;}
.pic_border {  border: solid; border-width: 0px 1px 1px 0px; margin-right: 1px; border-color: #CCCCCC #999999 #999999 #CCCCCC}


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

/*
hr { display: block;
height: 1px;
border-left: none;
border-right: none;
border-top: 1px dashed #999999;
border-bottom: none; }*/

hr {
	/* Also see tweaks.css */
	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;}


.submenu{text-align:left;width:820px;margin:0 auto;margin-bottom:15px;
color:#4D90CD;font-weight:bold;font-family: georgia,Arial,Verdana,Serif;}
.submenu{background: url('http://www.kohsamui-hotels.org/hotelstyles/images/divider.png') top repeat-x;margin-top:20px;padding-top:20px;clear:both;}
.submenu h2{
background:url('http://www.kohphangan-hotel.com/images/koh-icon.gif') no-repeat;
padding:4px 0px 8px 48px;
font-size:17px;
}

#CopyRight{
padding-left:30px;
margin-top:15px;
}

#CopyRight ul {
margin:0px;
padding:33px 0px 20px;
}
#CopyRight li.ll{
border-right:1px solid #ECE9D8;
display:inline;
font-size:12px;
list-style-type:none;
padding-left:6px;
padding-right:9px;
}
#CopyRight li.lll{
display:inline;
font-size:12px;
padding-left:6px;
padding-right:9px;
}

#CopyRight h2{padding:0px;margin:0px 0px 5px 5px;font-size:12px;font-weight:normal;}
#CopyRight h2 a:link,#CopyRight h2 a:visited,#CopyRight h2 a:active,#CopyRight h2 a:hover { color:Navy; text-decoration: none}
#bottom{padding:3px 0 3px 8px;}


/*------------------ 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;}
.TableRate td{text-align:center;border:1px solid #7F9DB9;}
.TableRate,#Tcheckin{border-collapse: collapse;border:1px solid #7F9DB9;*border:0px}
#FormLeft{border:1px solid #7F9DB9;border-right-style: none;border-top-style: none;width:450px}
#FormRight{border:1px solid #7F9DB9;border-left-style: none;border-top-style: none;text-align:left}
#FormRight p{font-size:11px;}
#FormRight ul{font-size:11px;}
.TableRate .cbox{background-color:#A6E2FF}
.rname{text-align:left !important;font-weight:bold;font-size:12px;height:29px;*height:26px;padding-left:3px}
.td label{font-size:11px;color:navy;display:block;background:#BDD8EA url(/img/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:4px 0px 0px 8px;font-weight:bold;font-size:16px;color:#f00;background-color:#fff;
padding:0px 4px;}
#dates span{float:left;}
#dates img{margin:4px 10px 0px 3px;}
#dates #nightlabel{margin:4px 0px 0px 26px;}
#trGreen{background:#82C805 url(/img/greenBG.gif) repeat-x scroll 0 -14px;}
#trYellow{background:#FFFF49 url(/img/yellowBG.gif) repeat-x scroll;height:46px}
#resform .small{color:#666666;display:block;font-weight:normal;text-align:right;width:140px;}
#FormLeft ul {list-style: none;  margin:9px 0px 9px 0px;*width:475px;padding:15px 0px 3px 0px;}
#FormLeft ul li {text-align:left;padding-bottom:2px;margin-bottom:2px;}
#FormLeft ul li label {float:left;text-align: right;padding-right:15px;width:145px;font-size:11px;background-color:transparent;color:black;}
#FormLeft 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 */
#FormLeft ul li:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
#FormLeft input[type='text'] {	width: 250px;	padding: 0.1825em;}
#FormLeft 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 ----------*/

#dropdown{position: absolute;top:106px;width:950px;text-align:right;}
#combo_quicklinks{width: 320px;background-color: #ff9;font-family: Arial; font-size: 9pt;}
.dropdown_hotels{background:url('http://www.kohsamui-hotels.org/hotelstyles/images/top3.jpg') repeat-x;height:28px;overflow:hidden;width:949px;margin:0 auto;}
.dropdown_hotels label{height:44px;float:left;font-family: Arial, Tahoma, Verdana, Sans-serif; color:#02476A; font-size:12px; font-weight:bold;padding:18px 0px 0px 8px;}
.dropdown_hotels label a.hotels{background-image:url('http://www.kohsamui-hotels.org/hotelstyles/images/click-icon.gif');color:#0F1F40; text-decoration:none;background-position:left center; background-repeat:no-repeat; padding-left:10px; margin:0 2px 0 2px;}
.dropdown_right{height:44px;background:url('http://www.kohsamui-hotels.org/hotelstyles/images/top2.jpg') repeat-x;float:right;width:336px;padding-top:2px;}
.dropdown_bg{height:44px;background:url('http://www.kohsamui-hotels.org/hotelstyles/images/top1.jpg') no-repeat;float:right;width:110px;}

#copyright{width:100%;margin-bottom:0px;background:transparent url(http://www.kohphangan-hotel.com/images/kohphangan-bottom.jpg) repeat-x;height:72px;}
#copyright p{margin:0px;color:#000;padding-top:15px;
text-align:center;}
#bottom{margin-bottom:15px;margin:0 auto;text-align:center;}
.bottom_links{list-style-type:none;display:inline;border-right: solid 1px #E9EDF3;padding-right:9px;padding-left:6px;*padding-right:6px;*padding-left:9px;}
.bottom_link{display:inline;padding-right:9px;padding-left:6px;*padding-left:9px;}
#hotelnote{width:820px;margin:5px auto 8px;padding:3px;color:red;font-weight:bold;font-size:12px;}