@charset "utf-8";
/* ######## Main Structure ######## */
body {
	background-color: #EEEEEE;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#mainContainer {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
#middleColumn {
	background-color: #FFFFFF;
	margin-left: 185px;
	margin-right: 205px;
	padding-top: 30px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#middleRightColumn {
	background-color: #FFFFFF;
	margin-left: 185px;
}
#middleLeftColumn {
	background-color: #FFFFFF;
	margin-right: 220px;
}

#rightColumn {
	background-color: #FFFFFF;
	width: 200px;
	float: right;
}
#rightColumn220  {
	background-color: #FFFFFF;
	float: right;
	width: 220px;
}

.rightColumn {
	background-color: #FFFFFF;
	float: right;
	width: 180px;
}
#leftColumn {
	float: left;
	width: 180px;
	background-color: #FFFFFF;
}
#leftContent {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	margin-right: 360px;
	clear: left;
	text-align: left;
	padding: 10px;
}
#leftContentSize750 {
	clear: left;
	margin-right: 230px;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	padding: 10px;
}

#leftContentSize670 {
	margin-right: 320px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	padding: 10px;
	clear: left;
	text-align: left;
}
#leftContentBox650 {
	background-color: #FCFC7F;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	padding: 5px;
}
#leftContentBox650:hover  {
	background-color: #99CC33;
	padding: 5px;
	float: left;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
}

#leftContentBox {
	background-color: #C2DF86;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	padding: 5px;
}
#leftContentBox:hover {
	padding: 5px;
	float: left;
	width: 640px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	background-color: #99cc33;
}



#leftContentAds {
	width: 630px;
}

.fontBlue {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #0033CC;
	line-height: 30px;
}
.fontBlueBold {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #0033CC;
}


.photo {
	padding: 4px;
	border: 1px solid #CCCCCC;
	margin: 5px;
	background-color: #FFFFFF;
	float: left;
}
#roundBox {
	padding: 5px;
	border: 1px solid #999999;
	margin-bottom: 10px;
}

#middleContentBox {
	background-color: #E6FFDF;
	width: 572px;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	float: none;
	clear: left;
	margin-bottom: 10px;
}
#middleContentBox:hover {
	background-color: #7DFF87;
	width: 572px;
}



#rightContent {
	float: right;
	width: 355px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	border-left-width: 1px;
	padding-left: 5px;
	padding-top: 10px;
}
#rightContent220 {
	float: right;
	width: 220px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

#rightContentSize320 {
	width: 310px;
	float: right;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.rightBoxSize340 {
	width: 340px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-top: 5px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	display: block;
}
.rightBoxSize300 {
	clear: both;
	width: 305px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}
.rightBoxSize200 {
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	width: 205px;
	margin-right: auto;
	margin-left: auto;
}


.rightBoxSize180 {
	width: 180px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 5px;
}
.columnSize315Left {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	width: 295px;
	float: left;
	text-align: left;
	background-color: #E1FFE1;
}
.columnSize315Right {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	width: 290px;
	padding-left: 10px;
	background-color: #FFF4CA;
	text-align: left;
	float: right;
}






#head {
	width: 990px;
}
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #0033CC;
	text-decoration: none;
	text-align: center;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #00A600;
	text-align: left;
	display: inline;
}
h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}
h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #0000FF;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
h5 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	text-shadow:#0033CC; 
	margin: 0px;
	padding: 0px;
}


p {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
p1 {
	text-align: center;
}
.orangeBar {
	background-image: url(images/orange-bar.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.yellowBar {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(images/yellow-bar.jpg);
	color: #3333FF;
	background-repeat: no-repeat;
}


#pagecenter {
	width: 990px;
	background-color: #FFFFFF;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
a:link {
	color: #0033CC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #339900;
}
a:active {
	color: #000099;
}
.clearfloat {
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
}
/* ######## Top Section ######### */
#mainNavigation/* Main Navigation Menu */
  {
	width:990px;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #6B78A9;
	height: 32px;
      }
#mainNavigation  ul {
	margin:0;
	list-style:none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
      }
#mainNavigation  li {
      display:inline;
      margin:0;
      padding:0;
      }
#mainNavigation  a {
	float:left;
	margin:0;
	padding:0 0 0 7px;
	text-decoration:none;
	background-image: url(images/mainNavigation-tab-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
      }
#mainNavigation  a  span {
	float:left;
	display:block;
	color:#fff;
	background-image: url(images/mainNavigation-tab-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 15px;
	padding-left: 6px;
	padding-top: 7px;
	padding-bottom: 6px;
      }
#mainNavigation /* Commented Backslash Hack hides rule from IE5-Mac \*/
     a  span {float:none;}
#mainNavigation /* End IE5-Mac hack */
     a:hover  span {
	color:#FFFFFF;
      }
#mainNavigation  a:hover {
      background-position:0% -42px;
      }
