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.
132 lines
12 KiB
CSS
132 lines
12 KiB
CSS
@charset "utf-8";
|
|
/* China Highlights Tailor Made Forms */
|
|
|
|
#tailorForm{width:695px; float:left; margin-left:22px; margin-bottom:10px;_margin-left:10px;}
|
|
#chooseCities{margin:10px 0 20px 0; text-align:right; position:absolute; width:350px; right:20px; bottom:5px; font-size:11px}
|
|
#chooseCities select{width:200px; -moz-border-radius:4px}
|
|
#chooseCities select option{padding:0 5px 0 10px; font-size:11px}
|
|
#chooseCities select option.cityTitle{padding-left:0; font-weight:bold; margin:0 5px}
|
|
#chooseCities select option.cityTitle2{padding-left:0; border-bottom:1px solid #666; font-weight:bold; margin:0 5px; margin-bottom:5px; font-style:italic}
|
|
.phoneNotes { width:187px; border:1px solid #d1d1d1; position: absolute; padding:3px; right:11px; top:147px; font-size:11px; color: #a31022; }
|
|
.phoneNotes .arrowleft { background:url(https://data.chinahighlights.com/css/images/arrow-left.JPG) no-repeat; width:11px; height:16px; position:absolute; left:-11px; top: 8px; }
|
|
#tailorForm ul{margin:0}
|
|
#tailorForm ul p{font-size:11px}
|
|
#tailorForm ul li{list-style:none; float:left; width:130px; margin-right:5px; line-height:13px; margin-bottom:8px; font-size:11px}
|
|
#tailorForm .switchBox{width:695px; border-bottom:4px solid #666; margin:0 0 8px 0; position:relative; z-index:1}
|
|
#tailorForm .switchBox ul{margin-left:50px; z-index:21}
|
|
#tailorForm .switchBox ul li{list-style:none; float:left; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; width:auto; font-size:15px; font-weight:bold; padding:7px 9px 9px 5px; margin-bottom:0px; _margin-bottom:-10px; background:url(https://data.chinahighlights.com/css/images/deals/bg-red.GIF) repeat-x #a31022; color:#fff}
|
|
#tailorForm .switchBox ul li a{color:#fff; text-decoration:none}
|
|
#tailorForm .switchBox ul li.active{list-style:none; float:left; border:4px solid #666; border-bottom:none; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; width:auto; font-size:15px; font-weight:bold; padding:8px 5px; margin-bottom:-5px; _margin-bottom:-10px; background:#fff; color:#a31022; z-index:31}
|
|
#cityDesign{width:947px; height:145px; background:url(/image/tailor/bg-natasha.gif) no-repeat; margin:0 0 30px 20px; padding:10px 0 5px 0}
|
|
#cityDesign p{margin:0 20px 0 200px}
|
|
#tailormadeForm{width:auto; margin:10px 0 20px 0}
|
|
#tailormadeForm h2{font-size:18px; font-weight:bold}
|
|
.selectList{background:url(https://data.chinahighlights.com/css/images/bg-tailor-1.png) no-repeat left; padding:15px 0 0 70px; width:620px; height:48px}
|
|
.yourIdea{background:url(https://data.chinahighlights.com/css/images/bg-tailor-2.png) no-repeat left; padding:8px 0 0 70px; width:620px; height:48px}
|
|
.contactInfo{background:url(https://data.chinahighlights.com/css/images/bg-tailor-3.png) no-repeat left; padding:8px 0 0 70px; width:620px; height:38px}
|
|
.simpleTailor{margin:0px 0 8px 0}
|
|
.advancedTailor{margin:0px 0 8px 0}
|
|
#tailorForm .howtoContact{width:695px; margin:10px 0; position:relative}
|
|
.requiredArea{position:absolute; top:-41px; right:11px; font-weight:bold}
|
|
#tailorForm .title{float:left; width:200px; margin:5px 10px 13px 0; text-align:right}
|
|
#tailorForm select{background:#fff; border:1px solid #666; padding:2px 5px; color:#333}
|
|
#tailorForm .select60{width:60px}
|
|
#tailorForm .select80{width:83px; font-size:11px; padding:3px 0 4px 0}
|
|
#tailorForm .select108{width:108px; font-size:11px; padding:3px 0 4px 0}
|
|
#tailorForm .select258{width:258px; padding:3px 0 4px 0}
|
|
#tailorForm .select258 option{padding-left:5px; font-size:11px; margin-bottom:2px}
|
|
#tailorForm .select258 optgroup{font-style:italic; font-size:11px; font-weight:bold; border-top:1px solid #f1f1f1; padding-bottom:1px; margin:5px 0}
|
|
#tailorForm .select120{width:126px; font-size:11px; padding:3px 0 4px 0}
|
|
#tailorForm .select100{width:140px}
|
|
#tailorForm input{background:#fff; border:1px solid #666; padding:3px; color:#333}
|
|
#tailorForm input.checkbox{margin-right:5px; border:none; vertical-align:middle}
|
|
#tailorForm input.radio{margin:-3px 5px 0 0; vertical-align:middle; border:none}
|
|
#tailorForm .input80{width:100px; color:#999}
|
|
#tailorForm .input135{width:135px; padding:3px 0 3px 7px; background:#f1f1f1}
|
|
#tailorForm .input135White{width:135px; padding:3px 0 3px 7px; background:#fff}
|
|
#tailorForm .input150{width:150px}
|
|
#tailorForm .input246{width:249px}
|
|
#tailorForm textarea{border:1px solid #666; background:#fff; line-height:18px}
|
|
#tailorForm textarea:focus{border:1px solid #F90}
|
|
#tailorForm .simpleinfoBox{width:400px; height:200px; padding:5px; font-size:11px; line-height:16px; color:#545454}
|
|
#tailorForm .specialRequests{width:400px; height:90px; padding:5px; font-size:12px; float:right; margin-right:20px}
|
|
#tailorForm .selectedCities{width:400px; height:50px; padding:5px; font-size:12px; margin:0; border-bottom: 1px dashed #f1f1f1; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px}
|
|
#tailorForm .selectedAttractions{border-top:none; width:400px; height:50px; padding:0 5px 5px 5px; color:#999; font-size:11px; margin:0px 0 5px 0; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px}
|
|
#tailorForm .selectedAttractions2{width:400px; height:80px; padding:5px; color:#999; font-size:11px; margin:0px 0 5px 0}
|
|
#tailorForm .attractionList{margin:0px 0 10px 0}
|
|
#tailorForm .attractionName{margin:5px 0; padding-left:55px}
|
|
#tailorForm .attractionName table{margin:5px 0; font-size:11px; width:600px}
|
|
#tailorForm .attractionName table td{padding:5px 0; vertical-align:top}
|
|
#tailorForm .leftList{ width:490px; float:left; margin:5px 0; position: relative; }
|
|
#tailorForm .leftList2{width:480px; float:left; margin:5px 0; padding-left:55px}
|
|
#tailorForm .tipsInfo{width:auto; float:left}
|
|
#tailorForm .tipsBox{width:130px; border:1px solid #d1d1d1; padding:5px; font-size:11px; color:#a31022; position:relative; margin:0 0 5px 0}
|
|
#tailorForm .tipsBox2{width:130px; border:1px solid #d1d1d1; padding:5px; font-size:11px; color:#a31022; position:relative; margin:10px 0 5px 55px}
|
|
#tailorForm .tipsBox3{width:250px; border:1px solid #d1d1d1; padding:5px; font-size:11px; color:#a31022; position:absolute; top:-5px; right:0; margin:10px 0 5px 55px}
|
|
#tailorForm .tipsBox3 ol { padding-left:15px; margin-left:10px;}
|
|
#tailorForm .tipsBox3 ol li { line-height:15px; margin-bottom:5px; list-style-position:outside;}
|
|
#tailorForm .tipsBox .arrowLeft, #tailorForm .tipsBox2 .arrowLeft, #tailorForm .tipsBox3 .arrowLeft {background:url(https://data.chinahighlights.com/css/images/left-arrow.png) no-repeat; width:11px; height:11px; position:absolute; top:8px; left:-11px}
|
|
|
|
#tailorForm .yourideaContent{margin:10px 0}
|
|
#tailorForm .yourideaContent .traveldateChoose{width:210px; float:left; margin:0 0 10px 20px; font-size:11px; font-weight:bold}
|
|
#tailorForm .yourideaContent #fixedDates{margin:5px 0}
|
|
#tailorForm .yourideaContent #flexibleDates{margin:5px 0; padding-bottom:5px; border-bottom:1px dashed #d1d1d1}
|
|
#tailorForm .yourideaContent #flexibleDates2{margin:5px 0; padding-bottom:10px; border-bottom:1px dashed #d1d1d1}
|
|
#tailorForm .yourideaContent .groupNo{margin:10px 0 10px 0; border-bottom:1px dashed #d1d1d1; padding-bottom:2px}
|
|
|
|
#tailorRight{width:240px; float:left; margin-left:10px}
|
|
#tailorRight .infoBox{width:240px; border:1px solid #d1d1d1; padding:0; margin-bottom:15px}
|
|
#tailorRight .infoBox img{ margin-left:0px }
|
|
#tailorRight .infoBox h4{font-size:14px; font-weight:bold; background:#d1d1d1; padding:7px 0; margin:0 0 5px 0; text-align:center}
|
|
#tailorRight .infoBox ol{padding-left:15px; margin-left:10px}
|
|
#tailorRight .infoBox ol li{font-size:11px; line-height:15px; margin-bottom:5px; list-style-position:outside}
|
|
|
|
#tailorForm .fullname{background:url(https://data.chinahighlights.com/css/images/fullname.gif) no-repeat 5px; width:168px; padding-left:20px}
|
|
#tailorForm .nationality{background:url(https://data.chinahighlights.com/css/images/nationality.gif) no-repeat 5px; width:228px; padding-left:25px}
|
|
#tailorForm .email{background:url(https://data.chinahighlights.com/css/images/email.gif) no-repeat 5px; width:228px; padding-left:25px}
|
|
#tailorForm .phone{background:url(https://data.chinahighlights.com/css/images/telephone.gif) no-repeat 5px; width:230px; padding:5px 0 4px 25px; font-family:Verdana,Geneva,sans-serif; font-size:12px}
|
|
#tailorForm .calendar{background:url(https://data.chinahighlights.com/css/images/calender.GIF) no-repeat scroll 100px center; width:115px}
|
|
#tailorForm .roomType{width:270px; margin:5px 0 5px 210px}
|
|
#tailorForm .roomType ul{margin-left:0px}
|
|
#tailorForm .roomType ul li{width:125px; float:left}
|
|
|
|
#tailormadechinatours{padding:2px; border:1px solid #d1d1d1; border-top:none}
|
|
#tailorForm .subSwitch{padding:5px 5px 10px 5px; margin-bottom:8px; background:url(https://data.chinahighlights.com/css/images/bg-subswitch.gif) no-repeat}
|
|
#tailorForm .subSwitch ul{margin-left:5px; background:#d1d1d1; margin-bottom:0; padding-bottom:0}
|
|
#tailorForm .subSwitch ul li{float:left; list-style:none; font-size:12px; font-weight:bold; width:auto}
|
|
#tailorForm .subSwitch ul li a{text-decoration:none; padding:0 5px}
|
|
#tailorForm .subSwitch ul li.active{color:#a31022; background:url(https://data.chinahighlights.com/css/images/solid-arrow-down.png) no-repeat bottom center; padding-bottom:11px; height:21px}
|
|
|
|
#tailorForm .switchBox2{width:695px; border-bottom:1px solid #d1d1d1; padding-bottom:0; margin:0; position:relative; height:34px}
|
|
#tailorForm .switchBox2 ul{margin-left:50px}
|
|
#tailorForm .switchBox2 ul li{list-style:none; float:left; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; width:auto; font-size:15px; font-weight:bold; padding:10px 5px; background:url(https://data.chinahighlights.com/css/images/deals/bg-red.GIF) repeat-x bottom; color:#fff}
|
|
#tailorForm .switchBox2 ul li a{color:#fff; text-decoration:none}
|
|
#tailorForm .switchBox2 ul li.active{list-style:none; float:left; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; font-size:15px; font-weight:bold; padding:13px 0 0 0; margin-bottom:0px; text-align:center; width:241px; height:22px; background:url(https://data.chinahighlights.com/css/images/bg-tailor-switch.png) no-repeat top; color:#a31022; margin-bottom:-3px}
|
|
.tailormadeBox{border:1px solid #d1d1d1; border-top:none; padding:2px}
|
|
|
|
.tailormadeSubmit{display:block; -moz-border-radius:5px; -moz-border-radius:5px; border:#D1D1D1 1px solid; background:url(https://data.chinahighlights.com/css/images/deals/bg-red.gif) repeat-x bottom; text-decoration:none; color:#a31022; width:180px; text-align:center; padding:8px 10px; margin:15px 15px 15px 230px; position:relative}
|
|
|
|
.tailormadeSubmit:hover{display:block; background:url(https://data.chinahighlights.com/css/images/buttunRed2.GIF) repeat-x bottom; padding:8px 10px}
|
|
.tailormadeSubmit a{font-size:14px; font-weight:bold; color:#fff; background:url(https://data.chinahighlights.com/css/images/arrow-right.gi) no-repeat right 60%; text-decoration:none; padding:5px 20px 5px 0px}
|
|
.tailormadeSubmit .mcafeetailor {
|
|
position:absolute;
|
|
display: block;
|
|
width:65px;
|
|
height:37px;
|
|
right:-80px;
|
|
top:0;
|
|
}
|
|
ul.allattractions li{width:195px!important}
|
|
/* international flights booking */
|
|
.bookingMark { margin: 15px 0 2px 0; display: block}
|
|
.bookingMark2 { margin: 15px 0 2px 0; display: block; padding-left:40px; }
|
|
.reservFlightForm { border: 2px solid #d1d1d1; width: 660px; margin-bottom: 20px; padding-bottom: 10px; }
|
|
.reservFlightForm select { -x-system-font:none; float:left; background:#fff; border:1px solid #DDDDDD; color:#666666; font-family:Verdana, Sans-Serif; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:16px; padding:5px; -moz-border-radius: 4px; margin-top:5px; margin-right:3px; }
|
|
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:5px; text-align:left; background:#e3ecee; }
|
|
table.fpassagerInfo tr td { border-bottom:1px dashed #d1d1d1; padding:5px }
|
|
.font11 { font-size:11px; clear: both; display: block; color:#a31022 }
|
|
table.fpassagerInfo tr:hover { background:#f5f5f5; }
|