@charset "utf-8";
/* CSS Document */

/**********
	20130102 : Cookie bar
	20130503 : read more buttons globalized
	20130909 : toolbar.css
	20140214 : add .containerHeader to replace h5
***********/

/* rightcol */

/* Right Col css */
#sectionContent #rightCol {position:relative; /*min-height:800px;*/min-height:500px;}
#sectionContent #rightCol a:hover {color:#ffffff;}

/*Right Col travel tool starts */
#sectionContent #rightCol .travelToolCell {}
#sectionContent #rightCol .travelToolCell .toolItem div a {display:table; #position:relative; background:url(/common/images/line.png) repeat-x 0 bottom; overflow:hidden; width:168px; margin-top:8px; padding-bottom:10px;}
#sectionContent #rightCol .travelToolCell .toolItem div.last a {background:none;}
#sectionContent #rightCol .travelToolCell .toolItem div span.text {*position: absolute; *top: 50%; display: table-cell; vertical-align: middle; width:100px;  }
#sectionContent #rightCol .travelToolCell .toolItem div span span {*position:relative; *top:-50%; top:-50%;  margin:0; width:100px;  }
#sectionContent #rightCol .travelToolCell .toolItem div img  { width:35px; display:block; margin:0 10px 0 13px;}
/*Right Col travel tool ends */

/* Right Col Follow Us starts */
/*#sectionContent #rightCol  .followUsCell .cellContent div  {background:url(/common/images/line.png) repeat-x 0 bottom; margin-top:8px; padding-bottom:10px; width:168px; display:table; #position:relative; }*/
#sectionContent #rightCol  .rightColCell .cellContent div a {display:table; #position:relative; background:url(/common/images/line.png) repeat-x 0 bottom; overflow:hidden; width:168px; margin-top:8px; padding-bottom:10px;}
#sectionContent #rightCol  .rightColCell .cellContent div.last a{background:none;}
#sectionContent #rightCol  .rightColCell .cellContent div img  { width:35px; display:block; margin:0 24px 0 13px;}
#sectionContent #rightCol  .rightColCell .cellContent div span.text {*position: absolute; *top: 50%; display: table-cell; vertical-align: middle; width:100px; }
#sectionContent #rightCol  .rightColCell .cellContent div span.text span {*position:relative; *top:-50%; top:-50%;  margin:0; width:100px;}
/* Right Col Follow Us ends */

/* right Col share starts */
#sectionContent #rightCol .shareCell {width:168px;}
#sectionContent #rightCol .shareCell #shareTab {}
#sectionContent #rightCol .shareCell #shareTab a {display:block; background:url(../../../common/images/see-do/shareTab.png) repeat-x 0 0; height:25px; width:55px; margin-right:1px; float:left; text-align:center; color:#1166B7; font-size:14px; } 
#sectionContent #rightCol .shareCell #shareTab a.last {margin-right:0; width:56px;}
#sectionContent #rightCol .shareCell #shareTab a.active {color:#ffffff;}
#sectionContent #rightCol .shareCell #shareTab a.active, .shareCell #shareTab a:hover {background-position:0 -25px;}
#sectionContent #rightCol .shareCell #shareTab a span {line-height:25px;}
#sectionContent #rightCol .shareCell .shareContent .item { padding:6px;}
#sectionContent #rightCol .shareCell .shareContent #sharePhotos { overflow:hidden; height: 150px;}
#sectionContent #rightCol .shareCell .shareContent #sharePhotos img {margin:4px; float:left;}
#sectionContent #rightCol .shareCell .shareContent #shareVideos { overflow:hidden; height: 150px;}
#sectionContent #rightCol .shareCell .shareContent #shareVideos img {margin:4px; float:left;}
#sectionContent #rightCol .shareCell .shareContent #shareBlogs { overflow:hidden; height: 150px;}
#sectionContent #rightCol .shareCell .shareContent #shareBlogs a { display:block; color:#fff; background:url(../../../common/images/pt_seo.gif) 0 8px no-repeat; margin:5px 0 5px 5px; padding:0 0 0 10px; }
#sectionContent #rightCol .shareCell .shareContent #shareBlogs a:hover { color:#ccc; }
/* right Col share ends */

/* make n do guide */
#addToGuide{ float:left; display:block; width:50px; height:52px; background-repeat:no-repeat; vertical-align:middle; margin:-15px 20px 0 0; /*margin:-21px 20px 0 0;*/ }
#addToGuide.added{ background-image:url(../../../common/images/guide/add.png); background-position:0 100%; }

#sectionContent #rightCol .travelToolCell .travelGuideBox { margin-bottom:9px; width:173px; }
#sectionContent #rightCol .travelToolCell .travelGuideBox .btnOrganise{background:url(/common/images/guide/right/organize-now/bg.png) no-repeat 0 0; display:block; width:173px; height:41px; text-align:center; }
#sectionContent #rightCol .travelToolCell .travelGuideBox .btnOrganise a{ padding-left:30px; display:inline-block; text-align:center; margin-top:5px; color:#fff; font-weight:bold; line-height:23px; }
#sectionContent #rightCol .travelToolCell .travelGuideBox .btnOrganise a.organise-now{ background:url(/common/images/guide/right/organize-now/icon.png) no-repeat; display:none; }
#sectionContent #rightCol .travelToolCell .travelGuideBox .btnOrganise a.what-is-this{ background:url(/common/images/guide/right/organize-now/how.png) no-repeat; }

#rightCol #guide { width:170px; height:305px; background:url(/common/images/guide/right/bg.png); overflow:hidden; padding:5px 3px 0 0; }
/*#rightCol #guide.empty { width:170px; height:166px; background:url(/common/images/guide/right/empty_bg.png); overflow:hidden; padding:5px 3px 0 0; }*/
#rightCol #guide.empty { width:170px; height:75px; background:url(/common/images/guide/right/empty_bg.png); overflow:hidden; padding:5px 3px 0 0; }
#rightCol #guide.empty .empty{ text-align:center; color:#333; padding:0 10px; line-height:14px; }
#rightCol #guide.empty img{ margin-bottom:10px; }
#rightCol #guide.empty strong{ display:block; margin-bottom:5px; }

#rightCol #guideScroller{ margin:5px 0; height:295px; }
#rightCol #guide .spot { width:150px; padding:5px; height:50px; overflow:hidden; }
#rightCol #guide .spot .pic{ float:left; position:relative; width:72px; height:50px; margin-right:5px; }
#rightCol #guide .spot .pic img{ width:72px; height:50px; }
#rightCol #guide .spot .pic .close{ position:absolute; right:5px; top:5px; background:url(/common/images/guide/right/close.png); width:9px; height:9px; text-indent:-9999px; }
#rightCol #guide .spot .title{ float:left; width:73px; }
#rightCol #guide .spot .title a{ color:#333; font-size:11px; }
#rightCol #guide .spot .title a:hover, #rightCol #guide .spot:hover .title a{ color:#aaa; }

