@charset "utf-8";
/* CSS Document */
body { background:url(/css/images/forms/bg-thankyou.jpg) repeat-x bottom; color:#545454; padding-bottom:20px; font-family:Verdana, Geneva, sans-serif; font-size:12px; }
p { line-height:18px; margin-bottom:8px; }
a { color:#a31022; }
a:hover { color:#a31022; text-decoration: none; }
img { border:none; }
h1 { font-size:28px; font-weight: normal; margin: 0 0 10px 15px; }
.clear { clear:both; }
.roundCorner { -moz-border-radius:4px; -webkit-border-radius:4px; }
#mainContent { width:855px; margin: 20px auto; }
#header { background:url(/css/images/forms/bg-survey-header.jpg) no-repeat; width:825px; height:170px; padding: 25px 0 0 30px; position:relative; }
.backHome { width:195px; height:31px; position:absolute; right:20px; bottom:20px; }
#logo { width:223px; height:122px; }
#content { background:url(/css/images/forms/bg-content.png) repeat-y; width:825px; padding:15px 15px 30px 15px; margin:auto!important }
/* 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(/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 auto 10px auto; height:100%; overflow: hidden; }
.yourBooking .subTitle { background:#d1d1d1; padding:5px 0 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; color:#333; }
/* footer info */
.bottom { background:url(/css/images/forms/bg-thankyou-bottom.png) no-repeat; height:14px; }
#footerInner { width:855px; margin: 15px auto; }
#footerInner .CHinfo { float: left; width:450px; text-align:center; }
.members { float: right; width:350px; margin-top:10px; }
.iata { background-image: url("/css/images/member-sprite.png"); background-position: -10px -105px; display: block; float: left; width: 45px; height:30px; margin: 10px 20px 0 0; }
.ustoa { background-image: url("/css/images/member-sprite.png"); background-position: -10px -155px; display: block; float: left; width:103px; height:21px; margin: 10px 10px 0 0; }
.pata { background-image: url("/css/images/member-sprite.png"); background-position: -10px -196px; display: block; float: left; width:70px; height:30px; margin: 10px 10px 0 0; }
.asta { background-image: url("/css/images/member-sprite.png"); background-position: -10px -246px; display: block; float: left; width:48px; height:30px; margin: 10px 10px 0 0; }
.tips { color:#666; line-height:18px; width:830px; margin:5px auto; font-size:10px; }
/* Mcafee Security */
.securityArea { width:150px; 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; }
/* --
-- */
#formHead { width:810px!important; background-color:#f4f4f4; border:#a1a1a1 1px solid; margin:5px auto 15px auto; }
#formHead th { padding:5px; font-size:15px; }
#formHead th span { color:#a31022; font-weight: normal; font-style:italic}
#formBody { width: 810px!important; margin:5px auto; }
#formBody input { vertical-align:middle; margin:-3px 2px 0 10px; }
#formBody p { display: block; margin-bottom:5px; }
#formBody h2 { font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight: normal; margin:15px 0; line-height:18px;}
#formBody textarea { border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-style: solid; border-width: 1px; background:#fff; margin-bottom:10px; margin-top:-5px; }
#formBody label { display: block; margin-bottom:10px; margin-left:-10px; }
#formBody ol { margin-left:10px; padding-left:10px}
#formBody ol li { line-height:20px; margin-bottom:15px; font-size:15px;}
#formBody ul { margin-left:0; padding-left:0; height:100%; overflow:hidden}
#formBody ul li { list-style: none; background:url(/pic/red-dot.png) no-repeat left 5px; line-height:20px; margin-bottom:15px; padding-left:20px; font-size:15px; width:350px; float: left}
#formFooter { width:96%; background-color:#fff; padding:2px 10px 10px 2%; font-size:12px; }
#formFooter p { line-height:1em; }
.checklist { border: 1px solid #ccc; list-style: none; width: 16em; }
.checklist, .checklist li { margin-left: 0; padding: 0; }
.checklist label { display: block; padding-left: 25px; text-indent: -25px; }
.checklist label:hover, .checklist label.hover { background: #777; color: #fff; }
* html .checklist label { height: 1%; }
/* Checklist 1 */
.cl1 { font-size: 1em; width: 100%; }
.cl1 .alt { background: #f5f5f5; }
.cl1 input { vertical-align: middle; }
.cl1 label:hover, .cl1 label.hover { background: #ddd; color: #000; }
/* Checklist 3 */
.cl3 { border: 0px dotted #a17c04; color: #000000; font-family: "Trebuchet MS", Tahoma, Geneva, Arial, sans-serif; font-size: 12px; }
.cl3 .alt { background-color: #f4f4f4; }
.cl3 label { padding: 0.2em 0.2em 0.2em 25px; }
.cl3 label:hover, .cl3 label.hover { color: #a31022; background-color: #FFE7CE; }
/* input box */		
.en1 { font-size: 10px; font-family: Verdana }
.input1 { font-family: verdana; background-color: #F6F6F6; border-bottom: #FFFFFF 1px solid; border-left: #CCCCCC 1px solid; border-right: #FFFFFF 1px solid; border-top: #CCCCCC 1px solid; font-size: 12px; margin-top:5px; }
.input1-bor { font-family:verdana; background-color:#F0F8FF; font-size: 12px; border: 1px solid #333333; }
.borderBottom { margin-bottom:5px; }

/* result page error style */
.errorMain2{  margin: 10px auto 20px auto; padding: 0 20px; background:url(/pic/chinahighlights.gif) no-repeat 20px center;}
.errorMain2 p {font-size:15px; line-height:30px; margin-bottom:10px;}
/* site search */
#footersearch { background:url(/css/images/footer-searchbox.png) no-repeat; height:45px; margin:10px auto; width:615px;}
#footersearch1 { background-color:#FF0000; width:615px; height:45px; margin:10px auto; }
#footersearch .footersearchBox { width:490; }
#footersearch .footersearchBox input { width: 450px; height:25px; border:none; float: left; color:#000; padding: 5px; margin:5px 0 0 10px; opacity:0.5; font-family:Arial, Helvetica, sans-serif; font-size:20px; }
#footersearch .footersearchButton { width:100px; float:left; margin:4px 0 4px 23px; }
.topSearch { clear: both; padding: 10px 0; display: block }
.topSearch a { font-size:11px; font-weight: bold; margin-right:5px; }
.topSearch a:hover { text-decoration: none; color:#a31022 }