body {
width:950px;
padding:0px;
margin:0 auto;
color: #333;
font-size:13px;
font-family:Arial, Verdana, Helvetica, sans-serif;
background:url('/images/kohchanghotels-bg.gif') 50% 0;
}

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}

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 ---------------------*/
#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{width:880px;overflow:hidden;background-color:#fff;margin:0px 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:17px;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.kohchanghotels.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;}
div.outer a:visited { color: #09700B;}
div.outer a:active { color: #09700B;}
div.outer a:hover { color: #032200;
background:#86D430 url('http://www.kohchanghotels.org/hotels/images/booking.png') 0 -53px no-repeat;}
/*----------------------------- End Booking Bottom ----------------------------*/


#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:900px !important;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:860px;overflow:hidden;margin:0px auto 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,.divider{text-align:left;width:98%;color:#4D90CD;font-weight:bold;
font-family: georgia,Arial,Verdana,Serif;background: url('/images/divider.png') top repeat-x;
margin:20px auto;padding-top:10px;clear:both;}
.submenu h2{background:url('/images/coco_icon.png') no-repeat;padding:4px 0px 8px 48px;
font-size:17px;margin-top:8px;}

.divider{height:5px;}

#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{background-color:#336699;color:#FFFFFF;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;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;display:block !important;margin-top:10px;}
#FormRight ul{font-size:11px;}
.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:#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;}
#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 ----------*/

/*Hotel Recommended Hori*/
#RecommenHori {width:98%;overflow:hidden;padding: 3px;text-align:center;margin:0px auto 30px;background-color:#fff}
.RecommenHori.Sub2 {margin:0 auto;}
.RecommenHori h3 {color:red;font-weight:bold;text-align:left;
padding:4px 0px;font:bold 13px tahoma;margin:0px 0px 0px 23px;}
.RecommenHori.Sub2 .boxHori {font-size:11px;line-height: 14px; }
.RecommenHori {clear:both;margin-bottom:11px;}
.RecommenHori .boxHori {padding:4px 5px;}
.RecommenHori .boxHori img{border:none;}
.RecommenHori .boxHori table .imgbox{border:1px solid #D7E2E4;padding:1px;width:100px;margin:0 auto;}
.RecommenHori .boxHori table td{font:11px arial;text-align:center;color:green}
.RecommenHori .boxHori table label{color:#333;display:block}
.RecommenHori .boxHori table span{color:#900;display:block}