/**********************************************************************************************

	Main.css

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
html,body{width:100%;height:100%;}
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

.hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }

/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/
/*.clearfix:after, */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#f-link .f-ad:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*temp ie6 fix */
.clear {clear:both;}

/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #fff; color: #555; font: 62.5%/1.3 "Simsun", "Arial", "Helvetica", sans-serif; text-align: center; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Simsun", "Arial", "Helvetica", sans-serif; border:1px solid #7f9db9;}
a{ color:#555; text-decoration:none;}
a:visited { color: #00f; text-decoration: none; }
a:hover, a:active { color: #f00; text-decoration: underline; }

.as-p {margin:0 0 1em; padding:0;}

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/
.container { width: 990px; margin: 0 auto; text-align: left; font-size: 1.2em;}
.col-310, .col-330, .col-680, .col-670{float:left; overflow:hidden;}
.col-310{width:310px;}
.col-680{width:680px;}
.col-670{margin-left:10px; width:670px;}
.col-330{margin-left:10px; width:330px; display:inline;}

.col-404{float:left; margin-left:8px; width:404px; display:inline;}
.col-208{float:left; margin-left:20px; width:208px; display:inline;}

/* layouts */
.thin-left-2col, .thin-right-2col {margin-top:10px;}
/* two columns, thin left */
.thin-left-2col .side-column {/*position:relative;*/ float:left; width:200px; margin-left:-950px; display:inline;} /* display = ie6 bug fix (all below) */
.thin-left-2col .main-column {/*position:relative;*/ float:left; width:740px; margin-left:210px; display:inline;}
/* two columns,  thin right */
.thin-right-2col .side-column {/*position:relative;*/ float:right; width:200px; display:inline;}
.thin-right-2col .main-column {/*position:relative;*/ float:left; width:740px; display:inline;}
/* two columns,  wide right */
.wide-right-2col .side-column {position:relative; float:right; width:310px; display:inline;}
.wide-right-2col .main-column {position:relative; float:left; width:670px; display:inline;}
/* 3 panel layout */
.threepanel-left {float:left; width:420px;}
.threepanel-right {float:right; width:300px;}
.threepanel-bottom {clear:both; margin-top:20px;}

/* 2.4 Content
-----------------------------------------------------------------------------------------------*/

/*start travel
-----------------------------------------------------------------------------------------------*/
#start-travel-sta{margin-top:10px; padding-left:6px; background:url(/images/ui/bg_home_sc.png) no-repeat; height:35px; color:#fff; font-weight:bold; font-size:1.3em; overflow:hidden;}
#start-travel-sta span{margin:3px 5px;padding-left:20px; display:inline-block; height:30px; line-height:30px; background:url(/images/ui/bg_li.gif) no-repeat; font-weight:normal; font-size:90%;  vertical-align:middle;}
#start-travel-sta a{padding-left:20px; display:inline-block; height:35px; line-height:35px; background:url(/images/ui/bg_li.gif) 0 -28px no-repeat; font-weight:normal; font-size:85%; color:#FFFF66; text-decoration:underline; vertical-align:middle;}
.start-travel-end{background:url(/images/ui/bg_home_sc.png) 0 -180px no-repeat; height:4px; overflow:hidden;}

/*macau view macau-discount discount
-----------------------------------------------------------------------------------------------*/
#macau-view-sta, #macau-disc-sta, #discount-sta{margin-top:10px; padding-right:10px; background:url(/images/ui/bg_home_sc.png) 0 -45px no-repeat; height:35px; text-align:right; line-height:35px;}
#macau-disc-sta{background-position:0 -90px;}
#discount-sta{background-position:0 -135px;}



#macau-view-sta a, #macau-disc-sta a, #discount-sta a{color:#013C92;}
.col-310-end{background:url(/images/ui/bg_home_sc.png) 0 -195px no-repeat; height:4px; overflow:hidden;}

/*hotel-discount-sta hot-discount-sta hot-ticket-sta show-ticket-sta activity-sta activity-diary-sta
-----------------------------------------------------------------------------------------------*/
#hotel-discount-sta, #hot-discount-sta, #hot-ticket-sta, #show-ticket-sta, #activity-sta ,#activity-diary-sta{margin-top:10px; padding-right:10px; background:#fff url(/images/ui/bg_home_sc.png) -320px 0 no-repeat; height:35px; text-align:right; line-height:35px;}
#hot-discount-sta{background-position:-660px 0;}
#hot-ticket-sta{margin:0; background-position:-660px -45px; padding-top:5px;}
#show-ticket-sta{background-position:-320px -90px;}
#activity-sta{background-position:-660px -90px;}
#activity-diary-sta{background-position:-660px -135px;}

#hotel-discount-sta a, #hot-discount-sta a, #hot-ticket-sta a, #show-ticket-sta a, #activity-sta a, #activity-diary-sta a {color:#FFFF66;}
.col-330-end{background:url(/images/ui/bg_home_sc.png) -660px -180px no-repeat; height:4px; overflow:hidden;}


/* con
-----------------------------------------------------------------------------------------------*/
.col-310-con, .col-310-con1, .col-310-con2, .col-330-con{padding:0 4px; background:url(/images/ui/bg_home_ry.gif) repeat-y; /*overflow:hidden;*/}
.col-310-con{background-position:-640px 0;}
/*.col-310-con1{min-height:236px; overflow:hidden;}*/
.col-310-con2{background-position:-320px 0; min-height:66px; overflow:hidden;}
.col-330-con{background-position:-960px 0;}

/* ad
-----------------------------------------------------------------------------------------------*/
.ad{margin-top:10px; text-align:center;}
#ad{margin-top:10px; text-align:center;}

/*pay
-----------------------------------------------------------------------------------------------*/
.pay-sel{padding:5px 2px; white-space:nowrap;}
.pay-sel a{vertical-align:top; height:22px; display:inline-block;}
.safe-online{ background:url(/images/ui/bg_li.gif) 0 -65px no-repeat; padding-left:18px; font-size:11px; display:inline-block; line-height:26px; color:#FFFF66;}
a:hover.safe-online, a:visited.safe-online{color:#FFFF66;}
.com-info{padding:5px; text-align:center; color:#CCCCCC; font-size:0.8em;}

/* macau-view-com
-----------------------------------------------------------------------------------------------*/
#macau-view-com{padding-top:10px; height:400px; overflow:hidden;}
#macau-view-com h1{margin:0 8px; padding-left:10px; background:url(/images/ui/bg_li.gif) -5px -99px no-repeat; font-weight:bold; height:18px;}
#macau-view-com .orange{color:#F67E09;}
#macau-view-com  .crimson{color:#960EDD;}
#macau-view-com .red{color:#D00737;}
#macau-view-com .blue{color:#081F5B;}
#macau-view-com .green{color:#02940D;}
#macau-view-com div{padding:0 8px 5px 8px; display:block; height:55px; width:285px; overflow:hidden;}
#macau-view-com img{float:left; margin-right:3px;width:66px;}
#macau-view-com h2 a{color:#2C7FF8; font-weight:bold;}
#macau-view-com p{}
#macau-view-com .aomen-tv{padding:0 2px; display:block;}
#macau-view-com .aomen-tv img{ float:none; margin:0; display:block;}

/* macau-disc-con
-----------------------------------------------------------------------------------------------*/
#macau-disc-con{padding:5px 10px; min-height:84px; overflow:hidden;}
#macau-disc-con li{line-height:22px;}
#macau-disc-con li a{ color: #555; }
#macau-disc-con span{font-weight:bold;}


/* discount-con
-----------------------------------------------------------------------------------------------*/
#discount-con {line-height:20px; height:144px; overflow:hidden;position: relative; }
#discount-con p{margin:6px 5px;}
#discount-con .insider-club-dining{padding-left:20px; background:url(/images/ui/bg_li.gif) 0 -115px no-repeat;}
#discount-con a { color: #555; }
#discount-con span{font-weight:bold; color:#2D80F9;}
#discount-con .insider-club-leisure{padding-left:20px; background:url(/images/ui/bg_li.gif) 0 -155px no-repeat;}
#discount-con .insider-club-shopping{padding-left:20px; background:url(/images/ui/bg_li.gif) 0 -185px no-repeat;}

#discount-con .club-reg{ display: block; position:absolute; bottom:0; left:6px; }
#discount-con .club-reg img{float:none; display:block; margin:0;}

/* city-nav
-----------------------------------------------------------------------------------------------*/
.city-nav{margin:0 1px;background:#FCFFA7; border:1px solid #FFF; height:25px; line-height:28px; overflow:hidden;}
.city-nav li{float:left; height:25px; width:54px; margin:0 2px; text-align:center; }
.city-nav li.city-nav-sel{background:url(/images/ui/bg_home_sc.png) -320px -45px no-repeat; color:#003366;}
.city-nav li.current{background:url(/images/ui/bg_home_sc.png) -320px -45px no-repeat; color:#003366;}
.city-nav a:link, .city-nav a:hover, .city-nav a:visited {font-weight:bold; color:#0449B1; cursor:pointer;}

/* hotel-discount-show
-----------------------------------------------------------------------------------------------*/
.col-680 .hotel-discount-show{margin:10px 0; padding:0 8px 5px 8px; display:block; min-height:56px; width:295px; overflow:hidden;}
.col-680 .bg-img0{float:left; background:url(/images/ui/bg_home_sc.png) -320px -135px no-repeat; margin-right:3px;}
.col-680 .bg-img0 img{width:60px; height:50px; padding:4px;}
.col-680 .hotel-discount-show h1 a{font-weight:bold; color:#EC5900; font-size:1.5em;}
.col-680 .hotel-discount-show p{line-height:20px; width:155px; overflow:hidden; height:20px;}
.col-680 .hotel-discount-show p span{color:#E11010; font-weight:bold;}
.col-680 .book{float:right; margin-top:-25px; background:url(/images/ui/bg_home_sc.png) -400px -45px no-repeat; width:64px; height:24px; display:block; overflow:hidden; text-indent:-999px;}

/* hotel-list
-----------------------------------------------------------------------------------------------*/
.hotel-list{margin-left:4px;}
.hotel-list dt, .hotel-list dd{float:left; border-bottom:1px dashed #A0ABBD; line-height:30px; white-space:nowrap;}
.hotel-list dt{padding-left:10px;width:76px;overflow:hidden;}
.hotel-list dd{width:70px; text-align:right; }
.hotel-list dd span{color:#E11010; font-weight:bold;}
.col-680 .hotel-list a { color: #555; }

.hotel-info{text-align:center; font-weight:bold; height:30px; line-height:30px; color:#666666;}
.hotel-info span{color:#E11010; font-weight:bold;}

#hotel-discount-sta {width:330px; }
#hotel-discount-con{overflow:visible;height:542px;}
#hotel-discount-con .more-link {float:right; margin:-64px 4px 0 0;}
.more-link:link, .more-link:hover, .more-link:visited {color:#FFFF66;}

/* hot-discount-con
-----------------------------------------------------------------------------------------------*/
#hot-discount-con{padding:10px 10px; height:125px; overflow:hidden;}
#hot-discount-con li{padding-left:20px; line-height:26px; background:url(/images/ui/bg_li.gif) 0 -213px no-repeat; white-space:nowrap;overflow:hidden; width:290px;}
#hot-discount-con li a { color: #555; }
/* hot-ticker-show
-----------------------------------------------------------------------------------------------*/
.col-680 .hot-ticker-show{padding:0 8px 5px 8px; display:block;}
.col-680 .hot-ticker-show h1 a{font-weight:bold; color:#EC5900; font-size:1.3em;}
.col-680 .hot-ticker-show p{line-height:20px; width:155px; overflow:hidden; height:35px; font-size:1.2em;}
.col-680 .hot-ticker-show p span{color:#E11010; font-weight:bold;}

.col-680 #hot-ticker-con1{height:357px; overflow:hidden;}
.col-680 #hot-ticker-con1 ul{margin:0 10px;}
.col-680 #hot-ticker-con1 li{border-bottom:1px dashed #A0ABBD; line-height:30px; clear:left;}
.col-680 #hot-ticker-con1 ul span{float:right;}
.col-680 #hot-ticker-con1 strong{font-weight:bold; color:#E11010;}
.col-680 #hot-ticker-con1 li a{ color: #555; }

.col-680 #hot-ticker-con1 li.first img {float:left;}
.col-680 #hot-ticker-con1 li.first{border:none; margin-top:10px;}
.col-680 #hot-ticker-con1 li.first .title{float:left;}
.col-680 #hot-ticker-con1 li.first .book {float:right;margin-top:0px;}

.col-680 #hot-ticker-con1 h2 {padding: 10px 0 4px 8px;}

/* show-ticker-show
-----------------------------------------------------------------------------------------------*/
.col-680 .show-ticker-show{ margin:10px 0; padding:0 8px 5px 8px; display:block; height:56px; overflow:hidden;}
.col-680 .show-ticker-show h1 a {font-weight:bold; color:#EC5900; font-size:1.3em;}
.col-680 .show-ticker-show p{}
.col-680 .book1{float:right; margin-top:-20px; background:url(/images/ui/bg_home_sc.png) -475px -45px no-repeat; width:64px; height:24px; display:block; overflow:hidden; text-indent:-999px;}
.col-680 .book1-sml{background:url(/images/ui/bg_home_sc.png) -545px -137px no-repeat; width:56px; height:21px;}
.col-680 .book2-sml{background:url(/images/ui/bg_home_sc.png) -474px -137px no-repeat; width:56px; height:21px;}
.col-680 #show-ticket-con{height:441px; overflow:hidden;}

/*activity-diary-con
-----------------------------------------------------------------------------------------------*/
.col-680 #activity-diary-con{padding:5px 5px; height:92px; overflow:hidden;}
.col-680 #activity-diary-con li{line-height:22px; white-space:nowrap;}
.col-680 #activity-diary-con li a{ color: #555;}
.col-680 #activity-diary-con span{font-weight:bold;}

/* activity-show
-----------------------------------------------------------------------------------------------*/
.col-680 .activity-show{margin:10px 0; padding:0 8px 5px 8px; display:block; height:56px; width:295px; overflow:hidden;}
.col-680 .activity-show h1 a{font-weight:bold; color:#EC5900; font-size:1.3em;}
.col-680 .activity-show p{line-height:18px; width:155px; overflow:hidden; font-size:1em;}
.col-680 #activity-con{height:290px; overflow:hidden;}

#f-ads {width:100%; clear:both; margin: 0 auto; text-align:center;padding-top:20px;}
#f-ads .ad { display:inline; padding-left: 22px; }
.f-links { margin: 12px auto 20px auto; text-align: center; }
.f-links a { color:#0449B1; padding-left: 12px; }


/*search
-----------------------------------------------------------------------------------------------*/
/*hotel-type-sta
-----------------------------------------------------------------------------------------------*/
#hotel-type-sta{margin-top:10px; padding-left:10px; background:url(/images/ui/bg_home_sc.png) 0 -205px no-repeat; height:35px; line-height:35px; color:#003366; font-weight:bold; font-size:1.3em; overflow:hidden;}

/* hotel-nav
-----------------------------------------------------------------------------------------------*/
#hotel-type-con .type-nav{margin:1px;background:#FCFFA7; border:1px solid #FFF; height:25px; line-height:28px; overflow:hidden;}
#hotel-type-con .type-nav li{float:left; height:25px; width:54px; margin:0 2px; text-align:center; font-weight:bold; color:#0449B1; cursor:pointer;}
#hotel-type-con .type-nav li.type-nav-sel{background:url(/images/ui/bg_home_sc.png) -320px -45px no-repeat; color:#003366;}
/* hotel-type-con
-----------------------------------------------------------------------------------------------*/
#hotel-type-con{overflow:hidden; height:100%; padding-bottom:10px;}
#hotel-type-con h1{margin-top:10px; padding:0 10px; color:#2C7FF8; font-weight:bold; clear:both;}
#hotel-type-con .hotel-list{padding-bottom:10px; padding:0 10px; width:280px;}
#hotel-type-con .hotel-list li{float:left; width:125px; padding-left:10px; margin-right:5px; background:url(/images/ui/bg_li.gif) -5px -425px no-repeat; font-size:1em; line-height:20px; height:20px; overflow:hidden;}
#hotel-type-con .hotel-list a{color:#0449B1;}

/*search-result
-----------------------------------------------------------------------------------------------*/
.search-result{margin-bottom:10px; background:#FFF; border:1px solid #132D71;clear:both;}

/*pic-show
-----------------------------------------------------------------------------------------------*/
#search-con .pic-show{padding:10px;}
#search-con .pic-show h1{margin-left:110px;line-height:25px;}
#search-con .pic-show h1 a{  color:#EC5900; font-size:1.3em; font-weight:bold;}
#search-con .pic-show h2{font-weight:normal; color:#666666;}
#search-con .pic-show .recommend h1{padding-left:25px; background:#fff url(/images/ui/icons/aw_recommended_in_list.gif) 0 0 no-repeat;}

#search-con .pic-show h3 span{font-weight:bold; color:#E11010; font-size:1.3em;}
#search-con .pic-show p a{color:#0449B1;}

#search-con .bg-img{float:left; background:url(/images/ui/bg_search.gif) no-repeat; margin-right:3px;}
#search-con .bg-img img{width:90px; height:80px; padding:4px 7px;}

#search-con .hotel-quick-link{float:right; width:200px;}
#search-con .hotel-quick-link ul{float:right; display:block; width:162px; height:40px; background:url(/images/ui/bg_search.gif) 0 -100px no-repeat; padding:10px;}
#search-con .hotel-quick-link li{float:left; width:55px; padding-left:25px ; background:url(/images/ui/bg_li.gif) 0 -305px no-repeat; line-height:22px;}
#search-con .hotel-quick-link li a{color:#0449B1;}
#search-con .hotel-quick-link li.gallery{background-position:0 -305px;}
#search-con .hotel-quick-link li.amenities{background-position:0 -365px;}
#search-con .hotel-quick-link li.location{background-position:0 -335px;}
#search-con .hotel-quick-link li.reviews{background-position:0 -395px;}

#search-con .discount{padding:10px 2px;}
#search-con .discount a{ color:#0449B1;padding-left:25px; background:url(/images/ui/bg_li.gif) 0 -280px no-repeat;}
#search-con h4 {float:left;color:#fff;font-size:1.2em;}
#search-con .price-note {color:#fff;font-weight:bold;}
#search-con .add { background:url(/images/ui/bg_home_sc.png) -400px -132px no-repeat; width:74px; height:30px; display:block; border:none;text-indent:-9999px; overflow:hidden;}

/*search-page
-----------------------------------------------------------------------------------------------*/
#search-page{background:#5C89FF;font-size:1em; font-weight:bold; color:#fff; overflow:hidden;}
#search-page .page{float:right; margin:0 10px 4px 0; }
/*#search-page span{color:#E11010;}*/

/*page
-----------------------------------------------------------------------------------------------*/
.page a, .page span.disabled, .page span.current {margin-left:1px; padding:1px 6px; border:1px solid #0449B1; color:#0449B1; background:#fff; font-size:12px; line-height:16px; font-weight:normal; display:block; float:left;}
.page span.current {font-weight:bold;color:#fff; background:#0449B1;}
.page a.count{background:#0449B1; color:#fff; font-weight:bold;}
.page a.disabled, .page span.disabled {color:#A0ABBD;}

/*search-detail
-----------------------------------------------------------------------------------------------*/
/*breadcrumb
-----------------------------------------------------------------------------------------------*/
.col-670 .breadcrumb{color:#AEAEAE; margin-top:10px;}
.col-670 .breadcrumb a{color:#0449B1;}

/*search-h
-----------------------------------------------------------------------------------------------*/
.search-h{margin-top:10px; font-size:2em; color:#003366;}
.search-condition{ font-size:1em; line-height:1.4em;}
.search-condition span{color:#113c8b; display:inline-block;width:80px;}
.search-condition div{float:right;}
.search-condition div select{vertical-align:middle;}
.search-condition label{padding:0 12px 0 6px;}
.search-condition input{border:0;}


/*search-sta
-----------------------------------------------------------------------------------------------*/
#search-sta{clear:both; background:#5C89FF url(/images/ui/bg_home_sc.png) -320px -205px no-repeat; height:34px; line-height:34px; font-size:1.2em; font-weight:bold; color:#fff; overflow:hidden; padding:0 6px;}
#search-sta .page{float:right; margin-right:10px; margin-top:8px;}
#search-sta span.title{color:#ff6;}

/*search-end
-----------------------------------------------------------------------------------------------*/
#search-end{height:5px; overflow:hidden; background:url(/images/ui/bg_home_sc.png) -320px -250px no-repeat;margin-bottom:10px;}

/*search-con
-----------------------------------------------------------------------------------------------*/
#search-con{background:#5C89FF; padding:4px; height:100%;}
#search-con .page{float:right;}

/*house-data
-----------------------------------------------------------------------------------------------*/
.house-data{padding-bottom:10px;}
.house-data table {padding:10px;border-collapse:separate;}
.house-data th, .house-data td{padding:4px 6px; line-height:1.2em; vertical-align:middle;}
.house-data th{font-weight:bold; color:#2D80F9;}
.house-data td{color:#0449B1; border-bottom:1px dashed #A0ABBD;}
.house-data .price-color{color:#E11010; font-weight:bold;}
.house-data .price-color a{font-weight:normal; padding-left:20px; margin-left:5px; background:url(/images/ui/bg_li.gif) 0 -485px no-repeat; line-height:20px; display:inline-block; color: #0449B1; }
.order a{background:url(/images/ui/bg_home_sc.png) -400px -45px no-repeat; width:64px; height:24px; display:block; overflow:hidden; text-indent:-999px; color:#0449B1;}

.house-data .available {background:#FCFFA7;}

/*search-page
-----------------------------------------------------------------------------------------------*/
#search-page{background:#5C89FF; padding-left:10px; font-size:1em; font-weight:bold; color:#fff; overflow:hidden;}


/*currency
-----------------------------------------------------------------------------------------------*/
.currency-select {float:right;margin-bottom:4px; color:#2c7ff8;}
.m-help{width:14px; height:14px; display:inline-block; background:url(/images/ui/bg_li.gif) -3px -457px no-repeat; text-indent:-999px; overflow:hidden; }

/* hotel-nav
-----------------------------------------------------------------------------------------------*/
.type1-nav{margin:0 1px;background:#FCFFA7; border:1px solid #FFF; height:25px; line-height:28px; overflow:hidden;}
.type1-nav li{float:left; height:25px; width:82px; margin:0 2px; text-align:center; font-weight:bold; color:#0449B1; cursor:pointer;}
.type1-nav li.type-nav-sel{background:url(/images/ui/bg_home_sc.png) -550px -45px no-repeat; color:#003366;}

/*search-detail-con
-----------------------------------------------------------------------------------------------*/
.search-detail-con{background:#fff; margin:0 1px; padding:10px; position:relative; min-height:300px; }

.discount-info{margin-top:10px; width:404px; background:url(/images/ui/bg_search_2.gif) repeat-y;}
.discount-info-con{padding:10px; background:url(/images/ui/bg_search_1.gif) no-repeat;}
.discount-info-con h1{font-size:1.2em; line-height:25px; width:100%;}
.discount-info-con li{padding-left:20px; background:url(/images/ui/bg_li.gif) -5px -520px no-repeat; white-space:nowrap;}
.discount-info-end{height:9px; background:url(/images/ui/bg_search_3.gif) no-repeat; overflow:hidden;}

/*overview slider images*/
.bg-img1{float:left; background:url(/images/ui/bg_search.gif) -200px 0 no-repeat; margin-right:3px;position:relative;width:220px; height:176px;}
.bg-img1 img{width:200px; height:166px; padding:5px 4px;position:absolute;}
/*hotel-set
-----------------------------------------------------------------------------------------------*/
#hotel-set{margin:0 1px; background:#fff; padding:10px;}
#hotel-set a { color: #555; }
#hotel-set h1{margin-bottom:10px;font-weight:bold; color:#555555; font-size:1.2em;}
.hotel-amenities li{float:left; width:120px; padding-left:30px; line-height:3em; background:url(/images/ui/bg_search_li.gif) no-repeat;}
.hotel-amenities .automatic_teller_machine{background-position:0 4px;}
.hotel-amenities .casino{background-position:0 -31px;}
.hotel-amenities .convention_rooms{background-position:0 -66px;}
.hotel-amenities .fitness_centre{background-position:0 -66px;}
.hotel-amenities .golf_course{background-position:0 -101px;}
.hotel-amenities .restaurant{background-position:0 -136px;}
.hotel-amenities .bar{background-position:0 -174px;}
.hotel-amenities .child_care{background-position:0 -210px;}
.hotel-amenities .currency_exchange{background-position:0 -244px;}
.hotel-amenities .parking{background-position:0 -281px;}
.hotel-amenities .sauna{background-position:0 -316px;}
.hotel-amenities .business_center {background-position:0 -354px;}
.hotel-amenities .concierge{background-position:0 -392px;}
.hotel-amenities .fitness_center{background-position:0 -428px;}
.hotel-amenities .pool{background-position:0 -462px;}
.hotel-amenities .shuttle_to_ferry, #hotel-set .shuttle_to_city,#hotel-set .shuttle_to_border, #hotel-set .shuttle_to_airport {background-position:0 -497px;}
.hotel-amenities .travel_desk{background-position:0 -569px;}
.hotel-amenities .wheelchair_access{background-position:0 -604px;}
.hotel-amenities .spa{background-position:0 -639px;}

.room-amenities li{float:left; width:120px; padding-left:30px; line-height:3em; background:url(/images/ui/room_amenities.gif) no-repeat;}

.room-amenities .alarm_clock {background-position:0 -34px;}
.room-amenities .bath_tub {background-position:0 -72px;}
.room-amenities .bottled_water {background-position:0 -106px;}
.room-amenities .desk {background-position:0 -184px;}
.room-amenities .ensuite_bathroom {background-position:0 -224px;}
.room-amenities .hair_dryer {background-position:0 -262px;}
.room-amenities .inroom_movies {background-position:0 -298px;}
.room-amenities .iron {background-position:0 -372px;}
.room-amenities .laundry_service {background-position:0 -409px;}
.room-amenities .local_calls {background-position:0 -447px;}
.room-amenities .minibar {background-position:0 -520px;}
.room-amenities .newspaper {background-position:0 -556px;}
.room-amenities .refrigerator {background-position:0 -666px;}
.room-amenities .room_service {background-position:0 -702px;}
.room-amenities .safety_deposit_box {background-position:0 -740px;}
.room-amenities .shaver {background-position:0 -776px;}
.room-amenities .tea_coffee_facilities {background-position:0 -810px;}
.room-amenities .telephone {background-position:0 -447px;}
.room-amenities .television {background-position:0 -846px;}
.room-amenities .voice_mail {background-position:0 -885px;}
.room-amenities .wakeup_call {background-position:0 -922px;}
.room-amenities .wireless_internet {background-position:0 -960px;}

/* page toolbar (print, social sharing, etc) */
#page_toolbar {margin:0; padding:0; list-style-type:none; font-size:.8em; text-align:center;}
#page_toolbar li {display:inline; padding:0 10px; line-height:2em;}
#page_toolbar li #addthis img {vertical-align:text-bottom;}
#page_toolbar #addthis:hover {text-decoration:none;}

/*now-nav
-----------------------------------------------------------------------------------------------*/
/*moved from search_detail.css*/
.now-nav{color:#AEAEAE; margin-top:10px;}
.now-nav a{color:#0449B1;}

/*general*/
.hidden {visibility:hidden; position:absolute; height:0; line-height:0;margin-left: -999px;}
.visible {visibility:visible; display:block;height:auto;margin-left: inherit;}
.no-wrap {white-space:nowrap;}
.inline {display:inline;}

/* extjs customisations */
.x-date-picker em {font-style:normal;}
.x-date-picker a {border:0;}
.x-date-middle .x-btn {cursor:none;}
.x-date-middle *, .x-date-middle button {cursor:default;}
.x-date-middle .x-btn-with-menu .x-btn-center em {background-image:none; padding-right:0;}
.x-date-inner .x-date-today a {border:0; padding:2px 5px;}
.x-date-inner .x-date-prevday a, .x-date-inner .x-date-nextday a {visibility: hidden;}
.x-date-left, .x-date-right {vertical-align:middle;}

/*footer*/
#footer .menu {margin:10px 0;}
#footer .menu ul {margin:.5em 0; padding:0;}
#footer .menu li {display:inline; margin:0; padding:0 5px; background:url(/images/ui/sc_ftr_bar.gif) no-repeat 0 2px;}
#footer .menu li.i0 {background-image:none;}
#footer .menu li a {padding:2px 3px; white-space:nowrap; color:#4c4c4c;}
#footer .menu li a:hover {background-color:#4c4c4c; color:#fff; opacity:.8;}

/* room prices & breakdown, needs cleaning up though */
.room-price-panel {width:100%; table-layout:fixed;}
.room-price-panel th {padding-bottom:.2em; vertical-align:bottom; font-size:1em; white-space:nowrap;}
.room-price-panel td {padding-top:.4em; font-size:1em; padding-bottom:10px;}
.gy th, .wy th {color:#885500;}
.gw th, .wg th {color:#555;}
.price-breakdown-link {padding-left:18px; background:url(/images/ui/icons/dollar_sign.gif) no-repeat; color:#fd002b;} /* classname may get shortened */
.room-price-panel .breakdown {margin:0 auto; width:auto; background-color:#a80004; border:1px solid #a80004; border-width:0 4px 4px 2px;}
.room-price-panel .breakdown th, .room-price-panel .breakdown td {background-color:#a80004;}
.room-price-panel .breakdown th, .room-price-panel .breakdown td {line-height:1em; padding:2px; text-align:center; font-size:.9em; color:#f66; border:1px solid #a80004; border-width:0 0 1px 1px;}
.room-price-panel .breakdown .night {width:45px; border-top-width:4px;}
.room-price-panel .breakdown .title {text-align:right; color:#fff; line-height:1em;}
.room-price-panel .breakdown .selected {background-color:#ff1117; color:#fff;}

#hotels_index {margin-top:10px;}
#hotels_index .area-panel {float:left; width:200px;} /* 2 col=365px, 3 col=240px */
#hotels_index .hong-kong, #hotels_index .guangzhou {margin-left:8px;}
#hotels_index .area-panel .bx-t {height:1px;}
#hotels_index .area-panel .bx-i {position:relative; background:url(/images/ui/hotels/head_macau.jpg) no-repeat 1px 0; z-index:1; padding-top:50px; padding-bottom:1.7em;}
#hotels_index .hong-kong .bx-i {background-image:url(/images/ui/hotels/head_hong_kong.jpg);}
#hotels_index .guangzhou .bx-i {background-image:url(/images/ui/hotels/head_guangzhou.jpg);}
#hotels_index .content {height:180px;}
#hotels_index p {font-size:.9em; margin-bottom:1em;}
#hotels_index h2 {font-weight:normal; color:#a80004;}
#hotels_index select.hotels {width:186px;}
#hotels_index .map {margin:.3em 0 1em;}

.hotel-detail-small {position:relative; margin-bottom:.5em; padding-left:95px; min-height:80px;}
.hotel-detail-small h2 a, .hotel-detail-small .as-h2 a {color:#a80004;}
.hotel-detail-small .stars-and-area img {display:block; float:none;}
.hotel-detail-small img.thumb {position:absolute; top:0; left:0; padding:8px; background:url(/images/ui/box/img_ds_sm.gif) no-repeat;}
.hotel-detail-small p span {font-size:.9em;}
.hotel-detail-small p strong {color:#a80004; font-size:1.1em;}

/*hotel details*/
.type1-nav li.current {background:url(/images/ui/bg_home_sc.png) -550px -45px no-repeat; color:#003366;}
.type1-nav a:link,.type1-nav a:visited, .type1-nav a:hover {color:#0449b1;}
.search-detail-con .basic-info { clear:both; padding:5px; width:200px; font-size:.9em; background-color:#D7D6D6; }
.search-detail-con .basic-info dl {position:relative;}
.search-detail-con .basic-info dt {color:#a80004; font-weight:bold;}
.basic-info dl .left {float:left; clear:left; width:100px;}
.basic-info dl .right {width:100px; margin-left:110px;}
.basic-info dd {margin: 0 0 .8em;}

.search-detail-con p,.search-detail-con ul,.search-detail-con ol,.search-detail-con dd {margin:0 0 1em;}

.search-detail-con img#zoom_place { float:left; width:300px; height:250px; }
.search-detail-con .photo-gallery {margin:0; padding:0; list-style-type:none; float:left; }
.search-detail-con .photo-gallery li {float:left; margin:0; padding:0 8px 15px;}

.hotel-search-msg { background:#fff; padding:20px; font-weight:bold;font-size: 1.2em;}

/* tab-style navigation (eg. hotel details page) */
.tab-nav {margin:15px 10px 0; padding:0; clear:both; list-style-type:none; overflow:hidden; font-size:0.9em;}
.tab-nav li, .tab-nav li .rt {background:#a80004 url(/images/ui/box/wr_2c.gif) no-repeat; color:#fff;}
.tab-nav li {float:left; margin:5px 5px 0 0; padding:0;}
.tab-nav li .rt {display:block; margin-left:4px; padding:3px 8px 4px 4px; background-position:100% -4px;}
.tab-nav li.current, .tab-nav li.current .rt {background-color:#d7d6d6; background-image:url(/images/ui/box/wdg_2c.gif); color:#000;}
.tab-nav li.current {margin-top:0;}
.tab-nav li.current .rt {padding-top:8px;}
.tab-nav li.over, .tab-nav li.over .rt {background-color:#f3f2f2; background-image:url(/images/ui/box/wg_2c.gif); color:#000; text-decoration:underline; cursor:pointer;}
.tab-nav a:link, .tab-nav a:visited {color:#fff;}
.tab-nav a:hover {color:#000;}


/*.search-detail-con .section-image {position:absolute; top:10px; right:10px; padding:8px; background:url(/images/ui/box/img_ds_lg.gif) no-repeat;}*/
.search-detail-con .map-location {width:230px; float:right;}
.search-detail-con .map-panel {position:relative; background:#d7d6d6 no-repeat 50% 50%;}
.search-detail-con #mapping_panel {background-image:url(/images/ui/loading_64px.gif); }

/*browse by area*/
.location-description-panel {padding-bottom:20px;}

/* 3 panel layout */
.threepanel-left {width:360px;}
.threepanel-right {float:right; width:300px;}
.threepanel-bottom {clear:both; margin-top:20px;}

/* hotel item overall style (covers small & full partials) */
.hotel-items .best-rate {float:right;}
.hotel-items .bg-img {float:left;background:url(/images/ui/bg_search.gif) no-repeat; margin-right:3px;}
.hotel-items .item p {padding-top:4px;}

/*hotels browse by area*/
.container-panel {width:100%}
.threepanel-left .item {padding-bottom:20px;}
.threepanel-left h1{margin-left:110px;padding-left:25px; background:#fff url(/images/ui/icons/aw_recommended_in_list.gif) 0 0 no-repeat; line-height:25px;}
.threepanel-left h1 a{  color:#EC5900; font-size:1.3em; font-weight:bold;}
.threepanel-left h2{font-weight:normal; color:#666666;}
.threepanel-left h3 span{font-weight:bold; color:#E11010; font-size:1.3em;}
.threepanel-left p a{color:#0449B1;white-space:nowrap;}
.threepanel-left .book{float:right; margin-top:-25px; background:url(/images/ui/bg_home_sc.png) -400px -45px no-repeat; width:64px; height:24px; display:block; overflow:hidden; text-indent:-999px;}
.threepanel-left p {padding-top:4px;}

/* compact table list (eg. hotel search by area pages) */
.compact-list {}
.compact-list #sort_by {background:#fcffa7;padding:6px 10px;}
.compact-list #sort_by input {border:0;}
.compact-list .house-data{padding:10px 16px 20px 10px;}
.compact-list table {width:100%;}
.compact-list th {padding:4px 6px;  line-height:1.2em; vertical-align:middle; font-size:1.1em; color:#2d80f9; }
.compact-list th .clause {font-size:1.2em;}
.compact-list td {padding:6px 0;color:#555;}
.compact-list .name {padding-right:2px;}
.compact-list .recommend {border:none;}
.compact-list td.price {white-space:nowrap;}
.compact-list td.price span.from {padding-right:2px; font-size:.9em; color:#666;}
.compact-list td.price strong {color:#a80004;}
.compact-list td.price img {}
.compact-list .shortlist {text-align:center;}
/* row hilite */
.compact-list tr.over {background-color:#F3F2F2; cursor:pointer;}
.compact-list tr.over a {text-decoration:underline;}
.compact-list a:link, .compact-list a:hover, .compact-list a:visited {color:#555;}

/* panels (mostly used in membership) */
.form-panel, .form-panel .bx-1px {position:relative; margin-bottom:15px;}
.form-panel h2 {margin-left:4px; color:#a80004; font-size:1.1em;}
.form-panel p {margin-left:4px;}
.form-panel legend {font-weight:bold;}
.form-panel fieldset {}
.form-panel fieldset p, .form-panel fieldset .as-p {}
.form-panel fieldset .submit {margin-bottom:13px; text-align:right;}
.form-panel .currency {margin-bottom:1em;}
.form-panel .link {line-height:1.7em; text-align:center;}
.form-panel .terms {line-height:1.5em;}
.form-panel .terms a {text-decoration:underline;}
.form-panel .terms a:hover {color:#f3f2f2; background-color:#071433; text-decoration:none;}
.form-panel .terms input {vertical-align:text-bottom;}
.form-panel .separator {background:url(/images/ui/grey_stripe.gif) repeat-x; padding-top:8px;}
.form-panel-left {float:left; width:447px;}
.form-panel-right {float:right; width:500px;}

/* boxes */
/* rounded box */
.bx-t, .bx-t div, .bx-b, .bx-b div {position:relative; height:4px; background-repeat:no-repeat; font-size:1px;}
.bx-t div {background-position:100% -4px;}
.bx-b {background-position:0 -8px;}
.bx-b div {background-position:100% -12px;}
.bx-i {margin:0; padding:0 5px; overflow:hidden; height:100%;} /* overflow;height is a test for clearing floats */
/* with a 1px border */
.bx-1px .bx-t {top:-1px; left:-1px;}
.bx-1px .bx-t div {left:2px;}
.bx-1px .bx-b {top:1px; left:-1px;}
.bx-1px .bx-b div {left:2px;}
/* right-aligned link area */
.bx .bottom {position:absolute; bottom:0; right:3px; text-align:right;}
.bx .bottom a {color:#f00;}
.bx .bottom a:hover {text-decoration:underline; color:#f33;}
/* the tabbed column area*/
.bxt .bottom {position:absolute; bottom:0; right:3px; text-align:right;}
.bxt .bottom a {color:#f00;}
.bxt .bottom a:hover {text-decoration:underline; color:#f33;}
.bxt p a {color:#f00;}
.bxt p a {color:#071433;text-decoration:none;}
.bxt p a:hover {text-decoration:underline; color:#f33;}
/* special tab style box*/
.bx-tab .tab, .bx-tab .tab * {background:#a80004 url(/images/ui/box/wr_2c.gif) no-repeat; color:#fff;}
.bx-tab {position:relative;}
.bx-tab .tab {float:left; margin:5px 5px 0 5px; padding:0;}
.bx-tab .tab * {display:block; margin-left:4px; padding:3px 8px 4px 4px; background-position:100% -4px;}
.bx-tab .bx {clear:both;}

/* white to blue - was going to be a button
.wbl {background:#3856a2 url(/images/ui/box/wbl_bkd.gif) repeat-x; border:1px solid #5d72b9;}
.wbl .bx-t, .wbl .bx-t div, .wbl .bx-b, .wbl .bx-b div {background-image:url(/images/ui/box/wbl_4c.gif);}
.wbl a {color:#fff;} */

/* white to white with a 1px border */
.ww-bdr {background-color:#fff; border:1px solid #c9c3c4;}
.ww-bdr .bx-t, .ww-bdr .bx-t div, .ww-bdr .bx-b, .ww-bdr .bx-b div {background-image:url(/images/ui/box/ww_bdr_4c.gif);}
/* white to brown - yes, brown! */
.wbr-bdr {background-color:#e9e0b0; border:1px solid #a79a67;}
.wbr-bdr .bx-t, .wbr-bdr .bx-t div, .wbr-bdr .bx-b, .wbr-bdr .bx-b div {background-image:url(/images/ui/box/wbr_bdr_4c.gif);}
/* white to grey */
.wg {background-color:#f3f2f2;}
.wg .bx-t, .wg .bx-t div, .wg .bx-b, .wg .bx-b div {background-image:url(/images/ui/box/wg_4c.gif); top:0; left:0;}
/* white to grey with a 1px border */
.wg-bdr {background-color:#f3f2f2; border:1px solid #c9c3c4;}
.wg-bdr .bx-t, .wg-bdr .bx-t div, .wg-bdr .bx-b, .wg-bdr .bx-b div {background-image:url(/images/ui/box/wg_bdr_4c.gif);}
/* white to red with a 1px border */
.wr-bdr {background-color:#c70000; border:1px solid #7f0000; color:#fff;}
.wr-bdr .bx-t, .wr-bdr .bx-t div, .wr-bdr .bx-b, .wr-bdr .bx-b div {background-image:url(/images/ui/box/wr_bdr_4c.gif);}
/* white to blue with a 1px border */
.wbl-bdr {background:url(/images/ui/panels/bg_tab_on.gif) repeat-x #e7eff9; color:#003366;}
.wbl-bdr .bx-t, .wbl-bdr .bx-t div, .wbl-bdr .bx-b, .wbl-bdr .bx-b div {background-image:url(/images/ui/box/wbl_bdr_4c.gif);}
/* white to grey gradient */
.wgrad {background:#f2f2f2 url(/images/ui/box/wgrad_bkd.gif) repeat-x; border:1px solid #b4b4b4;}
.wgrad .bx-t, .wgrad .bx-t div, .wgrad .bx-b, .wgrad .bx-b div {background-image:url(/images/ui/box/wgrad_4c.gif);}
/* white to red */
.wr {background-color:#a80004; color:#fff;}
.wr .bx-t, .wr .bx-t div, .wr .bx-b, .wr .bx-b div {background-image:url(/images/ui/box/wr_4c.gif); top:0; left:0;}
.wr a {color:#fff;}
/* white to yellow */
.wy {background-color:#fff941;}
.wy .bx-t, .wy .bx-t div, .wy .bx-b, .wy .bx-b div {background-image:url(/images/ui/box/wy_4c.gif); top:0; left:0;}
/* white to orange */
.wo {background-color:#ff9710;}
.wo .bx-t, .wo .bx-t div, .wo .bx-b, .wo .bx-b div {background-image:url(/images/ui/box/wo_4c.gif); top:0; left:0;}
/* grey to dark-grey */
.gdg {background-color:#d7d6d6;}
.gdg .bx-t, .gdg .bx-t div, .gdg .bx-b, .gdg .bx-b div {background-image:url(/images/ui/box/gdg_4c.gif); top:0; left:0;}
/* grey to white */
.gw {background-color:#fff;}
.gw .bx-t, .gw .bx-t div, .gw .bx-b, .gw .bx-b div {background-image:url(/images/ui/box/gw_4c.gif); top:0; left:0;}
/* grey to yellow */
.gy {background-color:#fff941;}
.gy .bx-t, .gy .bx-t div, .gy .bx-b, .gy .bx-b div {background-image:url(/images/ui/box/gy_4c.gif); top:0; left:0;}
/* red to grey */
.rg-bdr {background-color:#f3f2f2; border:1px solid #c9c3c4; color:#000;}
.rg-bdr .bx-t, .rg-bdr .bx-t div, .rg-bdr .bx-b, .rg-bdr .bx-b div {background-image:url(/images/ui/box/rg_bdr_4c.gif);}


/* global tag overrides */
/* headings */
h1, .as-h1 {margin-bottom:.1em; font-weight:bold; color:#a80004;}
h2.reverse {font-weight:normal; background-color:#a80004; color:#fff; padding:.3em .4em; margin-bottom:.5em;}
h2.red, h3.red {font-weight:bold; color:#a80004;}


/* custom bullets */
/* orange */
ul.orange {list-style-type:none; posi--tion:relative;}
ul.orange li {margin:1px 0; padding-left:.8em; background:url(/images/ui/orange_bullet.gif) no-repeat 0 .5em;}
/* horizontal */
ul.h--orizontal {list-style-type:none;}
ul.h--orizontal li {float:left; margin:0; padding:0 8px 3px; background:url(/images/ui/horizontal_list_bar.gif) no-repeat 0 50%;}
ul.h--orizontal li.i0 {padding-left:0; background-image:none;}
ul.h--orizontal li+li {background:url(/images/ui/horizontal_list_bar.gif) no-repeat 0 50%; background-color:pink; text-indent: 30px;}

ul.orange a, ul.horizontal a {padding:1px 2px; color:#f00; white-space:nowrap;}
ul.orange a:hover, ul.horizontal a:hover {background-color:#f00; color:#fff;}

/* red */
.btn-red {background:#fd0024 url(/images/ui/box/wlr_bkd.gif) repeat-x; border-color:#ff7163 #821304 #7f0016 #fe616a;}
.btn-red:hover {background:#fd002b none; border-color:#ffa39a #8b4740 #883f4c #ffa89c;}
/* gradient grey */
.btn-grey {background:#f2f2f2 url(/images/ui/box/wgrad_bkd.gif) repeat-x; color:#000; border-color:#dfe0e0 #5e5e5e #656565 #f8f8f8;}
.btn-grey:hover {background:#f5f5f5 none; border-color:#e7e8e8 #7d7e7e #898989 #f3f3f3;}

/* extjs customisations */
.x-date-picker em {font-style:normal;}
.x-date-picker a {border:0;}
.x-date-middle .x-btn {cursor:none;}
.x-date-middle *, .x-date-middle button {cursor:default;}
.x-date-middle .x-btn-with-menu .x-btn-center em {background-image:none; padding-right:0;}
.x-date-inner .x-date-today a {border:0; padding:2px 5px;}
.x-date-inner .x-date-prevday a, .x-date-inner .x-date-nextday a {visibility: hidden;}


/* rails - error summary */
#errorExplanation {margin-bottom:1em; border:2px solid red; background-color:#FFEBEC;}
#errorExplanation h2 {margin:0; padding:5px; background-color: red; color: #fff;}
#errorExplanation p {margin:10px; color:#333;}
#errorExplanation ul {margin:10px; color:#333; list-style:square;}
span.fieldWithErrors {}
.fieldWithErrors label {padding:2px; background-color:red; color:#fff; font-weight:bold;}
.fieldWithErrors input, .fieldWithErrors textarea {border:2px solid red;}
/* single form error messages */
.formError {background-color:#c00; color:#fff; text-align:right; font-size:.9em;}


/* misc */
.clause {color:#f00; font-weight:bold;}
.notice {color:#0c0; font-weight:bold;}
.warning {color:#f00; font-weight:bold;}
.blue {color:#071433;}



/*buttons*/
.btn-grn, .btn-grn-sml {color:#fff; font-weight:bold; font-size:12px; background:url(/images/ui/button-grn.gif) no-repeat top left; width:66px; height:26px; border:0; display:inline-block; margin:2px;}
.btn-grn:hover, .btn-grn-sml:hover {cursor:pointer;}
.btn-grn-sml {background:#4070ef url(/images/ui/button-grn-sml.gif) no-repeat top left; width:43px; height:22px; }
a.btn-grn:link, a.btn-grn:visited, a.btn-grn:hover {color:#fff;text-decoration:none;}
a.btn-grn {text-align:center;padding-top:6px;}

/*panel*/
.panel-top {background:url(/images/ui/bg_panel.gif) no-repeat;; margin-top:10px; height:34px; line-height:34px; padding-left:10px; font-size:1.2em; font-weight:bold; color:#fff; overflow:hidden;}
.panel-bottom {;background:url(/images/ui/bg_panel.gif) no-repeat; height:5px; overflow:hidden;}
.panel-canvas {background:#5C89FF; padding:0 4px;}

.full-top {background-position: 0 0; }
.full-bottom {background-position:0 -47px;}
.w448-top {background-position: 0 -66px;}
.w448-bottom {background-position: 0 -105px;}

/*checkout*/
.panel-top .hdr {float:left; color:#fcffa7; font-weight:bold; width:364px;margin-top:2px;}
.panel-top .steps {float:left; display:inline-block;margin-top:2px;}
.panel-top select {float:right; margin:10px 2px 0 0;}
.checkout .left-panel {float:left; width: 100%; background:url(/images/ui/bg_bluebar.gif) repeat-y}
.checkout .right-panel{float:right; width: 610px;}
.checkout .float {float:left; display:inline; margin-right:14px;}


/*checkout steps*/
.steps li {float:left; color: #fff; font-weight:bold;line-height:34px;}
.steps .step {padding:0 4px;}
.steps .current { color:#fcffa7;}
.steps .r-arrow {background: transparent url(/images/ui/r-arrow.gif) no-repeat 0 8px; display:block; width:10px;}

/*reservation summary*/
.reservation-summary {padding:14px; height:100%;}
.reservation-summary dt {float:left;  width:90px; clear:left; line-height:24px; color:#2d80f9;font-weight:bold;}
.reservation-summary dd {float:left; width:240px; line-height:24px;}
.reservation-summary .pricing-caption {font-weight:bold; clear:left; padding:60px 0 0;}

/*checkout options*/
.checkout {background:#fff;}
.checkout .currency {float:right;}
.checkout .options {padding:14px;}
.checkout .options ul, .checkout .options p {clear:left;}
.checkout ul.item {border-bottom:1px dashed #7b91b9;}
.checkout .options ul.hdr li {font-weight:bold; color:#2d80f9; }
.checkout .options li {float:left; width: 90px;padding:6px 0;}
.checkout .options select {border:1px solid #7f9db9; font-size:10px;}
.checkout .options p.total {text-align:right; padding:4px 40px;}
.checkout p.total .money {padding-left:20px;}
.checkout .options p.buttons{text-align:right;margin-top:20px;}

.checkout .options li.first {width:300px;}
.checkout .total {font-size:1.2em; text-align:right; background:#fcffa7; }
.checkout .money {color:#e11010; font-weight:bold;}

/*checkout login*/
.login-option {padding:14px;}
.login-option h2 {padding:20px 0 10px 0;}
.login-option p {padding:0 0 4px 0;}
.login-option h2, .login-option label {font-weight:bold; color:#2d80f9;}
.login-option label {width:150px; display:inline-block;}
.login-option input{border:1px solid #a5acb2;}
.login-option p.buttons {text-align:right; border-bottom:1px dashed #7b91b9;}
.login-option p.buttons {float:right; margin:-26px 0 0;width:100%;}
.login-option p.submit {padding:0 0 8px;}
.login-option .btn-grn{border:0}


/*checkout details*/
.checkout-details {padding:14px;}
.checkout-details h2 {font-weight:bold; color:#2d80f9; margin-bottom:10px;}
.checkout-details input, .checkout-details select {border:1px solid #a5acb2;}
.checkout-details fieldset input {width:150px; padding:1px;}
.checkout-details select {width:50px; }
.checkout-details legend {color:#003366;font-weight:bold;margin:0;}
.checkout-details .primary {border-top: 1px dashed #7b91b9;border-bottom: 1px dashed #7b91b9; padding-top:20px;}
.checkout-details-room-names {overflow:hidden; height:100%;}
.checkout-details-primary-left {float:left; width:300px;}
.checkout-details-primary-left .anchor {position:relative;}
.checkout-details-primary-left .anchor select {position:absolute; bottom:0; width:70px;}
.checkout-details-primary-right {margin:0 13px 13px 320px;}
.checkout-details .btn-grn{border:0;}
.checkout-details p.buttons{text-align:right;margin-top:20px;}

/*payment new*/
.payment-form {padding:14px;}
.payment-form legend {padding:10px 0; color:#2d80f9;font-weight:bold;}
.payment-form p {padding:6px 0;}
.payment-form input, .payment-form select {border:1px solid #a5acb2;}
.payment-form .btn-grn{border:0;}
.cardtype input, .cardtype img {vertical-align:top;}
.securitycode {width:200px;}
.securitycode a {vertical-align:middle; display:inline-block; margin-left:5px; padding:2px 2px 2px 45px; height:23px; background:url(/images/ui/cvv-glyph.gif) no-repeat 2px 2px; color:#a80004; text-decoration:underline; font-size:.9em;}
.securitycode a:hover {background-color:#fff;}
.cancellation-policy {display:block; width:96%; margin-left:1%; height:300px; border:0; padding:10px 0;border-top:1px dashed #7b91b9;border-bottom:1px dashed #7b91b9;}
#security_code {width:100px;margin:-10px 0 0 ;}
#card_holder {width:400px;}
#card_no {margin-top:3px;}

.payment-form p.buttons{text-align:right;margin-top:20px;}

/*payment success*/
.success {padding:14px;}

/*login*/
.login-panel {padding:0 24px;background:#fff;}
.login-panel h2 {padding: 10px 0 10px;}
.login-panel p {padding:0 0 4px 0;}
.login-panel h2, .login-panel label {font-weight:bold; color:#2d80f9;}
.login-panel label {width:150px; display:inline-block;}
.login-panel input{border:1px solid #a5acb2;}
.login-panel p.buttons {text-align:right; border-bottom:1px dashed #7b91b9;}
.login-panel p.buttons {width:100%;}
.login-panel .btn-grn{border:0}

/*signup*/
.signup {background:#fff; }
.signup .left-panel {width: 550px;}
.signup .right-panel{float:right; width: 404px;}


.signup fieldset p {padding:5px 0; width: 500px;}
.signup label {width:120px; display:inline-block;margin-left:4px;}
.signup input, .signup select {border:1px solid #a5acb2; padding:1px;}
.signup small {margin-left: 130px;color:#2d80f9; }
.signup fieldset {border-bottom: 1px dashed #7b91b9; margin-top:10px; padding: 10px 0;}
.signup legend {font-weight:bold; color:#2d80f9; }
.signup li label {width:100px;}
.signup ul.newsletter-list li {float:left;}

.signup p.terms{padding: 5px 0;}
.signup label.terms {width:auto;}
.signup .buttons{float:right; }
.signup .btn-grn{border:0}

.offer-panel-box {background: url(/images/ui/bg_search_2.gif) repeat-y; width:404px;}
.offer-panel {background: url(/images/ui/bg_search_1.gif) no-repeat 0 0; padding: 0 10px;}
.offer-panel p {padding: 10px;}
.offer-panel ul.orange {list-style-type:none; }
.offer-panel ul.orange li {margin:1px 0; padding-left:2em; background:url(/images/ui/bg_li.gif) no-repeat 0 -520px ; }
.offer-panel-bottom {background: url(/images/ui/bg_search_3.gif) no-repeat 0 0; width:404px; height:8px;}

/*hotel categories_panel
-----------------------------------------------------------------------------------------------*/
.categories-panel .panel-top{color: #036; margin-top:10px; padding-right:10px; background:#b9d7ff url(/images/ui/bg_home_sc.png) 0 -205px no-repeat; height:35px;line-height:35px;}
.categories-panel .tabs {margin:0 1px;background:#FCFFA7; border:1px solid #FFF; height:25px; line-height:28px; overflow:hidden;}
.categories-panel .tabs li{float:left; height:25px; width:54px; margin:0 2px; text-align:center; }
.categories-panel .tabs li.current{background:url(/images/ui/bg_home_sc.png) -320px -45px no-repeat; color:#003366;}
.categories-panel .tabs a:link, .categories-panel .tabs a:hover, .categories-panel .tabs a:visited {font-weight:bold; color:#0449B1; cursor:pointer;}
#category_content {padding:0 10px;}
#category_content li {list-style-image:url(/images/ui/hotel-categories-li.gif); list-style-type:square; width:122px;color:#064f9e; margin-left:16px;}
#category_content .left {float:left;}
#category_content .right {float:right;}
#category_content .category {padding:8px 0;}
#category_content h2 {color:#2D80F9;}
#category_content a:hover, #category_content a:link, #category_content a:visited {color:#064f9e;}

/* what's on */
#whats-on-wrapper {margin: 0 auto; margin-top: -4px; width: 990px; background: url(/images/ui/bg_body.jpg) repeat-y 0 0; position: relative;}
#whats-on-wrapper .whats-on-bottom { display: block; position: absolute; bottom: -8px; left:0; background: url(/images/ui/bg_bottom.jpg) no-repeat 0 0; width: 1004px; height: 8px; }
.blank-container {padding-right: 6px; }
.blank-container .right-column { float: right; width: 227px; padding: 20px 5px 12px 5px; overflow: hidden; background-color: #dfe9f4; }
.blank-container .left-column { float: left; width: 705px; margin-left: 5px; padding: 15px; overflow: hidden;}
.blank-container  h1 {color:#0649A4;font-size:1.8em;}
.blank-container  h2 {color:#0649A4;font-size:1.8em;}
.blank-container .left-column div#play_swf { padding: 10px 0 0 1px;}
.blank-container .left-column div.whats-on-ads { border-top: #cccccc 1px solid; border-bottom:#cccccc 1px solid; margin-top: 30px; padding: 10px 0 10px 0;}
.blank-container .left-column div.whats-on-ads ul { padding: 10px 0 10px 15px; margin: 0px;}
.blank-container .left-column div.whats-on-ads ul li { display:block; width: 210px; height: 136px; padding:8px 8px 6px 8px; float: left;}

/*macau view macau-discount discount - whats on page
-----------------------------------------------------------------------------------------------*/
/* macau-highlight
-----------------------------------------------------------------------------------------------*/
.whats-on-macau-highlight { margin-bottom: 20px}

.macau-watch-hdr, .destination-macau-hdr, .upcoming-hdr {  line-height:35px; text-align:right; right: 10px; background:url(/images/ui/bg_whats_on.gif) 0px 0px no-repeat;}
.macau-watch-hdr a, .destination-macau-hdr a, .upcoming-hdr a { padding-right: 5px;}
.destination-macau-hdr { background-position: 0px -35px;}
.upcoming-hdr {background-position: 0px -72px;}
.macau-watch-hdr a {color: #013C92;}
.destination-macau-hdr a, .upcoming-hdr a {color: #FFFF66;}

.whats-on-macau-highlight dl {border: 1px #85b4d6 solid; padding: 3px; background-color:#FFFFFF;}
.whats-on-macau-highlight dl h2 {padding-left: 12px; background:url(/images/ui/bg_li.gif) -5px -99px no-repeat; font-weight:bold; height:18px; font-size: 1.1em; clear: both;}
.whats-on-macau-highlight dl h2.orange{color:#F67E09;}
.whats-on-macau-highlight dl h2.crimson{color:#960EDD;}
.whats-on-macau-highlight dl h2.red{color:#D00737;}
.whats-on-macau-highlight dl h2.blue{color:#081F5B;}
.whats-on-macau-highlight dl h2.green{color:#02940D;}
.whats-on-macau-highlight dl dd {clear: both; }
.whats-on-macau-highlight dl dd img{float:left; margin-right:3px; margin-bottom: 10px;}
.whats-on-macau-highlight dl dd h3 a {color:#2C7FF8; font-weight:bold;}
.whats-on-macau-highlight h3 a.activity-diary-title{ color: #0649A4; }
.whats-on-macau-highlight a.read-more{ color: #0649A4; }

/*dynamic package
-----------------------------------------------------------------------------------------------*/
#dp #msgbox {font-size:1.5em; font-weight:bold; padding:10px;border:1px solid #0649A4;margin-bottom:30px;}
#dp .btn {color:#fff; font-size:12px; font-weight:bold; text-align:center; float:right; margin:0 10px 10px 0; width:120px; height:24px; border:0; padding-top:5px; }
#dp .btn-grn-med {background:url(/images/ui/btn-grn-med.gif) no-repeat 0 0;}
#dp .btn-grn-med-b {background:url(/images/ui/btn-grn-med-b.gif) no-repeat 0 0;}

#dp-home-featured-vacations .package {clear:left;margin-bottom:20px;}
#dp-home-featured-vacations .package h2 a {color:#ec5900;}
#dp-home-featured-vacations .package .bg-img1{float:left; background:url(/images/ui/bg_104x88.gif) 0 0 no-repeat;}
#dp-home-featured-vacations .package .bg-img1 img{width:96px; height:80px; padding:4px;}
#dp-home-featured-vacations .package ul {float:left;width:550px;background:#FCFFA7;}
#dp-home-featured-vacations .package li {clear:left; line-height:2.2em; padding:4px; border-top: 1px dashed #a0a5bc;}
#dp-home-featured-vacations .package li.i0 {border:0;}
#dp-home-featured-vacations .package li .name {float:left;display:inline-block;width:378px;}
#dp-home-featured-vacations .package li .text {float:left; display:inline-block; width:100px;}
#dp-home-featured-vacations .package li .price {color:#e11010;font-weight:bold;}
#dp-home-featured-vacations .package .book{float:left;  background:url(/images/ui/bg_home_sc.png) -400px -45px no-repeat; width:64px; height:24px; text-indent:-999px; display:inline;}

/*dynamic package reservation summary */
#dp .package-summary .reservation-summary {color:#555; margin:0;}
#dp .package-summary .reservation-summary h2 {color:#2D80F9;}
#dp .package-summary .reservation-summary .title {font-weight:bold;}
#dp .package-summary .reservation-summary .title a {color:#2D80F9; font-weight:normal;}
#dp .package-summary .reservation-summary li{float:left;}
#dp .package-summary .reservation-summary li.label{width:200px;color:#2D80F9;}
#dp .package-summary .reservation-summary li.value{width:300px;}
#dp .package-summary .reservation-summary li.price{font-size:1.14em; float:right;}
#dp .package-summary .reservation-summary .link {float:right;}

#dp .package-summary .reservation-summary form.button-to {display:inline;}
#dp .package-summary .reservation-summary form.button-to div {display:inline;}
#dp .package-summary .reservation-summary form.button-to input {border:0;background:none; color:#add4fd;cursor:pointer;font-size:1em;font-weight:bold;}
#dp .package-summary .reservation-summary h2 a {color:#add4fd;font-size:.8em;text-decoration:none;}
#dp .package-summary .reservation-summary .pricing-caption {color:#555; clear:none; padding:0;}
#dp .package-summary .reservation-summary .grand-total {clear:right; float:right; color:#2D80F9;font-weight:bold;}
#dp .package-summary .reservation-summary .grand-total .total-price {font-size:1.2em; margin-left:10px; color:#FF0000;}
#dp .package-summary .reservation-summary .original-price {text-decoration:line-through;}
#dp .package-summary .reservation-summary .price-caption {float:left;}

/*activities
-----------------------------------------------------------------------------------------------*/
.activity {padding:10px 0;}
.activity .thumb {border:1px solid #A3BCE0;display:inline;float:left;margin:0 6px 0 10px;padding:2px;}
#search-con .activity h4 {float:none;}
.activity h4 a {color:#0649A4;}
.activity p label {width:66px;display:inline-block;}
.activity ul {list-style:none; }
.activity li {float:left; width:150px; margin:0;padding:0; font-weight:bold;}
.activity-items {border:1px solid #a3b7da;margin:34px 10px 0 11px;background:#fff57c; padding:2px 4px;}
.activity li.wide {width:190px;}
.activity li.more-info {width:76px;}
.activity li.date  {margin-top:5px;}
.activity li.price {width:90px;}
.activity li.last  {width:90px;float:right;}
.activity li.wide, .activity li.price {line-height:1.4em; padding:6px 0;}

/*ferry*/
.ferry {padding:8px; clear:both;}
.ferry img {float:left;width:100px;border:1px solid #a7b8dd;padding:2px;margin-right:14px;}
.ferry p {margin-bottom:8px;float:left; width:230px;}
.ferry p.right {width:260px}
.ferry p label {width:65px; display:inline-block;}
.ferry .ferry-price-panel {clear:both; display:block;padding:5px; margin-bottom:8px; background:#fff;}
.ferry .instant-confirm {background:#FCFFA7;}
.ferry .on-request {background:#fff;}
.ferry .pricing-caption {color:#0D4A9A; font-weight:bold; margin:10px 0 0;font-size:.96em;float:none;width:auto;}
.ferry-price-panel {border-bottom: 1px dashed #A0ABBD;}
.ferry-price-panel span {float:left; ;margin-left:20px;}
.ferry-price-panel span span {margin:4px 0 0 0; }
.ferry-price-panel span.status {width:80px; margin-left:10px;}
.ferry-price-panel span.status span {color:#0449B1;}
.ferry-price-panel span.last {color:#E11010;font-weight:bold; float:right;}
.ferry-price-panel label {color:#2D80F9;font-weight:bold;display:block;margin-bottom:4px;}
.ferry-price-panel select {border:1px solid #a7b8dd; padding:2px; width:126px;}
.ferry-price-panel input {float:left;margin:20px 6px 0 0;}
 #ferry_selection .book {display:inline;}
 #ferry_selection h2 {color:#fff;}

 /*dynamic package checkout
 -----------------------------------------------------------------------------------------------*/
 #dp .title h4 {color:#FCFFA7; padding-left:4px;}