/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
body { line-height:1.5; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align:middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }
/* typography */
body { font-size:68.8%; color:#222; background:#fff; font-family:Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#111; }
h1 { font-size:3em; line-height:1; margin-bottom:0.5em; }
h2 { font-size:1.636em; margin-bottom:0.75em; font-weight: bold; }
h3 { font-size:1.5em; line-height:1; margin-bottom:1em; }
h4 { font-size:1.2em; line-height:1.25; margin-bottom:1.25em; }
h5 { font-size:1em; font-weight:bold; margin-bottom:1.5em; }
h6 { font-size:1em; font-weight:bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
p { margin:0 0 1em; }
p img.left { float:left; margin:1.5em 1.5em 1.5em 0; padding:0; }
p img.right { float:right; margin:1.5em 0 1.5em 1.5em; }
p.left {float:left;}
p.right {float:right;}
a:focus, a:hover { color:#000; }
a { color:#005257; text-decoration:underline; }
blockquote { margin:1.5em; color:#666; font-style:italic; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { line-height:0; }
abbr, acronym { border-bottom:1px dotted #666; }
address { margin:0 0 1.5em; font-style:italic; }
del { color:#666; }
pre { margin:1.5em 0; white-space:pre; }
pre, code, tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; }
li ul, li ol { margin:0 1.5em; }
ul, ol { margin:0 1.5em 1.5em 1.5em; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em; }
table { margin-bottom:1.4em; width:100%; }
th { font-weight:bold; }
thead th { background:#ededed; }
th, td, caption { padding:4px 10px 4px 5px; }
tr.even td { background:#f9f9f9; }
tfoot { font-style:italic; }
caption { background:#eee; }
.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
.hide { display:none; }
.quiet { color:#666; }
.loud { color:#000; }
.highlight { background:#ff0; }
.added { background:#060; color:#fff; }
.removed { background:#900; color:#fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
/* forms */
label { font-weight:bold; }
fieldset { padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc; }
legend { font-weight:bold; font-size:1.2em; }
input[type=text], input[type=password], input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; }
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#666; }
input[type=text], input[type=password], input.text, input.title, textarea, select { margin:0.5em 0; }
input.text, input.title { width:300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width:390px; height:250px; padding:5px; }
input[type=checkbox], input[type=radio], input.checkbox, input.radio { position:relative; top:.25em; }
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }
.error, .notice, .success { padding:.8em; margin-bottom:1em; border:2px solid #ddd; }
.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }
.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }
.error a { color:#8a1f11; }
.notice a { color:#514721; }
.success a { color:#264409; }
/* misc */
.clearfix:after, .container:after, #topnav ul:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
.clearfix, .container, #topnav ul:after { display:block; }
.clear { clear:both; }
.last, div.last { margin-right:0 !important; }
/* MCIL */
body { background:#DFDFDF url(http://www.millenniumhotels.com/img/bg.jpg) top repeat-x; }
.container { background:#fff; }
.shadowLeft { padding-left:10px; background:url(http://www.millenniumhotels.com/img/shadow_left.jpg) left top no-repeat; width:990px; margin:0 auto; }
.shadowRight { padding-right:10px; background:url(http://www.millenniumhotels.com/img/shadow_right.jpg) right top no-repeat; }
/* Header */
#headerleft { float:left; padding:6px 15px; }
#headerright { float:right; padding:10px 15px 6px 15px; }
#header { font-size:0.909em; background:#fdfdfd url(http://www.millenniumhotels.com/img/header_bg.jpg) bottom repeat-x; border-bottom:3px solid #005257; padding:5px 0; z-index:300; }
#header a { color:#333333; text-decoration:none; }
#header a:hover { color:#005257; text-decoration:none; }
#header select { font-size:0.909em; color:#585858; margin:0 5px 0 0; }
/* Top Nav */
#topnav { background:#fff; }
#topnav ul { margin:0 auto; list-style:none; width:450px; }
#topnav ul li { float:left; border-right: 1px solid #333; margin:4px 0;  } 
#topnav ul li.last { border:0; }
#topnav ul li a { display:block; padding:0 10px; color:#333; text-decoration:none; }
#topnav ul li a:hover { color:#005257; }
#topnav ul ul { width:100px; position:absolute; z-index:999; background:#fff; padding-top:4px; display:none; }
#topnav ul ul li { float:none; border:0; margin:0; height:1%; }
#topnav ul ul li a { padding:4px 10px; }
#topnav ul ul li a:hover { background:#eee; }

.selectHotels { width:370px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.5; position:relative; background:#fff; border:1px solid #ccc; margin-right:10px; z-index:100; }
.chinaHotels { width:180px; }
.selectHotels .hotelslist {height:350px;width:370px; overflow-x:hidden; overflow-y:auto; position:absolute; left:-1px; border:1px solid #ccc; z-index:100; background:#fff; display:none; }
.chinaHotels .hotelslist { width:180px; height:165px; overflow:hidden; }
.selectHotels h2, #properties h2 { cursor:pointer; line-height:1; background:url(../img/dropdownHotelList.gif) right center no-repeat; }
.selectHotels h2, .selectHotels h3, #properties h2, #properties h3 { font-size:11px; margin:0; padding:5px; }
.hotelslist h3 { color:#444444; font-weight:bold; text-transform:uppercase; }
.selectHotels ul, #properties ul { list-style:none; padding-left:0; margin:0 0 1.5em; }
.selectHotels ul li a, #properties ul li a { display:block; color:#444; text-decoration:none; padding:0 10px; margin:0; line-height:1.5; }
* html .selectHotels ul li a, * html #properties ul li a { height:1%; }
.selectHotels ul li a:hover, #properties ul li a:hover { background:#ccc; }


/*#topnav { font-size:10px; padding:4px 0px; background-color:#fff; text-align:center; }
#topnav a { color:#333333; text-decoration:none; }
#topnav a:hover { color:#005257; text-decoration:none; }
#topnav ul { margin:0 auto; padding:0px; width:330px; }
#topnav li { display:block; float:left; border-right:1px solid #333333; padding:0px 10px; position:relative; }
#topnav li.first { border-left:0px; padding:0px 10px 0px 0px; }
#topnav li.last { border-right:0px; padding:0px 0px 0px 10px; }
#topnav ul ul { position:absolute; left:0; background:#fff; z-index:9; display:none; width:auto; padding:10px 0; }
#topnav ul ul li { display:block; border:0; width:100px; text-align:left; float:none; }
#topnav ul ul li a {  }*/
/* Footer */
#footer { background:url(../img/footer_bar.jpg) repeat-x bottom #F7F7F7; border-top:3px solid #005257; }
#footerleft { padding:13px 0px 17px 15px; margin:0px; float:left; }
#footerright { font-family:Arial, Helvetica, sans-serif; font-size:9px; padding:15px 15px 20px 0px; float:right; }
#footerright a { color:#666666; text-decoration:none; }
#footerright a:hover { color:#005257; text-decoration:none; }
#footerright ul { margin:0px; padding:0px; }
#footerright li { display:inline; border-right:1px solid #666666; padding:0px 8px 0px 8px; }
#footerright li.last { border-right:0px; padding:0px 2px 0px 8px; }
#footercenter { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#8B8B8B; clear:both; padding:0px 15px; }
#footercenter a { color:#8B8B8B; text-decoration:none; }
#footercenter a:hover { color:#005257; text-decoration:none; }
#footercopyright { font-family:Arial, Helvetica, sans-serif; font-size:9px; text-align:right; color:#8B8B8B; padding:10px 15px; }
/* Layout */
#main { min-height:500px; height:auto !important; height:500px; position:relative; }
.homepage #main { }
.subpage #main { }
#masthead { position:absolute; height:442px; width:980px; background:url(../img/masthead-china.jpg) top no-repeat; z-index:1; }
#body-content { z-index:2; position:relative; }
#body-content h1 { color:#fff; font-weight:bold; }
.breadcrumbs { margin-bottom:1.5em; }
.breadcrumbs a { color:#fff; }
.logo { z-index:3; position:relative; margin-bottom:0; }
.logo a { display:block; width:190px; height:155px; text-indent:-99999px; outline:0; }
.registration { float:left; width:216px; margin:70px 30px 0 0; color:#fff; }
.content { float:left; width:714px; padding-right:20px; }
.introduction { background:#000; padding:10px 20px 10px; margin-top:40px; color:#fff;}
.introduction h2, .introduction a, .introduction a:hover { color:#fff; }
.homepage .content .box { background:#fff url(../img/bg-content-box.jpg) top no-repeat; float:left; padding:20px 17px; width:316px; margin-bottom:1.5em; color:#666; }
.homepage .content .box h2 { color:#8b734f; margin-bottom:5px; }
.homepage .content .box img.header { display:block; }
.homepage .hotels  .box-content, .homepage .promotions .box-content { height:485px; }
.homepage .events  .box-content, .homepage .places-of-interests .box-content { height:360px; }
.homepage .content .box-content .details { padding-top:10px; }
.homepage .content .box-content ul { margin:0; list-style:none; }
.homepage .content .box-content li { padding:0 0 20px 0; margin:0 0 20px 0; background:url(../img/divider-x.gif) bottom repeat-x; }
.homepage .content .box-content li.last-child { background:none; }
.homepage .content .box-content li:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
.homepage .content .box-content li p { margin-bottom:0; }
.homepage .content .box-content img.thumbnail { display:block; float:left; padding:0 10px 0 0; width:49px; }
.homepage .content .box-content .description { display:block; float:left; width:255px; }
.homepage .content .box-content .description h3 { font-size:1.091em; margin-bottom:0.25em; color:#005257; line-height:1.2; }
.homepage .content .box-content span.readmore { white-space:nowrap; }
.homepage .content .more { background:#eee; text-align:right; }
.homepage .content .more a { color:#666; text-decoration:none; display:block; padding:0.2em 0.5em; }
.homepage .hotels, .homepage .events { margin-right:14px; }
#leftnavform { margin-left:20px; }
#leftnavform table { margin:0; }
#leftnavform th, td, caption { padding:0; }
#leftnavform select, #leftnavform input { margin:0; font-size:1em; }
#leftnavform a.submit { font-size:1.273em; }

a.submit, a#filterButton { background:url(../img/btn-arrow.png) right 40% no-repeat; padding-right:20px; color:#fff; text-decoration:none; white-space:nowrap; }
a.submit:hover, a#filterButton:hover { color:#fff; text-decoration:none; }
#filterForm a#filterButton { font-size:1.273em; }
#filterForm { margin-bottom:1.5em; background:url(../img/bg-filterForm.png) no-repeat; line-height:63px; padding-left:50px; }
#filterForm label { font-size:1.273em; color:#fff; font-weight:normal; display:block; float:left; }
#filterForm select { font-size:1.273em; }
#filterForm label, #filterForm select { margin-right:5px; }
.jquery-selectbox { position: relative; height: 32px;  z-index: 0; float: left; display: inline; margin: 15px 4px 4px 0; font-size:1.273em; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #444; padding: 0; background: url(../img/bg-select.jpg) right top no-repeat; line-height:normal; cursor:pointer; }
.selecthover { z-index: 700; background-position:right -32px; }
.jquery-selectbox-currentItem { padding: 0 0 0 5px; white-space: nowrap; display: block; overflow: hidden; color: #fff; line-height:32px; }
.jquery-selectbox-list { color: #fff; display: none; position: absolute; top: 32px; padding: 0 0 5px 0; left: 0px; background: #777;  overflow-x: hidden; z-index: 1000; width:100%; }
.jquery-selectbox-moreButton { float: right; width: 32px; height: 32px; cursor: pointer; }
.jquery-selectbox-item { padding:2px 5px;}
.jquery-selectbox-item.listelementhover { background: #8B734F; color: #fff; }
.jquery-selectbox-item { display: block; cursor: default; }

.subpage .listing, .subpage .detail { background:url(../img/bg-content-listing-box.jpg) left top no-repeat; padding:15px 20px 20px; }
.subpage .listing h2, .subpage .detail h2 { color:#8B734F; font-weight:bold; font-size:1.833em; }
.subpage .listing .item { clear:both; padding-bottom:2em; }
.subpage .promotions { margin-top:1.5em; }
.subpage .promotions .preview, .subpage .places-of-interests .preview { display:block; float:left; border:1px solid #ddd; padding:3px; background:#fff; margin:0 1.5em 1.5em 0; }
.subpage .promotions .details, .subpage .places-of-interests .details { float:left; width:490px; padding:5px 0 0; }
.subpage .listing { color:#666; }
.subpage .listing h3, .subpage .detail h3 { color:#333; margin-bottom:1em; font-weight:bold; }
.subpage .listing .details h4 { color:#005257; margin-bottom:.5em; }
.subpage .listing .city { margin-bottom:2.5em; padding-bottom:1.5em; border-bottom:1px dotted #ccc; }

#Calendar {z-index:10; width:250px;}
#Calendar table { margin-bottom: 0; }
#Calendar td { padding:2px; }
#Calendar td.weekdayHeaderStyle { width:20px; }
.todayStyle, .normalStyle, .weekendStyle, .dimWeekendStyle, .dimStyle { font-weight:bold; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; top: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

#selectCity { display:none; }

.loading h2, .loading .more, .loading .box-content * { display:none; }
.loading .box-content { background:url(../img/loading.gif) 50% 50% no-repeat; }

.listing .message { display:none; }
.address { margin:7em 0 1.5em 0; }
.address, .address h5, .address h6 { color:#666; }
.address th { width:60px; font-weight:normal; vertical-align:top; }

.promotions .details table.comparison { border:1px solid #ccc;margin-bottom:1.5em; }
.promotions .details table.comparison table { margin-bottom:0; }
.promotions .details table.comparison th, .promotions .details table.comparison td { text-align:center; vertical-align:middle; padding:0;  }

.promotions .details table .hotel { width:120px;border:1px solid #ccc; }
.promotions .details table .promo-price { border:1px solid #ccc; }
.promotions .details table .breakfast { width:110px;border:1px solid #ccc; }
.promotions .details table .actual-price { width:65px;border:1px solid #ccc; }
.promotions .details table .discount { width:65px;border:1px solid #ccc; }

.promotions .details table .hotel a { display:block; padding:10px 0 0; }
.promotions .details table .hotel img { padding:3px; border:0; margin-bottom:10px; }

.view-calendar { float:right; }

.subpage .news { margin-top:1.5em; }
.subpage .news .category { margin-bottom:2em; padding-bottom:2em; border-bottom:#ccc 1px dotted; }
.subpage .news .item { padding-bottom:1.5em; }
.subpage .news .item .date { width:100px; margin-right:20px; float:left; }
.subpage .news .item .title { width:500px; float:left; } 

.subpage .news .category .readmore { float:right; }
.subpage .news .category .toggler { float:left; }

.subpage .contact { margin-top:1.5em;  }
.subpage .contact .item { margin-bottom:1.5em; padding-bottom:1.5em; border-bottom:#ccc 1px dotted; }
.subpage .contact .item .column { float:left; margin-right:10px; width:218px; }
.subpage .contact .item .last { margin-right:0; }

.subpage .contact .heading { padding-bottom:1em; margin-bottom:1.5em; border-bottom:#999 1px solid; }
.subpage .contact .heading h4 { margin-bottom:0 !important; font-weight:bold; }
.subpage .contact .item h4 { margin-bottom:0.5em; }
.subpage .contact .item .contact-details { width:290px; }
.subpage .contact .item .contact-person { width:146px; }
