@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 } .beijingTour { background: url("/css/images/banner/single-city-tours/banner-beijing.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 ------------ */ .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; } .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: #fff; color:#a31022; border-top-left-radius:4px; border-top-right-radius:4px; } .tourTop ul li.last { background:url(/css/images/citytour/bg-li-99.png) no-repeat; width:95px; margin-right:0; } .tourTop ul li.last:hover, .tourTop ul li.last.active { background: url(/css/images/citytour/bg-li-99-active.png) no-repeat; } .tourTop ul li a { text-decoration: none; font-family:Arial, Helvetica, sans-serif } .tourcontentLeft { width:509px; float: left; position: relative; } .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; position: relative; } .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; position: relative; } .tourList .tourDescription { width:350px; float: right; } .tourList .tourDescription p { margin-bottom:5px; } .price-detail { display: block; margin:15px 0 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: 280px; 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; } /* 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; height:100%; overflow: hidden } 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; 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; } ul.tourdetailedInfo { margin-left:0 } ul.tourdetailedInfo li { list-style:none; background:url(/pic/arrow-r.GIF) no-repeat left 5px; padding-left:12px; 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; } /* get TA reviews */ .widSSP { width:223px!important; } .widSSPInformation { display: none!important} .topNumber { background:url(/css/images/tour/bg-number.png) no-repeat; width:64px; height:23px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; position:absolute; left:-5px; top:0; text-align:center; padding-top:1px; } /* our promise */ .ourPromise { margin: 0 0 15px 0; border:1px solid #999; padding-bottom:10px; font-size:11px; border-radius:4px; } .ourPromise .promiseTitle { background:url(/css/images/tour/bg-th-gray-2.png) repeat-x; height:28px; font-size:15px; display: block; color:#333; padding:4px 0 0 10px;} .ourPromise ul { margin:5px 8px;} .ourPromise ul li { list-style: none; line-height:18px; margin-bottom:8px; background:url(/pic/green-mark.png) no-repeat left 5px; padding-left:22px;} /* 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;} /* 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;}