/*20130108 tooltips alert */
#tooltips{position:absolute;top:0;left:50%;}
#tooltips .alert{position:absolute;width:80px;height:80px;overflow:hidden;cursor:pointer;z-index:500;}
#tooltips .alert img{margin-top:0px;}
#tooltips .bubble{position:absolute;top:60px;left:5px;width:204px;min-height:65px;}
#tooltips .bubble .head{width:204px;height:16px;background-image:url(/common/images/guide/tips/top.png);}
#tooltips .bubble .content{width:184px;min-height:25px;background-image:url(/common/images/guide/tips/content.png);background-size:cover;color:#FFFFFF;padding:10px 10px 5px 10px;line-height:1.2em;}
#tooltips .bubble .foot{width:204px;height:9px;background-image:url(/common/images/guide/tips/bottom.png);}
#tooltips .bubble .close{position:absolute;top:15px;right:8px;width:10px;height:10px;background-image:url(/common/images/guide/tips/close.png);z-index:1000;cursor:pointer;}




/* toolbar */

/**** CSS of top toolbar & language selection */
/* top starts */
#mainContainer #toolbar {width:100%; height:38px; background:#000000; color:#FFFFFF; z-index:10; min-width:970px; font-size:12px;}
#toolbar #toolbarContent {height:22px; width:970px; display:block; margin:0 auto; padding-top:9px; position:relative;}
#toolbar #toolbarContent ul.right {float:right;}
#toolbar #toolbarContent ul.left {margin-left:8px;}
#toolbar #toolbarContent ul.left li {float:left; display:block; background:url(../../../common/images/top_divider.gif) no-repeat right 5px; padding-right:7px; margin-right:7px; }
#toolbar #toolbarContent ul.right li {float:left; display:block; margin-left:10px;}

#toolbar #toolbarContent ul li#subscribe {border:solid 1px #666666; background:url(../../../common/images/top_icon_small_junk.png) no-repeat 7px 0; padding-left:27px; } /* about hktb*/
#toolbar #toolbarContent ul li#subscribe span {background:url(../../../common/images/top_icon_subscribe_arrow.gif) no-repeat 0 0; margin-left:7px; padding-left:7px; }
#toolbar #toolbarContent ul li#date {color:#BFBFBF; padding-top:3px;}
#toolbar #toolbarContent ul li#tempature {color:#BFBFBF;  padding-top:1px;}
#toolbar #toolbarContent ul li#tempature img {vertical-align:top; padding-right:5px;}
#toolbar #toolbarContent ul li#mobile {background:url(../../../common/images/top_icon_mobile.gif) no-repeat 0 0; padding-left:16px; padding-top:1px;}
#toolbar #toolbarContent ul li#search {position:relative;}
#toolbar #toolbarContent ul li#search input#searchField {border:1px solid #ffffff; height:18px;}
#toolbar #toolbarContent ul li#search input#searchSubmit{background: url(/common/images/icon/search.gif) no-repeat right center #ffffff; width: 15px; height: 15px; position:absolute; right:2px; top:3px; border: none; cursor: pointer; } 

/*#toolbar #toolbarContent ul li#languages {background:url(../../../common/images/top_icon_languages.gif) no-repeat 0 0; padding-left:22px; padding-top:1px;}*/
#toolbar #toolbarContent ul li#languages {background:url(../../../common/images/top_divider.gif) no-repeat left 5px; padding-left:7px; margin-left:7px; padding-top:3px; }
#toolbar #toolbarContent ul li#languages a{background:url(/common/images/icon/btn_down.png) no-repeat right center; padding-right:10px; }
#toolbar #toolbarContent ul li#languages a img {width:24px; height:24px; vertical-align:middle; margin-right:7px; display:none;} /* added dislpay none to hide the flag 20140821 */

/* old language selection starts */
#toolbar #languageContainer {background:url(/common/images/language_bg.png) no-repeat 0 0; width:220px; height:93px; position:absolute; top:38px; right:-8px; padding:10px 17px 0 11px;}
#toolbar #languageContainer .extra {margin:10px 0; font-size:11px;}
#toolbar #languageContainer .languageList select {width:220px; }
#toolbar #languageContainer .extra .selectionBox {float:left;}
#toolbar #languageContainer .extra .selectionBox input {vertical-align:sub; width:20px;}
#toolbar #languageContainer .extra .button a {background:url(/common/images/btn_language_go.png) no-repeat 0 0; display:block; width:51px; height:18px; float:right; text-align:center;}
#toolbar #languageContainer #closeBtn a {background:url(/common/images/icon/btn_close.png) no-repeat right center; display:block; width:45px; height:16px; float:right; font-size:11px;}
/* old language selection ends */

/* language selection starts - updated 20140821 */
#languageOverlay {position:fixed; width:100%; height:100%; overflow:hidden; z-index:9990; top:0; left:0;}
#languageSelection {background:url(/common/images/language/bg.png) no-repeat 0 0; width:655px; height:291px; position:absolute; top:36px; right:-21px; z-index:9999; padding:0 0 0 13px;}
#languageSelection .btnClose a {background:url(/common/images/language/btn_close.png) no-repeat 0 0; float:right; width:13px; height:13px; display:block; text-indent:-9999px; margin:11px 20px 0 0;}
#languageSelection .col {width:199px; float:left; margin:10px 0 0 7px;}
#languageSelection .col li {height:31px; font-family:Arial, Helvetica, sans-serif; font-size:12px;  margin-bottom:2px;}
#languageSelection .col li:hover, #toolbar #languageSelection .col li.active {height:31px; width:199px; background:url(/common/images/language/mouseover.png) no-repeat 0 0; display:block;}
#languageSelection .col li a span{width:199px; height:31px; padding-left:5px; padding-top:8px; display:inline-block; }

/* 20121108 text friendly */
#toolbar #toolbarContent ul li#textVer {display:block; padding-top:3px}
#toolbar #toolbarContent ul li#desktopVer {display:none!important;}
#toolbar #fontSizeContainer .textsize {display:none!important;}

#toolbar #fontSizeContainer a {float:left; width:17px; height:17px; background-image:url(/common/images/fontsize.gif); background-repeat:no-repeat; text-indent:-9999px; margin-right:3px;}
#toolbar #fontSizeContainer a#small {background-position:0 0;}
#toolbar #fontSizeContainer a#small:hover, #toolbar #fontSizeContainer a#small.active {background-position:0 -17px;}
#toolbar #fontSizeContainer a#medium {background-position:-20px 0;}
#toolbar #fontSizeContainer a#medium:hover, #toolbar #fontSizeContainer a#medium.active {background-position:-20px -17px;}
#toolbar #fontSizeContainer a#large {background-position:-40px 0;}
#toolbar #fontSizeContainer a#large:hover, #toolbar #fontSizeContainer a#large.active {background-position:-40px -17px;}
/* top ends */

/* New Tool Bar */
#languagePopupBox {position:absolute; z-index:99995; top:0; left:0; width:100%; display:none; }
#languagePopupBoxOverlay {background-color:#111; opacity:0.9; filter:alpha(opacity=90); position:absolute; width:100%; height:100%; z-index:99990; top:0; left:0; display:none;}
#languagePopupBoxContainer {display:block;  margin:116px auto 0; background:url(/common/images/home/mainBg.jpg) no-repeat 0 0; width:600px; height:200px; text-align:center; z-index:99999;}

