@import url("menu.css");
/*---tag html---*/
html, body {
	background-color: #EEE;
	margin: 0px;
	padding: 0px;
	height: 100%;
	color: #666;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif, "Bitstream Vera Sans";
}
form {
	margin: 0px;
	padding: 0px;
}

.clr { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.marginRight15 { margin-right: 15px; }



/*---container---*/
#container { height: 100%; width: 918px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #FFF; border-left-color: #FFF; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif, "Bitstream Vera Sans"; 
}
/*---header---*/
#header { width: 918px; 
}
#header a {
	height: 88px;
	width: 207px;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	margin: 0px 354px 0px 357px;
	display:block;
	text-indent: -9999px;
}

/*---koh chang cliff beach resort web site---*/
#headContainer h2 {
	float: left;
	height: 31px;
	width: 275px;
	background-image: url(../img/koh_chang.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}
#headContainer h3 {
	float: left;
	background-image: url(../img/bg_koh_chang.jpg);
	background-repeat: repeat-x;
	height: 31px;
	width: 643px;
	margin: 0px;
}
/*---img_main---*/
#imageHeader { background-repeat: no-repeat; height: 298px; width: 918px; margin: 0px; display: block; }
/*---content---*/
#content {
	width: 918px;
}
/*---left-content---*/
#content #txT_bxL {
	width: 360px;
	float: left;
}
/*---reservation---*/
#content #txT_bxL h1 { background-image: url(../img/online_reservations.gif); background-repeat: no-repeat; height: 72px; width: 311px; float: left; display: block; margin: 0px; padding-top: 57px; padding-right: 21px; padding-bottom: 0px; padding-left: 28px; background-position: 21px 0px; 
}
#content #txT_bxL h1 input, #content #txT_bxL h1 select { background-repeat: no-repeat; height: 16px; margin:0px; float: left; padding: 0px; border: 1px solid #dcdcdc; font-size: 11px; font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif, "Bitstream Vera Sans"; font-weight: normal; }
#content #txT_bxL h1 input.arrive {
	background-image: url(../img/bg_input.gif);
	width: 90px;
	background-repeat: repeat-x;
	margin-right: 2px;
}
#content #txT_bxL h1 select.room { width: 165px; margin-left: 22px; font-size: 11px; height: 18px; 
}
#content  #txT_bxL  h1 .Line1 { width: 311px; margin: 0px; float: left; padding-top: 22px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

#content #txT_bxL h1 input.depart { background-image: url(../img/bg_input.gif); width: 90px; clear: both; background-repeat: repeat-x; margin-right: 2px; 
}
#content #txT_bxL h1 select.adult { height: 18px; margin-left: 22px; width: 50px; overflow: hidden; }
#content #txT_bxL h1 select.adult2 { height: 18px; margin-left: 6px; overflow: hidden; width: 50px; }
/*#content #txT_bxL h1 a {
	height: 18px;
	width: 18px;
	display: block;
	float: left;
	background-image: url(../img/month.jpg);
	background-repeat: no-repeat;
	margin-top: 57px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}*/
#content #txT_bxL h1 a.submit { height: 20px; width: 45px; display: block; float: left; background-image: url(../img/submit.jpg); background-repeat: no-repeat; padding: 0px; margin: 0px; position: absolute; right: 10px; top: 22px; 
}
/*---news---*/
#content #txT_bxL h2 { background-image: url(../img/news.gif); background-repeat: no-repeat; width: 320px; float: left; display: block; background-position: 19px 20px; padding-top: 19px; padding-bottom: 18px; height: 114px; margin: 0px; padding-right: 21px; padding-left: 19px; 
}
#txT_bxL h2 #newContainer {
	width: 301px;
	border: 1px solid #FFFFFF;
	padding-right: 8px;
	padding-left: 9px;
	margin-top: 13px;
}

#content  #txT_bxL  h2  a.view_all:link, #content  #txT_bxL h2 a.view_all:visited {
	font-size: 9px;
	float: right;
	background-image: none;
	color: #999;
	text-align: center;
	text-decoration: none;
	display: block;
	padding: 0px;
	letter-spacing: 1px;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#content #txT_bxL h2 a.view_all:hover {
	color: #333;
}
#newContainer #newsContainerList {
	height: 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#newContainer #newsContainerList2 {
	height: 32px;
}

#content #txT_bxL h2 p {
	height: 33px;
	width: 80px;
	display:block;
	font-size: 10px;
	line-height: 33px;
	color: #797979;
	margin:0px;
	float: left;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#content  #txT_bxL  h2  #newContainer a, #container  .content  #txT_bxL  h2 #newContainer  a:hover {
	height: 31px;
	width: 211px;
	float: left;
	display:block;
	font-size: 10px;
	line-height: 31px;
	color: #797979;
	background-image: none;
	font-weight: normal;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