#mainNavigation  a:hover  span {
      background-position:100% -42px;
      }
#mainNavigation  #current  a {
              background-position:0% -42px;
      }
#mainNavigation  #current  a  span {
              background-position:100% -42px;
      }   
#headerWrapper {
	background-color: #99CC00;
	height: 120px;
	width: 990px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#cm-hotel-logo {
	background-color: #FFFFFF;
	height: 100px;
	width: 200px;
	float: left;
	border: 1px solid #FFFFFF;
	margin: 9px;
}
.top-img {
	background-image: url(hotels/north_hotels/north_images/chiangmai-hotel-top.gif);
	background-repeat: no-repeat;
	height: 90px;
	width: 728px;
	float: right;
	border: 1px solid #FFFFFF;
	margin: 14px;
}
.chiangrai-top-img {
	background-repeat: no-repeat;
	border: 1px solid #ffffff;
	float: right;
	height: 90px;
	width: 728px;
	margin: 14px;
}
.pattayaTopImg {
	float: right;
	height: 90px;
	width: 728px;
	border: 1px solid #FFFFFF;
	margin: 14px;
}
.phuketTopImg {
	margin: 14px;
	height: 90px;
	width: 728px;
	border: 1px solid #FFFFFF;
	float: right;
}
.huahinTopImg {
	margin: 14px;
	float: right;
	height: 90px;
	width: 728px;
	border: 1px solid #FFFFFF;
}
.kohChangTopImg {
	margin: 14px;
	float: right;
	height: 90px;
	width: 728px;
	border: 1px solid #FFFFFF;
}
.krabiTopImg {
	margin: 14px;
	float: right;
	height: 90px;
	width: 728px;
	border: 1px solid #FFFFFF;
}
.samuiTopImg {
	margin: 14px;
	float: right;
	height: 90px;
	width: 728px;
	border: 1px solid #FFFFFF;
}
.phangngaTopImg {
	margin: 14px;
	float: right;
	height: 90px;
	width: 728px;
	border: 1px solid #FFFFFF;
}
.kohphanganTopImg {
	margin: 14px;
	float: right;
	height: 90px;
	width: 728px;
	border: 1px solid #FFFFFF;
}
.sametTopImg {
	margin: 14px;
	float: right;
	height: 90px;
	width: 728px;
	border: 1px solid #FFFFFF;
}
.kohtaoTopImg {
	margin: 14px;
	float: right;
	height: 90px;
	width: 728px;
	border: 1px solid #FFFFFF;
}
.chumphonTopImg {
	margin: 14px;
	float: right;
	height: 90px;
	width: 728px;
	border: 1px solid #FFFFFF;
}
.kanchanaburiTopImg {
	margin: 14px;
	float: right;
	height: 90px;
	width: 728px;
	border: 1px solid #FFFFFF;
}
.northeastTopImg {
	margin: 14px;
	float: right;
	height: 90px;
	width: 728px;
	border: 1px solid #FFFFFF;
}
.centralnorthTopImg {
	margin: 14px;
	float: right;
	height: 90px;
	width: 728px;
	border: 1px solid #FFFFFF;
}


.southTopImg {
	margin: 14px;
	float: right;
	height: 90px;
	width: 728px;
	border: 1px solid #FFFFFF;
}













img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.top-text {
	background-color: #FFFFFF;
	height: 90px;
	width: 728px;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #0069D2;
	background-image: url(hotels/north_hotels/north_images/chiangmai-hotel-text-top.gif);
	float: right;
	margin-right: 15px;
	margin-left: 0px;
}
.cityname {
	font-family: Verdana;
	font-size: 11px;
	font-weight: 400;
	color: #000099;
}
.cityname-thaihotel {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.cityname a:link {
	text-decoration: none;
}
.cityname a:visited {
	text-decoration: none;
}
.cityname a:hover {
	text-decoration: underline;
	color: #339900;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}
.cityname a:active {
	text-decoration: none;
}
.cityname-current {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #339900;
}
#hotelGuideBar {
	height: 30px;
	border: 1px solid #CCCCFF;
	width: 970px;
	float: left;
	margin: 0px;
	text-align: left;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#hotelGuideBar ul {
	list-style-type: none;
	font-family: Verdana;
	font-size: 11px;
	font-weight: 400;
	text-decoration: none;
	display: inline;
	line-height: 30px;
}
#hotelGuideBar li {
	float: left;
}

