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.
175 lines
18 KiB
CSS
175 lines
18 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
#mainMenu ul.chNav li.tailormade.active { background:url(https://data.chinahighlights.com/css/images/global/bg-menu-red-hover.png) no-repeat -3px -5px; }
|
|
#mainContent2{width:810px; height:auto; margin:0 auto}
|
|
#content .tailcontact{width:100%; float:left; margin-top:15px;}
|
|
#content .tailcontact .peopic{width:145px; height:170px; border:1px solid #d1d1d1; background:#f3f3f3; border-radius: 5px; text-align:center; float:left; overflow:hidden;}
|
|
#content .tailcontact .peopic img{width:119px; height:108px; padding-top:10px;}
|
|
#content .tailcontact .peopic span{width:100%; text-align:center; float:left;}
|
|
#content .tailcontact .peopic span.tailname{color:#025499; font-size:15px; margin-top:10px;}
|
|
#content .tailcontact .contleft{width:40px; margin-left:5px; height:180px; background:url(https://data.chinahighlights.com/css/images/tour/tail-topbg-left.jpg) no-repeat 0 0; float:left;}
|
|
#content .tailcontact .cont{ width:600px; float:left; height:160px; padding-top:20px; background:url(https://data.chinahighlights.com/css/images/tour/tail-topbg-mid.jpg); font-size:14px; }
|
|
#content .tailcontact .cont span.help{float:left; font-size:18px; height:60px;}
|
|
#content .tailcontact .cont span.phonecall{ font-size:16px; color:#a31022; margin:0 0 0 10px; width:220px; float:left;}
|
|
#content .tailcontact .cont span.phonecallRight{ font-size:16px; color:#a31022; margin:0 0 0 10px; width:250px; float:left; }
|
|
#content .tailcontact .cont span.phonecallRight span{font-size:14px;}
|
|
#content .tailcontact .cont span.phonecall span{font-size:14px;}
|
|
#content .tailcontact .contright{width:17px; height:180px; background:url(https://data.chinahighlights.com/css/images/tour/tail-topbg-right.jpg) no-repeat 0 0; float:left;}
|
|
#content .toptitle{color:#064e86; font-size:20px; margin:10px 0; float:left; width:100%;}
|
|
#content .tourlist .trdtitle{font-size:18px; width:100%; margin:-5px 0 10px 0; float:left;}
|
|
#content .tourlist{width:810px; height:auto; margin:0 auto 10px auto;}
|
|
#content .tourlist .attraction{width:190px; margin:6px; float:left;}
|
|
#content .tourlist .attraction span.imgtitle{width:190px; float:left; background:url(https://data.chinahighlights.com/css/images/tour/nrb-bg.png); color:#FFF; position:relative; top:-35px; left:0; height:35px; line-height:35px; text-align:center; font-size:14px; z-index:1000}
|
|
#content .tourlist .attraction span.atttitle ,#content .tourlist .attraction p{ position:relative; top:-30px; padding:0;}
|
|
#content .tourlist .attraction span.atttitle{font-size:15px; color:#064e86;}
|
|
#content .tourlist .attraction ul{list-style:none; position:relative; top:-25px;}
|
|
#content .tourlist .attraction ul li{ float:left; width:200px; line-height:18px;}
|
|
#content .topattaction{width:810px; margin:0 auto; height:40px; position:relative; top:-20px; height:42px; line-height:42px; background:#e9e9e9; float:left; left:75px; font-size:15px; color:#000;}
|
|
#content .topattaction a{ text-decoration:none;}
|
|
#content .topattaction span{height:42px; float:left; background:url(https://data.chinahighlights.com/css/images/tour/tail-title-bg.png) no-repeat 0 0; width:211px; font-size:24px; color:#FFF; padding:0 0 0 5px;}
|
|
.roundCorner { -moz-border-radius:4px; -webkit-border-radius:4px; }
|
|
.none { display: none;}
|
|
/* booking forms */
|
|
.emailTipsBox { position:absolute; border:1px solid #d1d1d1; width:150px; left: 474px; top: 95px; padding:5px; font-size:11px; z-index:1000; background:#fff; }
|
|
.emailTipsBox .arrowLeft { background:url(https://data.chinahighlights.com/css/images/left-arrow.png) no-repeat; width:11px; height:11px; position:absolute; left:-11px; top: 8px; }
|
|
.yourBooking { border: 1px solid #999; width:810px; margin: 5px 0 10px 0;}
|
|
.yourBooking .subTitle { background:#d1d1d1; padding:5px 0 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; color:#333; }
|
|
.yourBooking .subTitle span.helpicon{ background:url(https://data.chinahighlights.com/pic/qhelp.png) no-repeat 0 2px; padding:0 15px; float:right; font-weight:normal}
|
|
.yourBooking .bookingDetail { padding:10px; position:relative }
|
|
|
|
#contactInfo { border: 1px solid #999; width:810px; margin: 5px auto 15px auto; height:100%; overflow: hidden; }
|
|
#contactInfo .subTitle { background:#a31022; padding:5px 0 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; color:#fff; }
|
|
#contactInfo .fieldBlock { padding:10px; overflow: hidden; height:100%; }
|
|
.requiredTip { color:#a31022; width:auto; display: block; float:right; }
|
|
.personalInfo { float: left; width:300px; margin-bottom:10px; position: relative; }
|
|
.personalInfo label { color: #333333; display: block; font-size: 13px; font-weight: bold; margin-bottom: 4px; font-family:Arial, Helvetica, sans-serif }
|
|
.personalInfo input[type="text"] { font-size: 13px; font-weight: normal; line-height: 1.2; padding: 3px; background-color: #fff; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; color: #333; width: 250px; font-family:Arial, Helvetica, sans-serif }
|
|
.personalInfo input[type="text"].fullname { width:197px; }
|
|
.personalInfo select { border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; width:50px!important; padding:2px 0 }
|
|
.otherRequest { margin: 5px 0 10px 0; position: relative; }
|
|
.otherRequest label { color: #333333; display: block; font-size: 13px; font-weight: bold; margin-bottom: 4px; font-family:Arial, Helvetica, sans-serif }
|
|
.otherRequest textarea { font-size: 13px; font-weight: normal; line-height: 1.2; padding: 3px; /*-moz-box-sizing: border-box; */ background-color: #FFFFFF; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid;/* border-radius: 3px; box-shadow: 0 2px 5px #CCCCCC inset;*/ color: #333333; width: 350px; height:100px; font-family:Arial, Helvetica, sans-serif; float: left; }
|
|
.submitButton { width:200px; float: left; font-size:11px; margin:10px 25px 0 25px; font-style:italic }
|
|
.newsletter { clear: both; margin:10px 0 }
|
|
.newsletter input { vertical-align:middle; margin: -3px 5px 0 0 }
|
|
.otherRequest .tipsBox { border:1px solid #d1d1d1; padding:5px; width:300px; position:absolute; left:393px; top:20px; background:#fff; font-weight:normal; height:auto }
|
|
.otherRequest .tipsBox .arrowGray { background:url(https://data.chinahighlights.com/pic/arrow-downandleft.png) no-repeat; width:18px; height:27px; position:absolute; left:-18px; top:20px }
|
|
.otherRequest .tipsBox ol { margin:0 0 0 5px; padding-left:15px }
|
|
.otherRequest .tipsBox ol li { line-height:15px; margin-bottom:3px; font-size:11px; list-style-position:outside }
|
|
.closeit { position:absolute; display: block; width:13px; height:13px; right: 10px; bottom: 5px; cursor:pointer }
|
|
.privacyProtected { font-size:11px; font-weight: normal; display: block; width:auto; float: right; margin-right:500px; }
|
|
.privacyProtected a { text-decoration: none; color:#fff; }
|
|
.privacyProtected a:hover { text-decoration: underline; color:#a31022 }
|
|
.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:20px; left:4px; }
|
|
/* Mcafee Security */
|
|
.securityArea { width:300px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#333; float: left; overflow: hidden; height:100%; margin:10px 0 0 20px; }
|
|
.mcafeeIcon { width:100px; height:60px; font-size:11px; float: left; margin-right:10px; }
|
|
.mcafeeIcon img, .TrusteIcon img { height:35px; }
|
|
.TrusteIcon { width:120px; height:60px; float: left; }
|
|
/* yangtze cruise booking form*/
|
|
table.travelNo { border: none; width:500px; margin-bottom:10px; }
|
|
table.travelNo th { color: #333; font-size: 13px; font-weight: bold; margin-bottom: 4px; font-family:Arial, Helvetica, sans-serif; text-align: left; }
|
|
table.travelNo td select { width:90px; padding:2px 0; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; }
|
|
.transferBooking { margin: 5px 0; width:390px; clear: both; position:relative; }
|
|
.transferBooking .transferTitle { color: #333; font-size: 13px; font-weight: bold; margin-bottom: 4px; font-family:Arial, Helvetica, sans-serif; display: block; margin-bottom:5px; }
|
|
.singleInfo { clear: both; }
|
|
.font11Red { color:#a31022; font-weight: bold; }
|
|
.noteInfo {
|
|
display:; font-size:11px; border:1px solid #d1d1d1; padding:5px; position:absolute; left: 244px; top: -35px; width: 400px; background:#fff; }
|
|
.noteInfo .arrowGray { background:url(https://data.chinahighlights.com/pic/arrow-downandleft.png) no-repeat; width:18px; height:27px; position:absolute; left:-18px; top:20px }
|
|
.singleInfo input { vertical-align:middle; margin:-3px 0 0 0; }
|
|
.totalPrice { background: none repeat scroll 0 0 #FCF7E8; color: #000000; font-size: 14px; height: 20px; margin-bottom: 2px; padding: 5px; width:280px; margin-top:-50px; float: right }
|
|
|
|
/* yangtze cruise real-time payment */
|
|
.shipInfo { margin: 5px; }
|
|
.shipInfo .singleInfo { border-bottom:1px dashed #d1d1d1; display: block; margin: 0 0 10px 0; padding-bottom:8px; }
|
|
.shipInfo .singleInfo input { vertical-align:middle; margin-bottom:-3px; margin-top:0; margin:5px 10px 15px 5px; float: left; }
|
|
.shipInfo .singleInfo .basedOn { font-size:11px; }
|
|
.shipInfo .singleInfo td { font-size:11px; }
|
|
.shipInfo .singleInfo td select { width:80px!important; }
|
|
.font11Red { color:#a31022; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; }
|
|
.shipInfo .noteInfo { margin: 10px 0; display: block; font-size:11px; line-height:17px; text-align:justify }
|
|
table.tableSimple { margin: 0; }
|
|
table.tableSimple td select { width:100px; }
|
|
h5.fpassager { font-size:12px; color:#6a6a6a; margin:10px 0 10px 0px; padding-bottom:5px; border-bottom:1px solid #d1d1d1; background:url(https://data.chinahighlights.com/css/images/drop-5.GIF) no-repeat 3px 2px; padding-left:18px; }
|
|
h5.fpassagerInfo { font-size:12px; color:#6a6a6a; margin:10px; padding-bottom:5px; border-bottom:1px solid #d1d1d1; background:url(https://data.chinahighlights.com/css/images/drop-5.GIF) no-repeat 3px 2px; padding-left:18px; }
|
|
table.fpassagerInfo { font-size:12px; }
|
|
table.fpassagerInfo tr th { color:#6a6a6a; border-bottom:1px dashed #d1d1d1; padding:2px 0 5px 2px; text-align:left; background:#e3ecee; }
|
|
table.fpassagerInfo tr th select { width:120px;border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; height:24px; padding:0; font-family:Arial, Helvetica, sans-serif; color:#333}
|
|
table.fpassagerInfo tr td { border-bottom:1px dashed #d1d1d1; padding:5px 0 8px 0; }
|
|
.font11 { font-size:11px; clear: both; display: block; }
|
|
table.fpassagerInfo tr:hover { background:#f5f5f5; }
|
|
table.fpassagerInfo tr td.traveller { padding:0 0 0 5px; }
|
|
table.fpassagerInfo input.important { border:1px solid #ecc906; }
|
|
table.fpassagerInfo input.fullname { background: url(https://data.chinahighlights.com/css/images/fullname.gif) no-repeat 5px #fff; width: 100px; margin-top: 5px;
|
|
font-size: 13px; font-weight: normal; line-height: 1.2; padding: 3px 0 3px 20px; background-color: #fff; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; color: #333; font-family:Arial, Helvetica, sans-serif
|
|
}
|
|
table.fpassagerInfo input.lastname { width: 100px; margin-top: 5px; font-size: 13px; font-weight: normal; line-height: 1.2; padding: 3px; background-color: #fff; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; color: #333;font-family:Arial, Helvetica, sans-serif }
|
|
table.fpassagerInfo input.passport { background: url(https://data.chinahighlights.com/css/images/photo-gray.gif) no-repeat 5px #fff; width: 200px; margin-top: 5px;
|
|
font-size: 13px; font-weight: normal; line-height: 1.2; padding: 3px 0 3px 20px; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; color: #333; font-family:Arial, Helvetica, sans-serif}
|
|
table.fpassagerInfo input.birthday { width:100px; border:1px solid #d1d1d1; background:#fff; padding:5px 5px 5px 20px; margin:5px 5px 0 5px; }
|
|
textarea.flightSpecial { width: 620px; height:80px; margin-top: 5px; background: #fff; border: 1px solid #d1d1d1; height: 110px; padding: 5px; line-height: 18px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color: #545454; }
|
|
.reservFlightForm { border: 2px solid #d1d1d1; width: 660px; margin-bottom: 20px; margin-top: 15px; padding-bottom: 10px; }
|
|
.reservFlightForm select { float:left; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; margin-top:5px; margin-right:3px; padding:2px 0; width:50px; }
|
|
.paynow { float: left; display: block; width:215px; cursor:pointer; position: relative; }
|
|
.arrowUp { position:absolute; width:16px; height:16px; top:-16px; left:10px; }
|
|
.or { float: left; font-size:80px; color:#EEE; font-weight: bold; margin: -20px 50px 0 50px; }
|
|
table.fpassagerInfo input.destination {border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; color: #333; width: 180px; font-family:Arial, Helvetica, sans-serif; padding:3px;}
|
|
table.fpassagerInfo input.calendar{background:url(https://data.chinahighlights.com/css/images/calender.GIF) no-repeat scroll 128px center; width:150px;border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; color: #333; font-family:Arial, Helvetica, sans-serif; padding:3px;}
|
|
|
|
#submitLoading { width:550px; margin:0 auto; text-align:center; font-size:16px; color:#a31022; height: 55px; display: none; background:#fff; padding:10px; }
|
|
#submitLoading img { margin-bottom:15px;}
|
|
/* simple tailor */
|
|
#simpleTailor { margin: 0 0 10px 0; float:left;}
|
|
#simpleTailor .simpleinfoBox{ width:450px; height:150px; padding:5px; font-size:12px; line-height:16px; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; color: #333; font-family:Arial, Helvetica, sans-serif }
|
|
.tipsBox{ width:300px; border:1px solid #d1d1d1; padding:5px; font-size:11px; color:#a31022; position:absolute; top:0px; right:15px; margin:10px 0 5px 55px }
|
|
.tipsBox ol { padding-left:15px; margin:0 0 0 10px;}
|
|
.tipsBox ol li { margin-bottom:5px; list-style-position:outside;}
|
|
.tipsBox .arrowLeft {background:url(https://data.chinahighlights.com/css/images/left-arrow.png) no-repeat; width:11px; height:11px; position:absolute; top:8px; left:-11px}
|
|
/* advanced tailor */
|
|
#advancedTailor { margin: 0 0 10px 0;}
|
|
.attractionList{ margin:0 0 10px 0}
|
|
.attractionList ul{margin:0 0 0 10px; padding:0}
|
|
.attractionList input { vertical-align:middle; margin:-3px 0 0 0;}
|
|
.attractionList ul li{ list-style:none; float:left; width:140px; margin-right:5px; line-height:13px; margin-bottom:8px; font-size:11px }
|
|
.cityList{ margin:15px 0 }
|
|
.cityList input { vertical-align:middle; margin:-3px 0 0 0;}
|
|
.cityList ul{margin:0 0 0 10px; padding:0}
|
|
.cityList ul li{list-style:none; float:left; width:140px; margin-right:5px; line-height:13px; margin-bottom:8px; font-size:11px}
|
|
.selectedBox { margin:5px 10px; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color:#333}
|
|
.selectedBox textarea { border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; background:#fff; width:300px; height:60px; padding:5px; margin:5px 0 10px 0; }
|
|
textarea.selectedAttractions { font-size:13px; border-left: 1px solid #fff; color:#888; margin-left:-4px;}
|
|
textarea.selectedCities { font-size:15px;}
|
|
.tourRequirement { padding:5px 10px;}
|
|
|
|
.tourIdea { float: left; width:300px; margin-bottom:10px; position: relative; }
|
|
.tourIdea label { color: #333333; display: block; font-size: 13px; font-weight: bold; margin-bottom: 4px; font-family:Arial, Helvetica, sans-serif }
|
|
.tourIdea input[type="text"] { font-size: 13px; font-weight: normal; line-height: 1.2; padding: 3px; background-color: #fff; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; color: #333; width: 250px; font-family:Arial, Helvetica, sans-serif }
|
|
.tourIdea input[type="text"].fullname { width:197px; }
|
|
.travelDate { width:120px!important; background:url(https://data.chinahighlights.com/css/images/calender.GIF) no-repeat 106px 2px;}
|
|
.duration { width:120px!important;}
|
|
.tourIdea select { border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; width:83px!important; height:24px; font-family:Arial, Helvetica, sans-serif; color:#333 }
|
|
select.travelBudget { width:164px!important;}
|
|
.bookingMark { clear:both; display: block; margin:10px 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold;}
|
|
input.checkbox { vertical-align:middle; margin:-3px 5px 0 0;}
|
|
|
|
.ourPromise { width:350px; position:absolute; top:85px; right:-20px; }
|
|
.ourPromise ul { margin:25px 0 0 5px; padding:0; }
|
|
.ourPromise ul li { list-style: none; line-height:18px; font-size:14px; font-style:italic; background: url(https://data.chinahighlights.com/css/images/mark-icon.png) no-repeat left; padding-left:25px; margin-bottom:8px; }
|
|
/*nationality */
|
|
.ac_results { background-color: #FFF; border: 1px solid #5E5E5E; }
|
|
.ac_results ul { margin: 0px; padding: 0px; }
|
|
.ac_results li { list-style: none; padding: 5px 10px 5px 10px; cursor:default; margin: 3px; color:#545454; text-transform:capitalize; }
|
|
.ac_results .ac_caption { border-bottom: dashed 1px #666; color: #666; margin: 8px 10px 3px 10px; }
|
|
.ac_results .ac_even { background-color:#FFF; }
|
|
.ac_results ac_odd { background-color: #FFF; }
|
|
.ac_results .ac_over { background-color:#bce7ff; color:#a31022 }
|
|
.ac_results .ac_code { color: #545454; width: 50%; display: block; float: left; margin-right: 10px; }
|
|
.ac_results .ac_Name { color: #545454; }
|
|
.ac_results .ac_highLight { font-weight: bold; color: #a31022; }
|
|
input.nationality { text-transform: capitalize; }
|
|
.fullname { text-transform:capitalize}
|
|
.bestSelling{ margin-top:-15px; float:left; font-size:15px;}
|
|
.nodisplay{display:none;}
|