* {margin:0px; padding:0px;}
* img {border:none; }
* a:link {color:blue; text-decoration:none;}
* a:visited {color:blue; text-decoration:none;}
* a:hover {color:red;}

strong, b {font-weight:bold;}
.hidden {display:none;}
.shown { }
.preloading {position:absolute; display:none; top:0px; left:0px;}
.testframe {border:thin fuchsia dotted;}

.bodyBG {margin:0; padding:0; background-color:white; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:small; text-align:left;}

/* anylinkmenu */
.selectedanchor { /*CSS class that gets added to the currently selected anchor link */ background:white; color:red!important;}
/* ######### Default class for drop down menus ######### */
.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:#E3EEFB; 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; font-weight:bold; text-indent:5px;}
.anylinkmenu a:hover { /*hover background color*/ background:black; color:white;}
/* ######### 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:#E3EEFB;}
.anylinkmenucols li {padding-bottom:3px; width:150px;} /* 150-180 */
.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 ul li a {width:100%; display:block; text-decoration:none;}
.anylinkmenucols a:hover {/*hover background color*/ background:black; color:white;}
/* ######### class for shadow DIV ######### */
.anylinkshadow {/*CSS for shadow. Keep this as is */ position:absolute; left:0; top:0; z-index:99; background:black; visibility:hidden;}


/* for index Page under menu top  */
#template1 {width:970px; margin:0 auto; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:10pt; text-align:left;}
#template1 a:hover {color:red; }
#template1 .clr {clear:both;margin-bottom:15px;} /* add new class 23-05-2012 */