#lifeStyleNavigation {
	display: block;
	padding: 10px;
	border: 1px solid #BEBEBE;
	margin-top: 10px;
	margin-bottom: 5px;
	width: 160px;
	text-align: left;
}
#lifeStyleNavigation ul {
	padding: 0px;
	margin: 0px;
}
#lifeStyleNavigation ul li {
	text-align: left;
	margin: 0px;


}

#lifeStyleNavigation li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	list-style-type: none;
	text-align: left;
}
#lifeStyleNavigation li a {
	text-decoration: none;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #3333FF;
	text-align: left;
}
.infoHorMenu {
	float:left;
	padding:0;
	margin:0;
	color: #0000FF;
	background: #B5FF91;
	width:100%;
	border:1px solid #82B517;
	clear:both;
} /*Color navigation bar normal mode*/
.infoHorMenu    a, .infoHorMenu   a:visited {
font-family:Georgia, Times New Roman, serif;
font-style:normal;
font-weight:normal;
font-size:12px;
color: #0000FF;
background-color: #B5FF91;
text-decoration: none;
}
.infoHorMenu  ul {list-style-type:none;padding:0; margin:0;}
.infoHorMenu  ul  li {
	float:left;
	position:relative;
	z-index:auto !important;
	z-index:1000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #82B517;
}
.infoHorMenu  ul  li  a {color: #0000FF;background: #B5FF91;float:none !important ; float:left ; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
.infoHorMenu  ul  li  ul {display:none; border:none;color: #0000FF;background: #B5FF91; width:1px}
.infoHorMenu  ul  li:hover  a {
	background-color:#00C100;
	text-decoration:none;
	color:#FFFFFF;
} /*Color main cells hovering mode*/
.infoHorMenu  ul  li:hover  ul {display:block;  position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
.infoHorMenu  ul  li:hover  ul  li  a {display:block; width:8em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #53A600; border-bottom: solid 1px #53A600; background-color:#A8E431;  color:#0000FF;} /*Color subcells normal mode*/
.infoHorMenu  ul  li:hover  ul  li  a:hover {background-color:#F27E0A; text-decoration:none;color:#FFFF22;} /*Color subcells hovering mode*/
.infoHorMenu  ul  li  a:hover {
	background-color:#00C100;
	text-decoration:none;
	color:#FFFFFF;
} /*Color main cells hovering mode*/
.infoHorMenu  ul  li  a:hover  ul {display:block; width:8em; position:absolute; z-index:999; top:29px; left:0; }
.infoHorMenu  ul  li  ul  li  a:visited { background-color:#A8E431;  color:#0000FF;} /*Color subcells normal mode*/
.infoHorMenu  ul  li  a:hover  ul  li  a {
	display:block;
	width:8em;
	height:1px;
	line-height:1.3em;
	border-left:solid 1px #53A600;
	border-bottom: solid 1px #53A600;
	background-color:#A8E431;
	color:#0000FF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 16px;
	padding-right: 16px;
} 
.infoHorMenu  ul  li  a:hover  ul  li  a:hover {background-color:#F27E0A; text-decoration:none;color:#FFFF22;} /*Color subcells hovering mode*/

/*Thailand Hotels vertical Menu*/
#thaiHotelMenu {
	width: 990px;
	margin: 0px;
	padding: 0px;
	float: left;
	border: 1px solid #139ED4;
}
#thaiHotelMenu ul{
	background-color: #c9eef1;
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
}
#thaiHotelMenu ul li{
	display: inline;
}
#thaiHotelMenu ul li a{
	float: left;
	color: #0F51B3;
	text-decoration: none;
	font-family: Verdana;
	font-size: 11px;
	font-weight: 400;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	width: 90px;
	height: 18px;
}
#thaiHotelMenu ul li a:hover{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FD8C00;
}
#thaiHotelMenu .current{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FD8C00;
}
#thaiHotelMenu .header{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0B108C;
	width: 90px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
}

