@charset "utf-8"; /* Beijing Tour CSS Document */ #mainContent2 { width:auto } #sideBar { width:175px; padding-bottom:40px; float:left; z-index:1000; } #contentRight { float:right; width:760px; margin:0 0px 0 0; display:inline } .tibetTour { background: url("/css/images/banner/single-city-tours/banner-tibet.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: #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; } .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 240px; 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} /* 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:20px 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 { 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;} /* 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; } .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;}