You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

228 lines
20 KiB
CSS

@charset "utf-8";
/* Beijing Tour CSS Document */
#mainMenu ul.chNav li.cityTours.active { background:url(/css/images/global/bg-nav-hover.png) repeat-x bottom !important; border-radius: 5px 5px 0 0; margin-top:-9px; padding-top:15px; }
#mainContent2 { width:950px; }
#sideBar { width:175px; padding-bottom:40px; float:left; z-index:1000; }
#contentRight { float:right; width:760px; margin:0 0px 0 0; display:inline }
.shanghaiTour { background: url("/css/images/banner/single-city-tours/banner-shanghai.jpg") no-repeat center 30px; }
#logocommunity { width:900px; padding-top:55px; margin:0 0 5px 17px }
/*----------------
city tour search ------------*/
.hotelsearchtitle { background:url(/css/images/hotel/bg-hotel-search.png) no-repeat; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; overflow: hidden; font-weight:bold; height:23px; padding-left:5px; padding-top:4px; width:170px }
.hotelsearchtitle .citySelect { background:url(/css/images/hotel/s-arrow.gif) no-repeat right 8px; padding-right:7px; font-size:13px; font-weight:bold }
.hotelsearchtitle .citySelect a { color:#fff!important; text-decoration:none; border-bottom:1px solid #fff; padding-bottom:0; font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
h4.rightTitle .citySelect { background:url(/css/images/hotel/s-arrow.gif) no-repeat right 8px; padding-right:7px; font-size:13px; font-weight:bold }
h4.rightTitle .citySelect a { color:#fff; text-decoration:none; border-bottom:1px solid #fff; padding-bottom:0; font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:16px; }
.tourSearchBox { border:1px solid #d1d1d1; background:#efefef; padding:10px 5px; font-size:11px; margin-bottom: 8px; position: relative; width:163px; }
.tourSearchBox label { margin:8px 0; line-height:18px; clear: both; width:100%; display: block }
.tourSearchBox label span { display: block; width:80px; float: left; }
.tourSearchBox input { width:150px; border:1px solid #d1d1d1; background:#fff; padding:5px; font-size:11px }
.tourSearchBox input:focus { border:1px solid #a31022 }
.tourSearchBox input.submitButton { background:none; width:auto; height:auto; border:none; margin:10px 0 0 80px }
.tourSearchBox input.calendar { background:url(/css/images/calender.GIF) no-repeat 140px #fff }
.tourSearchBox select { width:162px; font-size:11px; padding:3px 0; border:1px solid #d1d1d1; background:#fff }
.tourSearchBox select option { line-height:18px }
#hotelcityList { position:absolute; width:400px; border:10px solid #d1d1d1; left:55px; background:#fff; color:#545454; top:-8px; padding:10px 15px 10px 15px; z-index:5000 }
#hotelcityList h5 { font-size:12px; margin:10px 0 8px 0; border-bottom:1px solid #d1d1d1 }
#hotelcityList ul { margin-left:0 }
#hotelcityList ul li { list-style:none; float:left; text-align:left; width:90px; line-height:18px; margin-bottom:5px; padding:0 2px 0 8px }
#hotelcityList ul li a { font-weight:normal; font-size:11px; text-decoration:none }
#hotelcityList ul li:hover { background:#d1d1d1 }
#hotelcityList ul li:hover a { font-weight:bold }
.closeIt { width:60px; position:absolute; right:10px; top:10px; cursor:pointer }
/* ------------
CH Right Content Mercier @ 3-17 ------------ */
.rightBox { border-bottom:1px solid #d1d1d1; padding-bottom:8px; margin-bottom:8px; }
h4.rightTitle { background:url(/css/images/tour/right-box-title.png) no-repeat; width:265px; height:26px; font-size:16px!important; color:#fff; margin: 0!important; padding: 8px 0 0 10px!important; border: none!important; position:relative; } /* just use it when the title first */
.rightBox .rightContent { background:#efefef; padding:10px; }
.rightBox .rightContent h4, .rightBox .rightContent h3 { font-size:18px!important; border: none!important; margin: 0 0 8px 0; padding:0!important; font-weight: normal; }
.rightBox .rightContent .rightTitle { font-size:18px!important; border: none!important; margin: 0 0 8px 0; padding:0!important; font-weight: bold; display: block; font-weight: normal }
.rightBox .rightContent .rightTitle a { color:#545454; text-decoration: none }
.rightBox .rightContent .rightTitle a:hover { text-decoration: underline; color:#a31022; }
.rightBox .rightContent ul { margin-left:0; }
.rightBox .rightContent ul li { list-style: none; line-height:16px; margin-bottom:8px; }
.rightBox .rightContent ol { margin-left:10px; padding-left:10px; }
.rightBox .rightContent ol li { line-height:16px; margin-bottom:5px; list-style-position: outside; }
/* question box */
.questionForm { background-color:#f1f1f1; border:1px #d1d1d1 solid; margin-bottom:10px; padding-bottom:10px; padding:5px; }
.replyWithin { font-size:11px; display: block; margin-bottom:8px; }
.questionForm .questionFormTitle { font-size:17px; font-weight: normal; display: block; margin: 0 0 8px 5px; color:#a31022; background:#d1d1d1; width: 175px; text-align:center; display: block; margin:-5px 0 0 -5px; padding: 5px 0; }
.questionForm label { line-height:14px; display: block; margin-bottom:5px; }
.questionTitle { font-size:11px; font-weight: bold; display: block; margin-bottom:0px; }
.questionForm input { background: url(/pic/top10/email-box.png) no-repeat #fff; color:#666; font-size:11px; line-height:16px; padding:0 0 0 5px; width:147px; height:22px; margin:0 0 3px 0; border: none }
.questionForm textarea { background: url(/pic/top10/contact-question.png) no-repeat #fff; color:#666; font-size:11px; line-height:16px; padding:5px; width:142px; height:104px; margin:0 0 3px 0; border: none }
.questionForm .buttun01 { margin-left:80px; cursor:pointer; }
/* page tools */
.bookMarktools img { margin-right:5px; }
/* beijing tour content */
.tourTop { background:url(/css/images/citytour/bg-beijing-tour-top.jpg) no-repeat; width:760px; height:51px; padding-top:7px; }
.tourTop ul { margin-left:10px; }
.tourTop ul li { background: #e4e4e4; width: auto; height:25px; float: left; margin-right:5px; font-size:14px; font-weight: bold; list-style: none; padding:7px 8px 0 8px; text-align:center; cursor:pointer; font-family:Arial, Helvetica, sans-serif; display: block; border-top-left-radius:4px; border-top-right-radius:4px;}
.tourTop ul li.active, .tourTop ul li:hover { background: url(/css/images/citytour/bg-li-active.png) no-repeat; color:#a31022; }
.tourTop ul li a { text-decoration: none; font-family:Arial, Helvetica, sans-serif }
.tourcontentLeft { width:509px; float: left; }
.tourcontentLeft h2 { font-size:20px; font-weight: normal; border-bottom:1px solid #d1d1d1; padding-bottom:2px; margin-top:0 }
.tourcontentLeft h3 { font-size:18px; font-weight: normal; border-bottom:1px solid #d1d1d1; padding-bottom:2px; margin: 15px 0 15px 0; }
.othertourInfo { width:223px; border-left:1px solid #d1d1d1; float: right; padding-left:10px; }
.tourcontentLeft .topTours { margin: 0 0 10px 0; }
.tourList { border-bottom:3px solid #d1d1d1; padding-bottom:15px; margin-bottom:15px; }
.tourList .tourTitle { color:#0d548a; font-size:18px; display: block; margin: 0 0 8px 0; }
.tourList .tourTitle a { color:#0d548a; text-decoration: none; }
.tourList .tourTitle a:hover { text-decoration:underline; }
.tourList .listImg { float: left; width:150px; }
.tourList .tourDescription { width:350px; float: right; }
.tourList .tourDescription p { margin-bottom:5px; }
.price-detail { display: block; margin:5px 0; }
.price-detail .priceArea { font-size:11px; font-weight:bold; float: left; width:170px; position: relative; }
.price-detail .priceArea span { vertical-align: top; }
.price-detail .priceArea .redPrice { font-size: 25px; color:#a31022; font-weight: normal; }
.rightbox223 { border-bottom:1px solid #d1d1d1; margin-bottom:15px; padding-bottom: 10px; }
.rightbox223 .rightboxTitle { font-size:15px; display: block; margin: 0 0 8px 0; font-weight: bold; }
.rightbox223 ol { margin:10px 0; padding-left:20px; }
.rightbox223 ol li { line-height:16px; margin-bottom:8px; font-size:11px; }
.rightbox223 ol li a { font-size:11px; text-decoration: underline; }
.rightbox223 ol li a:hover { text-decoration: none; color:#a31022 }
.redPrice { color:#a31022 }
.top10tours { -moz-border-radius: 5px 5px 5px 5px; background: url("/css/images/bg-click.GIF") repeat-x scroll center bottom #FFFFFF; border: 1px solid #D1D1D1; display: block; padding: 6px 10px; width: 270px; margin:15px 0; float: right; }
.top10tours:hover { background-image:url(images/bg-click-hover.GIF); }
.top10tours a { text-decoration: none; font-size:18px; background:url(/css/images/pic-round-arrow.gif) no-repeat 255px 3px; display: block; }
.top10tours a:hover { color:#a31022; }
/* customer feedback */
.detail { background:#fff url(/css/images/story/customer-say-2.gif) no-repeat right bottom; font-size:11px; line-height:17px; }
.detail a { color:#666; }
.detail a:hover { color:#9f0c1e; }
.detail .videoFeedback { width:100px; height:75px; float:right; position:relative; }
.detail .videoFeedback img { width:100px; height:75px; }
.detail .videoFeedback .feedbackvideoIcon { width:40px; height:28px; position:absolute; left:31px; top:22px; }
.detail .videoFeedback .feedbackvideoIcon img { width:40px; height:28px; }
.allReview { width:100%; text-align:right; }
.reviewContent { font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:13px; }
.quoteBegin { background:url("/pic/bg-quote-begin.gif") no-repeat; width:11px; height:9px; }
.quoteEnd { background:url("/pic/bg-quote-end.gif") no-repeat; width:11px; height:9px; }
.tourCategory { margin: 0 0 10px 0; }
.tourCategory ul { margin:15px 0; }
.tourCategory ul li { list-style: none; float: left; width: 230px; line-height:18px; margin-bottom:5px; }
.tourCategory ul li a:hover { text-decoration: none; color:#a31022 }
.dayTrips { margin-bottom:10px; }
.dayTrips ul { margin:15px 0; }
.dayTrips ul li { list-style: none; float: left; width: 240px; line-height:18px; margin-bottom:5px; }
.dayTrips ul li a { text-decoration: underline; }
.dayTrips ul li a:hover { text-decoration: none; color:#a31022; }
table.allTrips { margin: 0 0 10px 0; border-top:2px solid #a31022; border-left:1px solid #d1d1d1;}
table.allTrips th { background:#f1f1f1; font-size:12px; padding: 8px 5px;border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1;}
table.allTrips td { border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; padding:8px 5px; font-size:12px;}
table.allTrips td a { text-decoration: none;}
table.allTrips td a:hover { text-decoration: underline;}
table.allTrips td.last { color:#a31022;}
/* value guarantee */
.valueGuarantee { position:absolute; width:32px; height:32px; top:0px; right: 5px; cursor:pointer; font-weight: normal; }
.valueGuarantee .moreInfo { width:350px; border:2px solid #666; /*position:absolute; right:10px; top:30px;*/ font-size:11px; line-height:14px; padding:5px; background:#fff; z-index:9999; color:#000; cursor:auto; margin-left:-325px; }
.valueGuarantee .moreInfo a { color:#000; text-decoration: none }
.valueGuarantee .moreInfo a:hover { text-decoration: underline }
.valueGuarantee .moreInfo .arrowUp { background:url(/pic/arrow-upandleft-2.png) no-repeat; width:19px; height:23px; position:absolute; right:15px; top:-23px; }
.tailormadePic { margin:10px 0; display: block }
ul.sideTrips { margin: -5px 0 10px 0 }
ul.sideTrips li { list-style: none; background:url(/pic/arrow-r.GIF) no-repeat left; padding-left:13px; float: left; width: 200px; line-height:18px; margin-bottom:8px; }
/* china tour list style @ 4.15 by Mercier */
.china-tour-list { margin:10px 0 15px 0; border-top:3px solid #d1d1d1; padding:25px 0 0 0; }
.china-tour-list .listImage150 { width:150px; float:left; margin:0 15px 0 0; position:relative; border:1px solid #d1d1d1; padding:2px; }
.china-tour-list .listImage150 img { width:150px; }
.china-tour-list .listImage150 .dealsIcon { width:66px; height:66px; position:absolute; left:-13px; top:-21px; }
.china-tour-list .listImage150 .dealsIcon img { width:auto; height:auto }
.china-tour-list .listContent418 { width:418px; float:left; margin:0 5px 0 0; position: relative; }
.china-tour-list .listContent418 .listcontentTitle { color:#0d548a; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:0 0 5px 0; display: block }
.china-tour-list .listContent418 .listcontentTitle a { color:#0d548a; font-family:Arial, Helvetica, sans-serif; font-size:20px; }
.china-tour-list .listContent418 .listcontentTitle a:hover { text-decoration: none }
.china-tour-list .listContent418 .description { width:400px; font-size:12px; line-height:20px; padding-right:8px; }
.china-tour-list .listContent418 .morePhotos { margin: 15px 0; }
.china-tour-list .listContent418 .morePhotos img { width:70px; height:52px; margin-right:10px; }
.china-tour-list .listContent img { margin:10px 0 5px 0; }
.china-tour-list .listPrice { width:166px; float:right; margin:0; }
.china-tour-list .listPrice .priceDetail { width:151px; height:111px; padding:10px 0 0 15px; background:url(/css/images/tour/bg-list-price.png) no-repeat; text-align:left; font-weight:bold; }
.china-tour-list .listPrice .priceDetail img { margin:15px 0 0 15px; clear:both; }
.china-tour-list .searchlistPrice { width:120px; height:120px; float:right; background:url(/css/images/tour/bg-price-130.png) no-repeat; color:#6b6b6b; text-align:center; margin-top:10px; padding:10px 0 0 10px; }
.china-tour-list .searchlistPrice .fullPrice { font-size:11px; font-weight: bold; margin: 5px 0 0 -12px; display:block }
.china-tour-list .searchlistPrice .viewDetail { margin: 15px 0 0 -15px; }
ul.tourdetailedInfo { margin-left:0 }
ul.tourdetailedInfo li { list-style:none; background:url(/pic/arrow-r.GIF) no-repeat left 5px; padding-left:12px; font-size:11px; line-height:18px; margin-bottom:5px }
ul.tourdetailedInfo li .tourCode { width:100px; margin-left: 50px; }
.highlightBold { color:#A31022; font-size:18px; margin:8px 0 5px 0; font-family:Arial, Helvetica, sans-serif; }
/* nav left */
.navLeft { margin:0 0 20px 0; padding:0; border-top-width:5px; border-top-style:solid; border-top-color:#A31022 }
.navLeft ul { position:static; margin:0; padding:0 }
.navLeft li { list-style:none; margin:0; padding:0; background:#fff; background:#fff url(/css/images/sprites.gif) no-repeat 8px -692px; line-height:20px; border-top:1px solid #fff; border-bottom:1px dotted #ccc; position:relative; display:block }
#sideBar .navLeft a { padding:5px 0 5px 20px; display:block; font-size:11px; font-weight:bold }
#sideBar .navLeft a:link, #sideBar .navLeft a:visited, #sideBar .navLeft a:hover, #sideBar .navLeft a:active { text-decoration:none; cursor:pointer }
#sideBar .navLeft a:link, #sideBar .navLeft a:visited { color:#a1a1a1 }
#sideBar .navLeft a:hover { color:#A31022; background-color:#f4f4f4; background-image:url(/css/images/sprites.gif); background-repeat:no-repeat; background-position:10px 50px }
#sideBar .navLeft li.active a:link, #sideBar .navLeft li.active a:visited, #sideBar .navLeft li.active a:hover, #sideBar .navLeft li.active a:active { color:#A31022; background-color:#f4f4f4 }
#sideBar .navLeft li a:hover { color:#f4f4f4; background-color:#A31022 }
#sideBar .navLeft ul { margin:0 0 1em 18px; padding:0 }
#sideBar .navLeft li.active li a, #sideBar .navLeft li.active li a:link, #sideBar .navLeft li.active li a:visited { line-height:12px; background:#fff url(/css/images/sprites.gif) no-repeat 0 -798px; padding:0 0 5px 12px; margin:4px 0; font-weight:normal;color:#000; display:block }
#sideBar .navLeft li.active li a:hover, #sideBar .navLeft li.active li a:active { color:#A31022 }
#sideBar .navLeft li.active li { border:none; margin:0 }
#sideBar .navLeft li.active li.active a:link, #sideBar .navLeft li.active li.active a:visited, #sideBar .navLeft li.active li.active a:hover, #sideBar .navLeft li.active li.active a:active { font-weight:bold }
.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; }
.ourPromise { margin: 0 0 15px 0; border-bottom:1px solid #d1d1d1; padding-bottom:10px; font-size:11px; font-weight:bold; }
.ourPromise .first { width:84px; float: left; margin-right:20px; width:100px;font-family:Arial, Helvetica, sans-serif;}
.ourPromise .second { width:81px; float: left; width:100px;font-family:Arial, Helvetica, sans-serif;}
.ourPromise .second img { margin-bottom:11px;}ul.tourdetailedInfo { margin-left:0 }
ul.tourdetailedInfo li { list-style:none; background:url(/pic/arrow-r.GIF) no-repeat left 5px; padding-left:12px; font-size:11px; line-height:18px; margin-bottom:5px }
ul.tourdetailedInfo li .tourCode { width:100px; margin-left: 50px; }
ul.checkList { margin:10px 0; }
ul.checkList li { line-height:15px; margin-bottom:5px; background:url(/css/images/check.GIF) no-repeat 0px top; padding:0 0 0 20px; list-style: none; margin-left:5px; font-size:11px; }
ul.checkList li.first { background: none; padding:0; font-size:14px; font-weight: bold; color:#a31022; margin:0 0 10px 0; }
/* hide TA info */
.widSSPInformation { display: none!important}
/* first recommend tour */
.firstTour { border:3px solid #a31022; position:relative; padding:10px 5px;}
.firstTour .tourDescription { width:330px!important;}
.firstTour .priceArea { width:150px!important;}
.bestSeller { background:url(/css/images/tour/bg-first-tour.jpg) no-repeat; width:202px; height:18px; font-size:11px; font-weight: bold; color:#fff; margin: -10px 0 8px -5px; display: block; padding:2px 0 0 5px;}
.themeTitle { font-size:8px; background:#e4e4e4; padding:5px 0 5px 5px; margin-bottom:1px; border-top:2px solid #a31022; font-size:14px; }
ul.tourThemes { margin:5px 0 15px 0; }
ul.tourThemes li { list-style: none; border-bottom:1px solid #d1d1d1; padding-bottom:3px; margin-bottom:3px; line-height:18px; padding-left:15px; }
ul.tourThemes li a { text-decoration: none; }
/* day trips style */
.tourListBox1 { border:1px solid #d1d1d1; float: left; margin-right:15px; width:340px; padding:10px; margin-bottom: 20px; height:180px;border-radius:4px;}
.floatRight { float: right!important; margin-right:0!important;}
.tourListBox1 .tourListpic { float: left; width:120px; height:90px; margin:0 10px 5px 0;}
.tourListBox1 .tourListpic img { width:120px; height:90px; border-radius:4px;}
.tourListBox1 .dayTripTitle { font-size:15px; display: block; margin: 0 0 10px 0}
.tourListBox1 ul { margin-left:0}
.tourListBox1 ul li { list-style: none; line-height:18px; margin-bottom:5px; width:auto!important}
.tourListBox1 .detailButton { display: block; margin: 10px 0 0 0 }
.tourListBox1 .price { color:#a31022; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
ul.daytripType { margin:15px 0; height:100%; overflow: hidden;}
ul.daytripType li { list-style: none; float: left; width:300px; background:url(/pic/square-red.gif) no-repeat left; padding-left:15px; line-height:20px; margin-bottom:8px;}
ul.daytripType li a { text-decoration: none}
ul.daytripType li a:hover { text-decoration: underline;}
/* visa free page */
#visaFreeTour { border-top:1px solid #d1d1d1; padding:10px 0 0 0;}
.visaTourList{border-bottom:1px dashed #b0b0b0; margin:5px 5px 20px 5px; padding-bottom:20px}
.visaTourList .tourPic{ width:200px; float:left; margin-right:10px }
.visaTourList .tourDetail{float:left; width:390px}
.visaTourList .tourDetail h2{ margin:0 0 8px 0}
.visaTourList .tourDetail h2 a{color:#04679A; font-size:16px; font-weight: normal;}
.visaTourList .tourDetail h2 a:hover{text-decoration:none}
.visaTourList .tourDetail h3{font-family:Arial,Helvetica,sans-serif; font-size:18px; margin:0 0 5px 0; color:#1a5e91}
.visaTourList .tourDetail ul { margin:0}
.visaTourList .tourDetail ul li { list-style: none; line-height:18px; margin-bottom:8px; background:url(/css/images/drop-5.GIF) no-repeat left 6px; padding-left:25px;}
.visaTourList .tourDetail ul li.calendar { background:url(/css/images/icon_calendar.gif) no-repeat left !important;}
.visaTourList .tourDetail ul li.meals { background:url(/css/images/hotel/bg-folks.png) no-repeat left !important;}
.visaTourList .tourDetail ul li.priceIn { background:url(/pic/include.gif) no-repeat left !important;}
.visaTourList .tourDetail ul li.attraction { background:url(/css/images/hotel/sight-bg-15.png) no-repeat left !important; }
.visaTourList .tourDetail ul li.guarantee { background:url(/css/images/hotel/customer-rating.png) no-repeat left !important;}
.visaTourList .tourPrice{background:url(/css/images/tour/bg-price.png) no-repeat; width:127px; height:132px; padding:20px 0 0 20px; float:right}
.visaTourList .tourPrice .fullpriceFrom{font-size:11px; font-weight:bold}
.visaTourList .tourPrice .redPrice{color:#a31022; font-size:18px; font-family:Arial,Helvetica,sans-serif; margin:10px 0 15px 0; font-weight:bold}
.visaTourList .tourPrice .redPrice span{color:#999; font-size:11px; font-family:Verdana,Geneva,sans-serif}
.visaTourList .tourPic img{width:200px; height:150px}
ol.visaTips { margin:5px 0 15px 10px; padding-left:10px;}
ol.visaTips li { line-height:20px; margin-bottom:8px;}