/* ############################# 
   ######## Left column ########
   #############################
*/
#infoNavigation/* vertical green menu */
 {
	width:178px;
	font-size:85%;
	border: 1px solid #669900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
	color: #029302;
	clear: none;
	text-decoration: none;
}
.chiangmaiInfoHead {
	color: #FFFFFF;
	height: 25px;
	width: 178px;
	background-color: #027A02;
	text-align: center;
	line-height: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
}
#infoNavigation  ul {
	margin:0px;
	padding:0px;
	text-align: left;
}   
#infoNavigation       ul       li   {
	height:22px;
	list-style:none;
	padding-left:25px;
	cursor:pointer;
	background-image: url(images/infoNavigation-Bar.gif);
	padding-top: 6px;
	display: block;
	padding-right: 0px;
	padding-bottom: 0px;
}     
#infoNavigation           ul           li:hover     {
	color: #026F02;
	background-image: url(images/infoNavigation-Bar.gif);
	padding-left: 28px;
	background-position: 0px -28px;
	height: 22px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	position: relative;
}   
#infoNavigation ul li a {
	color: #028802;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 82%;
	font-weight: bold;
}
#infoNavigation  ul  ul {
	display:none;
	position:absolute;
	left:120px;
	top:5px;
	border: 1px solid #3c32a8;
	margin: 0px;
	padding: 0px;
}             
#infoNavigation        ul        li:hover  ul           {
	display:block;
}    
#infoNavigation ul ul li {
	display: inline;
	float: left;
	width: 150px;
	color: #FF6600;
}
#infoNavigation ul ul li:hover {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#thaiHotelNavigation/* blue menu */

 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 85%;
	font-weight: bold;
	border-size: 1px;
	width: 178px;
	clear: none;
	float: left;
	color: #3c32a8;
	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: none;
	border-left-style: solid;
	border-top-color: #3c32a8;
	border-right-color: #3c32a8;
	border-bottom-color: #3c32a8;
	border-left-color: #3c32a8;
        }
.thaiHotelHeader {
	height: 24px;
	display: block;
	background-color:#0B108C;
	font-size: 14px;
	color: #FFFFFF;
	margin: 0px;
	width:178px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #889944;
	line-height: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#thaiHotelNavigation  ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}
#thaiHotelNavigation      li  a   {
	height: 22px;
	text-decoration: none;
	background-image: url(images/thaiHotelNavigation-bar.gif);
	display: block;
	padding-top: 6px;
	padding-left: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	color: #3c32a8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
        }
#thaiHotelNavigation     li     a:hover     {
	color: #260187;
	height: 22px;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 28px;
	background-image: url(images/thaiHotelNavigation-bar.gif);
	background-position: 0 -28px;
        }





/* ############################### 
   ######## Middle column ########
   ###############################
*/
.hotel-list-container {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #cccccc;
	float: left;
	width: 785px;
	margin: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
}
#hotelListContainer {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #cccccc;
	float: left;
	width: 785px;
	margin: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
}
#hotel-list-row {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	width: 785px;
	float: left;
}
#hotel-list-box {
	height: 95px;
	width: 392px;
	margin-top: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: lighter;
	text-decoration: none;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	float: left;
	text-align: left;
}
#hotelBox {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: lighter;
	height: 100px;
	width: 400px;
	border: 1px solid #0000CC;
}

#hotel-list-box ul {
	font-family: Verdana;
	font-size: 11px;
	font-weight: 400;
	color: #000000;
	list-style-type: none;
	text-decoration: none;
	padding: 2px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#hotel-list-box a:hover {
	color: #3366FF;
	text-decoration: underline;
}
.hotel-name {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	text-align: left;
	line-height: 30px;
}
.hotel-name:hover {
	color: #3399FF;
	text-decoration: underline;
}
.special-rate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: oblique;
	color: #FF00CC;
	text-decoration: blink;
	margin-left: 15px;
}
.recommend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: oblique;
	margin-left: 15px;
	color: #00A600;
	text-decoration: blink;
	font-weight: bold;
}
.include {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #0099FF;
	font-weight: bold;
	text-decoration: none;
}
.detail-rate {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #0000FF;
	text-decoration: none;
	background-color: #FFB94F;
	height: 12px;
	width: 75px;
	float: right;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	padding: 2px;
	border: 1px solid #0033CC;
}
.detail-rate:hover   {
	background-color: #D9E8FF;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #0000FF;
	border: 1px solid #FF9900;
}
.detail-rate a:link {
	background-color: #FFFF66;
}
.location {
	font-family: Verdana;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.rate {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
}
#space {
	height: 10px;
	padding: 0px;
	width: 780px;
	margin: 0px;
	float: left;
}
#hotel-center-tabs/* Hotel Online Booking Menu */
     {
	width:100%;
	background:#EFF4FA;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #DD740B;
	float: left;
      }
#hotel-center-tabs  ul {
	margin:0;
	padding:10px 10px 5px;
	list-style:none;
	text-align: center;
      }
.hotel-center-tabsul {
}
#hotel-center-tabs  li {
	display:inline;
	padding:0;
      }
#hotel-center-tabs  a {
	float:left;
	text-decoration:none;
	background-image: url(http://chiangmaismile.com/hotels/north_hotels/north_images/tab-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	margin: 0;
      }