.hotelmap {position:relative; margin:10px 0;}
.glegend {color:navy; background-color:#FCAC21; font-size:12px; padding:6px;}
.glegend .gleimg {padding-left:20px; width:20px; height:20px;}
.googletopsearch {width:auto; font-family:Arial; font-size:11px; color:black;}
.googlemap {width:965px; height:560px; margin:0 10px 10px 0; font-size:11px;}
.idxnotifier {position:absolute; top:0px; left:0; z-index:10; height:1px; width:600px; visibility:hidden; overflow:hidden; padding:0; font:bold 14px/30px Arial; display:table-cell; vertical-align:middle;}

.promo2012 {font-size:14px; font-family:Tahoma,Arial; width:990px;}
.promo2012 .pr2012td  {vertical-align:top;}
.promo2012 .pr2012div {width:220px; height:150px; text-align:center; padding:0px; position:relative }
.promo2012 .idxhotel {height:40px; color:blue; font-weight:bold; font-size:14px; line-height:20px; padding:10px 30px 0 10px;}
.promo2012 .idxpromo {height:40px; color:yellow;  font-weight:bold; font-size:16px; line-height:20px; margin-top:18px;}
.promo2012 .idxlocat {color:blue; font-size:13px; margin-top:20px;}
.promo2012 .htmtext {padding:5px; line-height:18px; text-align:left; font-size:13px; color:yellow; margin:6px;}
.promo2012 .htmbook {position:absolute; right:15px; bottom:6px; cursor:pointer;}

.hoteldeals { border-collapse:collapse; text-align: left; font-family:Tahoma,Arial; font-size: 10px; }
.hoteldeals .headline { padding: 3px; color: #FFFF66; background-color: #1486FB; font-weight: bold; font-size: 11px; }
.hoteldeals td { border: 2px solid #1486FB;	width:240px; vertical-align: top; overflow:hidden; white-space:nowrap; }	
.hoteldeals td div { overflow:hidden; white-space:nowrap; }	
.hoteldeals img { margin: 1px; float: left;}

.regioncover {margin-top:50px;}
.regioncover .leftside {float:left; width:120px; font-weight:bold;}

.regionguide {width:690px; padding:10px; margin-left:130px;}
.regionguide .regionbox {height:235px; text-align:justify;}
.regionguide .tabnavi {float:left; width:300px; font-weight:bold; padding:0 10px 10px 0;}
.regionguide .tabnavi img {padding-bottom:5px;}
.regionguide .regiontitle {color:#0099CC; font-size:14px;}
.regionguide .tabnavi .fleft {float:left;}
.regionguide .tabnavi .fright {float:right;}
.regionguide .tabmap {float:right; margin:0 0 5px 5px; font-size:10px; text-align:center;}
.regionguide .tabmap img {border:0; text-decoration:none;}

.regionguide .slider {width:690px; height:115px; background-color:#E2F4FE; overflow:auto; white-space:nowrap; font-size:11px;}
#sliderUnseen {width:690px; height:115px; background-color:#E2F4FE; overflow:auto; white-space:nowrap; font-size:11px;}
#sliderUnseen .slidernames a {width:106px; display:inline-block; text-align:center;}

.regioncover .rightside {float:right; width:120px; font-weight:bold;}


/* for Footer  */
.footer {clear:left; width:100%; color:#0066CC; margin:30px 0 50px; padding-top:10px; border-top:3px gray double; font-size:11px; text-align:left;}
.footer .cover {width:970px; margin:auto;}
.footer .adrsawadee {float:left; width:auto;}
.footer .affiliate {float:right; width:330px; text-align:justify; color:red;}
.footer .menu {width:auto; color:#333333; margin:0 auto; text-align:center;}

/* =========================================================== */

.regionhead2013 {clear:left; color:#ff5902; font-size:20px; font-weight:bold; text-align:center;}

.regioncover2013 {margin:20px 5px;}
.regioncover2013 .leftside {float:left; width:120px; font-weight:bold;}
.regioncover2013 span {float:left; display:inline-block; width:100px; margin:0 10px; text-align:center; font-weight:bold;}
.regioncover2013 a {color:#036AF3!important;}
.regioncover2013 a:hover {color:gray!important;}
.regioncover2013 strong {background-image:url('img2013/intro-sprite.jpg'); width:98px; height:58px; margin-bottom:5px; border:1px white solid; cursor:pointer; float:left;}
.regioncover2013 br, .regionguide2013 br {clear:left; display:block;}
.regioncover2013 .shadow3, .regionguide2013 .shadow3 {box-shadow:0 0 2px 2px #C9D2D9; -o-box-shadow:0 0 2px 2px #C9D2D9; -icab-box-shadow:0 0 2px 2px #C9D2D9; -khtml-box-shadow:0 0 2px 2px #C9D2D9; -moz-box-shadow:0 0 2px 2px #C9D2D9; -webkit-box-shadow:0 0 2px 2px #C9D2D9;}
.regioncover2013 .rightside {float:right; width:120px; font-weight:bold;}

.regionguide2013 {clear:left; width:950px; margin:20px auto 30px;}
.regionguide2013 .tabnavi {float:left; width:300px; font-weight:bold; padding:0 10px 10px 0;}
.regionguide2013 .tabnavi img {padding-bottom:5px;}
.regionguide2013 .regiontitle {font-size:14px;}
.regionguide2013 .tabnavi .fleft {float:left;}
.regionguide2013 .tabnavi .fright {float:right;}
.regionguide2013 .tabmap {float:right; margin:0 0 5px 5px; font-size:10px; text-align:center;}
.regionguide2013 .tabmap img {border:0; text-decoration:none;}
.regionguide2013 .guidemenu {float:right;}
.regionguide2013 .button-hotel a {display:inline-block; background:url('img2013/button-hotel.gif') no-repeat; width:118px; height:40px; padding:3px 45px 20px 5px; font-size:14px; font-weight:bold; color:gray;}
.regionguide2013 .button-hotel a:hover {background:url('img2013/button-hotelhover.gif') no-repeat; color:#036AF3!important;}
.regionguide2013 .button-guide a {display:inline-block; background:url('img2013/button-guide.gif') no-repeat; width:118px; height:40px; padding:3px 45px 20px 5px; font-size:14px; font-weight:bold; color:gray;}
.regionguide2013 .button-guide a:hover {background:url('img2013/button-guidehover.gif') no-repeat; color:#036AF3!important;}
.regionguide2013 .button-map a {display:inline-block; background:url('img2013/button-map.gif') no-repeat; width:118px; height:40px; padding:3px 45px 20px 5px; font-size:14px; font-weight:bold; color:gray;}
.regionguide2013 .button-map a:hover {background:url('img2013/button-maphover.gif') no-repeat; color:#036AF3!important;}
.regionguide2013 p {float:left; width:440px; text-align:justify;}
.regionguide2013 .introimg {float:left; margin-right:20px; border:1px white solid;}

#sliderUnseen2013 {width:950px; height:115px; margin:auto; background-color:#E2F4FE; overflow:auto; white-space:nowrap; font-size:11px;}
#sliderUnseen2013 .slidernames a {width:106px; display:inline-block; text-align:center;}
.sliderhead2013 {color:#036AF3; font-weight:bold; font-size:14px; margin:10px 0 10px 10px;}