@charset "utf-8";
/* CSS Document */
body{ position:relative; margin:0px auto; padding:0px; background-color:#636363; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#777}
img{border:0px;}
#mainpage{position:relative; margin:0px auto; padding:0px; background-color:#fefefe; width:955px;}
#top{ position:relative; margin:0px auto; padding:0px;background-position:top}
#top a img{ position:relative; margin:0px auto; padding:0px;background-position:top;width:955px; height:100px; margin:0px; padding:0px; position:relative;border:0px}

.clear{ clear:both; line-height:0px;}
.fb14blue{
	color:#033CA5;
	font-weight:bold;
}
#textonflash{
	z-index:51;
	position:absolute;
	margin:5px 0px 0px 0px;
	padding:0px;
	width:300px;
	right:40px;
	top:0px;
	text-align:right;
	font-size:14px;
	color:#FC3;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#bgall{ background-color:#ffffff}
#bgtop{ background-color:#f0f0f0}
#bgbottom{ background-color:#e1f0ea}
#content{position:relative; width:100%; margin:0px; padding:0px 0px 5px 0px; background-color:#fefefe }
#contenttext{position:relative; margin:10px 5px; padding:0px; text-align:left;}
#contenttext4{position:relative; margin:10px 5px; padding:0px; text-align:left;}
#contenttext2{position:relative; margin:10px 10px; padding:0px; text-align:left; background-color:#f0f0f0}
#contenttextR{position:relative; float:left;text-align:left; margin:0px; width:580px; padding:10px; border-left:#666 dotted 1px;}
#contentL{float:left;text-align:justify; margin:0px; width:10%; padding:10px;}
#contentL a img{border:1px #99CFFF solid; text-decoration:none}
#contentL a:hover img{border:1px #000 solid; text-decoration:none}

#contentR{float:right;text-align:justify; margin:0px; width:80%; padding:10px; border-left:#FFF 0px  dotted;}

#contentR ul{text-align:left; list-style:square; line-height:16px}
#contentR li{}
#contentR a{ color:#39F}
#contentR a:hover { color:#989898}
.boxsearch{ background-color:#FFF; background-position:top}
.box1{ background-image:url(../../images/box1.jpg); background-position:top; background-repeat:no-repeat; width:933px; height:5px;margin:0px auto;}
.box2{background-image:url(../../images/box2.jpg);  background-position:top;background-repeat: repeat-y; width:933px;margin:0px auto;text-align:center;}
.box3{background-image:url(../../images/box3.jpg); background-position:top; background-repeat:no-repeat; width:933px; height:12px;margin:0px auto;}

#list{ margin:5px 0px 10px 0px; font-size:12px; position:relative;}
.listover{ margin:0px; float:left}
.list1{ background-image:url(../../images/list1.jpg); background-position:top left; background-repeat:no-repeat; width:650px; height:5px;margin:0px auto;}
.list2{background-image:url(../../images/list2.jpg);  background-position:top left;background-repeat: repeat-y; width:630px;margin:0px auto;text-align:left;; padding:0px 10px;}
.list3{background-image:url(../../images/list3.jpg); background-position:top left; background-repeat:no-repeat; width:650px; height:12px;margin:0px auto;}
.listButton{position:absolute; right:10px;}
.listLinkMap{position:absolute; left:115px;}

.boxsearchhead{ padding:0px 0px 0px 10px} 
.compare{ padding:0px 0px 0px 10px; font-weight:bold; color:#06F; margin-top:10px;} 
.compareLarge{ padding:0px 0px 0px 37px; font-weight:bold; font-size:16px; color:#0046b0; background:url(/images/save_money.png) no-repeat; height:32px; line-height:32px;} 
#contentR2{float:right;text-align:justify; margin:0px; width:30%; padding:10px; border-left:#FFF 0px  dotted;}
#contentR2text{ margin:0px; padding:10px}
#footer{position:relative; margin:0px auto; padding:10px 0px 0px 0px; text-align:center;width:955px; font-size:10px; color:#666666}

#navbar{color:#0099FF; background:#F9F9F9; display:block; height:25px; line-height:25px; padding-left:10px;}
#navbar a {font-weight:bold}

#navbarsm{color:#0099FF; background:#F9F9F9; display:block; height:25px; line-height:25px; padding-left:10px; font-size:11px;}
#navbarsm a {font-weight:bold}


h1{font-size:200%; color:#2AAFFE; display:inline}
h2{ font-weight:bold; color:#F60; font-size:14px; padding:0px; margin:0px; display:inline;}
h3{font-size:110%; color:#F90; font-weight:bold; display:inline}
.head{font-size:110%; color:#F90; font-weight:bold; display:inline}
.headbg{font-size:110%; color:#F90; font-weight:bold;background-color:#FFF; width:100%; margin:10px 0px 0px 0px}
a{text-decoration:none;}
a:hover{ text-decoration:none; color:#F30}

.searchtitle{color:#06F; padding:0 0 0 5px; text-align:left; font-weight:bold; font-size:12px; margin-bottom:5px;}
.overviewpic{ position:relative; margin:0px; padding:0px;float:left}
.overviewpic img{ border:1px #99CFFF solid;}
.overviewpic a img{ border:1px #99CFFF solid; text-decoration:none}
.overviewpic a:hover img{ border:1px #000 solid;text-decoration:none}

.rate{
	position: absolute;
	margin:0px; padding:3px 0px 0px 5px; text-align:center;
	top:200px;
	z-index:100;
	right:375px;
	background-image:url(../../images/rate.gif);
	width:80px;
	height:70px;
	background-position:top;
	background-repeat:no-repeat;
}
.rate span{ font-size:200%; color:#F90}
.data{ border-color:#99CFFF; background-color:#FFFFFF; width:98%; 
border-style:solid; border-width:0px;margin:0px 5px 0px 10px; padding:0px 0px 0px 0px; position:relative; 
text-align:center; float:left}
.data2{ border-color:#99CFFF; background-color:#FFFFFF;
border-style:solid; border-width:1px;margin:0px auto; padding:0px; position:relative; 
text-align:center; float:left;}
.seephoto{ position:relative; margin:10px 0px 23px 0px}
.thumb{ width:100%; text-align:center; margin:0px; padding:10px 0px}
.thumb a img{ border:1px #FFF solid;}
.thumb a:hover img{ border:1px #000 solid;}
/*tabmenu start*/
#grey{width:100%; border-top:2px solid #999; background-color:f0f0f0; text-align:center; margin:0px auto;}
 #tabmenu{
      float:left;
      width:100%;
      background-color:#f0f0f0;
      font-size:110%; font-weight:bold;
      line-height:normal;
          border-bottom:0px solid #333B66;
		  margin:0px 0px 0px 0px;
		  padding:0px 0px 0px 0px;
      }
    #tabmenu ul {
          margin:0;
          padding:10px 10px 0 10px;
          list-style:none;
      }
    #tabmenu li {
      display:inline;
      margin:0;
      padding:0;
	  border-bottom:solid #000 1px;
      }
    #tabmenu a {
      float:left;
	  background-image:url("../../images/left.jpg");
	  background-repeat:no-repeat; background-position:left top;
      margin:0px;padding:0 0 0 4px;
	  text-decoration: none; color:#666;

      }

    #tabmenu a span {
      float:left;
      display:block;
	  background-image:url("../../images/right.jpg");
      background-repeat:no-repeat; background-position:right top;
      padding:5px 15px 4px 6px;
      color:#666; text-decoration:none;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabmenu a span {float:none;}
    /* End IE5-Mac hack */
    #tabmenu a:hover span {
      color:#000;
      }
    #tabmenu a:hover {
      background-position:0% -50px;
      }
    #tabmenu a:hover span {
      background-position:100% -50px;
      }

      #tabmenu #current a {
              background-position:0% -50px; border-bottom: #FFF
      }
      #tabmenu #current a span {
              background-position:100% -50px; color:#3399ff;
      }
	  #tabmenu #current a:hover span {
      color:#000;
      }
/*tabmenu end*/
#google{ margin:0px; padding:0px; text-align:right; color:#333}

 #searchbutton {
	 width:100%;
	 margin-top:10px;
	  list-style:none;
	  text-decoration:none;
	  color:#333;
      float:left;
      }
    #searchbutton ul {
          margin:0;
          padding:0px;
          list-style:none;
      }
    #searchbutton li {

      display:inline;
      margin:0;
      padding:0;
      }
    #searchbutton a {
		padding:0px 0px 0px 0px;
      float:left;
	  height:40px;
      background:url( "../../images/leftsearch.jpg") no-repeat left top;
      margin:0;
      padding:0 0 0 3px;
      text-decoration:none;
	}
    #searchbutton a span {
		height:30px;
		margin:0px 0px;
		padding:0px 10px;
/* ความกว้างของปุ่ม  350pxมากสุด*/
      float:left;
      display:block;
      background:url("../../images/rightsearch.jpg") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #searchbutton a span {float:none;}
    /* End IE5-Mac hack */
    #searchbutton a:hover span {
      color:red;
      }
    #searchbutton a:hover {
      background-position:0% -40px;
      }
    #searchbutton a:hover span {
      background-position:100% -40px;
      }

 #searchbuttontext{vertical-align:bottom; padding:20px 0px 0px 0px}

.provider{ text-align:center; position:relative; margin:0px; padding:5px 0px 5px 0px}
.provider span{ float:left;}
.provider img{ padding:5px;}
.txtpad{ width: 95%;}

#hotelrelate a{
	color:#CCC;
	font-size:10px;
	}
	
#hotelrelate a:hover{
	color:#0099FF;
	font-size:10px;
	}

#hotelrealteheader{
	font-weight:bold;
	font-size:12px;
}

#grey2{width:100%; border-top:2px solid #999; background-color:#fefefe; text-align:center; margin:0px auto;}
#listl{ width:655px;float:left; padding:10px 0px}
#listr{ width:27%;float:right;padding:10px 10px; text-align:left}
.googlehead{ font-weight:bold; color:#09F}
#hotelname{ color:#06F;font-weight:bold;}
.photolist{ position: relative; float:left; padding:5px 10px}
.photolist a img{ border:2px solid #9fcdf1 }
.photolist a:hover img{ border:2px solid #f87324}
.shortdetail{padding-left:100px;}
.shortdetail a { text-decoration:underline; color:#C30;}
.shortdetail a:hover { text-decoration:underline; color:#0581ff}
.shortdetail a img{ border:0px;vertical-align: middle; padding-left:150px}