div.calendar { position: relative; border: 1px solid black; font-family: Verdana, sans-serif; font-size: 0.9em; z-index: 50; } .calendar table { color: #000; background-color: #bfbdba; border: 9px solid #bfbdba; cursor: default; }  .calendar table td { text-align: center; }   .button { color: #666; background-color: #2f2f2f; }  .calendar thead .title { color: white; background-color: black; padding: 2px; font-weight: bold; text-align: center; text-transform: uppercase; }  .calendar thead .headrow .button { color: white; padding-bottom: 2px; }  .calendar .nav { background-color: inherit; }  .calendar thead .hilite { background-color: #1f1f1f; }  .calendar thead .active { background-color: black; }  .calendar thead .daynames { background-color: white; border: 1px solid #999; }  .calendar thead .name { color: black; border-bottom: 0px solid black; padding: 5px; text-align: center; }  .calendar thead .weekend { color: gray; }  .calendar thead .daynames .hilite { background-color: transparent; }  .calendar thead .daynames .active { background-color: transparent; }   .calendar tbody .day { text-align: center; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #8a8a8a; border-bottom: 1px solid #8a8a8a; } .calendar tbody .day.othermonth { color: #bbb; font-size: 70%; } .calendar tbody .day.othermonth.oweekend { color: #fbb; background-color: #c1cd23; } .calendar table .wn { visibility: hidden; color: #fcae1d; background: transparent none; } .calendar tbody td { margin: 0; padding: 0; width: 2em; height: 1.5em; } .calendar tbody .rowhilite td { } .calendar tbody .rowhilite td.wn { background-color: #efe; }  .calendar tbody td.hilite { background-color: #ffe; }  .calendar tbody td.active { background-color: #ddc; }  .calendar tbody td.selected { color: #fff; background-color: black; font-weight: bold; }  .calendar tbody td.weekend { background-color: #7F7F89; }  .calendar tbody td.weekend:hover { color: black; background-color: white; }  .calendar tbody td.today { font-weight: bold; } .calendar tbody .disabled { color: #999; }  .calendar tbody .emptycell { visibility: hidden; }  .calendar tbody .emptyrow { display: none; background-color: #ffe; }   .calendar tfoot .footrow { }  .calendar tfoot .ttip { color: white; border: 1px solid black; height: 21px;  line-height: 0; text-indent: -999em; font-size: 0px; }  * html .calendar tfoot .ttip { height: 18px; } *:first-child+html .calendar tfoot .ttip { height: 18px; } .calendar tfoot .hilite { padding: 1px; } .calendar tfoot .active { padding: 2px 0px 0px 2px; }  .calendar .combo { display: none; color: black; background-color: white; position: absolute; top: 0px; left: 0px; border: 1px solid #655; width: 4em; cursor: default; font-size: 90%; } .calendar .combo .label, .calendar .combo .label-IEfix { padding: 1px; text-align: center; } .calendar .combo .label-IEfix { width: 4em; } .calendar .combo .hilite { background-color: #fc8; } .calendar .combo .active { background-color: #fee; border-top: 1px solid #a64; border-bottom: 1px solid #a64; font-weight: bold; } .calendar td.time { background-color: #fed; border-top: 1px solid white; padding: 1px 0px; text-align: center; } .calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { background-color: white; border: 1px solid #988; padding: 0px 3px 0px 4px; font-weight: bold; } .calendar td.time .ampm { text-align: center; } .calendar td.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; } .calendar td.time span.hilite { color: white; background-color: #866; border-color: black; } .calendar td.time span.active { background-color: black; border-color: #f00; }
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; display: none; z-index: 30; } * html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } div#fancy_wrap { text-align: left; } div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; } div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/libs/jquery/fancybox/fancy_progress.png') no-repeat; } div#fancy_loading_overlay { position: absolute; background-color: #FFF; z-index: 30; } div#fancy_loading_icon { position: absolute; background: url('http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/libs/jquery/fancybox/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px; } div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; } div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #BBB; background: #FFF; } div#fancy_content { margin: 0; z-index: 100; position: absolute; } div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; } img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; } div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/libs/jquery/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; } #fancy_frame { position: relative; width: 100%; height: 100%; display: none; } #fancy_ajax { width: 100%; height: 100%; overflow: auto; } a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; } a#fancy_left { left: 0px; } a#fancy_right { right: 0px; } span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; } span#fancy_left_ico { left: -9999px; background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/libs/jquery/fancybox/fancy_left.png') no-repeat; } span#fancy_right_ico { right: -9999px; background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/libs/jquery/fancybox/fancy_right.png') no-repeat; } a#fancy_left:hover { visibility: visible; } a#fancy_right:hover { visibility: visible; } a#fancy_left:hover span { left: 20px; } a#fancy_right:hover span { right: 20px; } .fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; } div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; } div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/libs/jquery/fancybox/fancy_shadow_n.png') repeat-x; } div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/libs/jquery/fancybox/fancy_shadow_ne.png') no-repeat; } div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/libs/jquery/fancybox/fancy_shadow_e.png') repeat-y; } div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/libs/jquery/fancybox/fancy_shadow_se.png') no-repeat; } div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/libs/jquery/fancybox/fancy_shadow_s.png') repeat-x; } div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/libs/jquery/fancybox/fancy_shadow_sw.png') no-repeat; } div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/libs/jquery/fancybox/fancy_shadow_w.png') repeat-y; } div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/libs/jquery/fancybox/fancy_shadow_nw.png') no-repeat; } div#fancy_title { position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none; } div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; } div#fancy_title table { margin: 0 auto; } div#fancy_title table td { padding: 0; vertical-align: middle; } td#fancy_title_left { height: 32px; width: 15px; background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/libs/jquery/fancybox/fancy_title_left.png) repeat-x; } td#fancy_title_main { height: 32px; background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/libs/jquery/fancybox/fancy_title_main.png) repeat-x; } td#fancy_title_right { height: 32px; width: 15px; background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/libs/jquery/fancybox/fancy_title_right.png) repeat-x; }
html, body { margin: 0; padding: 0; width: 100%; } body { font-family: Arial, sans-serif; font-size: 75%; } h1 { font-size: 1em; margin: 0em 0em 0em; } h2 { font-size: 1.2em; margin: 0em 0em 0em; } h3 { font-size: 1em; margin: 1.4em 0em 0em; } h4 { font-size: 1em; margin: 0em 0em 0em; } h5 { font-size: 1em; margin: 0em 0em 0em; } h6 { font-size: 1em; margin: 0em 0em 0em; } p, li { line-height: 1.2; } p { font-size: 1em; margin: 0.5em 0em 0.9em; } li { font-size: 0.9em; } li > p { margin-top: 0.2em; } ol, ul { margin-top: 0.2em; margin-bottom: 0.1em; margin-left: 0; padding-left: 1.8em;  list-style-type: square; } img { border: 0 none; } td { text-align: center; } form, button, input, select, textarea { margin: 0; } button { overflow: visible; padding: 0 6px }  em { font-style: italic; } strong { font-weight: bold; } sup { font-size: 0.74em;  vertical-align: top; position: relative; top: -0.1em; } sup.ordinal { text-transform: lowercase; } .temperature { white-space: nowrap;  } a, a:visited {text-decoration: none} a {outline: 0 none;} .hidden {display: none} .on_top {z-index: 1} .slide { position: absolute; top: 0; left: 0; } .floatL {float: left; _display: inline;} .floatR {float: right; _display: inline;} .easyC { zoom: 1; } .easyC:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#h1-holder { height: 20px; } h1 { width: 650px; margin: 0 auto; padding-right: 300px; } #top-holder { width: 952px; margin: 0 auto; } #holder { position: relative; width: 950px; border-left: 1px solid black; border-right: 1px solid black; } #languages { position: absolute; top: -20px; right: 0; } #branding { position: absolute; top: 32px; left: 0; } #main-visual { position: absolute; top: 32px; left: 200px; width: 750px; height: 355px; padding-bottom: 4px; } #main-content { width: 570px; margin-top: 359px; margin-left: 200px; padding: 15px; } #time-weather { position: absolute; top: 359px; right: 0; z-index: 100; padding: 5px; color: white; } #left-sidebar { margin-top: 160px; margin-left: -800px; width: 200px; } #right-sidebar { margin-top: 359px; width: 150px; } #footer { clear: both; } #travelclick { position: relative; width: 900px; margin: 2px auto 0; } #travelclick p.tc { margin: 0.5em; text-align: center; clear: both; } #travelclick span.facebook { margin: 0.5em; text-align: left; } #travelclick span.share { float: right; _display:inline; margin-top: 2px; text-align: right; } ul#meeting-menu { list-style-type: none; padding: 0px; width: 535px; margin: 5px 0; } #meetinglist li.meeting-item { display: inline; padding: 0 4px 0 0; } #meetinglist li.meeting-item a { font-size: 1.1em; color: #805144; text-transform: uppercase; font-weight: bold; white-space: nowrap; } #meetinglist li.active a, #meetinglist li a:hover { color: #B2A422; }
#languages li { display: inline; list-style: none outside none; margin-right: 1em; } #languages a:hover, #languages li.active a { color: #76531B; } #main-visual { background: #FBC963 url(/images/main-visual-footer-bg.gif) repeat-x bottom; } #main-visual .overlay { position: absolute; top: 0; left: 0; z-index: 30; } #main-content div.gallery h3 { margin: 1em 0 0.7em; font-size: 1.2em; } #main-content .picture { margin: 0 0 15px 20px; } #main-content div.part { background: transparent url(/images/separator.gif) repeat-x top; margin-top: 1.2em; } #main-content h3, #main-content h3 a { text-transform: uppercase; color: #DFD259; margin-bottom: 1em; } #main-content div.part h3 { margin-top: 0; padding: 15px 0; } #main-content div.part img { margin: 0 15px 10px 0; } table.capacity { width: 100%; } table.capacity td { padding-right: 10px; text-align: left; } table.capacity th { text-align: left; color: #B3AB58; } table.capacity tr.row1, table.capacity td.col0 { color: gray; } table.capacity td.col0 { padding-right: 20px; } #time-weather h2 { display: inline; } #time-weather p.title { display: inline; color: #E6DB7F; } #weather { display: inline; margin-left: 8px; border-left: 1px solid; padding-left: 10px; } #weather span.text { color: #E6DB7F; text-transform: capitalize; } div.banner { color: white; } div.banner h2 { margin-bottom: 0.5em; text-align: center; font-weight: normal; } #left-sidebar div.banner { margin-bottom: 10px; padding: 10px 20px; } #right-sidebar div.banner { margin-bottom: 10px; padding: 10px 15px; } #booking-mask { padding: 15px; } #booking-mask div.hotels { margin-bottom: 10px; } #booking-mask button.go { border: 0 none; width: 157px; height: 28px; } #special-offers { position: relative; height: 130px; text-align: center; } #special-offers h2 { position: absolute; top: 0.5em; left: 0; z-index: 1; width: 100%; } #special-offers img { position: absolute; top: 0; left: 0; } #special-offers p { position: absolute; bottom: 0; left: 0; width: 150px; } #best-rates { margin: 10px 0; } #best-rates div.best-rate { padding: 10px; color: ; } #best-rates div.best-rate p { margin: 0; } #best-rates div.best-rate span.roomsAvailable { width: 100px; font-size: 1.5em; text-transform: uppercase; } #best-rates div.best-rate span.from { position: relative; top: -20px; } #best-rates div.best-rate p.price-box { text-align: center; } #best-rates div.best-rate span.price { font-size: 2.9em; } #best-rates div.best-rate p.more { padding: 7px; text-align: center; text-transform: uppercase; font-weight: bold; width: 116px; } #newsletter { margin-bottom: 10px; border: 2px #D4C894 solid; text-align:center; } #newsletter h2 { background: white url(/images/newsletter-bg.gif) repeat-x bottom; } #newsletter h2, #newsletter p.text { margin: 0; padding: 5px 10px; font-size: 0.9em; } #newsletter input.go { text-align: right; margin-left: 10px; border: 0 none; border-top: 2px #C9BA79 solid; padding: 5px 10px; width: 136px; background-color: transparent; cursor: pointer; } #footer { background-color: black; } #footer div.text { position: absolute; bottom: 0; left: 0; margin: 10px 20px; width: 700px; color: #AEA548; } #footer div.text p { clear: both; text-transform: uppercase; }  div.amenities-list{ zoom:1; margin-top:10px; } div.amenities-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.amenities-list .amenities-left{ float:left; width:285px; clear:left; } div.amenities-list .amenities-right{ float:right; width:285px; }   #main-content #weddings-pictures .gallery{ margin:0 0px 15px 0; } #main-content #weddings-pictures .gallery h3{ background:url(/templates/subsite/images/gold-header-bg2.gif) left top no-repeat; padding:3px 5px 1px 25px; height:16px; color:#fff; font-size:.9em; cursor:pointer; } #main-content .weddings-picture{ margin:0 10px 10px 0; }
a { color: white; } .trajan-pro-like { font-family: "Times New Roman", Times, serif; } #h1-holder { background-color: black; color: #8F8F8F; } #holder { background-color: white; } #languages, #booking-mask h2, #main-content h2 { text-transform: uppercase; } #booking-mask h2 { margin-bottom: 0.8em; font-size: 1.2em; text-align: center; } #main-content{ font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',Arial,sans-serif; } #main-content h2 { margin-bottom: 0.8em; font-size: 1.3em; color: #5e3a11; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, 'Trebuchet MS', Arial, serif; color : ; } #main-content h3 { color : ; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, 'Trebuchet MS', Arial, serif; } #main-content h4 { color : ; font-family: 'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',Arial,sans-serif; } #main-content a { color: black; } #main-content a:hover { color: #555555; } #special-offers { color: white; } #special-offers h2 { color: white; } #footer { background-color: black; } div.awards-text p { float:left; }
ul.menu { text-align: center; margin: 0; padding: 0; font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; } ul.menu li { display: inline; list-style: none outside none; font-size: 1.2em; } #top-menu ul.menu a:hover, #top-menu ul.menu li.active a { color: #76531B; } #top-menu ul.level1 { background: #EEBD58 url(http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/images/top-menu-bg.gif) repeat-x; height: 25px; padding-top: 7px; } #top-menu li { margin: 0 10px; text-transform: uppercase; } div#top-menu ul ul { display: none; visibility: hidden; position: absolute; top: -5px; margin-top:5px; padding-top:40px; left: 195px; margin: 0; text-align: center; white-space: nowrap; z-index:150; } div#top-menu ul ul li { font-size: 1em; background:#EEBD58 url(http://wac.0E13.edgecastcdn.net/800E13/www.siamhotels.com/templates/subsite/images/top-menu-bg.gif) repeat-x scroll 0 0; width:130px; } div#top-menu ul li.active ul { display: block;  }  body { _behavior: url(/csshover.htc); } div#top-menu ul li a:hover + ul, div#top-menu ul.level1 li ul:hover { display: block; visibility: visible; } * html div#top-menu ul.level1 li:hover ul, * html div#top-menu ul.level1 li ul:hover {  display: block; visibility: visible; } * html div#top-menu ul ul {  background: transparent url(blank.gif) repeat; } *:first-child+html div#top-menu ul ul { background: transparent url(blank.gif) repeat; } * html div#top-menu ul.level1 li.active-nojs ul { display: block; visibility: visible; } div#top-menu ul.level1 li.jshover ul { display: block; visibility: visible; }  div#top-menu ul li ul li { position: static; float:left; padding: 3px 10px; clear:left; } div#top-menu ul li ul li.item1 { border-top:5px solid #ac7a1d; margin-top: -3px; } div#top-menu ul li ul li a { padding: 0; }  #site-menu { padding: 10px 20px; background-color: black; } #site-menu ul { font-size: 0.9em; text-align: right; } #site-menu li { display: block; margin: 5px 0; text-transform: uppercase; }  #footer div.menu-1st ul.level1 { padding: 10px 0 35px; } #footer div.menu-1st ul li { padding: 0 10px; } #footer div.text ul.level1 { text-align: left; font-size: 0.8em; } #footer div.text ul.level1 li { float: left; _display: inline; padding: 0 0.8em; border-left: 1px solid white; } #footer div.text ul.level1 li.item1 { padding-left: 0; border: 0 none; } #footer div.text ul.level1 li a { line-height: 0.8em; display: block; }
div.calendar { z-index: 10; } div#booking-mask { color: white; } div#booking-mask p { float: left; _display: inline; text-transform: uppercase; margin: 0 30px 0 0; } span.rateslabel { font-size: 1.8em; display: block; } span.reservlabel { font-size: 1.1em; } div#booking-mask form { position: relative; float: left; _display: inline; color: black; }  div#booking-mask form:after, div#booking-mask div.date:after, div#newsletter form:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }  div#booking-mask div.hotels select { width: 150px; } div#booking-mask label, div#newsletter label { display: block; margin: 0 0 4px; text-transform: uppercase; } div#booking-mask label, div#newsletter label, div#booking-mask img.datepicker, div#booking-mask .go, div#newsletter .go { font-size: 0.9em; } div#booking-mask input, div#booking-mask select, div#newsletter input { border: 1px solid gray; font-size: 1.0em; } div#booking-mask input[type~="hidden"] { display: none; } div#booking-mask div.date, div#booking-mask div.choose, div#newsletter div.email-entry { float: left; _display: inline; margin-right: 10px; } div#booking-mask div.date { position: relative; } div#booking-mask div.date label#date-format-helper { position: absolute; left: 0.5em; bottom: -1.7em; text-transform: lowercase; } div#booking-mask div.date input { float: left; _display: inline; padding-left: 0.5em; margin-right: 5px; } div#booking-mask div.date input { width: 7.8em; _width: 118px;  } .rtl div#booking-mask div.date input { padding-left: 0; padding-right: 0.5em; } div#booking-mask img.datepicker { display: inline; margin: 0; border: 0 none; cursor: pointer; position: relative; top: 3px; } div#booking-mask div.date-in, div#booking-mask div.date-out, div#booking-mask div.choose { margin-bottom: 10px; } div#booking-mask div.choose.children {  } div#booking-mask div.choose select { padding: 0px; width: 3.7em;  } div#newsletter div.email-entry { margin-right: 18px; } div#newsletter div.email input { width: 13em; } div#booking-mask .go {  background-color: transparent; overflow: visible; display: block; margin: 0.8em 0 0 0; border: 0 none; padding: 0; min-height: 1.7em; _height: 1.7em; cursor: pointer;   }