/* GSA */
#suggestSearch{position:absolute; top:22px; left:0; background:#fff; border:1px #ccc solid; font-family:Verdana,Arial,Helvetica,sans-serif; z-index:10000; display:none}
.suggestSearchresult{position:relative; padding:2px 2px; color:#000}
.suggestSearchresult.focus{background:#eee}

/* Global style*/


html,body{margin:0; padding:0; border:0; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:85%; color:#ffffff; line-height:145%; background-color:#000000;}
a {text-decoration:none; /*outline:none;*/ color:#FFF;}
a:hover {/*text-decoration:underline;*/text-decoration:none;}
div {outline:none;}
img {border:0; padding:0; margin:0;}
ul {list-style:none; margin:0; padding:0;}
ol {margin:0; padding:0;}
ol li {margin:0; padding:0;}
ol.alpha {list-style:lower-alpha;}
h1, h2, h3, h4, h5 {padding:0; margin:0;}
p {padding:0 0 15px 0; margin:0; color:#FFF; line-height:150%;}
dl, dt, dd {padding:0; margin:0;}
table, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:top;}
input, select, textarea {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.floatLeft {float:left !important;}
.floatRight {float:right !important;}
.hidden {display:none;}
.hide {display:none; visibility:none;} /* added by Winkie 20140311 for Web Accessibility */
.center {text-align:center;}
.clearfix {display: inline-block;}
.clearfix:after {content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
.clearfix {display: block;}

.strong {font-weight:bold;}

/* Main Structure starts */
#mainContainer {width:100%; background-color:#000000; position:relative;}
#mainContainer #contentContainer {/*overflow:hidden;*/ min-width:970px;}
#mainContainer #contentContainer #mainContent {width:970px; display:block; margin:0 auto; padding-bottom:30px; }
/* Main Structure ends */

/* bottom starts */
#mainContainer #bottom {width:100%; background:#000; display:block; padding-top:20px; min-width:970px;}
#bottom #bottomContent {width:970px; display:block; margin:0 auto;}
#bottom #bottomContent .banner {padding-bottom:20px; display:block; /*margin:0 auto; width:959px; padding-left:16px;*/}
#bottom #bottomContent .banner #bottomAd {float:left; margin-left:16px;}
#bottom #bottomContent .banner #bottomAd img.last {margin-right:0;}

#bottom #bottomContent .footer {border-top:2px solid #1C1C1C; padding:4px 0 0 9px; color:#CCC}
#bottom #bottomContent .footer p, #bottom #bottomContent .footer a {color:#CCC;}
#bottom #bottomContent .footer a:hover {text-decoration:underline;}
#bottom #bottomContent .footer .footerLinks {float:left;} /* edited 20131210 */
#bottom #bottomContent .footer .footerLinks ul {padding-top:13px;} /* edited 20131210 */
#bottom #bottomContent .footer ul li {float:left; display:block; border-right:1px solid #CCC; padding-right:6px; margin-right:6px;}
#bottom #bottomContent .footer ul li.last {border:none;}
/*#bottom #bottomContent .footer ul li a:hover {text-decoration:underline;}*/
#bottom #bottomContent .footer ul li a#rss {background:url(../../../common/images/icon_rss.gif) no-repeat right top; padding-right:23px; padding-top:1px;}
#bottom #bottomContent .footer ul li a#facebook {background:url(../../../common/images/icon_facebook.gif) no-repeat 0 0; width:16px; height:16px; display:block;}
#bottom #bottomContent .footer ul li a#twitter {background:url(../../../common/images/icon_twitter.gif) no-repeat 0 0; width:16px; height:16px; display:block;}
#bottom #bottomContent .footer ul li a#weibo {background:url(../../../common/images/icon_weibo.gif) no-repeat 0 0; width:17px; height:17px; display:block;}
#bottom #bottomContent .footer ul li a#youtube {background:url(../../../common/images/icon_youtube.gif) no-repeat 0 0; width:18px; height:16px; display:block;}
#bottom #bottomContent .footer .logo {float:right; margin-top:13px;}
#bottom #bottomContent .footer .logo img {margin-left:37px;}

#bottom #bottomContent .printFriendly {background:url("/common/images/icon/print-friendly.png") no-repeat scroll 0 0; height:33px; display:block; padding-left:34px; position:relative;}
#bottom #bottomContent .printFriendly span {position:absolute; bottom:0; color:#999999; font-size:12px;}

#bottom #bottomContent .seo .item .seoTitle {font-size:13px; line-height:145%; padding-bottom:2px; font-weight:bold;} /* header udpates */
/* bottom ends */

/* Top Nav starts */
#contentContainer .mainBanner {width:970px; /*min-height:125px;*/ display:block; overflow:hidden;}
#contentContainer .mainBanner.large {height:225px;}
#contentContainer #topNav {position:relative; top:-20px; left:-10px; background:url(../../../common/images/nav_bg.png) no-repeat 0 0; width:990px; height:70px;}
#topNav ul li {float:left; margin-top:20px; background:url(../../../common/images/nav_divider.png) no-repeat right 7px; padding-right:1px; margin-left:1px;}
#topNav ul li.last {background:none; padding:0; margin-right:0; margin-left:0;}
#topNav ul li a {display:block; height:40px; text-indent:-9999px;}

/* sub Nav starts */
#topNav #mask {width:990px; height:54px; position:relative; overflow:hidden;}
#topNav #mask #subNav {width:100%; position:absolute; /*display:none;*/}
#subNav .menuPull {z-index:1001; background:url(../../../common/images/subnav_bg.png) repeat-x 0 0; width:970px; height:54px; position:absolute; top:0; left:10px; display:none;}
#subNav .menuPull .dropdownBox {}
#subNav .menuPull .dropdownBox ul li {display:block; float:left; height:44px; padding-top:0; margin-top:0; background:url(../../../common/images/subnav_divider.png) no-repeat right bottom; padding-right:3px; margin-left:0;}
#subNav .menuPull .dropdownBox ul li.last {background:none; padding-right:0; margin-right:0;}
#subNav .menuPull .dropdownBox ul li a {text-indent:-9999px; height:44px; display:block; background-position:0 0; background-repeat:no-repeat}
#subNav .menuPull .dropdownBox ul li a.active {height:54px;}
/* sub Nav ends */

/* Top Nav ends */

/* Section Landing & Section */
.line {background:url(../../../common/images/line.png) repeat-x 0 0; display:block; height:3px; margin:0 5px;}

#rightColSection {float:right; width:181px; padding-top:20px; padding-left:13px; display:block; } /* added 20140317 for 3in1 */
#sectionContent #rightCol {float:right; width:181px; padding-top:20px; padding-left:13px; } /*181+13 = 194*/
/*#sectionContent #leftCol h4 {margin:0 5px 15px 0; text-align:right; }*/
#sectionContent #leftCol a:hover {text-decoration:underline;}
#sectionContent #leftCol h4.right {text-align:left; margin-left:5px;}

#sectionContent #rightCol h4 {margin-bottom:15px;}
#sectionContent #rightCol .rightColCell {margin-bottom:20px;}

/* Section Landing */
#sectionLanding {margin:/*15px*/-20px 20px 0 25px;}
#sectionLanding #sectionHead {width:920px;}
#sectionLanding #sectionContent {margin-top:20px; width:925px;}
#sectionLanding #sectionContent #leftCol {float:left; width:706px;}
#sectionLanding #sectionContent #leftCol .cellContainer .item {margin-right:8px;}
#sectionLanding #sectionContent #leftCol .cellContainer .item.last {margin-right:0}

/* Section */
#sectionContainer {/*margin:15px 20px 0 0;*/margin:-20px 20px 0 0;}
#sectionContainer #section {float:right; width:740px;}
#sectionContainer #section #sectionHead {width:730px;}
#sectionContainer #section #sectionContent {margin-top:20px; width:735px; }
#sectionContainer #section #sectionContent #leftCol {float:left; width:510px;}

/* Section Left Nav starts */
#sectionContainer {position:relative;}
#sectionContainer #leftNav {width:187px; float:left; margin-left:-12px; position:relative; margin-top:60px; } 
#sectionCotnainer #leftNav ul {}
#sectionContainer #leftNav ul li { min-height:35px; margin-bottom:5px; position:relative;}
#sectionContainer #leftNav ul li span {}
#sectionContainer #leftNav ul li span.bg {background:url(../../../common/images/leftNav_bg_arrow.png) no-repeat 0 0; position:absolute; *position:absolute; top:-12px; width:12px; /*min-height:23px;*/height:32px; display:block; }
#sectionContainer #leftNav ul li span.color { display:block; width:139px; min-height:23px;/*height:32px;*/ padding:8px 16px 8px 32px; left:0; top:0; z-index:9; position:relative; *position:relative; }
#sectionContainer #leftNav ul li.active span.shadow {background:url(../../../common/images/leftNav_shadow.png) no-repeat 0 0; width:175px; height:5px; margin:0 0 0 12px; display:block; }
#sectionContainer #leftNav ul li a{color:#ffffff; font-size:14px; font-weight:bold; }
#sectionContainer #leftNav ul.leftNavMenu .subLeftNavMenu {display:none;}
/* Section Left Nav ends */

/*subLeftNav starts */
#sectionContainer #leftNav ul li ul li {margin-left:27px; margin-bottom:0; background:url(/common/images/line.png) repeat-x 0 bottom; padding:5px 0;}
#sectionContainer #leftNav ul li ul li a {display:table; width:160px; *position: relative; overflow: hidden; *display:inline-block; *vertical-algin:middle;}
#sectionContainer #leftNav ul li ul li a img  {float:left; padding-right:13px; width:38px; display:block;}
#sectionContainer #leftNav ul li ul li a span.middle {*position: absolute; *top: 50%; display: table-cell; vertical-align: middle; width:100px;}
#sectionContainer #leftNav ul li ul li a span.middle span.inner {*position:relative; *top:-50%; top:-50%; font-size:12px; margin:0; width:100px; }
#sectionContainer #leftNav ul li ul li.last {background:none;}
#sectionContainer #leftNav ul li ul li a.active {color:#FFFFFF;}
/*subLeftNav ends */

/* section Head starts */
#sectionHead { background:url(../../../common/images/line.png) repeat-x 0 bottom; margin-top:6px; margin-left:5px; padding-bottom:5px; position:relative;}
#sectionHead .breadcrumb {color:#ffffff; font-size:11px; text-align:right; width:100%; margin-bottom:4px; float:right; }
#sectionHead .breadcrumb span {margin:0 8px;}
#sectionHead h2 {width:460px;} /* 20120516 from 430 to 460*/
#sectionHead .sharebox {position:absolute; right:0; bottom:10px;}
#sectionHead .sharebox div {float:left;}
/*#sectionHead #sectionHeadRight {float:right; width:50%; text-align:right;}*

/* moved from lang to global 20140214 for header updates */
#sectionHead h1 {font-size:34px; color:#ffffff; float:left; width:50%; line-height:130%;}
#sectionHead h2 {font-size:24px; color:#ffffff; float:left; line-height:130%;}
#sectionContainer #sectionHead h1 {font-size:24px; color:#ffffff; float:left; line-height:130%; width:460px;} /* header Updates */
/* section Head ends */

/* Main banner starts */
#sectionLanding .bannerSlide {background:url(../../../common/images/sectionLandingBanner_bg.png) no-repeat 0 0; display:block; width:697px; height:250px; padding:0 5px 10px 4px; margin-top:21px; overflow:hidden;}
/*#sectionLanding .bannerSlide .slider { overflow:hidden; margin-left:4px; width:697px;}*/
#sectionLanding .bannerSlide div { overflow:hidden; /*margin-left:4px;*/ width:697px;}
#sectionLanding .bannerSlide .slider img{ float:left; width:697px; }
#sectionLanding #bannerSlideNav  { float: left; position: relative; left: 50%; padding: 0 0 15px 0; clear: both;}
#sectionLanding #bannerSlideNav div { position: relative; left: -50%;}
#sectionLanding #bannerSlideNav a {background:url(../../../common/images/banner_nav.png) no-repeat 0 0; display:block; width:8px; height:8px; margin-right:4px; float:left;}
#sectionLanding #bannerSlideNav a.active {background-position:0 -8px;}
/* Main banner ends */

/* Section Banner starts */
/*#sectionContainer #leftCol #bannerSlideContainer .bannerSlide {background:url(../../../common/images/shadow_bg_510.png) no-repeat 0 0; display:block; width:510px; height:250px;}*/
#sectionContainer #leftCol #bannerSlideContainer .bannerSlide {background:url(../../../common/images/shadow_bg_510.png) no-repeat 0 0; display:block; width:505px; height:250px; padding-left:5px; overflow:hidden;}
#sectionContainer #leftCol #bannerSlideContainer .bannerSlideBottom {background:url(/common/images/shadow_bg_510_bottom.png) no-repeat 0 0; display:block; width:510px; height:19px;}
#sectionContainer #leftCol #bannerSlideContainer .bannerSlide .slider { overflow:hidden; /*margin-left:5px;*/ width:500px;}
#sectionContainer #leftCol #bannerSlideContainer .bannerSlide .slider img{ float:left; margin-bottom:10px; }
#sectionContainer #leftCol #bannerSlideContainer #bannerSlideNav { float: left; position: relative; left: 50%; padding: 0 0 15px 0; clear: both;}
#sectionContainer #leftCol #bannerSlideContainer #bannerSlideNav div { position: relative; left: -50%;}
#sectionContainer #leftCol #bannerSlideContainer #bannerSlideNav a {background:url(../../../common/images/banner_nav.png) no-repeat 0 0; display:block; width:8px; height:8px; margin-right:4px; float:left;}
#sectionContainer #leftCol #bannerSlideContainer #bannerSlideNav a.active {background-position:0 -8px;}

#longBannerSlideContainer .bannerSlide {height:250px;}
/* Section Banner ends */

/* content starts */
/* cells (aka muscle) starts*/
#sectionContent #leftCol .cellContainer {margin-top:30px;}
.cellContainer .row {margin-bottom:15px;}
.cellContainer .item {display:block; float:left; background:url(../../../common/images/bg_cell.png) no-repeat 0 bottom; width:171px; margin-left:-1px;}
.cellContainer .item.last {margin-right:0;}
#sectionContent #leftCol .cellContainer .item a {color:#ffffff;}
#sectionContent #leftCol .cellContainer .item a:hover {text-decoration:none;}
.cellContainer .item .thumb {width:160px; height:110px; margin-left:5px; display:block;}
.cellContainer .item .content {margin:0 0 11px 5px; padding:15px 14px; width:132px;}
.cellContainer .item .content h2 {color:#FFFFFF; font-size:14px;} /* added 20140522 */
.cellContainer .item .content p {margin:10px 0 10px 0;}
#sectionContent #leftCol .cellContainer .item .content p a {font-weight:normal;}

/* read more button text version starts */
/* updated 20130506 */
/*.cellContainer .item .cellBtn a{background-repeat:no-repeat; background-position:0 0; display:inline-block; height:18px; line-height: 18px; text-align: center; height: 18px; color:#ffffff; min-width:68px; padding-left:5px; font-size:10px;}
.cellContainer .item .cellBtn a span {background-repeat:no-repeat; background-position:100% 0; color: #fff; display: block; text-align: center; height: 18px; margin-right:-5px; }
.cellContainer .item .cellBtn a:hover {background-position:0 -20px; text-decoration:none;}
.cellContainer .item .cellBtn a:hover span {background-position:100% -20px;}*/
.cellContainer .item .cellBtn i.next{background:url(/common/images/icon/btn_next.png) no-repeat 0 50%; display:block; width:3px; height:18px; margin-left:5px; padding-right:5px; float:right;}
/* read more button text version ends */
/* cells (aka muscle) ends */

/* cell list table starts */
#sectionContent #leftCol .cellTableContainer a  {color:#ffffff; text-decoration:none;}
#sectionContent #leftCol .cellTableContainer table {border:none; width:100%; }
#sectionContent #leftCol .cellTableContainer table tr {height:120px}
#sectionContent #leftCol .cellTableContainer table tr td {padding:10px;}
#sectionContent #leftCol .cellTableContainer table tr td p a{font-weight:normal;}
#sectionContent #leftCol .cellTableContainer .btn {margin:5px; float:right; padding:0}
/* updated 20130506
.cellTableContainer .btn a:hover {background-position:0 -20px; text-decoration:none;}
.cellTableContainer .btn a:hover span {background-position:100% -20px;}*/
/* cell list table ends */

/****** updated in 20130503 *****/
/* read more button (subsection_list & subsection_box) image starts*/
.cellTableContainer .btn a,
.cellContainer .item .cellBtn a,
#campaignContainer .campaignContent .cellContainer .item .cellBtn.more a,
.packageItem .listDetails .btn a   {background-repeat:no-repeat; background-position:0 0; width:68px; height:18px; text-indent:-9999px; display:block;}
.cellTableContainer .btn a:hover,
.cellContainer .item .cellBtn a:hover,
#campaignContainer .campaignContent .cellContainer .item .cellBtn.more a:hover,
.packageItem .listDetails .btn a:hover {background-position:0 -18px;}
.cellTableContainer .btn a span,
.cellContainer .item .cellBtn a span,
#campaignContainer .campaignContent .cellContainer .item .cellBtn.more a span,
.packageItem .listDetails .btn a  span {visibility:hidden; background:none;}
/* read more button image ends */

#section #sectionContent #leftCol .detailContainer>div {width:500px; margin-left:4px;}

#sectionContent #leftCol .introVisual {position:relative; margin-bottom:20px;/*height:302px;*/}
#sectionContent #leftCol .introVisual .visual {background:url(/common/images/shadow_bg_510.png) no-repeat 0 0; display:block; width:505px; /*height:260px;*/ padding-left:5px; }
#sectionContent #leftCol .introVisual .visualBottom {background:url(/common/images/shadow_bg_510_bottom.png) no-repeat 0 0; display:block; width:510px; height:19px; position:absolute; /*top:250px;*/}
#sectionContent #leftCol .introVisual .visualFull {background:url(/common/images/shadow_bg_702.png) no-repeat 0 0; display:block; width:697px; /*height:260px;*/ padding-left:5px; }
#sectionContent #leftCol .introVisual .visualFullBottom {background:url(/common/images/shadow_bg_702_bottom.png) no-repeat 0 0; display:block; width:702px; height:19px; position:absolute; top:250px;}

#sectionContent #leftCol .intro {margin-left:5px; margin-top:10px; font-size:120%;}
#noCol .noColIntro, #noCol .intro {margin-left:5px; margin-top:0; font-size:120%;} /* 20140902 */
#sectionContent #leftCol .intro .specialAnnouncement {padding-bottom: 0px; background-color: #ffffcc; padding-left: 10px; width: 480px; padding-right: 10px; padding-top: 15px; border: #999999 1px solid; margin-bottom:10px;}
#sectionContent #leftCol .intro .specialAnnouncement p {color: #000000; margin-bottom:0;}
#sectionContent #leftCol .intro p {margin-bottom:10px;}
#sectionContent #leftCol .intro .note {font-style:italic; font-size:100%;}
#sectionContent #leftCol .intro p img.right {margin:0 0 5px 5px; float:right;}
#sectionContent #leftCol .intro div.right {margin:0 0 0 5px; float:right;}
#sectionContent #leftCol .intro div.right img {margin:0 0 5px 0;}
#sectionContent #leftCol .intro p span.subtitle {font-size:120%;}
/*#sectionContent #leftCol .intro p span.remarkNote {font-size:80%;}*/
#sectionContent #leftCol .introWithLine {background:url(/common/images/line.png) repeat-x 0 bottom; padding-bottom:20px;}
/*#sectionContent #leftCol .intro {margin:20px 0;}*/
#sectionContent #leftCol .textImg {margin-top:65px;}
#sectionContent #leftCol .textImg .text {float:left; width:530px; font-size:100%; font-size:120%;}
#sectionContent #leftCol .textImg img {float:right;}

#sectionContent #leftCol .area {padding-top:20px;}
#sectionContent #leftCol .area .cellContainer {margin-top: 0;}
/*#sectionContent #leftCol .area .btnExpand a {display:block; width:510px; height:39px; background:url(/common/images/btn_rowExpand.png) no-repeat 0 0; text-align:center; padding-top:4px; color:#FFFFFF;}*/
#sectionContent #leftCol .area .btnExpand a span.arrow {background:url(/common/images/icon/btn_down.png) no-repeat 50% 50%; display:inline-block; width:7px; height:6px; padding:0 18px;}
#sectionContent #leftCol .area .btnExpand.active a span.arrow{background:url(/common/images/icon/btn_up.png) no-repeat 50% 50%;}

/* btn long starts */
#sectionContent #leftCol .btn {height:20px; display:block; font-size:11px; padding:1px 0 0 4px; margin:21px 10px 0 15px; padding-bottom:20px; color:#ffffff;}
/*#sectionContent #leftCol .btn a span i.next {background:url(/common/images/icon/btn_next.png) no-repeat 0 0; display:inline-block; width:3px; height:5px; margin-left:5px; padding-right:5px;}
#sectionContent #leftCol .btn a span i.back {background:url(/common/images/icon/btn_back.png) no-repeat 0 0; display:inline-block; width:3px; height:7px; padding: 0 0 0 11px; }*/
.btn a span i.next {background:url(/common/images/icon/btn_next.png) no-repeat 0 0; display:inline-block; width:3px; height:5px; margin-left:5px; padding-right:5px;}
.btn a span i.back {background:url(/common/images/icon/btn_back.png) no-repeat 0 0; display:inline-block; width:3px; height:7px; padding: 0 0 0 11px; }
#sectionContent #leftCol .btn.more a {float:left; padding-left:4px;}
#sectionContent #leftCol .btn.more a span {float:left;}
#sectionContent #leftCol .btn.back a {float:right;}
/* btn long ends */


/* intro with did you know box starts */
.introSide {margin:10px 0;}
.introSide .intro {float:left; width:297px;}
.introSide .didyouknow {float:right; width:202px; /*margin-top:12px;*/}
#sectionContent #leftCol .introSide .didyouknow h5, #sectionContent #leftCol .introSide .didyouknow .containerHeader {margin:2px 6px; width:190px;}
.didyouknowIcon {background:url(/common/images/icon/lightbulb.png) no-repeat 0 0; width:29px; height:29px;}
#sectionContent #leftCol .introSide .didyouknow h5 span, #sectionContent #leftCol .didYouKnowFull h5 span {padding-bottom:2px; line-height:29px;}
#sectionContent #leftCol .introSide .didyouknow .containerHeader span, #sectionContent #leftCol .didYouKnowFull .containerHeader span {padding-bottom:2px; line-height:29px;}
.introSide .didyouknowContainer {display:block; width:202px; background:url(/common/images/shadow_bg_202.png) no-repeat 0 0;}
.introSide .didyouknowContainerBottom  {display:block; width:202px; height:17px; background:url(/common/images/shadow_bg_202_bottom.png) no-repeat 0 0; margin-top:1px;}
/*.introSide .didyouknowContainer .content {margin:1px 0 0 5px; width:191px; min-height:267px}*/
.introSide .didyouknowContainer .content {margin:1px 0 0 5px; width:191px; min-height:100px} /*20120326*/
.introSide .didyouknowContainer .content p, .introSide .didyouknowContainer .content ul {padding:12px 12px 12px 8px; word-wrap:break-word;}
.introSide .didyouknowContainer .content ul li {list-style:disc inside;}
/* intro with did you know box ends */

/* did you know full starts */
.didYouKnowFull .didYouKnowFullContainer {background-image:url(/common/images/shadow_bg_510.png); background-repeat:repeat-y; background-position:0 0; display:block; width:510px;}
.didYouKnowFull .didYouKnowFullContainerBottom {background:url(/common/images/shadow_bg_510_bottom.png) no-repeat 0 0; display:block; width:510px; height:19px; /*margin-bottom:45px;*/margin-bottom:35px; margin-top:1px;}
.didYouKnowFull .didYouKnowFullContainer .content {margin:1px 0 0 5px; width:500px; /*min-height:192px;*/min-height:1px;}
.didYouKnowFull .didYouKnowFullContainer .content p, .didYouKnowFull .didYouKnowFullContainer .content ul, .didYouKnowFull .didYouKnowFullContainer .content ol, .didYouKnowFull .didYouKnowFullContainer .content table {padding:12px 12px 12px 8px; word-wrap:break-word;}
.didYouKnowFull .didYouKnowFullContainer .content ul li {list-style:disc inside;}
.didYouKnowFull .didYouKnowFullContainer .content ol li {list-style:decimal inside;}
/* did you know full ends */

.intro .visual {background:url(/common/images/shadow_bg_510.png) no-repeat 0 0; }
.intro ul {margin-left:14px; margin-bottom:15px;} /* 20140220 chagne 10px to 15px */
.intro ul li {list-style:disc outside;}
.intro ol {margin-left:20px; margin-bottom:15px;} /* 20140220 chagne 10px to 15px */

.intro table {margin-bottom:10px;}
.intro table td {/*border:solid 1px #ffffff;*/ padding:5px;}
.intro table.noborder td {border:none;}

/* Information Bar starts */
#sectionContent #leftCol .information h5, #sectionContent #leftCol .information .containerHeader {margin-left:6px;}
.informationIcon {background:url(/common/images/icon/information.png) no-repeat 0 0; width:29px; height:29px;} /* header tag */
.information .informationContent {display:block; width:510px; background:url(/common/images/shadow_bg_510.png) no-repeat 0 0;}
.information .informationContentBottom {display:block; width:510px; height:48px; background:url(/common/images/shadow_bg_510_bottom.png) no-repeat 0 0; margin-top:1px;}
.information .informationContent .content {margin:0 0 0 5px; width:499px; /*min-height:78px;*/min-height:48px;}
.information .informationContent .content p {padding:9px 11px 10px 10px; font-size:14px; word-wrap:break-word;}
.information .informationContent .content dl {padding:9px 11px 10px 10px; font-size:14px;}
.information .informationContent .content dl dt {float:left; display:block; clear:left; /*font-weight:bold;*/} /* width setting at each lang */ /* removed font weight by Winkie 20131227 */
.information .informationContent .content dl dd {float:left; display:block; margin-bottom:5px;}
#sectionContent #leftCol .information .informationContent .content a {font-weight:normal;}
/* Information Bar ends */

/* How to get there Bar starts*/
#sectionContent #leftCol .howToGetThere h5, #sectionContent #leftCol .howToGetThere .containerHeader {margin-left:6px; }
.howToGetThereIcon {background:url(/common/images/icon/foot.png) no-repeat 0 0; width:29px; height:29px;}
.howToGetThere .howToGetThereContent {display:block; width:510px; background:url(/common/images/shadow_bg_510.png) no-repeat 0 0;}
.howToGetThere .howToGetThereContentBottom {display:block; width:510px; height:48px; background:url(/common/images/shadow_bg_510_bottom.png) no-repeat 0 0; margin-top:1px;}
.howToGetThere .howToGetThereContent .content {margin:0 0 0 5px; width:479px; /*min-height:78px;*/min-height:48px; padding:10px;}
.howToGetThere .howToGetThereContent .content p {padding:10px 10px 10px 10px; font-size:14px; word-wrap:break-word;}
.howToGetThere .howToGetThereContent .content ul li {list-style:disc outside; margin-left:20px; padding-bottom:15px; font-size:14px;}
.howToGetThere .howToGetThereContent .content ol li {list-style-position:outside; margin-left:20px; padding-bottom:15px; font-size:14px;}
.howToGetThere .howToGetThereContent .content dl {font-size:14px;}
.howToGetThere .howToGetThereContent .content dl dt {float:left; display:block; clear:left; font-weight:bold;} /* width setting at each lang */
.howToGetThere .howToGetThereContent .content dl dd {float:left; display:block; margin-bottom:5px;}
#sectionContent #leftCol .howToGetThere .howToGetThereContent .content a {font-weight:normal;}
/* How to get there Bar ends */

/* special Announcemnt starts*/
#sectionContent #leftCol .specialAnnouncement h5, #sectionContent #leftCol .specialAnnouncement .containerHeader {margin-left:6px; }
.specialAnnouncementIcon {background:url(/common/images/icon/specialAnnouncement.png) no-repeat 0 0; width:29px; height:29px;}
.specialAnnouncement .specialAnnouncementContent {display:block; width:510px; background:url(/common/images/shadow_bg_510.png) no-repeat 0 0;}
.specialAnnouncement .specialAnnouncementContentBottom {display:block; width:510px; height:48px; background:url(/common/images/shadow_bg_510_bottom.png) no-repeat 0 0; margin-top:1px;}
.specialAnnouncement .specialAnnouncementContent .content {margin:0 0 0 5px; width:479px; min-height:48px; padding:10px;}
.specialAnnouncement .specialAnnouncementContent .content p {padding:10px 10px 10px 10px; font-size:14px; word-wrap:break-word;}
#sectionContent #leftCol .specialAnnouncement .specialAnnouncementContent .content a {font-weight:normal;}
/* Special Announcemnt ends */

/* expandable menu starts */
#sectionContent #leftCol .tourDetail {margin-bottom:20px;}
#sectionContent #leftCol .tourDetail h5, #sectionContent #leftCol .tourDetail .containerHeader {position:relative;}
#sectionContent #leftCol .tourDetail h5 *, #sectionContent #leftCol .tourDetail .containerHeader * {float:none;  }
#sectionContent #leftCol .tourDetail h5 a, #sectionContent #leftCol .tourDetail .containerHeader a {display:inline; }
#sectionContent #leftCol .tourDetail h5 span, #sectionContent #leftCol .tourDetail .containerHeader span {line-height:normal; width:450px; /*font-size:80%;*/font-size:16px; min-height:20px;}
#sectionContent #leftCol .tourDetail h5 i.down,#sectionContent #leftCol .tourDetail h5 em.down,
#sectionContent #leftCol .tourDetail .containerHeader i.down {position:absolute; right:0; bottom:3px;}
#sectionContent #leftCol .tourDetail .tourDetailContainer {background:url(/common/images/bg_shadow_510.png) repeat-y 0 0; width:510px; display:block;}
#sectionContent #leftCol .tourDetail .tourDetailContainerBottom {background:url(/common/images/bg_shadow_510_bottom.png) repeat-y 0 0; width:510px; height:10px; display:block;}
#sectionContent #leftCol .tourDetail .text {width:499px; margin:3px 0 0 5px; font-size:120%;}
#sectionContent #leftCol .tourDetail .text p {margin:0 10px; padding-top:10px;}
#sectionContent #leftCol .tourDetail .text ul  {list-style:disc inside; margin:0 10px; padding:10px 0;}

#sectionContent #leftCol .tourDetail div.right {float:right; margin:0 10px 10px; width:180px;}
#sectionContent #leftCol .tourDetail div.right img { padding-top:10px;}
#sectionContent #leftCol .tourDetail .text p.left {float:left; margin-right:5px; margin-bottom:10px; }
#sectionContent #leftCol .tourDetail .foot {background:url(/common/images/line.png) repeat-x 0 0; width:499px; padding:10px 0; margin-left:4px;}
#sectionContent #leftCol .tourDetail .foot.noline {background-image:none;}
#sectionContent #leftCol .tourDetail .foot .iconFoot {background:url(/common/images/icon/foot.png) no-repeat 0 0; padding:5px 0 0 30px; min-height:29px} 
#sectionContent #leftCol .tourDetail .didYouKnow {background:url(/common/images/line.png) repeat-x 0 0; width:499px; padding:10px 0; margin-left:4px;}
#sectionContent #leftCol .tourDetail .didYouKnow h3{background:url(/common/images/icon/lightbulb.png) no-repeat 0 0; padding:5px 0 0 30px; min-height:29px;}
#sectionContent #leftCol .tourDetail .didYouKnow p:first-child {background:url(/common/images/icon/lightbulb.png) no-repeat 0 0; padding:5px 0 0 30px; min-height:29px;} /* header Tag 20140212 */
#sectionContent #leftCol .tourDetail .didYouKnow p {margin:0 10px;}
/* expandable menu ends */

/* level 5 drop down starts */
.dropdownContainer {position:relative; float:right; display:block; width:348px; height:50px;}

#currentContainer {width:348px; height:39px; display:block; }
#currentContainer ul {margin-left:2px;}
#currentContainer ul li {height:31px; display:inline-block; margin-left:5px; margin-top:4px;}
#currentContainer ul li img {vertical-align:top; display:inline-block; margin-right:5px;}
#currentContainer ul li span {display:inline-block; width:270px; padding-top:5px; font-size:12px; font-weight:bold;}

#dropdownListContainer {position:absolute; top:0; right:0; z-index:101; display:none; }
.dropdownList {background:url(/common/images/dropdown_bg.png) no-repeat 0 0; width:348px; min-height:86px; padding-top:2px;}
.dropdownList ul li {height:31px; background:url(/common/images/line.png) repeat-x 0 bottom; /*display:inline-block;*/ margin-left:5px; display:table; #position:relative;}
.dropdownList ul li.last {background:none;}
/*.dropdownList ul li img {vertical-align:top; display:inline-block; margin-right:5px;}*/
.dropdownList ul li a{#position:absolute; #top:50%; display:table-cell; vertical-align:middle;}
.dropdownList ul li a span {#position:relative; top:-50%; display:inline-block; width:270px; /*padding-top:5px;*/ margin-right:20px; padding:10px 0;}
#sectionContent .dropdownList ul li a.active {color:#FFFFFF;}
.dropdownListBottom {background:url(/common/images/dropdown_bg-bottom.png) no-repeat 0 0; width:348px; height:4px;}

#dropdownBtn a {display:block; width:19px; height:19px; z-index:201; position:absolute; left:319px; top:11px;}
#dropdownBtn.active a {background-position:0 0;}
/* level 5 drop down ends */

/* content ends */
/* page Content ends */


/* google map default */
#mapContainer {/*margin-top:20px;*/ margin-bottom:5px; font-size:120%;}
#mapContainer .mapInfo {position:relative;}
#mapContainer .mapInfo .map {background:url(/common/images/shadow_bg_510.png) no-repeat 0 0; display:block; width:510px; padding-left:5px;}
#mapContainer .mapInfo .mapBottom {background:url(/common/images/shadow_bg_510_bottom.png) no-repeat 0 0; display:block; width:510px; height:19px; }
#mapContainer .transportInfo {margin-left:5px; background:url(/common/images/line.png) repeat-x 0 bottom; padding-bottom:10px;}
#mapContainer .transportInfo h3 {line-height:30px;}
#mapContainer .transportInfo ol {list-style-position:inside;}

#map_canvas{ width:500px; height:270px; }
div.map .selection {display:inline-block; width:490px; margin-bottom:1px; color:#FFFFFF; padding:5px; /*position:absolute; bottom:0; left:5px;*/}
div.map .selection:after {content: " "; display: block; height: 0; clear: both; font-size: 0; visibility: hidden;}
div.map .selection {display: block;}
/*div.map .selection p {padding-bottom:0;}
div.map .selection ul {margin-top:20px;}*/
/*20130103 updates */
div.map .selection p {padding-bottom:0; font-weight:bold; font-size:12px;}
div.map .selection ul {margin-top:5px;}
div.map .selection ul li {float:left; display:block; font-size:12px; margin-right:20px; position:relative; min-width:140px;}
div.map .selection ul li input {float:left; margin-top:6px; position:absolute; top:0; left:0;}
div.map .selection ul li span {min-width:21px; height:26px; display:block; margin-left:25px; padding:5px 5px 0 25px;}
div.map .selection ul li.attractions span {background:url(/common/images/map/pointer/attractions.png) no-repeat 0 0;}
div.map .selection ul li.events span {background:url(/common/images/map/pointer/events.png) no-repeat 0 0;}
div.map .selection ul li.shopping span {background:url(/common/images/map/pointer/shopping.png) no-repeat 0 0;}
div.map .selection ul li.dining span {background:url(/common/images/map/pointer/dining.png) no-repeat 0 0;}
div.map .selection ul li.dining span {background:url(/common/images/map/pointer/dining.png) no-repeat 0 0;}
div.map .selection ul li.hotels span {background:url(/common/images/map/pointer/hotels.png) no-repeat 0 0;}
/* 20120416 modified by Terry */
/* change #mapContainer => .mapInfo */
.mapInfo div.map div.googleMapInfoWindow { margin-top:5px; width:320px; color:#666; font-size:90%; }
.mapInfo div.map div.googleMapInfoWindow img{ float:left; width:70px; height:70px; margin-right:10px;  }
.mapInfo div.map div.googleMapInfoWindow div.detail{ float:left; width:220px; }
.mapInfo div.map div.googleMapInfoWindow a{ font-family:Arial; color:#333; float:left; display:block; }
.mapInfo div.map div.googleMapInfoWindow a strong{ color:#333; font-size:120%; }
.mapInfo div.map div.googleMapInfoWindow a:hover{ color:#aaa; }

/* global construct */
/*h5 header starts */
i{ display:inline-block; background-repeat:no-repeat; }
i.list {background-image:url(/common/images/icon/tab_list.png); width:14px; height:17px; vertical-align:top; padding-left:5px;}
i.map {background-image:url(/common/images/icon/foot.png); width:29px; height:29px; vertical-align:middle; padding-left:5px;}
i.magnifier { background-image:url(/common/images/icon/magnifier.png); width:11px; height:11px; }
i.youMayAlsoLikeIcon{background:url(/common/images/icon/finger.png) no-repeat 0 0; width:29px; height:29px;} 
i.mapDetailsIcon{background:url(/common/images/icon/tab_map.png) no-repeat 0 0; width:29px; height:29px;} 

#sectionLanding #sectionContent #leftCol h5, #sectionLanding #sectionContent #leftCol .containerHeader  {width:auto;}
 #sectionContent #leftCol h5 { background:url(/common/images/line.png) repeat-x 0 bottom; font-size:16px; margin:10px 4px 0; padding:0 0 3px 0; width:500px;}
 #sectionContent #leftCol .containerHeader  { background:url(/common/images/line.png) repeat-x 0 bottom; font-size:16px; margin:10px 4px 0; padding:0 0 3px 0; width:500px; font-weight:bold;} /* header Tag */
#sectionContent #leftCol h5.noline, #sectionContent #leftCol .containerHeader.noline {background:none;}
#sectionContent #leftCol h5 *, #sectionContent #leftCol .containerHeader  *{ display:inline-block; float:left;}
#sectionContent #leftCol h5 span, #sectionContent #leftCol .containerHeader  span {line-height:29px;}
#sectionContent #leftCol h5 i, #sectionContent #leftCol .containerHeader  i {width:30px;}

#sectionContent #leftCol h5 i.down, #sectionContent #leftCol h5 em.down, #sectionContent #leftCol .containerHeader  i.down {float:right; margin:2px 0 0; width:19px; margin-top:10px;}
#sectionContent #leftCol h5 i.down a, #sectionContent #leftCol h5 em.down a, #sectionContent #leftCol .containerHeader  i.down a {background-image:url(/common/images/icon/btn_show.png); width:19px; height:19px; display:block; }
#sectionContent #leftCol h5 i.down a.active, #sectionContent #leftCol h5 em.down a.active, #sectionContent #leftCol .containerHeader  i.down a.active {background-image:url(/common/images/icon/btn_hide.png);}
/*h5 header ends */

/* added by Tony 20120312 */
/* jscroll starts */
.jspContainer{overflow: hidden; position: relative;}
.jspPane{position: absolute;}
.jspVerticalBar{ position: absolute; top: 0; right: 5px; width: 4px; height: 100%;}
.jspVerticalBar *{ margin: 0; padding: 0;}
.jspCap{ display: none;}
.jspTrack{ background: url(/common/images/scroll/track.gif) repeat-y; position: relative;}
.jspDrag{ background: url(/common/images/scroll/drag.gif) repeat-y; position: relative; top: 0; left: 0; cursor: pointer;}
.jspArrow{ text-indent: -20000px; display: block; cursor: pointer;}
/*
.jspVerticalBar .jspArrow{ height: 8px;}
.jspVerticalBar .jspArrowDown{ background-image:url(/common/images/scroll/scrollbar_botarrow.png); background-repeat:no-repeat; background-position:0 0; margin-top:2px;}
.jspVerticalBar .jspArrowUp{ background-image:url(/common/images/scroll/scrollbar_toparrow.png); background-repeat:no-repeat; background-position:0 0;}
*/
.jspArrow.jspDisabled{cursor: default; background-position:0 -10px;}
.jspVerticalBar .jspArrow:focus{ outline: none;}
/* jscroll ends */

/*Share*/
/*#shareFB iframe{width:130px !important;}*/

/* 20121130 */
#sectionContent #leftCol .intro img.videoThumb {width:170px;height:106px;display:inline;float:right;padding:5px;}

/* Cookie bar added 20121228 by DC */
#cookieBar {position:fixed; bottom:0; width:100%; height:44px; z-index:9999;}
#cookieBar .cookieBarContent {display:block; width:697px; height:44px; margin:0 auto; background:url(/common/images/cookie_bar_bg.png) no-repeat 0 0;}
#cookieBar .cookieBarContent p {text-align:center; padding:10px; line-height:100%;}
#cookieBar .cookieBarContent p a {text-decoration:underline;}

#cookieBar .btnAcceptCookie {float:right; margin:10px 19px 0 0;}
#cookieBar .btnAcceptCookie a {background:url(/common/images/btn_cookie.png) no-repeat 0 0; display:inline-block; height:30px; line-height: 30px; text-align: center; color:#ffffff; min-width:71px; padding-left:8px;}
#cookieBar .btnAcceptCookie a span {background:url(/common/images/btn_cookie-side.png) no-repeat 100% 0; color: #fff; display: block; text-align: center; height: 30px; margin-right:-8px;  padding-right:8px;}

/* added 20131015 starts */
img.right, div.right img {margin:0 0 5px 5px; float:right;}
/* added 20131015 ends */




div.search .pickDateTable .pickDate{background:url(/common/images/see-do/cruise/icon_pickdate.png) no-repeat 0 0; width:13px; height:12px; text-indent:5000px; float:right; padding-right:60px; margin-left:3px; margin-top:3px;}
div.search .pickDateTable input{ border:1px solid #A5AFB1; width:113px; height:16px;}
div.search .pickDateTable dl{ width:510px; margin-top:10px;}
div.search .pickDateTable dl dt{ float:left; width:38px; padding-bottom:10px;}
div.search .pickDateTable dl dd{ float:left; width:200px; padding-bottom:10px;}


/* Remark note 20141009 */
.remarkNote {font-size:80%;}