body {
width:100%;
padding:0px;
margin:0 auto;
color: #333;
font-size:13px;
font-family:Arial, Verdana, Helvetica, sans-serif;
}

#phukethotel_logo{top:0px !important;position:relative !important;}
h1{background:transparent !important}
.booking a:link { color: #0066CC; text-decoration: underline}
.booking a:visited { color: #0066CC; text-decoration: underline}
.booking a:active { color: #000; text-decoration: underline}
.booking a:hover { color: #000; text-decoration: underline}

img{border:none;}

#header_text{background:black;margin:0;padding:0;width:100%}
#header_text h1,#header_text p{display:inline;font-size:11px;font-weight:normal;margin:0;
padding:0px 0px 0px 3px;color:#fff;line-height:118% !important}
#header_text h1 a:link, #header_text h1 a:visited, #header_text h1 a:active, #header_text h1 a:hover {
color:#fff;text-decoration:none;}

.divider{height:5px;background: url('/images/divider.png') top repeat-x;margin:20px auto;padding-top:4px;width:98%;}
#nav_bar{color:green;padding:8px;}#nav_bar label{font-weight:bold}
#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;}

#hotelslogo{width:850px;overflow:hidden;margin:20px auto 0;}
#logoleft{float:left;width:290px}
#logoright{float:left;width:340px}
#logoright p{margin:3px 0px 6px 0px;padding:0px;width:310px;}
#logoright h2{color:#E47911;font-family:georgia,Verdana;font-size:17px;margin:0px 4px 4px 0px;display:inline}
#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;}
#main_logo{float:right}


/*----------------------------- 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('/hotels/images/li-icon.png') no-repeat;
padding-left:11px;
margin:0px 0px 2px 12px;
}

#note{font-size:12px;color:#666;}

.content{width:920px;margin:0 auto;}
.content h4,.content h3,.content h2{font-family: georgia,Verdana;font-size:10pt !important;}
.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:100%;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:#BC49C0;font-size:10px;
font-weight:bold;}


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

#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:850px}
#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 #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;color:#666;line-height:145%;}
.TableRate .cbox{background-color:#A6E2FF}
.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:#eee url(/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: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(/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 ----------*/