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.
196 lines
19 KiB
CSS
196 lines
19 KiB
CSS
6 years ago
|
@charset "utf-8";
|
||
|
/* CSS Document */
|
||
|
#mainMenu ul.chNav li.chinaTours { 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; }
|
||
|
#content { position: static!important }
|
||
|
.tourSummary { background:#f1f1f1; height:251px; margin: 0 auto 20px auto; overflow: hidden }
|
||
|
.photoLeft { float: left; width:528px; height:251px; position: relative }
|
||
|
.photoLeft .bgRed { background:url(http://data.chinahighlights.com/css/images/tour/bg-photo-description.png) repeat; position:absolute; bottom:0px; width:508px; padding:10px; color:#fff; font-size:17px; }
|
||
|
.photoLeft .bgGray { background:url(http://data.chinahighlights.com/css/images/tour/bg-photo-gray.png) repeat; position:absolute; bottom:0px; left:0; width:508px; padding:10px; color:#fff; font-size:17px; }
|
||
|
.toursummaryInfo { float: right; width:400px; padding-top:5px; padding-right:7px; position: relative; }
|
||
|
.toursummaryInfo h2 { font-size:18px; font-weight: normal; margin: 0 0 10px 0; }
|
||
|
p.priceincluding, p.priceincluding2 { font-size:16px!important; margin-bottom:5px }
|
||
|
p.priceincluding span, p.priceincluding2 span { color:#a31022; font-weight: bold; }
|
||
|
p.priceincluding span a, p.priceincluding2 span a { color:#a31022!important; font-size:16px }
|
||
|
.toursummaryInfo ul { margin-left:5px; }
|
||
|
.toursummaryInfo ul li { list-style: none; background:url(http://data.chinahighlights.com/pic/square-gray.gif) no-repeat left 6px; padding-left:15px; line-height:17px; float: left; width:180px; font-size:11px; }
|
||
|
.otherWay { border:1px solid #a31022; -moz-border-radius:2px; position:relative; margin:5px 0 10px 0; height: auto; background:#fff; padding: 5px 5px 10px 5px; }
|
||
|
.otherWay .arrowUp { background:url(http://data.chinahighlights.com/pic/arrow-up-red.png) no-repeat; width:16px; height:11px; position:absolute; left:10px; top:-11px; }
|
||
|
.otherWay .otherTitle { font-weight:bold; font-size:13px; margin:0 0 3px 0; }
|
||
|
.otherWay ul { margin-left: 5px; }
|
||
|
.otherWay ul li { background: url("/pic/arrow-r.gif") no-repeat scroll left 5px transparent; font-size: 12px; line-height: 18px; list-style: none outside none; margin-bottom: 5px; padding-left: 12px; }
|
||
|
.otherWay ul li a { color: #545454; font-size: 12px; margin-right: 5px; }
|
||
|
.otherWay ul li a:hover { color: #A31022; text-decoration: none; }
|
||
|
.otherWay .picLeft { float: left; margin: 0 10px 0 0; width: 150px; }
|
||
|
.redprice11 { color:#a31022; }
|
||
|
#tourcontentLeft { float: left; width:725px; }
|
||
|
#tourcontentRight { float: right; width:207px; }
|
||
|
#tourcontentRight p { display: block; position:relative; }
|
||
|
.tourItinerary { padding-bottom:0px; margin-bottom:0px; }
|
||
|
#tourcontentLeft dl { width:232px; float: left; margin: 0 14px 10px 0; }
|
||
|
.last { margin-right:0!important; }
|
||
|
#tourcontentLeft dl dt { background:#d1d1d1; width:100%; margin-bottom:10px; }
|
||
|
#tourcontentLeft dl dt .days { color:#a31022; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; background:#fff; padding: 0 5px; margin-left:5px; }
|
||
|
#tourcontentLeft dl dt .destination { float: right; text-align:right; margin-right:5px; font-weight: bold; #margin-top:-14px;
|
||
|
}
|
||
|
.selectedHotels { font-size:11px; }
|
||
|
.selectedHotels table { font-size:11px; }
|
||
|
.selectedHotels table td { vertical-align:top; padding:2px; }
|
||
|
table.allHotels { border:1px solid #d1d1d1; border-bottom: none }
|
||
|
table.allHotels td { border-bottom:1px solid #d1d1d1; }
|
||
|
.selectedHotels table td a { text-decoration: none!important; }
|
||
|
#tourcontentLeft dl dd { margin-left:0 }
|
||
|
#tourcontentLeft dl dd span { font-size:11px; font-weight:bold; }
|
||
|
#tourcontentRight .tourMap { width:207px; margin-bottom:12px; }
|
||
|
/* tour map preview */
|
||
|
#preview { position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; z-index:9999; }
|
||
|
#preview img { z-index:9999; }
|
||
|
/*------------------
|
||
|
price details -------------------- */
|
||
|
.pricetable, .pricetable1 { width:725px; margin:0 0 15px 0; }
|
||
|
.pricetable table, .pricetable1 table { width:725px; border:1px solid #d1d1d1; padding:1px; }
|
||
|
.pricetable sup, .pricetable1 sup { font-family:Arial, Helvetica, sans-serif!important; font-size:10px!important; color:#545454!important; font-weight: normal!important; }
|
||
|
/*.pricetable th, .pricetable1 th { height:28px; padding: 0px 0 0 0; background:url(http://data.chinahighlights.com/css/images/tour/bg-th-gray-2.png) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#000; font-weight: normal; }*/
|
||
|
.pricetable th.first, .pricetable1 th.first { background:url(http://data.chinahighlights.com/css/images/tour/bg-th.png) repeat-x; color:#fff; }
|
||
|
.pricetable th.second, .pricetable1 th.second { background:url(http://data.chinahighlights.com/css/images/tour/bg-th-blue.png) repeat-x; color:#fff; }
|
||
|
.pricetable th.last, .pricetable1 th.last { border-right: none; }
|
||
|
.pricetable th strong, .pricetable1 th strong { font-family:Arial, Helvetica, sans-serif }
|
||
|
.pricetable th a, .pricetable1 th a { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:14px; }
|
||
|
.pricetable td, .pricetable1 td { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px; line-height:18px; text-align:center; border-bottom:1px solid #c5c5c5; }
|
||
|
.pricetable td img { cursor:pointer }
|
||
|
.pricetable td.expired, .pricetable1 td.expired { color:#CCC }
|
||
|
.pricetable td a, .pricetable1 td a { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#a31022; text-decoration: none }
|
||
|
.pricetable td a:hover, .pricetable1 td a:hover { text-decoration: underline }
|
||
|
.pricetable td.available a, .pricetable1 td.available a { font-family:Arial, Helvetica, sans-serif;/* background:url(http://data.chinahighlights.com/css/images/check.gif) no-repeat left;*/ padding-left:15px; font-size:14px; color:#a31022; text-decoration: none }
|
||
|
.pricetable td.first, .pricetable1 td.first { font-size:12px; text-align:left; }
|
||
|
.pricetable tr.last td, .pricetable1 tr.last td { border-bottom: none }
|
||
|
.pricetable td.last, .pricetable1 td.last { text-align:right; border-bottom:none; padding-top:10px; }
|
||
|
.pricetable td ol, .pricetable1 td ol { margin: 0 0 0 5px; padding-left:10px; }
|
||
|
.pricetable td ol li, .pricetable1 td ol li { line-height:15px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; text-align:left; list-style-position:outside; }
|
||
|
.pricetable td ol li a, .pricetable1 td ol li a { font-size:11px; color:#545454; }
|
||
|
.priceInclusion { float: right; width:275px; margin:5px 0 15px 0; height:298px; background:/*url(http://data.chinahighlights.com/css/images/tour/big-tick.png) no-repeat right bottom */#f1f1f1; }
|
||
|
.reserveButton { margin: 5px 0; text-align: right; overflow: hidden; height:100%; }
|
||
|
.priceInclusion .inclusionTitle { height:27px; padding: 5px 0 0 15px; background:url(http://data.chinahighlights.com/css/images/tour/bg-price-title.png) repeat-x; font-size:18px; color:#fff; font-weight: normal; margin: 0 0 5px 0; }
|
||
|
.priceInclusion .inclusionTitle span { font-size:14px; }
|
||
|
.priceInclusion ul { margin-left:10px; }
|
||
|
.priceInclusion ul li { list-style: none; background:url(http://data.chinahighlights.com/css/images/tour/red-square.png) no-repeat left 7px; padding-left:12px; line-height:17px; margin-bottom:5px; }
|
||
|
.priceTitle { font-size:18px; font-weight: normal; margin: 8px 0; display:block; position: relative; }
|
||
|
.priceTitle img { cursor:pointer }
|
||
|
.hotelCruise { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight: normal; margin: 5px 0; }
|
||
|
table.hotelArrange { margin:5px 0 10px 0; width:725px; border:1px solid #d1d1d1; }
|
||
|
table.hotelArrange th { height:32px; padding: 0px 0 0 0; background:url(http://data.chinahighlights.com/css/images/tour/bg-th-gray.png) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#000; border-right:1px solid #fff; font-weight: normal; }
|
||
|
table.hotelArrange th.last { border:none; }
|
||
|
table.hotelArrange th.first { border-right:1px solid #fff; }
|
||
|
table.hotelArrange td { border-bottom:1px solid #fff; border-right:1px solid #fff; font-size:11px; font-weight: normal; text-align:left; padding:5px; background:#f1f1f1 }
|
||
|
table.hotelArrange td img { width:80px; }
|
||
|
table.hotelArrange td a { color:#545454; text-decoration: none; }
|
||
|
table.hotelArrange td a:hover { text-decoration: underline; color:#a31022; }
|
||
|
table.hotelArrange td.sub { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
|
||
|
#tailorInfo { display: none }
|
||
|
/* for CHT-1 */
|
||
|
.pricetable .shoppingPrice { margin-bottom:5px; }
|
||
|
.shoppingCondition { font-size:14px; display: block; margin: -5px 0 10px 10px; color:#a31022; background:url(http://data.chinahighlights.com/pic/icon-docs-info-red.jpg) left 2px no-repeat; padding-left:18px; }
|
||
|
.tagSwtich { margin: 0 0 10px 0; height:50px; }
|
||
|
.tagSwtich { background:url(http://data.chinahighlights.com/css/images/citytour/bg-price-top-725.jpg) no-repeat; width:725px; height:35px; padding-top:7px; }
|
||
|
.tagSwtich ul { margin-left:10px; }
|
||
|
.tagSwtich ul li { background: url(http://data.chinahighlights.com/css/images/citytour/bg-li.png) no-repeat; width:205px; height:25px; float: left; margin-right:5px; font-size:16px; list-style: none; padding:7px 0 0 0; text-align:center; cursor:pointer; display: block }
|
||
|
.tagSwtich ul li.active, .tagSwtich ul li:hover { background: url(http://data.chinahighlights.com/css/images/citytour/bg-li-active.png) no-repeat; color:#a31022; }
|
||
|
.tagSwtich ul li.last { background:url(http://data.chinahighlights.com/css/images/citytour/bg-li-99.png) no-repeat; width:95px; margin-right:0; }
|
||
|
.tagSwtich ul li.last:hover { background: url(http://data.chinahighlights.com/css/images/citytour/bg-li-99-active.png) no-repeat; }
|
||
|
.tagSwtich ul li a { text-decoration: none; }
|
||
|
/* qa style */
|
||
|
.qaMaintitle { font-size:18px; display: block; margin:5px 0 15px 0; }
|
||
|
#qa4tour { background:url(http://data.chinahighlights.com/css/images/tour/bg-qa-tour-725.jpg) no-repeat top; padding:2px 10px 15px 10px; }
|
||
|
#qa4tour .qaList { border-bottom: 2px dashed #d1d1d1; padding: 0 5px 15px 5px; margin-bottom:15px; }
|
||
|
#qa4tour .qaList .question { font-size:14px; position:relative }
|
||
|
#qa4tour .qaList .question .questionContent { float: left; width:580px; display: block; margin-bottom:5px; }
|
||
|
#qa4tour .qaList .question .qTitle { display: block; float: left; font-size:20px; color:#a31022; width: 27px; height:27px; text-align:center; margin-top:-8px; }
|
||
|
#qa4tour .qaList .question .whoAsked { font-size:11px; color:#666; display: block; margin: 3px 0 0 0; padding-left:27px; font-style:italic; clear:both; }
|
||
|
#qa4tour .qaList .question .whoAsked a { background:url(http://data.chinahighlights.com/pic/reply.png) no-repeat left; padding:2px 0 2px 23px; font-size:12px; color: #545454; margin-left:10px; }
|
||
|
#qa4tour .qaList .answer { background:#f1f1f1; border:1px solid #d1d1d1; position:relative; padding:10px 10px 10px 40px; margin:15px 0 0 27px; line-height:18px; }
|
||
|
#qa4tour .qaList .answer .aTitle { background:#d1d1d1; width:27px; height:26px; font-size:18px; color:#0789bf; position:absolute; top:0; left:0; padding:1px 0 0 0; text-align:center; _left:-10px; }
|
||
|
#qa4tour .qaList .answer .whoReplied { font-size:11px; display: block; margin: 0 0 5px 0; }
|
||
|
#qa4tour #qaBox { background:url(http://data.chinahighlights.com/css/images/tour/bg-qa-box.png) no-repeat top; width:551px; height:240px; margin: 10px auto; border:0px solid #d1d1d1; padding: 20px; }
|
||
|
#qa4tour #qaBox .qaTitle { font-size:20px; display: block; margin:0 0 15px 0; }
|
||
|
#qa4tour #qaBox .questionboxTitle { font-size:11px; font-weight: bold; display: block; margin-bottom:10px; }
|
||
|
#qa4tour #qaBox .questionboxTitle a { color:#a31022; text-decoration: underline; }
|
||
|
#qa4tour #qaBox .questionboxTitle a:hover { text-decoration: none; }
|
||
|
#qa4tour #qaBox textarea { border:1px solid #d1d1d1; background:#fff; padding:5px; width:535px; height:70px; }
|
||
|
#qa4tour #qaBox .name-email { margin: 10px 0; font-size:11px; font-weight: bold; }
|
||
|
#qa4tour #qaBox .name-email input { border:1px solid #d1d1d1; background:#fff; padding:3px; width:170px; margin:0 10px 0 5px; font-size:12px; }
|
||
|
.telNo { color:#a31022; display: block; width:180px; float: right; font-size:13px; margin-top:-5px }
|
||
|
.sendStyle { cursor:pointer }
|
||
|
.checkBox { vertical-align:middle; margin-top:-3px; margin-bottom:0; }
|
||
|
.priceTerms { border:1px solid #a31022; width:600px; position:absolute; left: 0px; top: 25px; padding:0 5px; background:#fff; -moz-border-radius:4px; display:none; z-index:555 }
|
||
|
.priceTerms ol { margin:5px 0 5px 10px; padding-left:10px; }
|
||
|
.priceTerms ol li { font-size:11px; list-style-position:outside; line-height:18px; }
|
||
|
.closeIt { font-family:Arial, Helvetica, sans-serif; font-size:14px; width:12px; height:15px; position:absolute; top:10px; right:10px; background:#d1d1d1; padding:0 0 1px 3px; color:#000; cursor:pointer; -moz-border-radius:2px; }
|
||
|
.closeIt:hover { background:#666; color:#fff }
|
||
|
.priceTerms .arrowLeft { background:url(http://data.chinahighlights.com/pic/arrow-downandleft-red.png) no-repeat left; width:27px; height:18px; position:absolute; top:-18px; left:280px; }
|
||
|
.buttonSubmit { cursor:pointer; #float: left;
|
||
|
#margin-left:200px;
|
||
|
}
|
||
|
/* tour detail feedback */
|
||
|
.feedbackBox { border:1px solid #c5c5c5; margin-bottom:12px; }
|
||
|
.feedbackTitle { background:url(http://data.chinahighlights.com/css/images/guide/tour-info-title.jpg) no-repeat; width:207px; height:27px; font-size:18px; padding-top:5px; text-align:center }
|
||
|
.customerReview { background:url(http://data.chinahighlights.com/pic/quotation-left.png) no-repeat left top; padding-left:30px; font-size:15px; margin:10px 5px; font-style: italic; }
|
||
|
.customerReview .customerName { color:#a31022; margin-right:3px; }
|
||
|
.customerReview p { margin-bottom:2px; font-size:14px!important; font-family: Georgia, "Times New Roman", Times, serif!important; line-height:20px!important; }
|
||
|
.customerReview p.whoWhen { text-align:right; font-size:11px!important; }
|
||
|
/* right box*/
|
||
|
.whyusboxTitle { background:url(http://data.chinahighlights.com/css/images/guide/tour-info-title.jpg) no-repeat; width:207px; height:27px; font-size:18px; padding-top:5px; text-align:center }
|
||
|
.whyusBox { border:1px solid #c5c5c5; margin-bottom:12px; }
|
||
|
.whyusBox ul { margin:10px; }
|
||
|
.whyusBox ul li { list-style: none; background:url(http://data.chinahighlights.com/pic/square-red.gif) no-repeat left 6px; padding-left:12px; line-height:16px; margin-bottom:5px; }
|
||
|
/* right question form box */
|
||
|
.questionTitle { background:url(http://data.chinahighlights.com/css/images/guide/tour-info-title.jpg) no-repeat; width:207px; height:27px; font-size:18px; padding-top:5px; text-align:center }
|
||
|
.questionBox { border:1px solid #c5c5c5; margin-bottom:12px; padding:10px 5px; }
|
||
|
.questionBox label { clear:both; display: block; margin:5px 0; }
|
||
|
.questionBox textarea { width:191px; height:100px; font-size:12px; margin-top:5px; }
|
||
|
.questionBox input { width:191px; margin-top:5px; }
|
||
|
.questionBox .formTitle { font-size:11px; font-weight: bold; }
|
||
|
a#send-button1 { cursor:pointer }
|
||
|
/* price inclusion */
|
||
|
#priceIntro { margin:15px 0; }
|
||
|
#priceIntro h3 { background:none; margin:5px 0 10px 0; padding-left:5px; }
|
||
|
#priceIntro .priceincludes { width:340px; height:500px; overflow-y: scroll; float:left; margin:5px; border:1px solid #d1d1d1; background-color:#f1f1f1; -moz-border-radius:4px; padding:5px; }
|
||
|
#priceIntro .priceincludes ul { margin-left:5px; }
|
||
|
#priceIntro .priceincludes ul li { list-style:none; background:url(http://data.chinahighlights.com/pic/include.gif) no-repeat; padding-left:20px; line-height:18px; margin-bottom:5px; font-size:11px; color:#545454; }
|
||
|
#priceIntro .priceincludes ul li .bgyellow { background:#FFFFE1; border:1px dashed #d1d1d1; padding:5px; -moz-border-radius:4px; margin-top:5px; }
|
||
|
#priceIntro .priceexcludes ul li .bgyellow { background:#FFFFE1; border:1px dashed #d1d1d1; padding:5px; -moz-border-radius:4px; margin-top:5px; }
|
||
|
#priceIntro .priceexcludes { width:340px; height:500px; float:right; margin:5px; border:1px solid #d1d1d1; background-color:#f1f1f1; -moz-border-radius:4px; padding:5px; overflow-y: scroll; }
|
||
|
#priceIntro .priceexcludes ul { margin-left:5px; }
|
||
|
#priceIntro .priceexcludes ul.excludes { margin-left:5px; }
|
||
|
#priceIntro .priceexcludes ul li { list-style:none; background:url(http://data.chinahighlights.com/pic/exclude.gif) no-repeat; padding-left:20px; line-height:18px; margin-top:5px; font-size:11px; color:#545454; }
|
||
|
/* tailor made button */
|
||
|
.tailorTour { width:auto; float: right; display:block; }
|
||
|
.or { width:auto; float: right; display:block; margin: 5px 20px; font-size:28px; color:#d1d1d1; }
|
||
|
.bookingTerms { margin: 5px 0; border:1px dotted #666; padding:5px; position:relative; }
|
||
|
.whyusPic { position:absolute; top: -100px; left:0 }
|
||
|
.bookingTerms h4 { font-size:15px; margin: 0 0 8px 0; }
|
||
|
.bookingTerms ol { margin-left:10px; padding-left:10px }
|
||
|
.bookingTerms ol li { list-style-position:outside; line-height:18px; margin-bottom:5px; }
|
||
|
/* price promotion 4 CHT-1 */
|
||
|
.starPrice { border: 2px solid #d1d1d1; padding:1px; margin-bottom:10px; position:relative; -moz-border-radius:4px; }
|
||
|
.starpriceBox { padding:5px; background:#f1f1f1; border:1px solid #d1d1d1; -moz-border-radius:4px; }
|
||
|
.starPrice:focus { border:2px solid #d1d1d1; }
|
||
|
.customerCare { background:url(http://data.chinahighlights.com/css/images/fiona-2.png) no-repeat; width:114px; height:114px; position:absolute; right:-5px; bottom:0; }
|
||
|
.starPrice ul { margin-left:0; }
|
||
|
.starPrice ul li { list-style: none; line-height:18px; margin-bottom:5px; }
|
||
|
.starPrice ul li strong { font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#a31022 }
|
||
|
.topinquiryButton { width:100px; height:32px; float: right; display: block; margin:-10px 0 5px; cursor:pointer }
|
||
|
.pinIt { display: block; margin:-10px auto 15px auto; position:absolute; top: 15px; left:5px; }
|
||
|
.earlyBirds { margin: 0 0 10px 0; }
|
||
|
.earlyBirdsTop { display:block; margin-left: 10px; font-weight: bold; }
|
||
|
.BookingSteps { font-size: 12px; margin: 10px 0; background:url(http://data.chinahighlights.com/css/images/guide/bg-city/video-icon.png) no-repeat left; padding:5px 0 5px 22px; }
|
||
|
/* currency converter */
|
||
|
.priceTips { font-size:14px; font-family:Verdana, Geneva, sans-serif; font-weight: normal; display: block; margin: 5px 0; line-height:20px; background:url(/pic/speaker-icon.png) no-repeat left; padding-left:70px; text-align:justify }
|
||
|
.moneyConverter { display: block; float: right; width:50px; margin:-25px 0 10px 0; background:url (http://data.chinahighlights.com/css/images/merge/nav-mere-20130723.png) no-repeat 50px 2px #f1f1f1;
|
||
|
padding:2px 5px; font -size:12px;
|
||
|
position:relative; border-radius:4px; border: 1px solid #d1d1d1; }
|
||
|
.moneyConverter #first { color:#a31022 }
|
||
|
.moneyConverter .currencyList { position:absolute; top:15px; left:-1px; width:60px; display: block; background:#f1f1f1; padding:5px 0 0 0; border:1px solid #d1d1d1; border-top:none; border-radius:4px; }
|
||
|
.moneyConverter .currencyList ul { margin:0 }
|
||
|
.moneyConverter .currencyList ul li { list-style: none; line-height:16px; padding:2px 5px; cursor:pointer }
|
||
|
.moneyConverter .currencyList ul li:hover { background:#d1d1d1; }
|
||
|
.moneyConverter em { font-size:13px; font-style:normal; margin-right:3px; }
|