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; }
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: 600px; margin: 0 auto; padding-right: 300px; line-height: 1.5em; } #holder { position: relative; margin: 0 auto; width: 900px; } #languages { position: absolute; top: -20px; right: 0; } #main-visual { position: absolute; top: 32px; left: 0; width: 900px; height: 550px; padding-bottom: 4px; } #main-content { float: left; _display: inline; margin-top: 554px; min-height: 150px; _height: 150px; padding: 10px 30px 10px 250px; } #booking-mask { position: absolute; top: 62px; left: 30px; z-index: 40; } #boxes { clear: both; padding-top: 20px; } #sub-boxes { margin: 10px 0 50px 215px; }  #footer { padding: 10px 30px 50px; } #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; }
#languages li { display: inline; list-style: none outside none; margin-right: 1em; } #languages li.active a { color: #76531B; } #main-visual .overlay { position: absolute; top: 0; left: 0; z-index: 30; } #newsletter h2 { border-bottom: 1px solid white; } #newsletter form { margin: 10px 0 15px; } #newsletter label, #newsletter input { display: inline; } #newsletter #email-address { width: 100px; border: 0 none; background-color: #dddddd; } #newsletter input.go { padding: 2px 2px 1px; border: 0 none; background-color: gray; color: white; font-size: 0.9em; text-transform: uppercase; cursor: pointer; } #best-rates { position: absolute; top: 287px; left: 30px; width: 152px; z-index: 40;  text-transform: uppercase; } #best-rates h2 { margin-bottom: 7px; text-align: center; } #best-rates div.best-rate-content { position: relative; width: 152px; text-align: center; } #best-rates div.best-rate-content p.hotel { margin: 0.5em 0 0; } #best-rates div.best-rate-content p.text { font-size: 1.8em; margin: 0.3em 0; text-align: left; } #best-rates div.best-rate-content span.available { font-size: 0.7em; display: block; } #best-rates div.best-rate-content p.price-box { position: absolute; right: 0; top: 10px; font-size: 24px; margin: 0; width: 70px; text-align: right; } #best-rates div.best-rate-content p.price-box span.currency { font-size: 0.4em; } #best-rates div.best-rate-content p.more { background-color: #311601; padding: 3px; font-size: 0.8em; } #boxes div.box, #sub-boxes div.box { margin-left: 15px; width: 204px; } #boxes { padding-left: 30px; } #box0 { width: 185px; } #boxes div.box div.image { border: 2px solid #FFF; } #boxes div.box div.image p.title { background-color: #45270B; margin: 0; padding: 0.5em 0; text-align: center; font-size: 1.3em; } #boxes p.caption, #sub-boxes p.title { text-transform: uppercase; } #sub-boxes p.title a { color: #A0711E; } #footer div.text { position: absolute; bottom: 0; left: 0; margin: 10px 20px 50px 30px; width: 580px; color: #AEA548; } #footer div.text p { clear: both; text-transform: uppercase; } #travelclick a:hover { color: #cccccc; }
body { background: black url(http://www.siamhotels.com/templates/groupHome/images/bg-group.gif) repeat; } a { color: white; } a:hover { color: #76531B; } .trajan-pro-like { font-family: "Times New Roman", Times, serif; } #h1-holder { background-color: black; color: #8F8F8F; } #holder { background-color: black; color: white; } #top-menu, #languages { text-transform: uppercase; } #main-visual { background: #FBC963 url(http://www.siamhotels.com/templates/groupHome/images/main-visual-footer-bg.gif) repeat-x bottom; } #main-content { background: black url(http://www.siamhotels.com/templates/groupHome/images/welcome-star.gif) no-repeat 65px top; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',Arial,sans-serif; } #main-content h2 { color: #F2E1A8; font-size: 2em; font-weight: normal; } #boxes { background: #76533F url(http://www.siamhotels.com/templates/groupHome/images/boxes-bg.gif) repeat; } #footer { background: black url(http://www.siamhotels.com/templates/groupHome/images/footer-bg.gif) repeat-x bottom; }
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.level1 { background: #EEBD58 url(http://www.siamhotels.com/templates/groupHome/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://www.siamhotels.com/templates/groupHome/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; }  #footer div.menu-1st ul.menu { margin-bottom: 1em; border-bottom: 2px solid #76531B; padding-bottom: 1em; font-weight: bold; } #footer div.menu-1st ul.menu li { margin: 0 10px; } #footer div.text { font-size: 0.8em; } #footer div.text ul.menu { text-align: left; } #footer div.text ul.menu li { padding-right: 0.8em; } #footer div.text ul.menu a { color: gray; } #footer div.text ul.menu li.active a, #footer div.text ul.menu a:hover { color: #dddddd; } #footer div.text ul.level1 li { float: left; _display: inline; padding: 0 0.8em; border-left: 1px solid gray; } #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; } #footer div.text p { color: #776734; }
div.calendar { z-index: 100; } div#booking-mask h2 { text-transform: uppercase; } 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; margin-top: 15px; width: 170px; } #page_home div#booking-mask form { width: 210px; }  div#booking-mask form:after, div#booking-mask div.date:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }  div#booking-mask div.hotels { margin-bottom: 10px; } div#booking-mask div.hotels select { width: 150px; } div#booking-mask label { display: block; margin: 0 0 4px; text-transform: uppercase; color: white; } div#booking-mask label, div#booking-mask img.datepicker, div#booking-mask .go { font-size: 0.9em; } div#booking-mask input, div#booking-mask select { background-color: #381E03; color: white; border: 1px solid gray; font-size: 1.0em; } div#booking-mask input[type~="hidden"] { display: none; } div#booking-mask div.date-in, div#booking-mask div.date-out { margin-bottom: 7px; } div#booking-mask img.date-picker { position: relative; top: 3px; } div#booking-mask div.date, div#booking-mask div.choose { float: left; _display: inline; margin: 0 10px 8px 0; } 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.choose.children {  } div#booking-mask div.choose select { padding: 0px; width: 3.7em;  } div#booking-mask .go {  background-color: transparent; overflow: visible; display: block; margin: 6px 0 0; border: 0 none; padding: 8px; cursor: pointer; color: white; text-transform: uppercase; width: 150px; float: left; _display: inline;   } div#booking-mask .go { _margin-top: 0; } *:first-child+html div#booking-mask .go { margin-top: 0; } html>div#booking-mask .go { _margin-top: 0; }