@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0}
body { background:url(images/global/bg-header.png) repeat-x top #f6f6f6; margin:0; padding:0; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#545454;}
ul, ul li { padding:0; margin:0; border:0; }
sup, sub { font-style:italic; color:#fff; background:#a31022; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0 2px; }
a { color:#545454; }
a.externalLink:link, a.externalLink:hover, a.externalLink:visited { background:url(images/external-link.png) no-repeat scroll right center transparent; padding-right:13px; }
a:hover { color:#a31022;}
.clear { clear:both; width:100%; border:0; line-height:0 }
.clearGuide { clear:both; height:5px; width:100% }
.red_price { margin:0; padding:0 }
.none { display:none; }
.roundCorner { -moz-border-radius:5px; }
img { border: none;}
.last { border-right: none!important; margin-right:0;}
p { line-height:20px;}
#wrapper { width:100%;}
#header { width:990px;  height:188px; margin:0 auto; position:relative;}
#header #headerLink { height:31px;/* overflow:hidden;*/ padding:8px 5px 0 5px;}
#header .headerLinkLeft { float: left; width:600px; display: block; font-size:11px; }
#header .headerLinkLeft h1 { font-size:11px; margin:0; border-bottom: none;}
#header .headerLinkLeft ul, #header .headerLinkRight ul { margin:0; padding-left:0}
#header .headerLinkLeft ul li, #header .headerLinkRight ul li { list-style: none; float: left; border-right:1px solid #d1d1d1; margin-right:5px; color:#a31022; padding-right:5px;}
#header .headerLinkLeft ul li a, #header .headerLinkRight ul li a { text-decoration: none;}
#header .headerLinkLeft ul li a:hover, #header .headerLinkRight ul li a:hover { text-decoration: underline; font-weight: bold;}
#header .headerLinkRight { float: right; width:320px; display: block; font-size:11px; }
#header .headerLinkRight ul { float: left;}
.mouseStyle { cursor:pointer}
#header .headerLinkRight .liveChat { width:110px; float: right; display: block; margin:-4px 0 0 10px; position:relative;}
#header .headerLinkRight .liveChat .chatBox { background:url(images/global/bg-chat-box.png) no-repeat; width:183px; height:54px; position:absolute; top:21px; right:0; z-index:9999; padding:10px 15px; display: none;}
.skype { background:url(images/global/skype.png) no-repeat left; padding:5px 0 5px 28px; font-size:14px; height:20px;}
.boldchat { font-size:14px; display: block; clear: both; background:url(images/global/boldchat.png) no-repeat left; padding:5px 0 5px 28px;}
#header .headerLinkRight .liveChat .chatBox a:hover { text-decoration: none;}
#brandInfo { height:100px }
#brandInfo .logo { width:350px; float: left;margin-top: 15px;}
#brandInfo .slogan { float: left; width:325px; height:53px; display: block; margin: 10px 0 0 0px;text-align: center;}
#phone-search { float: right; width:285px;margin-top: 25px; }
#phone-search .phoneNumber { background:url(images/global/bg-phone.png) no-repeat; width:235px; height:43px; font-family:Arial, Helvetica, sans-serif; padding:5px 0 0 50px; position:relative;}
#phone-search .phoneNumber strong { font-size:16px; font-weight: bold; margin-right:3px; display: block; float: left; width:120px; color: black; }
#phone-search .phoneNumber .moreNumber { font-size:11px; display: block; clear:both; }
#phone-search .phoneNumber .moreNumber a {color:#965b26; text-decoration: none;} 
#phone-search .phoneNumber .moreNumber a:hover { text-decoration: underline;}
#phone-search .phoneNumber .phoneList { background:url(images/global/bg-phone-list.png) no-repeat right; width:235px; height:100px; z-index:9000; position:absolute; right: 0; top: 25px; padding-left:10px; display: none;}
#phone-search .phoneNumber .phoneList ul { margin:2px 0 0 0; padding-left:0}
#phone-search .phoneNumber .phoneList ul li { list-style: none; line-height:25px;}
.freeArea { display: block; float: left;font-size: 10px;}
.freeArea2 { display: block; float: left; margin-left:15px;}
.closeButton { position:absolute; right:8px; bottom:8px; cursor:pointer}
#phone-search .searchBox { margin:10px 0;}
#phone-search .searchBox input { background:url(images/global/bg-search-box.png) no-repeat; width:190px; height:29px; border: none; float: left; padding-left:30px; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#888; }

#mainMenu { background:url(images/global/bg-menu.png) no-repeat; width:980px; height:49px; overflow: hidden; margin:0 auto; padding:5px 5px 0 5px;}
#mainMenu ul { margin:0; padding-left:0}
#mainMenu ul li { list-style: none; float: left; width:auto; font-size:15px; background: url(images/global/bg-menu-border.png) no-repeat right; height:43px;}
#mainMenu ul li.active { background:url(images/global/bg-menu-active.png) repeat-x; margin-left:-2px;}
#mainMenu ul li.active a { color:#fff;}
#mainMenu ul li a { text-decoration: none; color:#333; padding: 12px 15px; display: block;}
#mainMenu ul li.last { background: none; margin-right:0; padding-right: 0; float: right;  text-align:left;/* width:124px;*/ width:115px; }
#mainMenu ul li.last:nth-of-type(1) { width:90px;} /* for safari only */
.back { z-index: 1; position: absolute; }
#content { background:url(images/global/bg-content.png) repeat-y; width:950px; margin:0 auto; padding:20px;}
#content #subContent { width:275px; display:inline; float:right }
#sideBar { width:175px; padding-bottom:40px; float:left; z-index:1000; }
#content #mainContent2 #contentRight { float:right; width:760px; margin:0; display:inline }
.contentBottom { background:url(images/global/bg-content-bottom.png) no-repeat; width:990px; height:21px; margin:0 auto; }

.activeTourArrow { background:url(images/global/bg-menu-active-arrow.png) no-repeat; width:20px; height:10px; margin:-26px 0 0 105px;}
.activeHotelArrow { background:url(images/global/bg-menu-active-arrow.png) no-repeat; width:20px; height:10px; margin:-26px 0 0 450px;}
.activeCruiseArrow { background:url(images/global/bg-menu-active-arrow.png) no-repeat; width:20px; height:10px; margin:-26px 0 0 335px;}
.activeGuideArrow { background:url(images/global/bg-menu-active-arrow.png) no-repeat; width:20px; height:10px; margin:-26px 0 0 700px;}
.activeCommunityArrow { background:url(images/global/bg-menu-active-arrow.png) no-repeat; width:20px; height:10px; margin:-26px 0 0 900px; }

.subNavBox { background:url(images/global/bg-subnav-box.png) no-repeat bottom; margin-bottom:-188px; z-index:9999; width:942px; margin:0 auto; padding:20px; height: auto; position:absolute; left:4px; display: none }
.subNavBox .themeTourBox { float: left; border-right:1px dotted #d1d1d1; width:220px; height:100%; overflow: hidden; margin:0 15px 0 0;}
.subTitle { font-size:14px; color:#04568f; display: block; margin:0 0 10px 0; clear: both; }
.subNavBox .themeTourBox .imgLeft { width:80px; float: left;}
.subNavBox .themeTourBox ul { float: right; width:120px; margin:0 10px 0 0; padding:0 }
.subNavBox .themeTourBox ul.tourRecommend { float: none!important; width:auto!important;}
.subNavBox .themeTourBox ul li { list-style: none; border-bottom:1px dashed #d1d1d1; line-height:18px; padding-bottom:5px; margin-bottom:5px; padding-left:5px;}
.subNavBox .themeTourBox ul li a { text-decoration: none;}
.subNavBox .otherTourInfo { float:right; width:230px; }
.subNavBox .otherTourInfo .tailoAds { width:230px;}
.subNavBox .otherTourInfo .tailoAds img { width:230px;}
.subNavBox .otherTourInfo .wePromise { margin:20px 0 0 0;}
.subNavBox .otherTourInfo .wePromise ul { margin-left:0; padding-left:0;}
.subNavBox .otherTourInfo .wePromise ul li { list-style: none; background:url(../pic/include.gif) no-repeat left; padding-left:25px; line-height:18px; margin-bottom:5px;}
/* subnav for hotel */
.hotelCities { width:360px; float: left; border-right:1px dotted #d1d1d1; height:100%; overflow: hidden; margin-right:15px;}
.hotelCities .cityBox { width:170px; float: left; font-size:11px; margin:0 10px 10px 0; }
.hotelCities .cityBox a { font-size:12px; margin-bottom:0px; display: block; }
.hotelCities .cityBox img { float: left; margin:0 5px 0; width:72px; height:66px;}
.hotelInfo { float: left; width:220px;border-right: 1px dotted #d1d1d1; }
.hotelInfo ul, .cruiseInfo ul, .cultureList ul, .articleList ul { margin:0; padding-left:0}
.hotelInfo ul li, .cruiseInfo ul li, .cultureList ul li { list-style: none; background:url(../pic/square.png) no-repeat left; padding-left:15px; line-height:20px; margin-bottom:8px;}
.hotelInfo ul li a, .cruiseInfo ul li a, .cultureList li a { text-decoration: none;}
.cantonAds { float: right; width:340px;}
/* subnav for cruise */
.topShips { border-right:1px dotted #d1d1d1; float: left; width:220px; margin-right:15px;}
.topShips .singleCruise { margin: 0 0 10px 0; clear: both; height:100%; overflow: hidden;}
.topShips .singleCruise img { float: left; margin: 0 10px 0 0;}
.topShips .singleCruise .priceFrom { display: block; margin: 10px 0}
.topShips .singleCruise .priceFrom strong { color:#a31022; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
.cruiseInfo { border-right:1px dotted #d1d1d1; float: left; width:360px; margin-right:15px; }
.cruiseInfo ul { display: block; clear: both;}
.cruiseCalendar { width:282px; height:160px; float: left; background:url(images/global/bg-calendar.jpg) no-repeat; padding-top:50px;}
.cruiseCalendar ul { margin:20px 0 0 20px; padding-left:10px; }
.cruiseCalendar ul li { float:left; width:60px; list-style:none; line-height:20px; margin-bottom:10px; font-weight:bold; color:#CCC }
.cruiseCalendar ul li a { text-decoration:none; color:#666 }
.cruiseCalendar ul li.active { background:#d1d1d1; border:1px solid #666; color:#a31022; padding:2px 5px; width:auto; margin-right:28px; -moz-border-radius:4px; margin-left:-7px; margin-bottom:0 }
.cruiseCalendar ul li.active a { color:#a31022 }

.cruiseCompany { float: left; width:100px; margin:0 10px 10px 0; border:1px solid #d1d1d1; padding:2px; text-align:center;}
.cruiseCompany:hover { background:#d1d1d1;}
.cruiseCompany img { margin-bottom:5px;}
.cruiseCompany a { text-decoration: none;}

.viewAll { display: block; text-align:right; margin:5px; font-style:italic; background:url(../pic/doubleArrow.gif) no-repeat right; padding-right:10px; clear: both;}
.viewAll a { color:#a31022;}
.viewAll a:hover { text-decoration: none; font-weight: bold;}
/* subnav for guide */
.topCities { width:290px; float: left; border-right:1px dotted #d1d1d1; margin-right:20px; }
.topCities .cityList { width:80px; float: left; margin: 0 15px 15px 0; }
.topCities .cityList a { text-decoration: none;}
.topCities .cityList img { margin-bottom:5px;}
.cultureList { border-right:1px dotted #d1d1d1; width:200px; float: left; margin-right:15px;}
.articleList { width:360px; float: left;}
.articleList ul li { list-style: none; background:url(../pic/square.png) no-repeat left 6px; padding-left:15px; line-height:20px; margin-bottom:8px; font-size:11px; font-style:italic; color:#a31022;}
.articleList ul li a { font-size:12px; font-style:normal; text-decoration: none; color:#545454;}
/* subnav for community */
.greetingCard { width:270px; float: left; border-right:1px solid #d1d1d1; margin-bottom:10px; }
.greetingCard .cardList { float: left; width:110px; margin-right:15px; }
.greetingCard .cardList img { width:110px; height:82px; margin-bottom:5px;}
.greetingCard .cardList.last { margin-right:0;}
.greetingCard .cardList a { text-decoration: none; font-size:11px; font-weight: bold;}

.otherLinks { float: right; width:660px; }
.otherLinks .askQuestion { background:url(../pic/question-red.gif) no-repeat 40px 15px; width:100px; height:55px; float: left; border-right:1px dotted #d1d1d1; padding:55px 10px 0 10px; text-align:center  }

.otherLinks .travelStory { background:url(images/global/bg-story.png) no-repeat 40px 15px; width:90px; height:55px; float: left; border-right:1px dotted #d1d1d1; padding:55px 10px 0 10px; text-align:center  }
.otherLinks .travelStory span, .otherLinks .travelReview span, .otherLinks .travelFeedback span, .otherLinks .travelBrochure span { display: block; font-size:11px; margin:5px 0 0 0}
.otherLinks .travelReview { background:url(images/global/bg-reviews.png) no-repeat 40px 15px; width:100px; height:55px; float: left; border-right:1px dotted #d1d1d1; padding:55px 10px 0 10px; text-align:center }
.otherLinks .travelFeedback { background:url(images/global/bg-feedback.png) no-repeat 60px 15px; width:150px; height:55px; float: left; border-right:1px dotted #d1d1d1; text-align:center; padding-top:55px; }
.otherLinks .travelBrochure { background:url(images/global/bg-brochure.png) no-repeat 45px 15px; width:150px; height:55px; float: left; text-align:center; padding-top:55px; }

/* Footer info */
#footer { background:url(images/global/bg-footer.png) repeat-x; height:80px; margin-top:30px; padding:13px 0 0 0;}
#footer .footerInfo { height:78px; overflow:hidden; width:970px; margin:0 auto; color:#fff; font-size:11px; text-align:center; padding-right:20px;}
#footer .footerInfo a { color:#fff;}
#footer .footerInfo a:hover { text-decoration: none;}
#footer p { font-size:11px; line-height:18px; margin-bottom:10px;}
.ourMembers { margin:25px auto 20px auto; font-size:11px; font-weight:bold; text-align:left; height:60px; overflow:hidden; float: right; }
.ourMembers .security { float:left; border-right:1px solid #999; width:295px; margin-right:12px; }
.ourMembers .members { float:left; border-right:1px solid #999; width:368px; margin-right:12px; }
.ourMembers .payment { float:left; width:240px; }
.ourMembers a { color:#545454; }

/* social media style for Footer */
#socialMedia{ margin:0 auto; width:600px; height:20px; }
.followusOn { float: left; display: block; font-weight: bold; margin-right:5px;}

/* footer features */
#footerFeature { width:950px; margin: 0 auto; border-top:1px solid #d1d1d1; padding-top:20px; height:100%; overflow: hidden }
#footerFeature .featureDetail { background:url(images/citytour/border-right.png) no-repeat right; float: left; width:215px; _width:210px; height:160px; padding: 0 10px 20px 0; text-align:left; margin-right:15px; }
#footerFeature .featureDetail.last { background: none; padding-right:0; margin-right:0; width:217px; }
#footerFeature .featureDetail .featureTitle { font-size:20px; display: block; margin: 0 0 10px 0; }
#footerFeature .featureDetail ul { margin-left:0; }
#footerFeature .featureDetail ul li { list-style: none; background:url(images/citytour/green-mark.png) no-repeat left 5px; padding-left:20px; font-size:11px; line-height:16px; margin-bottom:10px; }
#footerFeature .featureDetail ul { margin-left:0; }
#footerFeature .featureDetail.first li { margin-bottom:8px!important; }
#footerFeature .featureDetail ul li.last { background: none; padding-left:0; text-align:right; margin-right:15px; }

/* from common.css */
a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active { background:transparent url(images/sprites.gif) no-repeat 5px -400px; padding-left:21px; color:#545454; text-decoration:underline }
a.morelink:hover { background:transparent url(images/sprites.gif) 5px -500px; color:#a31022; text-decoration:none }
.morelink span { position:absolute; left:-9999px; width:900px }
.moreBold { font-weight:bold }
#content #contentHead { width:952px; position:relative }
#content #contentHead #subNav { font-size:11px; color:#A31022; padding:0 0 0 5px; position:relative; clear:both }
#content #contentHead #subNav a { text-decoration:underline; background-image:url(images/arrow-navigate.gif); background-repeat:no-repeat; background-position:right 7px; padding:2px 8px 4px 5px; color:#444 }
#content #contentHead #subNav a:hover { color:#a31022; text-decoration:none }
#content #contentHead #subNav a.moreCatagory:hover { color:#444; -moz-border-radius:2px; text-decoration:underline; background-image:url(images/arrowDown.gif); background-repeat:no-repeat; background-position:95% 8px; padding:2px 12px 4px 5px; background-color:#f1f1f1; border:1px solid #dfdfdf }
#content #contentHead #subNav a.allTours { border:1px solid #d1d1d1; padding:1px 5px 3px 5px; text-decoration:none; background:#f1f1f1; -moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px }
#content #contentHead #subNav a.allTours2 { border:1px solid #d1d1d1; border-bottom:1px solid #f1f1f1; padding:1px 5px 3px 5px; text-decoration:none; background:#f1f1f1; -moz-border-radius-topleft:4px; z-index:9999 }
h1 { font-family:Verdana, Geneva, sans-serif; font-size:22px; color:#545454; border-bottom:#D2D2D2 1px solid; padding:0px 0px 3px 8px; margin:15px 0px 5px 0px; display:block }
h1.newstitle { font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; margin-bottom:5px; display:block; padding-right:280px }
h1 a { color:#545454; text-decoration:none }
h1 a:hover { color:#a31022 }
h2 { font-size:18px; color:#545454; padding:0px; margin:20px 0px 5px 0px }
h2 a { font-size:18px; color:#545454; padding:0px; margin:20px 0px 5px 0px; text-decoration:none }
h2 a:hover { color:#a31022 }
h3 { font-family:Verdana, Geneva, sans-serif; font-size:15px; color:#545454; padding:0px; margin:0px; margin:12px 0px 0px 0px }
h4 { font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#545454; padding:0px; margin:0px; margin:10px 0px 0px 0px }
#content p { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:250px; padding:5px !important; line-height:18px; margin-top:0; line-height: 18px; }
#content p a { color:#545454; text-decoration:underline }
#content p a:hover { color:#a31022; text-decoration:none; width:240px }
#content p a.readmore { text-decoration:underline; padding-left:10px }
#content #mainContent { width:660px; display:inline; float:left; position:relative }
#content #mainContent p { color:#444; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; line-height:20px; margin-bottom:10px }
.mcafeeFlight { width:115px; height:32px; position:absolute; left:610px; top:40px; }
.TrusteIcon { width:181px; float:left; text-align:right; margin-top:-5px; }
.TrusteIcon span { margin-top:4px; display:block }
.boxy-wrapper { position:absolute; }
.boxy-wrapper.fixed { position:fixed; }
.boxy-modal-blackout { position:absolute; background-color:#666; left:0; top:0; }
.boxy-wrapper { empty-cells:show; }
.boxy-wrapper .top-left, .boxy-wrapper .top-right, .boxy-wrapper .bottom-right, .boxy-wrapper .bottom-left { width:10px; height:10px; padding:0 }
.boxy-wrapper .top-left { background:url('images/boxy-nw.png'); }
.boxy-wrapper .top-right { background:url('images/boxy-ne.png'); }
.boxy-wrapper .bottom-right { background:url('images/boxy-se.png'); }
.boxy-wrapper .bottom-left { background:url('images/boxy-sw.png'); }
.boxy-wrapper .top-left { #background:none;
#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-nw.png');
}
.boxy-wrapper .top-right { #background:none;
#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-ne.png');
}
.boxy-wrapper .bottom-right { #background:none;
#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-se.png');
}
.boxy-wrapper .bottom-left { #background:none;
#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boxy-sw.png');
}
.boxy-wrapper .top, .boxy-wrapper .bottom { height:10px; background-color:black; opacity:0.6; filter:alpha(opacity=60); padding:0 }
.boxy-wrapper .left, .boxy-wrapper .right { width:10px; background-color:black; opacity:0.6; filter:alpha(opacity=60); padding:0 }
.boxy-wrapper .title-bar { background-color:white; padding:6px; position:relative; }
.boxy-wrapper .title-bar.dragging { cursor:move; }
.boxy-wrapper .title-bar h2 { font-size:14px; color:#545454; line-height:1; margin:0; padding:0; }
.boxy-wrapper .title-bar .close { color:black; position:absolute; top:6px; right:6px; font-size:90%; line-height:1; cursor:pointer }
.boxy-inner { background-color:white; padding:0 }
.boxy-content { padding:15px; }
.boxy-wrapper .question { width:350px; min-height:80px; }
.boxy-wrapper .answers { text-align:right; }
.boxy_bottom { text-align:right; font-size:13px; color:#545454; font-weight:bold; cursor:pointer }

#content ul.drop1 { list-style:none; padding:5px 0 0 0; margin:0px 0px 15px 0px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#545454 }
*html #content ul.drop1 { margin:0px 0px 20px 7px }
#content ul.drop1 li, #content ul.dropLeft li { line-height:15px; margin-left:8px; margin-bottom:6px; background:url(images/drop-1.GIF) no-repeat 0px 4px; padding:0 0 0 15px }
#content ul.drop1 li a, #content ul.dropLeft li a { color:#545454; text-decoration: underline; }
#content ul.drop1 li a.underline { color:#545454 }
#content ul.drop1 li a:hover, #content ul.dropLeft li a:hover { color:#a31022; text-decoration: underline; }
#content ul.drop1 .italic11 { font-style:italic; font-size:11px }
#content ul.drop2 { list-style:none; padding:0px; margin:0px; margin:0px 0px 20px 15px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#545454; float:right }
#content ul.drop2 li { line-height:15px; margin-bottom:6px; background:url(images/drop-2.GIF) no-repeat 0px 5px; padding:0 0 0 15px }
#content ul.drop2 li a { color:#545454; text-decoration:none }
#content ul.drop2 li a:hover { text-decoration:underline }
/* check question form submit */
.arrowDownTest { border:#999 1px solid; padding:3px 4px; display:block; position:absolute; background-color:#FFF; color:#a31022; z-index:11000; -moz-border-radius:4px; }
.arrowDown { position:absolute; top:21px; left:4px; }

/* bold chat style */
#boldChat { width:190px; position:fixed; bottom:0px; right:50px; z-index:1000 }
#boldChat .fixedChat { width:203px; height:19px; background:url(images/bg-boldchat.gif) no-repeat; position:relative; padding-left:28px; padding-top:4px; color:#fff; margin-left:3px }
#boldChat .fixedChat a { text-decoration:none; color:#fff }
#boldChat .chatWindow { width:223px; height:76px; position:relative; display:none }
#boldChat .chatWindow img { margin-right:5px }
#boldChat .closeChat { display:none; width:20px; height:20px; position:absolute; top:10px; right:0px; cursor:pointer }

div.topdl {margin: 3px;border-bottom: 1px solid #ECECEC;padding: 3px 2px 2px 2px;height: 20px;}
div.topdl img{height: 20px; width: 20px; margin-top: -2px; display: block;float: left;margin-right: 10px;}
div.topdl span.nbdl {color: red;float: right;font-size: 10px;}
.titre_art{font-size: 16px !important;padding: 5px !important;background: #A31022;color: white;display: block;}
.titre_art a{color: white !important;}
#content strong{color: black;}
#content ul{margin-left: 25px;}
#content li{margin-top: 10px;line-height: 18px;}