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.
186 lines
18 KiB
CSS
186 lines
18 KiB
CSS
6 years ago
|
@charset "utf-8";
|
||
|
|
#mainMenu ul.chNav li.chinaTours.active { background:url(https://data.chinahighlights.com/css/images/global/bg-menu-red-hover.png) no-repeat -3px -5px; }
|
||
|
|
h2:first-letter { font-size:25px;}
|
||
|
|
h2.deckIcon { display: block; background:url(https://data.chinahighlights.com/css/images/tour/detail/deck-43x29.png) no-repeat left; padding-left:55px; font-size:22px; margin:0 0 15px 0; text-transform:uppercase; font-weight: normal }
|
||
|
|
h2.summaryIcon { display: block; background:url(https://data.chinahighlights.com/css/images/tour/detail/summary-43x29.png) no-repeat left; padding-left:55px; font-size:22px; margin:0 0 15px 0; text-transform:uppercase; font-weight: normal }
|
||
|
|
h2.priceIcon { display: block; background:url(https://data.chinahighlights.com/css/images/tour/detail/price-43x29.png) no-repeat left; padding-left:55px; font-size:22px; margin:0 0 15px 0; text-transform:uppercase; font-weight: normal }
|
||
|
|
|
||
|
|
/* switch tags */
|
||
|
|
.switchTags { border-bottom:3px solid #a31022; overflow: hidden; height:28px; position:relative; background: #FFF; z-index: 10; margin-bottom: 15px; }
|
||
|
|
.switchTags ul { margin-left:0 }
|
||
|
|
.switchTags ul li { list-style: none; float: left; width:auto; padding:5px 20px 5px 15px; margin-right:5px; text-align:center; font-size:14px; background:url(https://data.chinahighlights.com/css/images/tour/detail/bg-tag.png) repeat-x; height:18px; border-top-left-radius:4px; border-top-right-radius:4px; color:#fff; }
|
||
|
|
.switchTags ul li a { text-decoration: none; color:#fff; }
|
||
|
|
.switchTags ul li a.summary { background:url(https://data.chinahighlights.com/css/images/tour/detail/icon-summary.png) no-repeat left 5px; padding-left:25px; }
|
||
|
|
.switchTags ul li a.itinerary { background:url(https://data.chinahighlights.com/css/images/tour/detail/icon-itinerary.png) no-repeat left; padding-left:20px; }
|
||
|
|
.switchTags ul li a.price { background:url(https://data.chinahighlights.com/css/images/tour/detail/icon-price.png) no-repeat left 1px; padding-left:25px; }
|
||
|
|
.switchTags ul li.active, .switchTags ul li:hover { background:url(https://data.chinahighlights.com/css/images/tour/detail/bg-tag-active.png) repeat-x; color:#fff; }
|
||
|
|
.switchTags ul li.active a, .switchTags ul li:hover a { color:#fff; }
|
||
|
|
.switchTags .sendInquiry { background:url(https://data.chinahighlights.com/pic/double-arrow-22x16.png) no-repeat right; color:#a31022; font-size:12px; position:absolute; right: 5px; padding-right: 25px; margin-top: 10px; }
|
||
|
|
.switchTags .bookingButton-s { position: absolute; right:0; top:0; text-align:right; }
|
||
|
|
.switchTags .fbFans { display: block; margin-bottom:10px; height: 25px; position: absolute; top: -30px; width: 275px; }
|
||
|
|
.switchTags .fbFans img { height:25px; width:275px }
|
||
|
|
/* 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(https://data.chinahighlights.com/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(https://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; }
|
||
|
|
/* by Mercier*/
|
||
|
|
#tourTop { margin: 20px 0; height:300px; width: auto; clear: both; }
|
||
|
|
#tourTop .largeImg { float: left; width:660px; position: relative; }
|
||
|
|
#tourTop .largeImg img { border-radius:4px;}
|
||
|
|
#tourTop .largeImg .titleBlock { background:url(https://data.chinahighlights.com/css/images/tour/detail/bg-opacity-30x68.png) repeat; display: block; width: auto; padding:10px; position:absolute; top: 20px; left:0; color:#fff; width:640px; }
|
||
|
|
#tourTop .largeImg h1 { color:#fff; border-bottom: none; margin:0; font-weight: normal; font-family:handwriting; font-size:30px; text-shadow:0 0 2px #333 }
|
||
|
|
#tourTop .largeImg h2 { font-size: 14px; color:#fff; margin:0; font-weight: normal; text-shadow:0 0 2px #333 }
|
||
|
|
/* tour top right */
|
||
|
|
#tourTop .topRight { float: right; width:245px; height:270px; padding:15px; position:relative; background:#f1f1f1; border-radius:4px; }
|
||
|
|
.shipClass { display: block; margin: 0 0 10px 0;}
|
||
|
|
.shipRating { display: block; margin:0 0 10px 0}
|
||
|
|
.shipRating b { color:#a31022; font-size:18px; font-weight: normal; margin-left:10px;}
|
||
|
|
.shipRating .ratingDetail { background:url(https://data.chinahighlights.com/css/images/yangtze/bg-ship-rating.png) no-repeat; display: block; width:233px; height:40px; padding:13px 0 0 15px}
|
||
|
|
.cruiseRoute { display: block; margin: 0 0 18px 0 }
|
||
|
|
.direction { background:url(https://data.chinahighlights.com/css/images/yangtze/arrow-17x5.png) no-repeat; width:17px; height:5px; display: inline-block; margin-bottom:2px;}
|
||
|
|
.shipRating .ratingDetail ul { margin:0}
|
||
|
|
.shipRating .ratingDetail ul li { list-style: none; float: left; width: 100px; font-size:11px;}
|
||
|
|
.shipRating .ratingDetail ul li.first { width:120px; margin-right:10px;}
|
||
|
|
#tourTop .topRight .priceDefault { height:50px; }
|
||
|
|
#tourTop .topRight .priceDefault .priceFrom { display:inline-block; color:#545454; float: left; margin:3px 10px 0 0; }
|
||
|
|
#tourTop .topRight .priceDefault .price { display: inline-block; font-size:35px; font-family:Arial, Helvetica, sans-serif; color:#a31022; float: left; margin-right:10px; font-weight: bold; }
|
||
|
|
#tourTop .topRight .priceDefault .dollarSign { font-size:16px; display: block; float: left; margin-top:5px; color:#a31022; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
|
||
|
|
#tourTop .topRight .priceDefault .pax { display:block; float: left; margin-top:20px; }
|
||
|
|
#tourTop .topRight .inquiryBlock { background:url(https://data.chinahighlights.com/css/images/tour/detail/bg-inquiry.png) no-repeat center; width:275px; height:60px; display: block; position:absolute; bottom:0; left:0; text-align: center; padding-top:47px; border-radius:0 0 4px 4px; }
|
||
|
|
.pintrestButton { position:absolute; right:35px; top:15px; }
|
||
|
|
/* itinerary style */
|
||
|
|
.yangtzeMap { display: block; margin: 0 0 10px 0; text-align:center}
|
||
|
|
ul.routeSelect { margin:0 0 10px 0; height:47px;}
|
||
|
|
ul.routeSelect li { list-style:none; float: left; background:url(https://data.chinahighlights.com/css/images/yangtze/bg-itinerary-select.png) no-repeat -305px 0; width:301px; height:47px; margin-right:10px; text-align:center; font-size:15px; padding-top:5px; cursor:pointer}
|
||
|
|
ul.routeSelect li.active, ul.routeSelect li:hover { list-style:none; float: left; background:url(https://data.chinahighlights.com/css/images/yangtze/bg-itinerary-select.png) no-repeat 0 0; width:301px; color:#fff; }
|
||
|
|
ul.routeSelect li a { text-decoration: none}
|
||
|
|
ul.routeSelect li a:hover, ul.routeSelect li:hover a { color:#fff;}
|
||
|
|
table.itinerary { border:1px solid #999; padding:1px; padding-bottom: 0!important; border-bottom: none!important; margin-bottom:15px;}
|
||
|
|
table.itinerary th {border-bottom: 1px solid #999; border-right:1px solid #999; padding:5px; font-size:15px;font-weight: normal; text-align:left }
|
||
|
|
table.itinerary th.title { background:-moz-linear-gradient(center top, #DCE1E7 0%, #C2C4CA 100%) repeat; font-size:15px; color:#333; width:70px; border-right: none; font-size:15px; padding-bottom:10px; }
|
||
|
|
table.itinerary th.second { background:url(https://data.chinahighlights.com/css/images/tour/bg-th-gray-2.png) repeat-x scroll 0 0 transparent;color:#333; border-right: none!important;}
|
||
|
|
table.itinerary td { border-bottom: 1px solid #999; padding:5px; line-height:20px; font-size:12px;}
|
||
|
|
#itineraryLeft { float: left; width:660px; }
|
||
|
|
.dayTourList { margin:10px 0 20px 0; background:#fff; padding:15px; box-shadow:0 0 5px #d1d1d1; border:1px solid #d5d5d5; border-radius:4px; }
|
||
|
|
.itineraryTitle { display: block; background:url(https://data.chinahighlights.com/css/images/tour/detail/itinerary-43x29.png) no-repeat left; padding-left:55px; font-size:22px; margin-bottom:15px; text-transform:uppercase }
|
||
|
|
.itineraryTitle:first-letter { font-size:25px;}
|
||
|
|
.dayTourList > ul { margin:0 }
|
||
|
|
.dayTourList > ul li { line-height:18px; margin-bottom:8px; }
|
||
|
|
.dayTourList > p { text-align:justify }
|
||
|
|
/* ship facts */
|
||
|
|
.shipFacts { margin: 10px 0 20px 0;}
|
||
|
|
.shipFacts .factsTitle { display: block; font-size:18px; margin: 0 0 10px 0;}
|
||
|
|
.shipFacts table { width:100%; border-top:4px solid #d1d1d1; border-left:1px solid #d1d1d1;}
|
||
|
|
.shipFacts table td { padding:5px; color:#000; border-bottom:1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
|
||
|
|
.shipFacts table th { text-align: left; padding:5px; font-weight: normal; color:#999; border-bottom:1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
|
||
|
|
|
||
|
|
/* price table */
|
||
|
|
#priceBlock { display: block; margin: 10px 0; }
|
||
|
|
#priceBlock .priceClass { display: block; }
|
||
|
|
.priceTitle { display: block; background:url(https://data.chinahighlights.com/css/images/tour/detail/itinerary-43x29.png) no-repeat left; padding-left:55px; font-size:22px; margin-bottom:15px; }
|
||
|
|
#bookCruise { clear: both; border:1px solid #d1d1d1; margin:5px 0 15px 0; }
|
||
|
|
#bookCruise table { margin:5px; width: 648px; }
|
||
|
|
#bookCruise table tr.title {background:#f1f1f1; font-size:12px; }
|
||
|
|
#bookCruise table tr.title th { padding:8px 5px; border-bottom:1px solid #d1d1d1; border-left: 1px solid #d1d1d1; }
|
||
|
|
#bookCruise table tr.title th.first { border-left:none;}
|
||
|
|
#bookCruise table th a { color:#fff; text-decoration:none }
|
||
|
|
#bookCruise table th a:hover { text-decoration:underline; color:#a31022 }
|
||
|
|
#bookCruise table td { border-bottom:1px solid #d1d1d1; border-left:1px solid #d1d1d1; text-align:center; padding:10px; }
|
||
|
|
#bookCruise table td.focus,#bookCruise table th.focus { border-left:1px solid #a31022 !important; border-right:1px solid #a31022}
|
||
|
|
#bookCruise table td select {background-color: #fff; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; width:50px; height:22px; border-radius:2px; }
|
||
|
|
#bookCruise table td input { vertical-align:middle; margin-bottom:0; margin-top:-3px; margin-right:10px; }
|
||
|
|
#bookCruise table td.first { text-align:left; border-left: none; }
|
||
|
|
#bookCruise table td.first img { width:15px;}
|
||
|
|
#bookCruise .itineraryChoose { background:-moz-linear-gradient(center top , #DCE1E7 0%, #C2C4CA 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); padding:10px;}
|
||
|
|
#bookCruise .itineraryChoose ul { margin:0}
|
||
|
|
#bookCruise .itineraryChoose ul li { list-style:none; float: left; margin-right:10px;}
|
||
|
|
#bookCruise .itineraryChoose ul li input { vertical-align: middle; margin: -2px 0 0 0;}
|
||
|
|
#bookCruise tr.grayBg td{ border: none !important; background:#f1f1f1; padding-left:300px;}
|
||
|
|
#bookCruise .moreRows { display: block; float: left; margin:10px 15px 0 0;}
|
||
|
|
#bookCruise .submitButton { display:block; float: left}
|
||
|
|
/* tour itinerary */
|
||
|
|
.tourDates { display: block; margin: 0 0 5px 0; font-size:18px; clear: both; text-transform:uppercase }
|
||
|
|
.tourDates:first-letter { font-size:22px;}
|
||
|
|
.tourDates b { font-weight: normal; font-size:22px;}
|
||
|
|
.tourDates .tourDays { color:#a31022; margin-right:10px; }
|
||
|
|
.tourPhoto { float: right; width: 200px; margin-left: 10px; }
|
||
|
|
.tourPhoto img { margin:0 0 5px 0!important; float: none!important; border-radius:4px; }
|
||
|
|
.tourPhoto .photoTitle { background:#fff; text-align: center; padding:5px; display: block; }
|
||
|
|
.topIcon { width:50px; position:fixed; right:50%; top:50%; margin-right:-550px; }
|
||
|
|
.topIcon img { margin-bottom:5px; }
|
||
|
|
.tourPhoto250 { float: right; width: 250px; margin: 5px 0 10px 15px; border-bottom:1px solid #d1d1d1; padding-bottom:5px; }
|
||
|
|
.tourPhoto250 img { margin:0 0 5px 0!important; float: none!important; border-radius:4px; }
|
||
|
|
|
||
|
|
/* tour right content */
|
||
|
|
#addtionalRight { float: right; width:275px; padding-top: 5px; }
|
||
|
|
#questionBox { background:url(https://data.chinahighlights.com/css/images/tour/detail/bg-question-title.png) no-repeat top; margin: 0 0 15px 0; padding:1px 10px 0px 10px; border:1px solid #d1d1d1; border-radius:4px; box-shadow:0 0 02px #d5d5d5 }
|
||
|
|
#questionBox .interested { font-size:25px; color:#a31022; display: block; margin:5px 0; }
|
||
|
|
#questionBox .interest-label { font-size:12px; color:#333; display: block; margin-bottom:40px }
|
||
|
|
#questionBox .infoRequired { text-align: center; margin: 22px 0 0 0; display: block; }
|
||
|
|
#questionBox .infoRequired input, textarea { width:222px; height: 28px; font-size:12px; font-family:Verdana, Geneva, sans-serif; padding:5px; background-color: #fff; margin-bottom: 10px; border-color: #D1D1D1 #999999 #999999 #D1D1D1; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 2px 2px 2px #d1d1d1; }
|
||
|
|
#questionBox .infoRequired input:focus, textarea:focus { border-color: #0074CC; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.075) inset, 0 0 8px #0074CC; }
|
||
|
|
#questionBox .infoRequired textarea { height: 100px; }
|
||
|
|
#questionBox .sendButton { margin:15px 0 15px 80px; display: block; }
|
||
|
|
#questionBox .infoRequired p { display: none1; }
|
||
|
|
#questionBox .infoRequired p { +left: 660px;
|
||
|
|
}
|
||
|
|
#questionBox .infoRequired p { margin: 0; line-height: 20px !important; margin-bottom: 0px !important; position: relative; text-align: center; }
|
||
|
|
#questionBox .infoRequired p label { padding: 0; margin: 0; position:absolute; top: 9px; left: 20px; cursor:text }
|
||
|
|
#questionBox .infoRequired .des label { text-align: left; }
|
||
|
|
/* booking steps */
|
||
|
|
.bookingStep { background:#eee; height:24px; display: block; margin:10px 0 20px 0; }
|
||
|
|
.bookingStep ul { margin:0 }
|
||
|
|
.bookingStep ul li { list-style: none; float: left; width:185px; padding-top:3px; background:url(https://data.chinahighlights.com/css/images/tour/detail/step-next.png) no-repeat left 3px; height:21px; }
|
||
|
|
.bookingStep li.stepOne { background:url(https://data.chinahighlights.com/css/images/tour/detail/step-1.png) no-repeat; height:21px; color:#fff; padding-left:6px; }
|
||
|
|
.bookingStep li.stepOne i { color:#a31022; margin-left:0 }
|
||
|
|
.bookingStep li i { font-style:normal; margin-right:20px; margin-left:3px; color:#fff; }
|
||
|
|
/* submit checking */
|
||
|
|
#questionBox .infoRequired p .arrowDownTest label { line-height: 20px; position: relative; left: 0; margin: 0; padding: 0; top: 0; }
|
||
|
|
#questionBox .infoRequired p .arrowDownTest { background-color: #FFFFFF; border: 1px solid #999999; color: #A31022; display: block; padding: 3px 4px; position: absolute; z-index: 11000; left: 10px; top: -22px; }
|
||
|
|
#questionBox .infoRequired p .arrowDown { left: 4px; position: absolute; top: 26px; }
|
||
|
|
/* why us */
|
||
|
|
.whyUs { display: block; margin: 10px 0 }
|
||
|
|
.whyUs .whyTitle { font-size:16px; display: block; margin: 10px 0 }
|
||
|
|
.whyUs ul { margin:0 0 20px 0 }
|
||
|
|
.whyUs ul li { list-style:none; line-height:20px; margin-bottom:10px; background:url(https://data.chinahighlights.com/pic/green-mark-17x16.png) no-repeat left 5px; padding-left:30px; font-size:14px; }
|
||
|
|
.whyUs ul li:first-letter { font-size:16px; display:inline-block; margin-right:1px;}
|
||
|
|
/* product manager */
|
||
|
|
.product-manager { box-shadow: 0 0 2px #999; display: block; margin: 5px 0; border:1px solid #d1d1d1; border-radius:4px; height:100%; overflow: hidden; padding:10px; background:#fff; }
|
||
|
|
.product-manager .sayPic { width:100px; height:100px; float:left; margin-right: 10px; }
|
||
|
|
.product-manager .sayPic img { border-radius:4px; }
|
||
|
|
.product-manager .designerName { font-family:handwriting; font-size:14px; }
|
||
|
|
/* price inclusion and exclusion */
|
||
|
|
#priceInclusive { margin: 10px 0 15px 0; border:1px solid #d1d1d1; height:330px; float: left; width:325px; border-radius:4px; }
|
||
|
|
#priceInclusive ul, #priceExclusive ul { margin-left:5px; }
|
||
|
|
#priceInclusive ul li, #priceExclusive ul li { list-style: none; background:url(https://data.chinahighlights.com/pic/square-gray.gif) no-repeat left 6px; padding-left:15px; line-height:18px; margin-bottom:8px; }
|
||
|
|
#priceExclusive { margin: 10px 0 15px 0; border:1px solid #d1d1d1; height:330px; float: right; width:305px; border-radius:4px; }
|
||
|
|
.in-ex-title { display: block; font-size:14px; margin:0 0 10px 0; background:-moz-linear-gradient(center top, #DCE1E7 0%, #C2C4CA 100%) repeat; height:32px; }
|
||
|
|
.in-ex-title span { background:url(https://data.chinahighlights.com/css/images/tour/detail/bg-price-202x32.png) no-repeat right; display: block; height:28px; width:150px; padding:4px 0 0 10px; color:#fff; }
|
||
|
|
/* deck info */
|
||
|
|
#deckInfo { margin: 10px 0}
|
||
|
|
/* summary info */
|
||
|
|
#summaryInfo { margin: 10px 0}
|
||
|
|
#summaryInfo p { text-align: justify}
|
||
|
|
|
||
|
|
/* cabin info */
|
||
|
|
#cabinInfo { margin: 10px 0}
|
||
|
|
#cabinInfo .cabinDetail { background:url(https://data.chinahighlights.com/css/images/yangtze/bg-cabin.png) no-repeat; width:630px; height:205px; padding:15px 10px 0 20px; margin-bottom:10px;}
|
||
|
|
#cabinInfo .cabinDetail .cabinTitle { display: block; font-size:15px; margin: 0 0 15px 0; color:#000}
|
||
|
|
#cabinInfo .cabinDetail .cabinPhoto { width:215px; float: left; height:120px; text-align:center; margin-right:15px;}
|
||
|
|
#cabinInfo .cabinDetail .cabinPhoto img { width:215px; height:120px; margin-bottom:5px; }
|
||
|
|
#cabinInfo .cabinDetail .plan { width:200px; border:1px solid #d1d1d1; text-align:center; height:110px; padding:5px; float: left; position:relative;}
|
||
|
|
#cabinInfo .cabinDetail .plan .planTitle { display:block; position:absolute; width:200px; text-align:center; left:0; bottom: -23px;}
|
||
|
|
#cabinInfo .cabinDetail .plan img{ max-height: 110px; max-width:200px;}
|
||
|
|
#cabinInfo .cabinDetail .parameters { width:150px; height:160px; float: right; margin-top:-30px;}
|
||
|
|
#cabinInfo .cabinDetail .parameters .pTitle { display:block; margin-bottom:8px; font-size: 15px; color:#000 }
|
||
|
|
#cabinInfo .cabinDetail .parameters ul { margin: 0}
|
||
|
|
#cabinInfo .cabinDetail .parameters ul li { list-style: none; line-height:18px; margin-bottom:5px; color:#999}
|
||
|
|
#cabinInfo .cabinDetail .parameters ul li em { color:#333; font-style: normal}
|