@charset "utf-8"; /* CSS Document */ /*************** 20130314 : read more button 20130522 : update navigation ******************/ /*bottom starts */ /*#bottom #bottomContent .seo .item h3 {font-size:13px; line-height:145%; padding-bottom:2px;}*/ /* moved to global.css */ /*bottom ends */ /* Cookie bar */ #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(/uk/images/common/cookie_bar_bg.png) no-repeat 0 0;} #cookieBar .cookieBarContent p {text-align:center; padding-top:10px;} #cookieBar .cookieBarContent p a {text-decoration:underline;} #cookieBar .cookieBarContent p img{vertical-align:middle; margin-left:5px;} /* top main Nav starts */ #topNav a{background-image:url(../images/common/topnav.png);} #topNav a#home {background-position:0 0; width:70px;} #topNav a#home:hover, #topNav a#home.active {background-position:0 -40px;} #topNav a#see-do {background-position:-72px 0; width:127px;} #topNav a#see-do:hover, #topNav a#see-do.active {background-position:-72px -40px;} #topNav a#dine-drink {background-position:-201px 0; width:164px;} #topNav a#dine-drink:hover, #topNav a#dine-drink.active {background-position:-201px -40px;} #topNav a#shop {background-position:-367px 0; width:102px;} #topNav a#shop:hover, #topNav a#shop.active {background-position:-367px -40px;} #topNav a#plan-your-trip {background-position:-471px 0; width:184px;} #topNav a#plan-your-trip:hover, #topNav a#plan-your-trip.active {background-position:-471px -40px;} #topNav a#cruise {background-position:-657px 0; width:114px;} #topNav a#cruise:hover, #topNav a#cruise.active {background-position:-657px -40px;} #topNav a#beyond-hk {background-position:-773px 0; width:217px;} #topNav a#beyond-hk:hover, #topNav a#beyond-hk.active {background-position:-773px -40px;} /* top main Nav ends */ /* subnav starts */ /* See & Do */ #subNav .menuPull#see-doPulldown .dropdownBox ul li a {width:136px; background-image:url(../images/common/subnav_see-do.png); } #subNav .menuPull .dropdownBox ul li a#insiders-guide {background-position:0 0;} #subNav .menuPull .dropdownBox ul li a#insiders-guide:hover, #subNav .menuPull .dropdownBox ul li a#insiders-guide.active {background-position:0 -44px;} #subNav .menuPull .dropdownBox ul li a#highlight-attractions {background-position:-139px 0;} #subNav .menuPull .dropdownBox ul li a#highlight-attractions:hover, #subNav .menuPull .dropdownBox ul li a#highlight-attractions.active {background-position:-139px -44px;} #subNav .menuPull .dropdownBox ul li a#events-festivals {background-position:-278px 0;} #subNav .menuPull .dropdownBox ul li a#events-festivals:hover, #subNav .menuPull .dropdownBox ul li a#events-festivals.active {background-position:-278px -44px;} #subNav .menuPull .dropdownBox ul li a#arts-performance {background-position:-417px 0;} #subNav .menuPull .dropdownBox ul li a#arts-performance:hover, #subNav .menuPull .dropdownBox ul li a#arts-performance.active {background-position:-417px -44px;} #subNav .menuPull .dropdownBox ul li a#culture-heritage {background-position:-556px 0;} #subNav .menuPull .dropdownBox ul li a#culture-heritage:hover, #subNav .menuPull .dropdownBox ul li a#culture-heritage.active{background-position:-556px -44px;} #subNav .menuPull .dropdownBox ul li a#great-outdoors {background-position:-695px 0;} #subNav .menuPull .dropdownBox ul li a#great-outdoors:hover, #subNav .menuPull .dropdownBox ul li a#great-outdoors.active {background-position:-695px -44px;} #subNav .menuPull .dropdownBox ul li a#tours-walks {background-position:-834px 0;} #subNav .menuPull .dropdownBox ul li a#tours-walks:hover, #subNav .menuPull .dropdownBox ul li a#tours-walks.active {background-position:-834px -44px;} /* Dine & Drink */ #subNav .menuPull#dine-drinkPulldown .dropdownBox ul li a {/*width:159px;*/ background-image:url(../images/common/subnav_dine-drink.png);} #subNav .menuPull .dropdownBox ul li a#what-to-eat {background-position:0 0; width:191px;} #subNav .menuPull .dropdownBox ul li a#what-to-eat:hover, #subNav .menuPull .dropdownBox ul li a#what-to-eat.active {background-position:0 -44px;} #subNav .menuPull .dropdownBox ul li a#where-to-eat {background-position:-194px 0; width:192px;} #subNav .menuPull .dropdownBox ul li a#where-to-eat:hover, #subNav .menuPull .dropdownBox ul li a#where-to-eat.active {background-position:-194px -44px;} #subNav .menuPull .dropdownBox ul li a#what-hot {background-position:-389px 0; width:191px;} #subNav .menuPull .dropdownBox ul li a#what-hot:hover, #subNav .menuPull .dropdownBox ul li a#what-hot.active {background-position:-389px -44px;} #subNav .menuPull .dropdownBox ul li a#dining-event {background-position:-583px 0; width:192px;} #subNav .menuPull .dropdownBox ul li a#dining-event:hover, #subNav .menuPull .dropdownBox ul li a#dining-event.active {background-position:-583px -44px;} #subNav .menuPull .dropdownBox ul li a#dine-drink_qtsScheme {background-position:-778px 0; width:160px; width:192px;} #subNav .menuPull .dropdownBox ul li a#dine-drink_qtsScheme:hover, #subNav .menuPull .dropdownBox ul li a#dine-drink_qtsScheme.active {background-position:-778px -44px} /* Shop */ #subNav .menuPull#shopPulldown .dropdownBox ul li a {background-image:url(../images/common/subnav_shop.png);} #subNav .menuPull .dropdownBox ul li a#what-to-shop {background-position:0 0; width:192px;} #subNav .menuPull .dropdownBox ul li a#what-to-shop:hover, #subNav .menuPull .dropdownBox ul li a#what-to-shop.active {background-position:0 -44px;} #subNav .menuPull .dropdownBox ul li a#where-to-shop {background-position:-195px 0; width:191px;} #subNav .menuPull .dropdownBox ul li a#where-to-shop:hover, #subNav .menuPull .dropdownBox ul li a#where-to-shop.active {background-position:-195px -44px;} #subNav .menuPull .dropdownBox ul li a#whats-hot {background-position:-389px 0; width:192px;} #subNav .menuPull .dropdownBox ul li a#whats-hot:hover, #subNav .menuPull .dropdownBox ul li a#whats-hot.active {background-position:-389px -44px;} #subNav .menuPull .dropdownBox ul li a#when-to-shop {background-position:-584px 0; width:191px;} #subNav .menuPull .dropdownBox ul li a#when-to-shop:hover, #subNav .menuPull .dropdownBox ul li a#when-to-shop.active {background-position:-584px -44px;} #subNav .menuPull .dropdownBox ul li a#shop_qtsScheme {background-position:-778px 0; width:192px;} #topNav #subNav .menuPull .dropdownBox ul li a#shop_qtsScheme:hover, #topNav #subNav .menuPull .dropdownBox ul li a#shop_qtsScheme.active {background-position:-778px -44px;} /* Plan your trip*/ #subNav .menuPull#plan-your-tripPulldown .dropdownBox ul li a {width:130px; background-image:url(../images/common/subnav_plan-your-trip.png);} #subNav .menuPull .dropdownBox ul li a#my-hong-kong-guide {background-position:0 0; width:122px;} #subNav .menuPull .dropdownBox ul li a#my-hong-kong-guide:hover, #subNav .menuPull .dropdownBox ul li a#my-hong-kong-guide.active {background-position:0 -44px;} #subNav .menuPull .dropdownBox ul li a#vacation-packages {background-position:-125px 0; width:92px;} #subNav .menuPull .dropdownBox ul li a#vacation-packages:hover, #subNav .menuPull .dropdownBox ul li a#vacation-packages.active {background-position:-125px -44px;} #subNav .menuPull .dropdownBox ul li a#travel-kit {background-position:-220px 0; width:96px;} #subNav .menuPull .dropdownBox ul li a#travel-kit:hover, #subNav .menuPull .dropdownBox ul li a#travel-kit.active {background-position:-220px -44px;} #subNav .menuPull .dropdownBox ul li a#practicalities {background-position:-319px 0; width:122px;} #subNav .menuPull .dropdownBox ul li a#practicalities:hover, #subNav .menuPull .dropdownBox ul li a#practicalities.active {background-position:-319px -44px;} #subNav .menuPull .dropdownBox ul li a#accommodation {background-position:-444px 0; width:137px;} #subNav .menuPull .dropdownBox ul li a#accommodation:hover, #subNav .menuPull .dropdownBox ul li a#accommodation.active {background-position:-444px -44px;} #subNav .menuPull .dropdownBox ul li a#accessible-hong-kong {background-position:-584px 0; width:102px;} #subNav .menuPull .dropdownBox ul li a#accessible-hong-kong:hover, #subNav .menuPull .dropdownBox ul li a#accessible-hong-kong.active {background-position:-584px -44px;} #subNav .menuPull .dropdownBox ul li a#know-hong-kong {background-position:-689px 0; width:99px;} #subNav .menuPull .dropdownBox ul li a#know-hong-kong:hover, #subNav .menuPull .dropdownBox ul li a#know-hong-kong.active {background-position:-689px -44px;} #subNav .menuPull .dropdownBox ul li a#plan-your-trip_qtsScheme {background-position:-791px 0; width:179px;} #subNav .menuPull .dropdownBox ul li a#plan-your-trip_qtsScheme:hover, #subNav .menuPull .dropdownBox ul li a#plan-your-trip_qtsScheme.active {background-position:-791px -44px;} /* Cruise */ /*#subNav .menuPull#cruisePulldown .dropdownBox ul li a {background-image:url(../images/common/subnav_cruise.png);} #subNav .menuPull .dropdownBox ul li a#plan-your-cruise {background-position:0 0; width:320px;} #subNav .menuPull .dropdownBox ul li a#plan-your-cruise:hover, #subNav .menuPull .dropdownBox ul li a#plan-your-cruise.active {background-position:0 -44px;} #subNav .menuPull .dropdownBox ul li a#cruise-terminals {background-position:-323px 0; width:320px;} #subNav .menuPull .dropdownBox ul li a#cruise-terminals:hover, #subNav .menuPull .dropdownBox ul li a#cruise-terminals.active {background-position:-323px -44px;} #subNav .menuPull .dropdownBox ul li a#shore-excursions {background-position:-646px 0; width:324px;} #subNav .menuPull .dropdownBox ul li a#shore-excursions:hover, #subNav .menuPull .dropdownBox ul li a#shore-excursions.active {background-position:-646px -44px;}*/ #subNav .menuPull#cruisePulldown .dropdownBox ul li a {width:240px; background-image:url(../images/common/subnav_cruise.png);} #subNav .menuPull .dropdownBox ul li a#highlights {background-position:0 0;} #subNav .menuPull .dropdownBox ul li a#highlights:hover, #subNav .menuPull .dropdownBox ul li a#highlights.active {background-position:0 -44px;} #subNav .menuPull .dropdownBox ul li a#plan-your-cruise {background-position:-243px 0;} #subNav .menuPull .dropdownBox ul li a#plan-your-cruise:hover, #subNav .menuPull .dropdownBox ul li a#plan-your-cruise.active {background-position:-243px -44px;} #subNav .menuPull .dropdownBox ul li a#cruise-terminals {background-position:-486px 0;} #subNav .menuPull .dropdownBox ul li a#cruise-terminals:hover, #subNav .menuPull .dropdownBox ul li a#cruise-terminals.active {background-position:-486px -44px;} #subNav .menuPull .dropdownBox ul li a#shore-excursions {background-position:-729px 0; width:241px;} #subNav .menuPull .dropdownBox ul li a#shore-excursions:hover, #subNav .menuPull .dropdownBox ul li a#shore-excursions.active {background-position:-729px -44px;} /* Beyond HK */ #subNav .menuPull#beyond-hkPulldown .dropdownBox ul li a {width:136px; background-image:url(../images/common/subnav_beyond-hk.png);} #subNav .menuPull .dropdownBox ul li a#useful-information {background-position:0 0;} #subNav .menuPull .dropdownBox ul li a#useful-information:hover, #subNav .menuPull .dropdownBox ul li a#useful-information.active {background-position:0 -44px;} #subNav .menuPull .dropdownBox ul li a#pearl-river-delta {background-position:-139px 0;} #subNav .menuPull .dropdownBox ul li a#pearl-river-delta:hover, #subNav .menuPull .dropdownBox ul li a#pearl-river-delta.active {background-position:-139px -44px;} #subNav .menuPull .dropdownBox ul li a#pan-pearl-river-delta {background-position:-278px 0;} #subNav .menuPull .dropdownBox ul li a#pan-pearl-river-delta:hover, #subNav .menuPull .dropdownBox ul li a#pan-pearl-river-delta.active {background-position:-278px -44px;} #subNav .menuPull .dropdownBox ul li a#beijing {background-position:-417px 0;} #subNav .menuPull .dropdownBox ul li a#beijing:hover, #subNav .menuPull .dropdownBox ul li a#beijing.active {background-position:-417px -44px;} #subNav .menuPull .dropdownBox ul li a#shanghai {background-position:-556px 0;} #subNav .menuPull .dropdownBox ul li a#shanghai:hover, #subNav .menuPull .dropdownBox ul li a#shanghai.active {background-position:-556px -44px;} #subNav .menuPull .dropdownBox ul li a#xian {background-position:-695px 0;} #subNav .menuPull .dropdownBox ul li a#xian:hover, #subNav .menuPull .dropdownBox ul li a#xian.active {background-position:-695px -44px;} #subNav .menuPull .dropdownBox ul li a#package-offering {background-position:-834px 0;} #subNav .menuPull .dropdownBox ul li a#package-offering:hover, #subNav .menuPull .dropdownBox ul li a#package-offering.active {background-position:-834px -44px;} /* subnav ends */ /* Section & Section Landing */ /*#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%;}*/ #sectionContent #leftCol .intro, #sectionContent #noCol .intro {font-size:120%;} .cellContainer .item .content h3 {color:#FFFFFF; font-size:14px;} .cellContainer .item .content h2 {color:#FFFFFF; font-size:14px;} .cellContainer .cell .cellContent .content h3.cellTitle {color:#FFFFFF; font-size:16px; margin:15px;} .cellContainer .cell .cellContent .content h2.cellTitle {color:#FFFFFF; font-size:16px; margin:15px;} #sectionContent #leftCol .cellTableContainer table tr td h3.cellTitle {color:#FFFFFF; font-size:16px; margin:15px 0;} #sectionContent #leftCol .cellTableContainer table tr td h2.cellTitle {color:#FFFFFF; font-size:16px; margin:15px 0;} .cellContainer .cell .cellContent .content h3.cellTitleLong {color:#FFFFFF; font-size:14px; margin:15px;} .cellContainer .cell .cellContent .content h2.cellTitleLong {color:#FFFFFF; font-size:14px; margin:15px;} /*.cellContainer .cell .cellContent .content p {font-size:12px;}*/ .cellContainer .item .content p {font-size:12px;} #sectionContent #leftCol .noteText {font-size:11px; background:url(/common/images/line.png) repeat-x 0 top; margin-top:25px; padding-top:5px;} #sectionContent #leftCol .termsCondition {font-size:11px;} #sectionContent #leftCol .termsCondition h4 {text-align:left;} #sectionContent #leftCol .termsCondition ul {list-style:disc outside;} #sectionContent #leftCol .introVisual .caption {display:block; width:489px; height:34px; margin-bottom:1px; font-style:italic; color:#FFFFFF; background:url(/common/images/line.png) repeat-x 0 bottom; padding:8px 0 0 11px; font-size:10px;} /* makendo guide */ #sectionContent #rightCol .travelToolCell .travelGuideBox .heading{background-image:url(../images/guide/title.png); width:170px; height:47px; } /* */ /* Information Bar starts */ .information .informationContent .content dl dt, #campaignContainer .campaignContent .specialBox .specialBoxContainer .content dl dt, #campaignContainer .campaignContent .specialBox .specialBoxContainer .specialBoxContent dl dt, #campaignContainer .campaignContent .specialBox .specialBoxContainer .info dl dt, .howToGetThere .howToGetThereContent .content dl dt {width:115px; margin-right:2px;} .information .informationContent .content dl dd, .howToGetThere .howToGetThereContent .content dl dd {width:360px;} /*#campaignContainer .campaignContent .specialBox .specialBoxContainer .content dl dd, #campaignContainer .campaignContent .specialBox .specialBoxContainer .info dl dd {width:360px;}*/ /* Information Bar ends */ /* footer starts */ /*#bottom #bottomContent .printFriendly {background:url(/eng/images/common/print-friendly.gif) no-repeat 0 0; display:block; width:313px; height:33px;}*/ #bottom #bottomContent .printFriendly span {font-size:11px;} #bottom #bottomContent .seo {border-top:2px solid #1C1C1C; color:#999; padding:18px 0 27px 9px; font-size:11px;} /*#bottom #bottomContent .seo .item {float:left; width:14%;}*/ #bottom #bottomContent .seo .item {float:left; width:16%;} #bottom #bottomContent .seo ul li {background:url(/common/images/pt_seo.gif) no-repeat 0 7px; padding:0 0 0 6px;} #bottom #bottomContent .seo a {color:#999;} #bottom #bottomContent .seo a:hover {color:#fff;} #bottom #bottomContent .footer .logo {margin-top:0;} /* footer ends */