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.eclathotels.com/taipei/templates/main/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.eclathotels.com/taipei/templates/main/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.eclathotels.com/taipei/templates/main/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.eclathotels.com/taipei/templates/main/libs/jquery/fancybox/fancy_left.png') no-repeat; } span#fancy_right_ico { right: -9999px; background: transparent url('http://wac.0E13.edgecastcdn.net/800E13/www.eclathotels.com/taipei/templates/main/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.eclathotels.com/taipei/templates/main/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.eclathotels.com/taipei/templates/main/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.eclathotels.com/taipei/templates/main/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.eclathotels.com/taipei/templates/main/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.eclathotels.com/taipei/templates/main/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.eclathotels.com/taipei/templates/main/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.eclathotels.com/taipei/templates/main/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.eclathotels.com/taipei/templates/main/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.eclathotels.com/taipei/templates/main/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.eclathotels.com/taipei/templates/main/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.eclathotels.com/taipei/templates/main/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; } th { font-weight: normal; text-align: right; padding-right: 0.5em; } 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}
body { background: #6C0F1C url(http://wac.0E13.edgecastcdn.net/800E13/www.eclathotels.com/taipei/templates/main/images/bg.jpg) repeat; } #holder { position: relative; margin: 30px auto 0; border: 6px solid #FFF; width: 940px; background: #FFF url(http://wac.0E13.edgecastcdn.net/800E13/www.eclathotels.com/taipei/templates/main/images/header-bg.gif) repeat-x; padding-bottom: 0.8em; }  h1 { position: absolute; left: 0; bottom: 0; padding: 0 10px; width: 776px; } #branding { position: absolute; top: 0px; left: 413.5px; } #language { position: absolute; top: 20px; right: 0px; } #other-hotels { position: absolute; top: 70px; right: 0px; z-index: 50; } #main-menu { position:absolute; left: -6px; top: -36px; width: 952px; } #newsletter { position:absolute; left: 30px; top: 20px; } #main-visual { position: absolute; left: 0px; top: 136px; width: 940px; height: 390px; } #main-content { float: left; _display: inline; margin-top: 546px; width: 656px; padding: 0 20px; } #booking-mask { position: absolute; left: 0; top: 466px; width: 940px; height: 60px; z-index: 50; } #best-rates { position: absolute; right: 0; top: 466px; z-index: 50; width: 355px; padding-right: 15px; } #special-offers { float: right; _display: inline; margin-top: 546px; width: 208px; padding-left: 15px; padding-right: 16px; }  #boxes { clear: both; position: relative; width: 924px; margin: 0 auto; padding-bottom: 31px; }  #boxes { _zoom: 1; } #boxes:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }  #boxes .box { float: left; _display: inline; width: 200px; margin-top: 20px; padding: 0 16px 0 15px; _padding-right: 5px; }  #bottom-menu { clear: left; } #footer { margin: 10px 0; padding: 0 10px; width: 776px; } #slh { position: absolute; bottom: 0; right: 20px; } #travelclick { width: 940px; margin: 0 auto; } #travelclick p { margin: 0.5em; }
#language h2 { display: none; } #language li { float: left; _display: inline; list-style: none outside none; border-left: 2px solid #D4A45C; padding: 0 10px; } #language li.item1 { border-left: 0 none; } #newsletter h2 { margin-bottom: 0.3em; } #other-hotels { text-align: right; } #other-hotels p { margin-bottom: 0.5em; text-align: right; } #other-hotels select { border: 1px solid #bbb; text-align: right; }  #main-visual img.slide { position: absolute; top: 0; left: 0; }  #booking-mask { background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.eclathotels.com/taipei/templates/main/images/opacity_layer50orange.png); } * html #booking-mask { background-image: none; } * html #booking-mask .IE-PNG-bugfix-wrapper { width: 940px; height: 60px; background: transparent url(http://wac.0E13.edgecastcdn.net/800E13/www.eclathotels.com/taipei/templates/main/images/opacity_layer50orange.png); _behavior: url(/iepngfix.htc); } #booking-mask h2 { float: left; _display: inline; margin: 21px 0 0 21px; } #best-rates h2 { display: none; } #best-rates .from-price { margin-top: 0.8em; text-align: right; } #best-rates .go { position: relative; top: -3px; padding: 0.1em 0.1em 0 0.1em; border: 1px solid white; }  #main-content li { font-size: 1.1em; } #main-content .doc { float: left; _display: inline; margin-right: 30px; }  #mod_pukkaRooms .itemPreview a.itemPreviewImageLink p { background: #FFF url(http://wac.0E13.edgecastcdn.net/800E13/www.eclathotels.com/taipei/templates/main/images/rooms-caption-bg.gif); }  #special-offers { background: #FFF url(http://wac.0E13.edgecastcdn.net/800E13/www.eclathotels.com/taipei/templates/main/images/box-bg.gif) repeat-y left; }  #boxes .box { background: #FFF url(http://wac.0E13.edgecastcdn.net/800E13/www.eclathotels.com/taipei/templates/main/images/box-bg.gif) repeat-y left; } #boxes #box-1 { background: none; } #boxes .box img.image { margin-left: -7px; padding: 13px; background: #FFF url(http://wac.0E13.edgecastcdn.net/800E13/www.eclathotels.com/taipei/templates/main/images/box-img-bg.gif) no-repeat; } #boxes .box img.sign { position: absolute; bottom: 0; }  #footer p { display: inline; } #footer p.share { position: relative; top: 3px; } #footer p.text { margin-left: 10px; }
a { color: #D4A45C; } p { line-height: 1.3; } body { font-family: Arial, sans-serif; color: #5B5B5B; } h1 { font-weight: normal; font-size: 0.8em; color: #aaa; } #language li { font-weight: bold; text-transform: uppercase; } #newsletter h2 { font-size: 0.9em; font-weight: normal; text-transform: uppercase; color: #57100A; } #other-hotels p, #other-hotels div { color: #D4A45C; font-size: 0.9em; } #other-hotels a:hover { color: #52180D; } #booking-mask, #best-rates { color: white; } #booking-mask h2 { font-size: 1.4em; text-transform: uppercase; } #best-rates .from-price { font-size: 1.7em; } #best-rates .go { background-color: #E7D1A8; font-weight: bold; font-size: 0.7em; color: #57100A; text-transform: uppercase; } #main-content h2 { font-weight: normal; font-size: 1.7em; color: #57100A; } #main-content h3 { font-size: 1.4em; color: #57100A; } #special-offers h2 { font-weight: normal; font-size: 1.7em; margin-bottom: 10px; color: #57100A; } #special-offers h3 { text-transform: uppercase; } #special-offers p.links { font-weight: bold; text-transform: uppercase; } #special-offers .more { color: #57100A; } #boxes .box h3 { margin: 0 0 0.7em; text-align: center; color: #57100A; } #boxes .box a { text-transform: uppercase; font-weight: bold; color: #57100A; } #travelclick p { text-align: center; } #travelclick a { color: #D4A45C; }
ul.menu-level1 { margin: 0; padding: 0; height: 30px; } ul.menu-level2 { display: none; } ul.menu-level1 li { display: inline; list-style: none outside none; line-height: 30px; _height: 30px; } ul.menu-level1 li a { padding: 0 10px; font-size: 1.1em; } ul.menu-level1 li.active a, ul.menu-level1 li.active-under a, ul.menu-level1 li a:hover { color: #AC792C; }  #main-menu ul { text-align: center; background-color: #52180D; } #main-menu li.special { position: absolute; top: 70px; } #main-menu li.news { right: 0px; } #main-menu li.contact { right: 55px; } #main-menu li.booknow { right: 155px; } #main-menu li.special a { color: #52180D; font-weight: bold; text-transform: uppercase; }  #sub-menu { font-size: 0.9em; } #sub-menu ul.menu-level2 { display: block; padding: 0; } #sub-menu li.level1, #sub-menu li.active-under a { display: none; } #sub-menu li.active-under, #sub-menu li.level2 a { display: inline; } #sub-menu ul.menu-level2 li.item1 a { padding-left: 0; } #sub-menu li.level2 a { color: #57100A; text-decoration: underline; } #sub-menu li.active a, #sub-menu li.level2 a:hover { color: #AC792C; }  #bottom-menu { background-color: #52180D; margin-top: 10px; } #bottom-menu ul { width: 796px; text-align: center; } #bottom-menu li.special { display: none; }
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 { float: left; _display: inline; margin: 8px 20px; }  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 label, div#newsletter label { display: block; margin: 0; color: white; } 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 { display: block; border: 1px solid gray; font-size: 1.0em; background-color: #E7D1A8; } div#newsletter input { float: left; _display: inline; background-color: white; } 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: 15px; } div#booking-mask div.date { position: relative; margin-top: 14px; } div#booking-mask div.date label { display: none; } 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: 90px;  } .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; width: 21px; height: 21px; cursor: pointer; position: relative; top: -3px; } div#booking-mask div.choose.children {  } div#booking-mask div.choose select { padding: 0px; width: 4.1em;  } div#newsletter div.email-entry { margin-right: 18px; } div#newsletter div.email input { width: 13em; } div#newsletter label { display: none; } div#booking-mask .go, div#newsletter .go {  background-color: transparent; overflow: visible; float: left; _display: inline; margin: 0.8em 0 0 -0.2em; border: 0 none; padding: 0; min-height: 1.7em; _height: 1.7em; cursor: pointer; font-weight: bold; font-size: 1.1em; color: #57100A; text-transform: uppercase;   } div#newsletter .go { margin: -0.3em 0 0 0.5em; } div.calendar { z-index: 10; }
div.calendar { position: relative; font-family: Verdana, sans-serif; font-size: 0.9em; border: 1px solid #000; z-index: 100; } .calendar table { color: #e0c89b; background-color: #a8764e; border: 9px solid #333; cursor: default; }  .calendar table td { text-align: center; }   .button { color: #fff; background-color: #40110d; }  .calendar thead .title { color: #fff; background-color: #40110d; padding: 2px; font-weight: bold; text-align: center; text-transform: uppercase; }  .calendar thead .headrow .button { color: white; padding-bottom: 2px; }  .calendar .nav { background-color: #40110d; }  .calendar thead .hilite { background-color: #1f1f1f; }  .calendar thead .active { background-color: #40110d; }  .calendar thead .daynames { border: 0 solid #999; }  .calendar thead .name { color: white; border-bottom: 0px solid black; padding: 5px; text-align: center; font-weight: bold; }  .calendar thead .weekend { color: #e0c89b; }  .calendar thead .daynames .hilite { background-color: transparent; }  .calendar thead .daynames .active { background-color: transparent; }   .calendar tbody .day { text-align: center; border-top: 1px none #fff; border-right: 1px none #8a8a8a; border-bottom: 1px none #8a8a8a; border-left-width: 1px; border-left-color: #fff; } .calendar tbody .day.othermonth { color: #85884c; 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: #c59828; color: white; }  .calendar tbody td.active { background-color: #ddc; border-width: 1px; }  .calendar tbody td.selected { color: #fff; background-color: #40110d; font-weight: bold; }  .calendar tbody td.weekend { color: #fff; background-color: #40110d; border-color: #1b5175; }  .calendar tbody td.weekend:hover { color: gray; background-color: white; font-weight: bold; }  .calendar tbody td.today { font-weight: bold; } .calendar tbody .disabled { color: #999; }  .calendar tbody .emptycell { visibility: hidden; }  .calendar tbody .emptyrow { display: none; }   .calendar tfoot .footrow { }  .calendar tfoot .ttip { color: white;  line-height: 0; text-indent: -999em; font-size: 0px; }  * html .calendar tfoot .ttip { } *:first-child+html .calendar tfoot .ttip { } .calendar tfoot .hilite { } .calendar tfoot .active { }  .calendar .combo { display: none; color: black; background-color: white; position: absolute; top: 0px; left: 0px; border: 1px solid #000; 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: #40110d; color: white; } .calendar .combo .active { background-color: #737373; border-top: 1px solid #000; border-bottom: 1px solid #000; font-weight: bold; color: #fff; } .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; }