.shown { }
.hidden {display:none;}
.hover { -webkit-user-select: none; -webkit-touch-callout: none; }
.shadow3  {box-shadow:3px 3px 3px #999999; -o-box-shadow:3px 3px 3px #999999; -icab-box-shadow:3px 3px 3px #999999; -khtml-box-shadow:3px 3px 3px #999999; -moz-box-shadow:3px 3px 3px #999999; -webkit-box-shadow:3px 3px 3px #999999;}
[draggable=true] { cursor: move; }  
.test { border:1px grey dotted }


html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ }
.s2016 { margin:0 auto; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10pt; text-align:left; }
@media screen and (min-width: 1150px), (orientation:portrait) { .s2016 { font-size:11pt; } }
.s2016 a:link {color:blue; text-decoration:none;}
.s2016 a:visited {color:blue; text-decoration:none;}
.s2016 a:hover { color:red; }
.s2016 .header { background-color:#e0e0e0; text-align:center; }
.s2016 .header .wrap990 { width:100%; max-width:990px; text-align:left; display:inline-block; position:relative }
.s2016 .header .logo { width:210px; height:56px;margin-top:5px }
.s2016 .header .topright { position:absolute; top:0; right:20px; font-size:9pt; }
.s2016 .header .app { width:30px; height:30px; background:url('cdn/sprite-icons.png') no-repeat; display:inline-block; vertical-align:top; margin-left:20px; }
.s2016 .header .topright span { display:inline-block; margin-top:5px }

.s2016 h1 { font-size:16px; color:#808080; text-align:center }

.s2016 .themenu6 { font-size:12px; text-align:center; background-color:#e0e0e0; position:absolute; right:10px; top:40px; padding:0; margin:0;  overflow:hidden; white-space:nowrap }
.s2016 .themenu6 li  { text-align:center; padding:0 17px; cursor:pointer; display:inline-block; text-decoration:none; color:#333333}
.s2016 .themenu6 .currency, 
.s2016 .themenu6 .language {display:inline-block; width:21px; position:absolute; left:12px; top:2px; height:14px; background:url('cdn/sprite.flags.gif') no-repeat; }
#selcur,#sellang   {width:35px; padding:0px 3px 0 30px; display:inline-block; position:relative;cursor:pointer}

.selectedanchor {color:#333333}
.anylinkmenu {position:absolute; left:0; top:0; visibility:hidden; border:1px solid black; border-bottom-width:0; font:normal 12px Verdana; line-height:18px; z-index:100; /* zIndex should be greater than that of shadow's below */; background:#ececec; width:200px; /* default width for menu */ }
.anylinkmenu ul {margin:0; padding:0; list-style-type:none; text-align:left}
.anylinkmenu ul li a {width:100%; display:block; border-bottom:1px solid black; padding:2px 0; text-decoration:none; text-indent:5px}
.anylinkmenu ul li a:link, a:visited {color:#312f2f; font-size:12px}
.anylinkmenu a:hover {font-size:12px; text-decoration:underline}/* ######### Alternate multi-column class for drop down menus ######### */
.anylinkmenucols {position:absolute; left:0; top:0; visibility:hidden; border:1px solid black; padding:5px; font:normal 12px Verdana; z-index:100; /*zIndex should be greater than that of shadow's below*/; background:#ececec; margin:auto}
.anylinkmenucols li {padding-bottom:3px; width:150px}
.anylinkmenucols .column {float:left; padding:3px 3px; margin-right:5px; background:#E0E0E0}
.anylinkmenucols .column ul {margin:0; padding:0; list-style-type:none; text-align:left}
.anylinkmenucols .column ul a:link, a:visited {color:#312f2f}
.anylinkmenucols ul li a {width:100%; display:block; text-decoration:none; font-size:12px}
.anylinkmenucols a:hover {text-decoration:underline}
.anylinkshadow {position:absolute; left:0; top:0; z-index:99; visibility:hidden}

#mcurrency {background-color:#333333; position:absolute; top:45px; right:5px; width:205px; margin:auto; padding:5px; z-index:101; opacity:0.9; filter:alpha(opacity=50); display:none}
#mcurrency ul {color:white; font-size:12px; list-style:none; max-height:260px; overflow:auto; line-height:28px; font-family:Verdana,Helvetica,Arial,sans-serif ;padding:0}
#mcurrency span {margin:7px 5px; float:left; width:21px; height:14px; background-image:url('cdn/sprite.flags.gif');}
#mcurrency li {margin:0; cursor:pointer; white-space:nowrap; overflow:hidden}
.noTouch #mcurrency li:hover {border:1px yellow solid; background-color:#666666}
#mcurrency .selected   {border:2px yellow solid; background-color:#444444}
#mcurrency img {position:relative; margin:0; cursor:pointer}

.bg-picture0 {background: url("cdn/main-bg0.th.jpg") no-repeat; height:450px; width:100% /* -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover */}
.bg-picture1 {background: url("cdn/main-bg1.th.jpg") no-repeat; height:450px; width:100% /* -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover */}
.tabmenu { padding-top:85px;  width:970px; margin:0 auto;  }
.tabmenu ul { margin:0; padding:0 20px }
.tabmenu li { margin:0 3px 0 0; width:120px; text-align:center; float:left; cursor:pointer; display:block; text-decoration:none; }      
.tabmenu li {color:white; font-size:14px; background-color:#464646; padding:6px 0px; border-radius: 5px 5px 0px 0px; outline:none; }
.tabmenu .selected {background-color:#f58427;}      
.selmenu { clear:left; position:relative; margin:5px auto; height:40px; width:990px; }
.selmenu iframe { max-width:960px; height:300px; margin:0; padding:0; border:none }
.selmenu .trans { border-radius:5px; background:rgb(255,255,255); background:rgba(255,255,255,0.6); }

.searchth { font-family:Verdana,Helvetica,Arial,sans-serif; color:black; text-align:left; font-size:11px; margin:0; max-width:100%; }
.apiSelectDate { padding:1px; border:0px solid #eaeaea; color:#464646; } 
.apiSelectDate .searchq { margin-left:25px; display:inline-block; position:relative }
.apiSelectDate .searchq label { display:block; font-size:14px; font-weight:bold; margin-bottom:5px  }
.apiSelectDate .searchq input { display:inline-block; font-size:16px; width:200px; border:1px solid #eaeaea; padding:5px 0 5px 40px; background:white url('cdn/sprite-icons.png') no-repeat 1px -98px; cursor:pointer; color:gray}
.apiSelectDate .searchq input:hover, .apiSelectDate .searchq input:active, .apiSelectDate .searchq input:focus { border:1px solid #f58427 }
.clearfield { border:1px solid transparent; display: inline-block; outline:0; cursor: pointer; vertical-align:middle; text-align:center;
			  width: 20px; height: 20px;  background-color:#eaeaea;  position: absolute; right: 5px; top: 0; bottom: 0; z-index:11; margin:auto; color:gray; font-weight: normal; font-size: 12px; border-radius: 50%; }

.apiSelectDate .searchd { margin:0; display:inline-block }
.apiSelectDate .searchd label { display:block; font-size:11px; margin-bottom:3px; }
.apiSelectDate .searchd input { display:inline-block; font-size:16px; width:140px; border:1px solid #eaeaea; padding:5px 0 5px 40px; background:white url('cdn/sprite-icons.png') no-repeat 1px -150px; cursor:pointer; color:gray}
.apiSelectDate .searchd input:hover, .apiSelectDate .searchd input:active { border:1px solid #f58427 }

.apiSelectDate .searchr { margin-left:25px; display:inline-block }
.apiSelectDate .searchr label { display:block; font-size:11px; margin-bottom:3px; }
.apiSelectDate .searchr input { display:inline-block; font-size:16px; width:200px; border:1px solid #eaeaea; padding:5px 0 5px 40px; background:white url('cdn/sprite-icons.png') no-repeat 1px -196px; cursor:pointer; color:gray}
.apiSelectDate .searchr input:hover, .apiSelectDate .searchr input:active { border:1px solid #f58427 }

.apiSelectDate .searchdo { margin-left:3px; display:inline-block  }
.apiSelectDate .searchdo input { display:inline-block; font-size:14px; width:70px; border:1px solid #eaeaea; padding:5px; color:white; cursor:pointer; }
.apiSelectDate .searchdo input:hover, .apiSelectDate .searchdo input:active { border:1px solid #f58427; background:#f58427; }

.apiSelectDate .searchraca { width:240px; border:1px solid #eaeaea; background-color:white; display:none; position:absolute;left:212px;top:35px;z-index:50; }
.apiSelectDate .searchraca .pmbox { height:40px; padding:5px; position:relative }
.apiSelectDate .searchraca .pmbox label { font-size:16px; color:#333333; display:block }
.apiSelectDate .searchraca .pmbox label + span { font-size:10px; color:gray; display:block }
.apiSelectDate #adult, #child, #rooms { position:absolute; top:3px; right:4px }
.apiSelectDate .childage { background-color:#eaeaea;}
.apiSelectDate .childage b { font-weight:bold; font-size:12px}

.s2016 .bgc { background: #f58427; /* text-shadow: 2px 2px 2px #666666;*/
			  -webkit-box-shadow: 2px 2px 2px #666666; -moz-box-shadow: 2px 2px 2px #666666; box-shadow: 2px 2px 2px #666666;
			  -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; 
			  background-image: -webkit-linear-gradient(top, #f58427, #f5ae7e);
			  background-image: -moz-linear-gradient(top, #f58427, #f5ae7e);
			  background-image: -ms-linear-gradient(top, #f58427, #f5ae7e);
			  background-image: -o-linear-gradient(top, #f58427, #f5ae7e);
			  background-image: linear-gradient(to bottom, #f58427, #f5ae7e); }

.button320 { border: solid #464646 1px; width:92px; height:24px; display:inline-block; position: relative; cursor:pointer; color:#ffffff; font-family:Arial; font-weight:bold; font-size:18px; padding:3px; }
.button320:hover  { background:#f58427; text-decoration:none }
.button320 b, .button320 i { position:absolute; background:#ffffff; border-radius:2px } 
.button320 b + b     { top:13px; left : 4px; height:4px; width:22px } 
.button320 span ~ b { top:13px; right: 4px; height:4px; width:22px } 
.button320 span ~ i { top: 4px; right:13px; bottom:4px; width: 4px }
.button320 span     { position:absolute; color:#333333; background-color:#eaeaea; display:inline-block; width:24px; height:22px; left:33px; top:0;
					  text-align:center; border-width:0 1px; border-color:#464646; border-style:solid; padding:4px; font-size:18px; font-weight:bold; font-family:Arial; }

.s2016 .buttonimg { width:410px; float:right; margin-top:-30px }
.s2016 .buttonimg b { background:url('cdn/sprite-destination.jpg') no-repeat; width:120px; height:80px; position:relative; cursor:pointer; display:inline-block; margin:4px; border:1px solid #eaeaea }
.s2016 .buttonimg span { position:absolute;bottom:0;left:0;z-index:10;background:rgb(255,255,255); background:rgba(255,255,255,0.6); display:inline-block; width:100%; text-align:center; font-size:10px;color:navy }
.s2016 .buttonimg b:hover, .s2016 .buttonimg b:active { border:1px solid #f58427 }

#newlightbox       { position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;background-color:white;opacity:.70;filter:alpha(opacity=70);-moz-opacity:0.7; text-align:center }
#newlightbox > div { position:absolute;top:25%;left:25%;right:25%;z-index:1000;border-color:gray;border-style:solid;border-width:3px;background-color:white;
				 	 font-family:Arial,Helvetica;font-size:24px;color:black; font-weight:bold; text-align:center;padding:30px }

.infobox .hoveroff{ display:none }
.infobox .hoveron { display:inline; position:absolute; z-index:10; border:2px solid #FFFFFF; background-color:#FCE1C4; border-radius:3px; box-shadow:0px 0px 8px 4px #666; /* opacity: 0.8; */ }
.infobox .hoveron { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fac68d+100,fac68d+100 */
					background: -moz-linear-gradient(top,  #ffffff 0%, #fac68d 100%, #fac68d 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(top,  #ffffff 0%,#fac68d 100%,#fac68d 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to bottom,  #ffffff 0%,#fac68d 100%,#fac68d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fac68d',GradientType=0 ); /* IE6-9 */ 
					}

#searching { position:absolute; right:25px; top:20px; width:460px; height:230px; border:1px solid #464646; z-index:10;
			overflow:auto;	background-color:#eaeaea; color:#464646; padding:5px 10px; display:none }
#searching li { font-size:14px; height:25px; display:block; padding:1px 0 1px 35px; cursor:pointer; margin:2px 0; background:url('cdn/sprite-iconmap.png') no-repeat; border-top:1px solid white; white-space:nowrap; overflow:hidden;  }
#searching li:hover { background-color:#FFE0C0 }
#searching li i {  }

.s2016 .lastsearch { position:absolute; right:10px; top:0; border:1px #CCCCCC solid; padding:2px; z-index:10; opacity:.50; }
.s2016 .lastsearch b { display:block; font-size:10px; color:navy }
.s2016 .lastsearch a { display:block; font-size:10px }

.ctrlmenu { clear:left; position:relative; margin:0 auto; height:70px; width:100%; max-width:990px; margin-top:55px; border-bottom:1px solid #464646;}
.ctrlmenu ul { margin:0; padding:0; position:absolute; bottom:0; right:10px}
.ctrlmenu li { margin:0 3px 0 0; width:125px; text-align:center;  display:inline-block; text-decoration:none; cursor:pointer; }      
.ctrlmenu li { color:white; font-size:14px; background-color:gray; padding:6px 0px; border-radius: 5px 5px 0px 0px; outline:none; }
.ctrlmenu .tablist span { font-size:11px;}
.ctrlmenu .selected {background-color:#f58427;}

.ctrlmenu .pricerange { display:none; width:250px; position:relative; background-color:white; }
.ctrlmenu .pricerange label { position:absolute;left:100px; top:5px; font-size:11px }


.filter {max-width:990px; margin:auto; background-color:#f9f9f9}
.filter .price {display:inline-block; width:450px; padding:20px}
.filter .star {display:inline-block; width:450px; padding:20px}


/* ######################################### */
#gmap { background-color:silver }
#thelist {width:100%; max-width:990px; margin:0 auto; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10pt; text-align:left; position:relative}
#thelist a:hover {color:red}
.s2016 .onehotel { position:relative; border: 1px solid #e6e6e6; height:160px; padding:0; margin:25px 5px; display:block  }
.s2016 .onehotel li { display: table-cell; vertical-align:top; text-decoration:none; }
.s2016 .onehotel .picture { width:230px; }
.s2016 .onehotel .picture img { width:225px; height:150px }
.s2016 .onehotel .description { max-width:440px; }
.s2016 .onehotel .description h2 {font-size:14px; font-weight:bold;   margin:0; }
.s2016 .onehotel .description h3 {font-size:12px; font-weight:normal; margin:0; display:inline-block;}
.s2016 .onehotel .description div {font-size:11px; text-align:justify; margin-top:10px; height:110px; overflow:auto; padding-right:5px;}
.s2016 .onehotel .ratings { width:130px; padding-left:20px }
.s2016 .onehotel .ratings .starbar { background: url('cdn/starsgreen.png') no-repeat; display:inline-block; height:12px }
.s2016 .onehotel .ratings div { margin-top:30px }
.s2016 .onehotel .prices {width:150px; text-align:right}
.s2016 .onehotel .from     { color:#f58427; font-size:12px; }
.s2016 .onehotel .price    { color:#f58427; font-size:22px; font-weight:bold; }
.s2016 .onehotel .prices b { display:inline-block; font-size:14px; width:90px; border:1px solid #eaeaea; padding:5px; color:white; cursor:pointer; text-align:center; margin:20px 10px }
.s2016 .onehotel .prices b:hover, .onehotel .prices b:active { border:1px solid #f58427; background:#f58427; }

.s2016 .onehotel1 { clear:left;position:relative; border: 1px solid #e6e6e6; min-height:160px; padding:0; margin:25px 5px; display:block  }
.s2016 .onehotel1:hover { border: 1px solid #eaeaea; }

.s2016 .onehotel1 .picture { width:230px; display:inline-block; }
.s2016 .onehotel1 .picture img { width:225px; height:150px }
.s2016 .onehotel1 .description { width:520px; display:inline-block; font-size:12px; vertical-align:top}
.s2016 .onehotel1 .description h2 {font-size:14px; font-weight:bold;   margin:0; padding:0; color:navy}
.s2016 .onehotel1 .description h3 {font-size:12px; font-weight:normal; margin:0; padding:0;display:inline-block;}
.s2016 .onehotel1 .description .xml {font-size:11px; text-align:justify; margin-top:10px; height:110px; overflow:auto; padding-right:5px; color:#333333}
.s2016 .onehotel1 .prices  { padding:0 10px; width:200px; text-align:right; margin:0 0 0 auto ;position:absolute; top:0px; right:0}

.s2016 .onehotel1 .starbar0 { background: url('cdn/starsgreen.png') no-repeat; display:block; height:12px; position:absolute; top:0; left:0px; width:60px;  }
.s2016 .onehotel1 .starbar  { background: url('cdn/starsgreen.png') no-repeat; display:block; height:12px; position:absolute; top:0; left:0px; z-index:11  }

.s2016 .onehotel1 .from     { color:#f58427; font-size:12px; margin-top:15px }
.s2016 .onehotel1 .price    { color:#f58427; font-size:22px; font-weight:bold; min-width:70px; display:inline-block }
.s2016 .onehotel1 .prices b { display:inline-block; font-size:14px; width:90px; border:1px solid #eaeaea; padding:5px; color:white; cursor:pointer; text-align:center; margin:20px 0 }
.s2016 .onehotel1 .prices b:hover, .onehotel .prices b:active { border:1px solid #f58427; background:#f58427; }
.s2016 .onehotel1 .sold     { display:none; font-size:16px; width:90px; padding:5px; color:red; cursor:pointer; text-align:center; margin:20px 0; text-decoration:line-through }
.s2016 .onehotel1 .recommend { display:block; position:absolute; top:30px; left:10px }
.s2016 .onehotel1 .distance  { display:block; margin-top:15px; font-size:11px; color:gray }
.s2016 .onehotel1 .xml::-webkit-scrollbar  { width:0px!important; }

#morepages { margin:20px auto; text-align:center; font-size:14px }
#morepages span { display:inline-block; margin:0 10px; cursor:pointer; color:blue  }
#morepages span:hover {  color:red }




.s2016 .footer { background-color:#e0e0e0; text-align:center; clear:left}
.s2016 .footer .wrap990 { width:100%; max-width:990px; text-align:left; display:inline-block; position:relative}
.s2016 .footer .wrap990 div {display:inline-block; width:242px; height:75px; margin: 10px 0px 10px 0px}
.s2016 .footer .wrap990 div h2 { font-size:14px; margin:0; color:#313131}
.s2016 .footer .wrap990 div .Fmenu {font-size:12px; font-weight:lighter}
.s2016 .footer .wrap990 div .Fmenu a:link{color:#63695f}
.s2016 .footer .wrap990 div .Fmenu a:visited{color:#63695f}
.s2016 .footer .wrap990 div .Fmenu a:hover{color:#fe8125;}
.s2016 .footer .wrap990 div h3 {font-size:12px; margin:0; color:#313131}
.s2016 .footer .wrap990 div span {font-size:11px; margin:0; color:#3f3f3f}



/* ==================================== VIEWPORT SETTINGS */
.cbr { display:none; }
@-ms-viewport { width:device-width}
@media screen and (orientation:portrait) { 
.desktop  { display:none!important } .msize { max-width:550px!important } 
#searching { height:350px; }
#searching li { font-size:16px; height:45px; background-color:#eaeaea; }
#searching li i { font-size:12px; margin-left:20px; display:block; }
.apiSelectDate .searchq { position:absolute; top:0; right:0 }
.apiSelectDate .searchq input { width:1px; }
.apiSelectDate .searchdo input { display:none; position:absolute; top:0; right:0 }
.ctrlmenu { margin-top:0px }
.s2016 .onehotel1 { min-height:120px; overflow:hidden; }
.s2016 .onehotel1 .picture { width:155px; display:block; float:left; margin-top:20px }
.s2016 .onehotel1 .picture img { width:150px; height:100px }
.s2016 .onehotel1 .description { width:200px; display:inline-block; font-size:12px;}
.s2016 .onehotel1 .description h2 { position:absolute; top:0; left:0 }
.s2016 .onehotel1 .description h3 { display:block; margin-top:20px }
.s2016 .onehotel1 .description .xml { font-size:11px; height:60px; overflow:hidden;}
.s2016 .onehotel1 .prices  { width:120px; padding:0; }
.s2016 .onehotel1 .starbar { left:15px; }
.s2016 .onehotel1 .prices b {margin:5px 0 }
.s2016 .onehotel1 .recommend { top:0; left:-20px; }
.cbr { display:block; }
}
@media screen and (max-device-width:550px) and (orientation:portrait),(max-width:550px) { 
.msize { max-width:100%!important } .mphone  { display:none!important } 
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select:focus, input:focus { font-size: 16px; }
}