@charset "utf-8";

/* --- Global Font Settings --- */
.hotel_img { border: 1px #b19f6d solid; float: left; height: 86px; margin-right: 10px; width: 100px; }

/* --- Common Wrapper Styles --- */
#PackageWrapper, #RoomWrapper, #ContentWrapper, .SandsCotaiWrapper.Wide { padding: 0px 6px 6px 6px; }
#PackageWrapper { background: #000; }
#RoomWrapper, #CMSWrapper { margin-top: 15px; }
.SandsCotaiWrapper.Wide { width: 700px; margin-top: 15px; }

/* --- Common Body Styles --- */
#PackageBody, #RoomBody, #ContentBody, #CMSBody, .SandsCotaiBody.Wide {
    background: #fff; color: #333; font-size: 11px; width: 718px; padding: 15px; box-sizing: border-box;
}
#RoomBody, #ContentBody, #CMSBody { border: 1px #dfdfdf solid; border-radius: 5px; box-shadow: 0 1px 3px #efefef; color: #545454; }
.SandsCotaiBody.Wide { border: 2px #76a045 solid; border-radius: 8px; padding-bottom: 50px; color: #545454; }

/* --- Typography Headings --- */
#PackageBody h1, #RoomBody h1, #ContentBody h1, #CMSBody h1 { font-size: 20px; padding-left: 15px; margin: 0 0 15px 0; }
#PackageBody h1 { color: #7f143e; }
#RoomBody h1, #ContentBody h1 { color: #333; }
#CMSBody h1 { color: #666; border-bottom: 2px #eff5ea solid; padding: 15px 5px 5px 15px; font-weight: bold; }
.SandsCotaiBody.Wide h1 { font-size: 2em; color: #4c8a8e; margin-bottom: 15px; padding-left: 15px; }

/* H2 Styles */
#PackageBody h2, #RoomBody h2, #ContentBody h2, #CMSBody h2 {
    background: url(../images/v_23_fefefe_efefef.png) repeat-x top; color: #333; border: 1px #f6f6f6 solid; padding: 5px 5px 5px 15px; margin-bottom: 0;
}
#CMSBody h2 { color: #4687cc; border-bottom: 2px #eff5ea solid; font-size: 1.4em; font-weight: bold; }
.SandsCotaiBody.Wide h2 { color: #4c8a8e; font-size: 1.5em; border-bottom: 1px #dfdfdf solid; margin-bottom: 15px; margin-top: 40px; padding-left: 15px; }

/* H3 Styles */
#PackageBody h3 {
    background: #6f461a; background: linear-gradient(to bottom, #494037, #241f1b);
    color: #e0d7a9; padding: 5px 5px 5px 15px; margin-bottom: 0;
}
#ContentBody h3 { background: url(../images/h3-header.png) repeat-x top; border: 1px #decca9 solid; color: #785d30; padding: 5px 5px 5px 15px; margin-bottom: 0; }
#CMSBody h3 { font-size: 1.2em; border-bottom: 2px #eff5ea solid; padding: 15px 5px 5px 10px; margin-bottom: 0; font-weight: bold; }
.SandsCotaiBody.Wide h3 { color: #4c8a8e; font-size: 1.5em; border-bottom: 1px #dfdfdf solid; margin-bottom: 0; margin-top: 40px; padding-left: 15px; }

/* H4 Styles */
#PackageBody h4 { background: #eee4c4; border: 1px #decca9 solid; color: #785d30; padding: 5px 5px 5px 15px; margin-bottom: 15px; }
#RoomBody h4, #ContentBody h4 { background: #eaf5fa; border: 1px #99cce5 solid; color: #333333; padding: 5px 5px 5px 15px; margin-bottom: 15px; }
.SandsCotaiBody.Wide h4 { color: #545454; font-size: 1.4em; border-bottom: 1px #dfdfdf solid; padding: 5px 5px 5px 15px; margin-bottom: 15px; margin-top: 40px; font-family: Microsoft JhengHei; }

/* Lists & Links */
.Inner ul, .SandsCotaiBody.Wide ul, .CMSBody ul { margin-top: 2px; margin-bottom: 2px; }
.breadcrumb { background: #f2f2f2; color: #555; padding: 5px 5px 5px 15px; }
.SandsCotaiBody.Wide .breadcrumb, #RoomBody .breadcrumb, #ContentBody .breadcrumb { color: #999; padding: 5px 5px 5px 0px; background: none; }
.SandsCotaiBody.Wide a, .SandsCotaiBody.Wide .breadcrumb a { color: #b4cde6; }
.SandsCotaiBody.Wide a:hover, #PackageBody a:hover, #RoomBody a:hover { color: #000000; }

/* --- Tables (Price Charts) --- */
.RoomRateChart, .RateChart, .PriceChart, .ScheduleChart, .InfoChart { text-align: center; border-collapse: collapse; border-spacing: 0; }
.PriceChart td, .RoomRateChart td, .RateChart td, .ScheduleChart td { border: none; padding: 0; }
.InfoChart { text-align: left; box-shadow: 0 2px 4px -3px #afafaf; }

/* Header Cells */
.RoomRateChart .header td, .RateChart .header td { background: #00b5d5; color: #ffffff; font-size: 1.1em; font-weight: bold; padding: 5px; }
.PriceChart .header td { background: #f3edd3; color: #333333; font-size: 1.1em; font-weight: bold; padding: 5px; }
.PriceChart.Special .header td { background-color: #af006e; color: #fff; }
.ScheduleChart .header td { background: #eaf6fc; color: #253b56; font-size: 1em; font-weight: bold; padding: 15px; }
.InfoChart .header td { background: #5a5a5a; color: #fff; font-size: 1.2em; font-weight: bold; padding: 15px; }

/* Body Cells */
.RoomRateChart .odd td, .RateChart .odd td { background: #eaf5fa; color: #333333; padding: 5px; }
.RoomRateChart .alt td { background: #faf7f2; color: #333333; padding: 5px; }
.RateChart .alt td, .PriceChart .alt td { background: #f2f2f2; color: #333333; padding: 5px; }
.PriceChart .odd td { background: #f6f6f6; color: #555555; padding: 5px; }
.ScheduleChart .odd td { padding: 15px; background: #efefef; color: #666; }
.InfoChart .odd td { background: #fff; color: #000; padding: 15px; border-bottom: 1px #efefef solid; }
.ScheduleChart td { font-size: 1em; border-bottom: 1px #dfdfdf solid; color: #666666; padding: 15px; box-shadow: 0 2px 4px -3px #afafaf; }

/* Footer Cells */
.RoomRateChart .footer, .RateChart .footer, .PriceChart .footer { background: #b4cde6; color: #333333; font-size: 0.9em; font-weight: bold; padding: 5px; }
.PriceChart .footer { background: #e5e5e5; color: #5c5c5c; }
.PriceChart.Special .footer td { background-color: #f5ebf7; color: #af006e; }
.ScheduleChart .footer { background: #efefef; font-size: 0.9em; font-weight: bold; padding: 15px; }

/* --- Modules: Featured, Best Seller --- */
.FeaturedModule, .LeftModule { margin-top: 15px; width: 178px; border: 2px #efefef solid; border-radius: 8px; box-shadow: 0 0 0 #000; }
.LeftModule { width: 170px; border: 1px #f9f9f9 solid; margin: 15px 0 0 0 !important; overflow: hidden !important; }
.FeaturedModuleHeader, .LeftModuleHeader { font-weight: bold; font-size: 1.5em; padding: 10px; background: #eaf5fa; color: #006da3; border-bottom: 2px #006da3 solid; }
.LeftModuleHeader { background: linear-gradient(to bottom, #0f87ca, #0558a2); color: #fff; text-shadow: #333 1px 1px 1px; padding: 4px 5px 4px 10px; }
.FeaturedModuleItem, .LeftModuleItem { padding: 6px 5px 5px 7px; background: #fff; }
.FeaturedModuleItem:hover, .LeftModuleItem:hover { background: linear-gradient(to bottom, #ffffff, #f9f9f9); }
.FeaturedModuleBox .Price, .LeftModulePrice { font-size: 1.4em; font-weight: bold; color: #a00000; }
.FeaturedModuleItem .Name, .LeftModule .Name { font-size: 1.1em; font-weight: bold; color: #666666; margin-bottom: 5px; }

/* Best Seller */
.BestSellerWrapper { width: 100%; overflow: hidden !important; margin: 5px 0 5px 0px; padding: 0; background: #fff; box-shadow: 0px 1px 7px rgba(0,0,0,0.28); border-top: 2px #555570 solid; }
.BestSellerWrapper h2 { line-height: 25px; margin: -5px 0 0; padding: 10px 10px 6px 10px; color: #555570; font-size: 1.5em; font-weight: bold; }
.BestSellerContainer { padding: 0 5px 0 5px; background: url(/templates/bengsengtravel/images/h3-shadow.png) repeat-x; }
.BestSellerItem { padding: 5px; border-bottom: 1px #efefef solid; }
.BestSellerItem:hover { background: url(../images/bg-footer2.png) repeat-x; }
.BestSellerItem a { color: #555570; text-decoration: none; }
.BestSellerExtras span { background: #f6f6f6; color: #333; border-radius: 2px; padding: 3px 5px; font-size: 0.9em; }
.BestSellerExtras span.cotai { background: #0866ae; color: #fff; }
.BestSellerExtras span.turbo { background: #FF0000; color: #fff; }
.BestSellerItem .PackagePrice { font: bold 2.2em "arial"; color: #555570; margin-right: 5px; }

/* --- Buttons --- */
.btn-grey { background: url(../images/bg-btn-grey.png) repeat-x; border: 1px #666666 groove; padding: 5px; text-align: center; color: #fff; font-weight: bold; font-size: 11px; border-radius: 3px; box-shadow: 0 1px 3px #222; }
.action-btn, .btn_book, .ListBookButton { background: #d22100; color: #fff; text-align: center; padding: 7px 15px; font-size: 18px; font-weight: bold; border-radius: 3px; border: 1px solid #d02718; display: inline-block; }
.action-btn:hover, .btn_book:hover { background-color: #c62d1f; color: #fff; }

/* --- Utils & Misc --- */
.clearfix { display: block; zoom: 1; }
.hidden { display: none; }
.error_404 { background-color: #F33; background-image: url(../images/bg-404.jpg); background-position: right bottom; color: #FF4; padding: 15px; }
div.scroll-terms { height: 150px; width: 710px; overflow: auto; border: 1px solid #decca9; background: #f3edd3; color: #555; font-size: 11px; }
.FeaturedShows { height: 126px; width: 154px; padding: 40px 10px 10px 10px; background: url(../images/bg-featured-shows-small.png) no-repeat; }
.FeaturedShows .FeaturedLink a { color: #95c4ff; font-weight: bold; font-size: 90%; }
.hotline { color: #686763; font-size: 15px; line-height: 24px; }