#content  #txT_bxL  h2  #newContainer a:hover {
	color: #333;
}
/*---right-content---*/
#content #txT_bxR { float: right; width: 485px; font-size: 11px; padding-top: 24px; padding-bottom: 16px; padding-right: 20px; text-align: justify; line-height: 16px; }
/*
#content #txT_bxR h1 {
	font-size: 11px;
	font-weight: bold;
	color: #333;
	width: 484px;
	float: left;
	text-align: left;
	display: block;
	margin:0px 0px 10px 53px;
}
#content #txT_bxR h2 {
	font-size: 10px;
	font-weight: normal;
	color: #666;
	width: 493px;
	float: left;
	text-align: left;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 16px;
	padding-left: 53px;
	margin: 0px;
}
*/
/*---footer---*/
#footer_ctnr {
	height: 39px;
	width: 776px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-color: #EEE;
	background-image: url(../img/ftr_scbr.gif);
	background-repeat: no-repeat;
	padding-left: 142px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#footer_ctnr  input {
	background-image: url(../img/bg_input.gif);
	background-repeat: repeat-x;
	float: left;
	height: 16px;
	width: 118px;
	margin-top: 12px;
	padding: 0px;
	border: 1px solid #dcdcdc;
}
#footer_ctnr a {
	background-image: url(../img/submit.jpg);
	background-repeat: no-repeat;
	width: 45px;
	height:28px;
	float: left;
	margin-top: 11px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	display:block;
	text-indent: -9999px;
}

#footer_ctnr a.webby:link, #footer_ctnr a.webby:visited {
	text-indent: 0px;
	display: inline;
	background-image: none;
	height: auto;
	width: auto;
	float: none;
	color: #888888;
	text-decoration: none;
}
#footer_ctnr a.webby:hover {
	color: #BA9C23;
	text-decoration: underline;
}

#footer_ctnr b {
	float: right;
	width: 525px;
	font-size: 10px;
	font-weight: normal;
	margin-top: 14px;
	text-align: right;
	padding-right: 20px;
}


/******************* Carlendar Zone ****************************/
.calender_info {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	border: 1px solid #006600;
	background-color: #FFFFE6;
	padding: 5px;
	left: 566px;
	top: 154px;
	height: 250px;
	width: 300px;
}
.now {
	color: #FF0000;
}
.ds_box {
	position: absolute;
	z-index: 500;
}

.ds_tbl {
	background-color: #E5E5E5;
	border: 1px solid #D2C17D;
}

.ds_head {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	height: 27px;
	background-color: #655823;
}

.ds_subhead {
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	color: #3D3414;
	height: 25px;
	background-image: url(../img/hd-sprite.gif);
	background-position: 0px -83px;
	background-repeat: repeat-x;
	background-color: #D2C17D;
}

.ds_cell, .ds_cell-now, .ds_cell2, .ds_cell2-now {
	text-align: center;
	cursor: pointer;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #FFFFFF;
	background-color: #E5E5E5;
	width: 35px;
	height: 23px;
}
.ds_cell{
	color: #3D3414;
	font-size: 10px;
}
.ds_cell2 { background-image: url(../img/del.png); background-repeat: no-repeat; color: #3D3414; font-size: 10px; cursor:default; }
.ds_cell2-now { background-image: url(../img/del.png); background-repeat: no-repeat; color: #3D3414; font-size: 11px; font-weight: bold; cursor:default; background-color: #D2C17D; }
.ds_cell-now {
	color: #3D3414;
	font-weight: bold;
	font-size: 11px;
	background-color: #D2C17D;
}

.ds_cell:hover, .ds_cell-now:hover { background-color: #D2C17D; 
} 
.ds_close {
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	color: #3D3414;
	background-color: #E5E5E5;
	height: 23px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #FFFFFF;
}
.ds_close:hover {
	color: #990000;
}
#pop_detail {
	position: absolute;
	z-index: 10;
	background: #E5E5E5;
	padding: 5px;
	width: 700px;
	border: 1px solid #444444;
}
.red {
	color: #DD0000;
}


/* Accomodation */
.MenuDisplayList {
	margin: 0px;
	left: 102px;
	top: 121px;
	width: auto;
	height: auto;
	padding: 0px;
	background-image: url(../img/bg_test.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	display: none;
	z-index: 1000;
	position: absolute;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #D2C17D;
	border-left-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-indent: 0px;
}
.MenuDisplayList ul.List, .MenuDisplayList ul.ListNoImg { float: left; font-size: 11px; font-weight: bold; color: #222222; width: 198px; list-style-type: none; padding: 0px; display: block; margin: 0px; border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF; text-indent: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; }
.MenuDisplayList ul.List li, .MenuDisplayList ul.ListNoImg li { display: block; margin: 0px; padding: 2px; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; position: relative; }
.MenuDisplayList ul.List li img  {
	border: 1px solid #D2C17D;
	background-color: #FFFFFF;
	padding: 1px;
	position: absolute;
	left: 5px;
	top: 5px;
	margin: 0px;
}
.MenuDisplayList ul.List li a {
	text-decoration: none;
	color: #443C1A;
	display: block;
	margin: 0px;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 50px;
	height: 23px;
	font-size: 10px;
	text-indent: 0px;
}
.MenuDisplayList ul.List li a:hover{
	background-color: #E7E3DA;
	color: #80581E;
	text-indent: 0px;
}

.MenuDisplayList ul.ListNoImg li a {
	text-decoration: none;
	color: #443C1A;
	display: block;
	margin: 0px;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	height: 23px;
	font-size: 10px;
	text-indent: 0px;
}
.MenuDisplayList ul.ListNoImg li a:hover{
	background-color: #E7E3DA;
	color: #80581E;
	text-indent: 0px;
}