﻿body {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-family:Arial; font-size:small; background-color:#FFFFFF; color:#000000;}
h1 {font-size:11px; font-weight:bold; margin:0 0 0 80px;}
a:link {color:blue;}
a:visited {color:blue;}
.hidden {display:none;}
.shown { }
.oldbrowser {display:none;}
div.centered {text-align:center; font-family:Tahoma, Arial;}
div.centered table {margin:0 auto; text-align:left;} 
img {border-style:none; border-width:0px;}
strong, b {font-weight:bold;}
.ulink {text-decoration:none;}
.leftmenu2 {width:auto; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:9pt; text-align:left}
.leftmenu2 ul {margin:0px; padding:2px; padding-bottom:10px}
.leftmenu2 ul li {padding:2px; list-style:none; border-bottom-style: solid; border-color:#e0e0e0; border-width: 1px; padding-bottom:5px; padding-left:10px}
.leftmenu2 a {text-decoration:none}
.leftmenu2 a:hover {color:red;}
.googlesearch {width:auto; vertical-align:top; text-align:left; font-size:9pt; color:blue; white-space:nowrap; margin-top:10px; margin-bottom:10px;}
.submenu {padding:3px; border:thin solid #000080; text-align:center; font-size:9pt; font-weight:bold; color:#ffffff; margin-top:12px; margin-bottom:6px; background-image:url('imgdwt/leftmenublue51.jpg')}
#thepage {width:85%; background-color:white; padding:10px; font-size:10pt; font-family:Tahoma, Arial, Helvetica, sans-serif;}
#thepage a:hover {color:red;}
.welcome1 {text-align:center; margin:10px 0 25px 0; color :#660000;}
.pagebox {width:auto; margin:20px 0; padding:0; clear:both;}
#destileft {border:0px; float:left; width:250px; padding-right:5px;}
#destiright {width:500px; border:1px #1486FB solid; border-collapse:collapse; text-align:left; float:right;}
#destiright td {border:1px #1486FB solid; padding:2px; vertical-align:top; white-space:nowrap; overflow:hidden;}
.locmaps {border:1px solid #1486FB; border-collapse:collapse; width:100%;}
.taboff {padding:3px; color:#FFFFFF; background-color:#1486FB; font-weight:bold; font-size:11px;}
.tabon a {color:#660000;}
.tabon {padding:3px; color:#660000; background-color:#FFCC33; font-weight:bold; font-size:11px;}
.taboff a {color:#FFFFFF;}
.tablink a {text-decoration:none;}
.tabnavi {width:470px; float:right; clear:left; bottom:20px; position:relative; font-weight:bold;}
.tabmap {float:right; margin-left:5px; margin-bottom:5px; font-size:10px; text-align:center;}
.panelevent {width:auto; margin:0px; border:0px; clear:both; margin-bottom:40px;}
#panelleft1 {border:0px; float:left; width:780px; margin:0; padding:5px; border:1px solid #1486FB;}
#panelleft2 {border:0px; float:left; width:780px; margin:0; padding:5px; border:1px solid #1486FB; font-size:small;}
#panelleft2 a {text-decoration:none;}
#panelleft3 {border:0px; float:left; width:780px; height:120px; margin:0; padding:5px; border:1px solid #1486FB; font-size:small;}
.promotions {border-collapse:collapse; text-align:left; font-family:Tahoma,Arial; font-size:10px; float:right;}
.promotions td {border:1px solid #1486FB; width:260px; vertical-align:top; padding:2px;}
.promotions .hname {display:inline-block; width:130px; overflow:hidden; white-space:nowrap; left:1px; position:relative;}
.promotions img {margin:1px; float:left;}
.promotions a {text-decoration:none;}
.promotions a:hover {color:red;}
.lastbox {margin:25px 50px 25px 50px; border:2px #C0C0C0 dotted; padding:10px; text-align:center;}
.headline {color:#FFFFFF; background-color:#1486FB; font-weight:bold; font-size:11px; padding:2px;}
.hoteldeals {border-collapse:collapse; text-align:left; font-family:Tahoma,Arial; font-size:10px;}
.hoteldeals td {border:2px solid #1486FB; width:220px; vertical-align:top; white-space:nowrap; overflow:hidden;}
.hoteldeals img {margin:1px; float:left;}
/*.adtable {width:251px; border-left-style:solid; border-left-width:1px; border-left-color:#000000; text-align:center; white-space:nowrap;}*/
#header {margin: 0px 0px 0px 0px; padding: 0px; border: 0px; background: #5AA8EA; width: 100%; height: 120px; /* ie5win fudge begins */; voice-family: "\"}\""; voice-family: inherit; height: 100px;}
html>body #header {height: 100px; /* ie5win fudge ends */ background-color:white}
#newleft {float: left; margin: 0px; padding: 0px; border: 0px; background: #BBDAF9;	width: 180px;}
#left {position: absolute; top: 100px; left: 0px; margin: 0px; padding: 0px; border: 0px; background: #ecf8ff; width: 200px; /* ie5win fudge begins */	voice-family: "\"}\""; voice-family:inherit; width: 180px;}
html>body #left {width: 180px; /* ie5win fudge ends */}
#middle {padding: 0px; border: 0px; background: white; margin: 0px 125px 0px 180px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; margin-top: 0px;}
html > body #middle {margin-top: 0;} /* ie5win fudge ends */
#right {background: none repeat scroll 0 0 #FFFFFF; border: 0 none; margin: 0; padding: 0; position: absolute; right: 0; top: 100px; width:250px; text-align:right;}
#right td {vertical-align:top;}
html>body #right {width:250px; /* ie5win fudge ends */}
#footer {clear:both; width:85%; padding:10px; font-family: Arial; font-size: small; text-align: center; background-color: #ffffff;}
#footer a:hover {color:red;}
.headlink {width:100%; font-family:Arial; font-size:small; text-align:center; background-color:#ffffff;}
.headlink a {text-decoration:none; color:blue;}
.headlink a:hover {color:red;}
#loader {width:665px;}
#loader a:hover {color:red;}
#loader table td {white-space:normal;}
.mytable {font-family:Arial, Helvetica, sans-serif; font-size:small; text-align:left; border-collapse:collapse;}
.mytable td {white-space:normal;}
.mytable a:hover {color:red;}
.cellcenter {text-align:center; white-space:nowrap;}
.nowrap td {white-space:nowrap;}
.preloading {position:absolute; display:none; top:0px; left:0px;}
#festivals a:hover {color:black;}
div.event250 {/* total width = 250 */
	width:245px; height:245px; font-family:Arial; font-size:11px; text-align:justify; position:relative; margin:0; padding:3px; background:url("imgevent/boxeffectbg.gif") no-repeat bottom right; border:2px #808080 solid; border-top:2px #C0C0C0 solid; border-left:2px #C0C0C0 solid; -moz-border-radius:10px; /* Firefox CSS3 */; -webkit-border-radius:10px; float:left; margin:2px;}
div.event250 img {float:left; margin-right:3px; margin-bottom:3px; border-style:none; border-width:0px;}
div.event250 a {text-decoration:none; color:black;}
div.event250:hover {background:url("imgevent/boxeffecthover.gif") no-repeat bottom right; color:black;}
div.event250 .eventlink {position:absolute; right:10px; bottom:5px; color:#0000FF;}
.R24lg_link {position:absolute; left:190px; width:100%; font-size:13px; color:black}
.R24lg_link a:hover {color:red} 
.featurehotelbox {text-align:left; margin-bottom: 5px; width:260px; background-color:#D4D0C8;}
.fleft {float:left;}
.cl {clear:left; margin-bottom:20px;}
.table1 {padding: 5px; width:420px; white-space:nowrap;}
.table1 .cell1 {display: inline-block; padding: 2px; width: 33%; background-color:maroon; color:yellow;	font-weight:bold;}
.table1 .cell2 {display: inline-block; padding: 2px; width: 33%; background-color:green; color:white; font-weight:bold; text-align:center;}
.table1 .cell2b {display: inline-block; padding: 2px; width: 33%; background-color:red; color:white; font-weight:bold; text-align:center;}
.table1 .cell3 {display: inline-block; padding: 2px; width: 33%; background-color:red; color:white; font-weight:bold; text-align:center;}

/* New CSS for new template 2015 by Puu */
.centralhead {position:absolute; float:right; top: 0px; right: 0px; background-color:white}
.language {float:left; padding-left:1%; top:119px; margin-bottom:10px; clear:left}
.language a:link{text-decoration:none}
.thaiprovincebox1{float:left; width:13%; margin-bottom:10px}
.thaiprovincebox1 ul {list-style-image: url('Template2015/imgdwt/provincelist.jpg');}
.thaiprovincebox1 ul li{margin-left:10px; margin-bottom:4px}
.thaiprovincebox1 ul a:link{color:#3399cc; text-decoration:none; font-size:13px}
.planyourtrip{clear:both}
.planyourtrip table{width: 100%; margin-bottom:10px}
.planyourtripcover{margin-right:2%; float:left; margin-bottom:5%}
.planyourtripname{width:89%; font-family:Arial; background-color:#dddddd; padding: 5px; border: 1px solid #dddddd}
.planyourtripname a:link{text-decoration:none; font-size:15px; padding-left:30px}
 h2{font-size:16px; padding-top:10px; color:#11a4dd}
.adtable{text-align:left; white-space:nowrap; float:right}
.adtable img{ margin-bottom:8px}
.packagetour{font-size:11.5px}
.packagetour img {float:left; margin-right:5px}
.packagetext{ clear:left}
.textred{color:#c94f4b; font-size:0.8em; clear:right; margin-top:3px; margin-bottom:7px}
 .textgreen{color:#7aa81d; font-weight:bold; text-decoration:none; font-size:1.2em}
.location{font-size:x-small}
.textsize{position: absolute; left: 184px; color: #416A82; font-family: Arial; font-size: 10pt; width: 68px; height: 20px; right: 1076px}
.topbar{background-color:#ecf8ff; border: 1px solid #ecf8ff; margin-top:0px; width:90%}
.clearleft{clear:left; margin-bottom:3px; margin-top:3px; border-bottom-style: solid; border-color:#e6e6e6; border-width: 1px;}
.h1Tag{padding-left:190px; color:#e1e1e1; font-size:small; font-family:Arial,AngsanaUPC}
.fb-like{border-style: none; border-color: inherit; border-width: medium; overflow:hidden; width:292px; height:62px; position:absolute; top:20px; left: 350px;}
.intro{padding-right:255px}
.region-text{}
.cover-region{margin-top:20px; padding-left:2%}
.topguide{float:left; margin-bottom:60px}
.topguide table{width:60%}
.topguide td{vertical-align:top;}
.topguide td ul{margin-left:10px; margin-bottom:4px}
.topguide td ul li{list-style-image: url('imgdwt/provincelist.jpg'); padding-left:1px; margin-left:5px}
.topguide td ul a:link{color:#3399cc; text-decoration:none; font-size:13px}