#hotel-center-tabs  a  span {
	float:left;
	display:block;
	color:#FFF;
	background-image: url(http://chiangmaismile.com/hotels/north_hotels/north_images/tab-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 5px;
	margin: 0;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
      }
#hotel-center-tabs /* Commented Backslash Hack hides rule from IE5-Mac \*/
     a  span {float:none;}
#hotel-center-tabs /* End IE5-Mac hack */
     a:hover  span {
      color:#FFF;
      }
#hotel-center-tabs  a:hover {
      background-position:0% -42px;
      }
#hotel-center-tabs  a:hover  span {
      background-position:100% -42px;
      }
#hotel-center-tabs  #current  a {
                background-position:0% -42px;
        }
#hotel-center-tabs  #current  a  span {
                background-position:100% -42px;
        }
#page-navi {
	float: right;
	height: 25px;
	width: 240px;
}
.pagenavi{
	display:block;
	height:25px;
	font-size:12px;
	line-height:20px;
	margin-right:3px;
	font-weight: bold;
	color: #0033CC;
	float: left;
  }  
.page-button{
	display:block;
	width:25px;
	height:20px;
	text-align:center;
	text-decoration:none;
	margin-right:3px;
	background-color:#99CC33;
	color:#FFFFFF;
	font-size:12px;
	line-height:20px;
	float: left;
  }  
    .page-button:hover{
	display:block;
	width:25px;
	height:20px;
	text-align:center;
	text-decoration:none;
	margin-right:3px;
	background-color:#7598FF;
	color:#FFFFFF;
	float:left;
	font-size:12px;
	line-height:20px;
  }  
.page-button-current {
	background-color: #7598FF;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	float: left;
	height: 20px;
	width: 25px;
	margin-right: 3px;
	text-decoration: none;
}
.contentTopAds {
	background-color: #FFFFFF;
	width: 990px;
	padding-top: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
}



/* ################################
   ######### Right column ######### 
   ################################
*/ 
#district-hotel {
	background-color: #F5F5F5;
	height: 290px;
	width: 168px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
}
#district-hotel  ul {
	font-family: Verdana;
	font-size: 11px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	list-style-type: none;
	text-align: left;
}
#district-hotel-top {
	background-image: url(http://chiangmaismile.com/hotels/north_hotels/north_images/district-hotel-top.gif);
	background-repeat: no-repeat;
	width: 170px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
}
#round-top {
	background-image: url(http://chiangmaismile.com/hotels/north_hotels/north_images/round-top.gif);
	height: 12px;
	width: 170px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
	background-position: bottom;
}
.district-bar {
	background-color: #66ff8c;
	height: 20px;
	width: 100%;
	background-repeat: no-repeat;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #0000CC;
	text-align: center;
	margin-top: 10px;
}
.district-bar:hover {
	color: #FF0000;
}
#round-bottom {
	height: 12px;
	width: 170px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(http://chiangmaismile.com/hotels/north_hotels/north_images/round-bottom.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-top: 0px;
}
#thailand-top-dest {
	color: #FF0000;
	height: 280px;
	width: 168px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana;
	font-size: 12px;
	background-color: #F5F5F5;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	list-style-type: none;
	font-weight: bold;
	line-height: 18px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
}
#thailand-top-dest  ul {
	list-style-type: none;
	text-align: left;
}
#thailand-top-dest h3 {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#thailandPackageTour {
	width: 180px;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	list-style-type: none;
}
#rightSponsor {
	border: 1px solid #999999;
	padding: 5px;
	margin: 0px;
}
#rightSponser200 {
	float: right;
	height: 200px;
	width: 200px;
}


/* ######## Test Pages ######## */
.style2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #0F7F00;
}
.style3 {	color: #FF0000;
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
}
.style1 {
	color: #0000CC;
	font-family: "Times New Roman", Times, serif;
}


.style4 {
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	color: #000000;
	font-weight: normal;
}


/* ######### Site Footer ######### */
#footer {
	padding: 10px;
	width: 970px;
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	color: #0000C4;
	list-style-type: none;
	text-align: left;
	line-height: 15px;
	margin-right: auto;
	margin-left: auto;
	background-color: #c4e0fc;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #3da5be;
}
#footer a {
	font-family: "MS Sans Serif", Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	color: #4675FF;
	text-decoration: none;
}
   #footer a:hover {
	text-decoration: underline;
}
.footer-font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0033FF;
	text-decoration: none;
	font-weight: 200;
}
.footerAds {
	background-color: #FFFFFF;
	width: 990px;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
}