@charset "utf-8";
/* -------------------------------------------------------------------------------------- 
| Content: be used to the diy tour page			  
| Created: 2011/11/02																	 
| Author:  Jenney																		 
| -------------------------------------------------------------------------------------- */
body{ background:#fff url(https://image.chinatour360.com/background/bg.gif) repeat; color:#424242; margin:0; padding:0; font:14px/1.4 Arial, Helvetica, sans-serif;}
div,p,ul,ol,li,dl,dt,dd,form,legend,input,select,table,tr,td,h1,h2,h3,h4,h5,a,span{ margin:0; padding:0; background:none;}
ul,ol{ list-style:none;}
img{ border:none; vertical-align:middle; }
a{ color:#424242;}
a:hover{ color:#f85a00; text-decoration:none;}
input, select, textarea{ font:12px Arial, Helvetica, sans-serif;}

.clear{ clear:both; float:none; height:0; line-height:0; font-size:0; overflow:hidden;}
.strong{ font-weight:bold;}
.facebook{ float:right; width:260px; overflow:hidden;}
.fl{ float:left;} .fr{ float:right;}
.tal{ text-align:left;} .tar{ text-align:right;} .tac{ text-align:center;}
.tdu{ text-decoration:underline;} .tdn{ text-decoration:none;}
.pr{ position:relative;} .pa{ position:absolute;}

.z0{ z-index:0;}
.z1{ z-index:1;}
.z2{ z-index:2;}
.z3{ z-index:3;}
.red{ color:#B60000;}
input, select, textarea{ font:12px Arial, Helvetica, sans-serif; vertical-align:middle;}
#header, #main, #footer{ width:950px; margin:20px auto 0; position:relative;}
#main{width:958px;}
/* header */
#header{ position:relative; margin-top:0; padding-top:20px; font:14px Arial, Helvetica, sans-serif;}
#header .logo{ margin-left:10px;}
#header .phone{ position:absolute; right:10px; top:20px;}

#follow {
    font-size: 12px;
    height: 25px;
    left: 352px;
    position: absolute;
    top: 58px;
    width: 246px;
    z-index: 0;
}
#follow .tw {
    background: url("https://image.chinatour360.com/icon/twitter.png") no-repeat scroll 0 0 transparent;
    margin-left: 6px;
    padding-left: 18px;
}
#follow .fb {
    background: url("https://image.chinatour360.com/icon/facebook.png") no-repeat scroll 0 0 transparent;
    margin-left: 6px;
    padding-left: 18px;
}

#header .mainNav{ position:relative; background:#467dbc  url(https://image.chinatour360.com/background/bg223-.jpg) repeat-x 0 -76px; height:38px; line-height:38px; margin:13px auto 0;}

.mainNav .b1, .mainNav .b2{ position:absolute; width:6px; height:38px; background:url(https://image.chinatour360.com/background/bg223-.jpg) no-repeat; top:0;}
.mainNav .b1{ left:0;}
.mainNav .b2{ right:0; background-position:0 -38px;}
.mainNav .navLi{ padding-left:5px; padding-left:2px\9; overflow:hidden; zoom:1; }
.mainNav .navLi li { position:relative; float:left; height:35px; line-height:35px; margin-top:3px; margin-left:1px; display:inline;}
.mainNav .navLi a{ float:left; color:#FFF; padding-right:13px; height:35px; line-height:35px; text-decoration:none; background:url(https://image.chinatour360.com/background/bg224-.jpg) no-repeat right top;}
.mainNav .navLi a.end{ background:none;}
.mainNav .navLi a span{ display:block; _float:left; height:35px; line-height:35px; background:url(https://image.chinatour360.com/background/bg224-.jpg) no-repeat -1px 0; padding-left:14px; cursor:pointer;}
.mainNav .navLi a:hover, .mainNav .navLi a.current{ height:35px; line-height:35px; background:#fff url(https://image.chinatour360.com/background/bg293.gif) repeat-x; color:#1362bb;}

/*  end header */


/* main */
#main{ position:relative; margin-top:0; padding-top:6px; background:#fff url(https://image.chinatour360.com/background/bg0416.gif) repeat-y;}
#main .left{ width:205px; float:left; margin-left:10px; -margin-left:5px;}
#main .right{ width:710px; float:right; margin-right:10px; -margin-right:5px;}
.path{ overflow:hidden; zoom:1; margin:5px 5px 15px; font-size:12px;}
.path a{ color:#424242;}
.bg{ margin:0 6px; padding:6px 8px 2px 10px; background:#eee;}
/* end main */

.mainfoot{margin:0 auto; background:url(https://image.chinatour360.com/background/bg04162.gif) no-repeat; width:958px; height:9px;}

/* footer */
#footer{text-align:center; color:#666; margin:15px auto;}
#footer img{ margin:10px 8px;}
#footer a{ color:#424242; text-decoration:underline;}
#footer a:hover{ color:#424242; text-decoration:none;}
#footer p{ font-size:11px; margin:4px 0;}
#footer p a, #footer p a:hover{ color:#b60000;}
/* end footer */

/* banner */
.banner{ position:relative; width:937px; height:157px; margin:0 auto; background:url(/image/ad/diy.jpg) no-repeat;}
.banner .msnSkype{ position:absolute; left:495px; top:90px;}
.banner .msnSkype a{display:inline-block; padding-top:20px;}
.banner .msnSkype .msn{ margin-right:10px; background:url(/image/icon/msn-s.gif) no-repeat center top;}
.banner .msnSkype .skype{ background:url(/image/icon/skype-s.gif) no-repeat center top;}

/* step */
.step{ height:50px; line-height:50px; margin-bottom:10px; background:url(/image/background/p028.png) no-repeat; color:#656464; text-align:center; font-size:16px; font-weight:bold; text-transform:uppercase;}
.step .mrg{ margin:0 125px 0 170px; }
.step .current{ color:#FFF;}
.step2{ background-position:0 -50px;}
.step3{ background-position:0 -100px;}

/* popBox */
.popBox{ display:none; position:absolute; left:390px; top:25px; width:350px; border:1px solid #893801; padding:8px; background:#893801 url(/image/background/j011.jpg) repeat-x; font-size:12px; z-index:10; overflow:hidden; zoom:1; }
.popBox .popTitle{ padding:0 15px 10px; color:#FFF; font-size:14px;}
.popBox .whiteBg, .popBox .whiteBg2{ border:1px solid #FFF; background:#FFF; overflow:hidden; zoom:1;padding-bottom: 10px;}

.popBox .whiteBg .greyBd{ margin:10px; border:1px solid #DAD8CC; padding:10px;}
.popBox .btnBlue{ margin-right:10px;}
.popBox .strong{ margin:0 0 5px 0; padding-top:10px; font-size:1.1em;}
.popBox .pr{ display:block; float:left; width:118px; border:1px solid #FDFDFD; border-bottom:none; padding:3px 4px; *padding:3px 2px; overflow:hidden; zoom:1;_display:inline;}
.popBox .pr .radio{ *left:2px;}
.popBox .tip{ display:none; clear:both; float:none; margin-top:5px; padding:2px 5px;  border:1px solid #B60000; background:#FFF;color:#B60000;}
.popBox .choDisable{ top:1px; *top:2px; _top:1px; border:1px solid #F00; border-bottom:none; background:#FFF; color:#36C;}

.popBox .part1{ padding:0 10px; overflow:hidden; zoom:1;}
.popBox .radio{ top:3px; left:4px; *left:10px;}
.popBox .part2{ clear:both; float:none; padding:0 10px; background:url(/image/background/bgj005.jpg) repeat-x; overflow:hidden; zoom:1;}
.popBox .part2 .pr{ width:95%;}
.popBox .pr input, .popBox .chsRadio input{ display:none;}
#form1 .popBox .pr input, #form1 .popBox .chsRadio input{ display:inline; visibility:hidden;}
.popBox .pr input.greyBdSel{ visibility:visible;}
.popBox .tac{ padding:15px 0;}

.popBox .chsCon .btmBd{ position:relative; zoom:1; z-index:2; line-height:23px; margin:0 10px; padding:10px 30px; border-bottom:1px dashed #E4E4E4;}
.popBox .btmBd .fl{ margin-left:10px;}
.popBox .btmBd .selLi{ *left:10px; *top:23px;}
.popBox .chsRadio{ padding:0 30px 20px;}
.popBox .chsRadio h4{ margin:15px 0 5px; font-size:1.2em; color:#8F3D03; font-weight:normal;}
.popBox .chsRadio label{ position:relative; zoom:1; display:block; padding:0 0 5px 20px; }
.popBox .chsRadio .radio{ left:0; top:0; *top:2px;}
.popBox .chsPos{ position:relative; padding:5px 15px 15px; font-size:1.2em; font-weight:bold; font-style:italic;zoom:1;}
.popBox .chsPos .posNum{ padding-right:40px; width:47px;}
.popBox .chsPos .up, .popBox .chsPos .down{ position:absolute; right:135px; _right:140px; top:6px; *top:8px; width:12px; height:8px; overflow:hidden; background:url(/image/background/bgp015.png) no-repeat 2px 0; cursor:pointer;}
.popBox .chsPos .down{ top:18px; background-position:2px -8px;}

.close{ position:absolute; right:10px; top:10px; width:15px; height:15px; background:url(/image/icon/p056.png) no-repeat; no-repeat; cursor:pointer;}

.chkBox, .chkBoxDis, .chgAllDis{ float:left; width:auto; margin-left:10px; border:none; padding:1px 0 2px 25px; *padding-left:0;  background:#FFF url(/image/background/p035.png) no-repeat; font-weight:bold; font-size:13px; cursor:pointer; }
.chkBoxDis, .chgAllDis{ background-position:0 -63px;}
/* End popBox */

.addBtn{ width:122px; height:32px; border:none; padding:0 0 5px 20px; *padding-bottom:0; background:url(/image/background/p029.png) no-repeat 0 -90px; color:#FFF; text-align:left; font-size:13px; cursor:pointer;}
.btnRight, .btnRight2{ width:165px; height:45px; border:none; margin-bottom:5px; padding-bottom:11px; *padding-bottom:8px; padding-left:30px; background:url(/image/background/p029.png) no-repeat 0 -122px; font-weight:bold; font-size:16px; color:#FFF; text-align:left; cursor:pointer;}
.btnRight2{ background-position:0 -168px;}
.btnS, .btnS2{ width:86px; height:23px; border:none; padding-bottom:3px; *padding-bottom:0; background:url(/image/background/p029.png) no-repeat -181px -112px; color:#FFF; cursor:pointer;}
.btnS2{ background-position:-181px -134px;} 

/* suggestion form */
#sugForm{ font-size:1.0em;}
#sugForm .whiteBg{ padding-bottom:20px;}
#sugForm .greyBd{ border:none; margin:0; padding:15px 15px 10px;}
#sugForm .greyBdSel{ width:35px;}
#sugForm textarea{ display:block; width:300px; height:100px; border:1px solid #CCC; margin:5px auto 15px; padding:5px;}
#sugForm .greyBd div{ margin:0 0 10px 5px;}
#sugForm .greyBdTxt{ width:213px;}
#sugForm .tac{ padding:0;}
#sugForm .greyBd .tip{ margin-right:5px; font-size:0.95em;}
#sugForm .red{ color:#B60000; font-size:0.9em;}
#sugForm #suggName{ width:145px;}
#sugForm #MrLi{ top:20px;}



/*-------------------------------  step 1 select city ----------------------------------*/
.sideBar{ float:left; width:251px;}
.sideBar li{ padding:4px 0;}
.sideBar .order1, .sideBar .dot{ margin-bottom:8px; padding:10px; background:#FFF;}
.sideBar .order1{ padding-left:26px;}
.sideBar .order1 span{ margin-left:-16px; font-weight:bold; color:#B60000;}
.sideBar .dot li{ padding-left:10px; background:url(/image/icon/p027.png) no-repeat 0 12px;}
.sug{ border:6px solid #FFF; padding:15px 15px 15px 75px; background:#F3F1ED url(/image/icon/p044.png) no-repeat 20px 10px; *background-position:20px 15px;}

.mainCon{ float:left; width:665px; margin-left:8px; }
.mainCon .intro{ margin-bottom:10px; padding:20px; background:#FFF; text-align:justify;}

h2{ height:44px; line-height:44px; border-top-left-radius:8px; border-top-right-radius:8px; padding:0 20px; background:url(/image/background/p021.png) repeat-x 0 -104px; font-size:16px;font-weight:normal;}
h2 span, h2 a{ padding-left:18px; background:url(/image/background/p024.png) no-repeat 0 -53px; color:#B60000;}
.Wdate{ width:120px;}

#info{ margin-bottom:10px; padding:20px 0 20px 30px; background:#FFF; zoom:1;}
#info .fl{ display:block; width:180px;}
#info .fl .Wdate{ width:120px; padding:3px 5px;}
#info .fl2{ width:300px;}
#info .adult{ width:100px;}
#info .fl input{ display:block; margin:5px 0 0; width:200px;}
#info .fl #tourGrade{ width:170px;}
#info #tourGradeLi{ width:195px;}

.greyBdSel, .greyBdTxt{ border:1px solid #C8C8C8; padding:3px 5px; }
.greyBdSel{ padding-right:20px; background:#FFF url(/flights/scripts/codebase/imgs/combo_select_dhx_HotelBook.gif) no-repeat right center;}
.last .greyBdSel{ color:#000; cursor:default;}

.radio{ position:absolute; left:0; *left:2px; top:3px; width:14px; height:14px; overflow:hidden; background:url(/image/icon/p055.png) no-repeat;}
.radioSel{ background-position:0 -14px;}
.radioOver, .popBox .whiteBg .radioOver{ color:#8F3D03;}
/* select menu */
.select{ position:relative; cursor:default;}
.selLi{ display:none; position:absolute; left:0; top:23px; *top:25px; overflow:auto; background:#FFF;  border:1px solid #C8C8C8; border-top:none;}
.selLi li{ line-height:1.4; padding:4px 8px; color:#000; font-size:12px; font-style:normal;}
.selLi .over{ background:#E9EEF3;}
/* End select menu */

.city{ margin-bottom:10px; padding:0; background:#FFF;}
.city .greyBdSel{ width:230px; margin:0 15px;}
.city .focus{ border:1px solid #A16655; }
.city img{ vertical-align:middle; cursor:pointer;}
.city .citySel{ padding:15px 0 15px 60px; background:#F7F6F3;}
.city .package{ padding:10px 0 10px 90px; background:#FFF;}
.city .package .pr{ margin-bottom:5px;}

.recom{ margin-left:5px; padding:2px 0 2px 15px; background:url(/image/icon/p047.png) no-repeat;}
.package .rightArr{ margin-left:5px; padding-left:42px; *padding-left:37px; background:url(/image/background/p033.png) no-repeat 0 5px; cursor:pointer;}
.package .rightOver{ background-position:0 -16px;}
.note{ border:1px solid #D3D3D3; margin-bottom:10px; padding:15px 20px 15px 40px; background:#FCF6E4 url(/image/icon/p048.png) no-repeat 18px 18px;}

/* popPackage */
#cityDilog{ width:500px;}
#cityDilog .chsRadio { padding:0 20px 20px;}
#cityDilog #chsCity{ width:185px;}
.limitHeight{ position:relative; zoom:1; max-height:95px; _height:95px; overflow:auto; border:1px solid #CCC; padding:10px 0 10px 10px;}
.popPackage{ display:none; position:absolute; left:180px; top:0; width:400px; background:#D3D3D3;}
.popPackage .whiteBg{ margin:5px;}
.popPackage .popTitle{ line-height:40px; padding-left:20px; background:#8C3903 url(/image/background/p034.png) repeat-x; color:#FFF;}
.popPackage .tourItin{ max-height:270px; _height:200px; overflow:auto;}
.popPackage p{ margin-bottom:5px; padding:15px 20px; background:#FFF;}
.popPackage .itinBg{ background:#FFF;}

#desc{ padding:0;}
#desc p{ padding:5px 8px;}
#desc .bg{ margin:0; background:#FEF4EA;}
/* End popPackage */

#popBoxCities{ width:355px; -width:370px; }
#popBoxCities .close{ right:15px; top:15px;}
#popBoxCities .col{ float:left; width:110px; overflow:hidden;}
#popBoxCities label{ padding-left:17px;}

.readyTour{ border:1px solid #DCDAD0; padding:20px; background:#FAFAF9;}
.readyTour .title{ margin-bottom:5px; font-size:16px;}
.readyTour li{ padding:0 0 5px 12px; background:url(/image/icon/point032.gif) no-repeat 0 6px;}
.readyTour li a{ margin-right:5px;}
.adv{ display:block; width:663px; border:1px solid #FFF; margin:10px auto;}


/*-------------------------------  step 2 calculate ----------------------------------*/
.calculate .sug, .print .sug{ width:289px; padding:25px 20px 25px 75px; margin:20px auto;}
.cust{ margin-bottom:20px; padding:20px 30px 5px; background:#FFF;}
.require{ margin-right:3px; color:#B60000; font-weight:bold;}
.schBox{ border-top:1px dashed #E9E9E9; margin-top:15px; padding:15px 50px; line-height:1.6; background:#FFF;}
.schBox .fl{ margin-right:50px;}
.schBox .Wdate{ display:block;}
.schBox #tourGrade{ width:225px;}
.schBox #tourGradeLi{ width:250px;}
.schBox2{ border-top:none; padding:2% 0; *padding-bottom:0;}
.schBox2 .fl{ margin:0 0 10px 30px; -display:inline;}
.schBox2 .schL{ float:left; width:48%; border-right:1px dashed #E9E9E9; padding-right:2%;}
.schBox2 .schR{ float:left; width:48%;}
.schBox2 .tac{ padding-top:15px;}

.schBox2 #MrLi2{ width:55px; top:20px;}
.schBox2 #countryTxt{ width:175px;}
.schBox2 #LastName, .schBox2 #txtemail{ width:160px;}
.schBox2 #tourGrade2{ width:163px;}
.schBox2 #Ul2{ width:188px;}
.schBox2 #startDate2{ *margin-left:-30px; -margin-left:0;}

.cust .note{ border:none; padding-left:22px; background-color:#FFF; background-position:0 18px; color:#8f3d03;}

/* destLi */
.destLi{ margin:10px 0; zoom:1;}
.destLi dt, .destLi .destInfo{ padding:7px; background:#FFF; }
.destLi dt{ line-height:33px; padding-left:15px; font-size:16px; font-style:italic; font-weight:bold; color:#3e3a39; overflow:hidden; zoom:1;}
.destLi .del{ float:right; width:132px; height:33px; line-height:33px; background:url(/image/background/p032.png) no-repeat; text-indent:15px; font-size:12px; font-weight:normal; font-style:normal; cursor:pointer;}
.edit{ display:block; width:111px; height:22px; line-height:22px; border:none; margin:0 auto; background:url(/image/background/p029.png) no-repeat -157px -90px; color:#FFF; font-size:11px; text-decoration:none; cursor:pointer;}
.destLi .tdu{ color:#000; text-decoration:underline; cursor:pointer;}

.destLi .up, .destLi .down{ display:block; float:left; width:15px; height:20px; line-height:20px; margin-top:6px; border:none; background:url(/image/background/p030.png) no-repeat; font-size:10px; text-align:center; color:#4EB3E1; cursor:pointer;}
.destLi .up{ margin:6px 8px 0 40px;}
.destLi .down{ background-position:0 -20px;}
.destLi .upDis{ background-position:0 -40px; color:#B1B1B1;}
.destLi .downDis{ background-position:0 -60px; color:#B1B1B1;}

.destLi .destInfo{ padding-top:0; zoom:1;}
.destLi table{ width:912px; border:1px solid #EEE; background:#FFF; font-size:0.95em; }
.destLi td{ padding:15px; background:#F3F1ED;}
.destLi .dayLi{ padding:0;}
.destLi .dayLi table{ width:100%; border:none; border-collapse:collapse; height:92px; overflow:visible; }
.destLi .dayLi td{ border:2px solid #FFF; padding:12px;}
.destLi .cityCol1{ width:136px; border:2px solid #FFF; border-right:none; text-align:center; padding:15px 0;}
.destLi .cityName{ margin-bottom:10px; font-size:1.4em;}
.destLi .cityTit{ margin-top:15px; color:#F09901;font-weight:bold; font-size:1.0em; font-style:italic;}
.destLi .day{ font-size:1.2em;}
.destLi thead{ display:none;}
.destLi table .tar, .destLi table img{ display:none;}

.destLi .tableEdit{ border-color:#FCF6E4;}
.destLi .tableEdit td{background:#FCF6E4;}
.destLi .thEdit td{height:33px; line-height:33px; padding:0 0 0 15px; background:#E34427 url(/image/background/p031.png) repeat-x; font-size:14px; font-weight:bold; color:#FFF; overflow:hidden; zoom:1;}
.destLi .thEdit .save, .destLi .thEdit .esc{ height:33px; border:none; padding:0 20px; *padding:0; background:url(/image/background/p031.png) repeat-x; color:#FFF; font-weight:bold; font-size:14px; cursor:pointer;}
.destLi .thEdit .save{ border:1px solid #AF3E3A; background-position:0 -34px;}
.destLi .thEdit .esc{ border:1px solid #B7ACAA; -margin-top:-1px; background-position:0 -67px; }

.destLi .cityCol1 .tdu{ display:none;}
.destLi .tableEdit .edit{ display:none;}
.destLi .tableEdit .tdu{ display:block; padding-left:15px; background:url(/image/icon/p050.png) no-repeat 20px 0; }
.destLi .tableEdit img{ cursor:pointer; margin:5px 0 0 5px;}
.destLi .tableEdit .chk, .destLi .tableEdit .chkDis{ padding:2px 30px 2px 0; background:url(/image/background/p035.png) no-repeat right 3px; font-weight:bold; cursor:pointer;}
.destLi .tableEdit .chkDis{ background-position:right bottom; color:#A7A5A5; }

.star1, .star2, .star3, .star4, .star5{ margin-left:5px; background:url(/image/icon/star002.gif) no-repeat 0 3px; padding-bottom:2px\9;}
.star1{ padding-left:8px;}
.star2{ padding-left:20px;}
.star3{ padding-left:32px;}
.star4{ padding-left:44px;}
.star5{ padding-left:56px;}

.destLi .byTool{line-height:32px; padding:15px; zoom:1; position:relative; z-index:1;}
.byTool .flight{ padding:11px 0 11px 45px; background:url(/image/icon/p054.png) no-repeat;}
.byTool .train{ padding:11px 0 11px 45px; background:url(/image/icon/p058.png) no-repeat;}
.byTool .cruise{ padding:11px 0 11px 45px; background:url(/image/icon/p057.png) no-repeat;}
.byTool .pr{ overflow:hidden; zoom:1; padding-left:60px;}
.byTool .pr .radio{ left:40px; top:0; top:3px\9;}
.byTool .btnBlue{ width:147px; height:28px; padding-left:35px; background-position:0 -112px;}
.byTool .moreArr{ margin-right:5px;}
.byTool .cruiseDay table{ width:auto;}
.byTool .cruiseDay .noBd{ width:100%; margin:10px auto 0;}
.byTool .cruiseDay td{ padding:5px; line-height:1.5;}
.byTool .cruiseDay td td{ padding:10px;}
.byTool .shipCol{ width:200px; text-align:center;}
.byTool .shipCol img{ display:block; margin:0 auto;}
/* End destLi*/

.popMsg{ display:none; position:absolute; width:350px; border:1px solid #7D3E08; padding:8px; background:url(/image/background/j011.jpg) repeat; z-index:1000;}
.popMsg input, .popMsg textarea{ font-size:12px;}
.popMsg textarea{ height:100px;}
.popMsg .popTitle{ margin-bottom:10px; padding:0 15px; text-align:left; font-size:14px; color:#FFF;}
.popMsg .popCon{ padding:20px; background:#FFF;}
.popMsg .txt{ border:2px solid #83A5C6; width:390px; margin-bottom:10px; padding:2px 5px;}
/* blue button and grey button */
.btnBlue, .btnGrey{ width:83px; height:22px; margin-right:3px; border:none; padding-bottom:3px; *padding-bottom:0; background:url(/image/background/p029.png) no-repeat -182px -112px; font-weight:bold; color:#FFF; text-align:center; cursor:pointer; }
.btnGrey{ background-position:-182px -134px;}
/* End blue button and grey button */
#msgDel .popCon{ padding:20px 40px;}
#msgDel p{ margin-bottom:15px; font-size:1.2em; }

#msgAlert{ left:450px; width:340px;}
#msgAlert .popTitle{ margin-bottom:5px;} 
#msgAlert .popCon{ padding:15px; background:#FFF;}
#msgAlert .popCon p{ margin-bottom:10px;}


/* tab */
.tab{ padding:0;}
.tab .tabTitle{ border-bottom:1px solid #E9E9E9; overflow:hidden; zoom:1;}
.tab .tabTitle li{ display:block; float:left; width:106px; height:32px; line-height:32px; margin-right:1px; background:#FBE0C5; text-align:center; color:#8F3D03; cursor:pointer;}
.tab .tabTitle .current{ background:#F0F2F1;}
.tab .pr{ padding:2px 0 2px 25px; color:#000;}
.tab .tabCon{ padding:15px; overflow:hidden; zoom:1;}
.tab .tabCon li{ display:none;}
/* End tab */

/* editDay */
#editDay{ width:400px; overflow:visible;}
#editDay .whiteBg, #editDay .tabCon{ overflow:visible;}
#editDay .whiteBg .greyBd{ padding:0;}
#editDay .pr{ display:inline; float:none; width:auto; padding-left:22px; *padding-left:28px; z-index:1;}
#editDay .radioOver{ color:#8F3D03; z-index:2;}
#editDay .pack{ position:relative; padding:3px 0; *padding:0;}
#editDay .pack p{ display:none; position:absolute; top:0; left:141px; width:300px; border:2px solid #FBE0C5; padding:10px; background:#FFF; color:#8F3D03; z-index:3;}
#editDay .pack .close{ right:5px; top:5px;}
#editDay .maxH p{ max-height:150px; -height:150px; overflow-x:hidden; overflow-y:auto;}
#changeDayOK{ margin-right:10px;}
/* End editDay */

/* addDay */
#addDay p{ border-bottom:1px dashed #CCC; margin-bottom:15px; padding-bottom:15px;}
#addDay .pr{ width:60px; padding-left:25px;}
#addDay #addDayInfo{ overflow:hidden; zoom:1;}
/* End addDay */

/* choose or delete accomodation */
#chsAcc{ width:830px;}
#chsAcc .pr, #delAcc .pr{ display:block; float:none; width:auto; padding:2px 0 2px 25px; }
#chsAcc .radio, #chsAcc .radioSel, #delAcc .radio, #delAcc .radioSel{ left:2px\9;}
#chsAcc .chkBox{ width:300px; margin-right:30px; padding-left:25px; text-align:left;}
#chsAcc .whiteBg .greyBd{ padding:1px;}
#chsAcc h4{ font-size:14px; color:#8F3D03;}
#chsAcc .hotelL{ float:left; width:524px; padding:10px 0 0 10px;}
#chsAcc .hotelR{ float:right; width:260px; padding-bottom:20px; background:#FCF6E4; font-weight:bold;}
#chsAcc .hotelR .hotelMap{ width:252px; border:1px solid #C3C3C3; border-width:0 1px 1px 0; margin:5px auto 10px; }

#chsAcc .delHotel{ float:right; margin-top:2px; color:#B60000; font-weight:bold; cursor:pointer; text-decoration:underline;}
#chsAcc .sort{ padding:5px 0 5px 0;}
#chsAcc .sort label{ margin-right:10px;}
#chsAcc .selHotel{ margin-bottom:10px; padding:10px 15px; overflow:hidden; zoom:1; background:#F7F6F3;}
#chsAcc .selHotel .red{ font-size:16px; color:#B60000;}
#chsAcc .selHotel .strong{ font-style:normal; font-size:15px;}

#chsAcc .hotelR h4{ margin:0 0 5px 20px;}
#chsAcc .hotelR .hotelS{ margin-left:20px;}
#chsAcc .greyBdSel, #chsAcc .greyBdTxt{ width:200px; border:1px solid #CCC; margin:4px 0 7px; background-color:#FFF;}
#chsAcc .greyBdSel{ width:185px; padding-right:20px;}
#chsAcc .selLi{ width:210px; top:27px; font-weight:normal;}
#chsAcc .selLi li{ padding:3px 8px;}
#chsAcc .selLi .bg{ background:#EEE;}
#chsAcc .selLi .over{ background:#E9EEF3;}
#chsAcc .edit{ margin-top:10px; padding-bottom:3px; *padding-bottom:0; font-size:12px; font-weight:bold;}
#chsAcc .hotelNo{ padding-bottom:10px; font-weight:bold;}

#hotelLi{ border:1px solid #DEDEDE; margin-bottom:10px; padding:10px; background:#FFF;}
#hotelLi .hotelPage{ border-top:1px solid #EEE; margin-top:10px; padding-top:10px;}
#hotelLi .hotelPage a, #hotelLi .hotelPage span{ padding:0 2px;}
#delAcc{ width:300px;}
#delAcc .tac{ padding:0;}
#delAcc .whiteBg{ background-position:0 -20px;}
/* End choose or delete accomodation */

/* choose transportation */
#chsTrans{ width:400px;}
#chsTrans .tabTitle li{ font-size:15px;}
#chsTrans .transF .fl{ width:130px;}
#chsTrans .trans{ margin-bottom:10px; font-size:14px;  color:#8F3D03;}
#chsTrans .transF .note{ float:right; width:200px; border:none; margin:0; padding:0; background:none; color:#8F3D03;}
#chsTrans .wAuto .pr{ float:none; width:auto;}
#chsTrans .whiteBg .tab{ padding:0;}
#chsTrans .pr{ padding-left:20px;}
#chsTrans .pr .radio{ left:0; top:4px;}
/* End choose transportation */

/* addBox */
.addBox{ border:8px solid #FFF; padding:1px; background:#F2F1ED;}
.addBox .c2{ border:2px solid #FFF; padding:10px; overflow:hidden; zoom:1;}
.addBox .col1{ float:left; width:445px; text-align:center;}
.addBox .col1 p{ padding:25px 0 15px; color:#8F3D03; font-size:1.4em;}
.addBox .col2{ float:left; width:350px; border-left:1px dashed #D1D0CC;  padding:10px 10px 10px 45px;}
.addBox .col2 h4{ margin-bottom:10px; color:#8F3D03; font-size:1.1em;}
.addBox .col2 label{ display:block; padding:0 0 5px 20px;zoom:1;}
.addBox .col2 input{ display:none;}
.addBox .btnBlue{ width:178px; height:34px; padding:0 0 3px 40px; *padding-bottom:0; font-size:14px;}
/* End addBox */






/*----------------------- step 3 print ------------------------*/
.grey{ margin-right:15px; color:#333; font-style:italic; font-size:1.2em;}
.print{padding:0 20px; border-top:none; background:none;}
.print .path{ margin:15px 0 0;}

.print .intro{ float:right; position:relative;}
.print .intro .fr{ position:relative;}
.print .btn, .print .btn span{ position:relative; padding:1px 0 2px 15px; *padding:0 0 0 15px; background:#E4910B url(/image/background/bgp003.png) no-repeat 0 -255px; text-decoration:none; color:#FFF; zoom:1;}
.print .btn{ position:relative; margin-left:3px;}
.print .btn span{ padding:1px 15px 2px 0; *padding:0 15px 0 0; background-position:right -255px; cursor:pointer;}
.print .btnDown{ background-position:0 -277px;}
.print .btnDown span{ background-position:right -277px;}


.print .downArr{ margin:20px 50px;}
.print .price{ border:1px solid #D3D3D3; background:#FCF6E4; margin:15px 0 5px; padding:20px 30px; font-weight:bold; font-size:16px; zoom:1;}
.print .price .red{ margin-right:0px; color:#b60000;}
.print .price .mrg{ border:none; margin:0 0 15px; padding:0;}
.print .price p{ padding-left:23px; background:url(/image/icon/p048.png) no-repeat 0 3px; font-size:14px; font-weight:normal; color:#333;}
.print .notPrint p{ margin-top:15px;}
.print .detail{ margin:0 0 20px; padding:15px 20px 20px; background:#FFF; zoom:1;}
.print .detail .query{font-size:1.2em;}
.print .detail .greyBd{ margin-top:5px; background:#FFF;}
.print .detail table{ font-size:12px; border:1px solid #C0C0C0; border-collapse:collapse;}
.print .detail td, .print .detail th{ border:1px solid #C0C0C0; border-top:none;}
.print .detail th{ padding:8px 25px; background:#FCF6E4; text-align:left; font-size:1.2em;}
.print .detail td{padding-top:12px;padding-bottom:12px;padding-left: 40px;padding-right:20px;}
.print .detail .noBd{ border-width:1px 0;}
.print .detail .table03{ border-top:none;}
.print .table03 td{ padding:5px 15px;}
.print .table03 .strong{ padding:10px 30px;}
.print .flight, .print .train,.print .cruise { padding:11px 0 11px 45px; background:url(/image/icon/p054.png) no-repeat; font-size:14px;}
.print .train{ background:url(/image/icon/p058.png) no-repeat;}
.print .cruise{background:url(/image/icon/p057.png) no-repeat;}
.print .to{ margin-left:10px; padding-left:31px; background:url(/image/background/bgp020.png) no-repeat left center;}
.print .to .arr{ display:none;}
.print .mrg{ border-top:1px dotted #CCC; margin:15px 40px; padding-top:25px;}

.print .popEmail{ display:none; position:absolute; right:0; top:22px; width:400px; border:1px solid #893801; padding:7px; background:#893801 url(/image/background/j011.jpg) repeat-x; font-size:12px; z-index:10; overflow:hidden; zoom:1; font-size:1.2em;  -moz-box-shadow: 3px 3px 4px #aaa; -webkit-box-shadow: 3px 3px 4px #aaa; box-shadow: 3px 3px 4px #aaa; filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=5);}
.print .popEmail .whiteBg{ background:#FFF; padding:25px 0;}
.print .popEmail .txt{ width:200px; border:1px solid #C8C8C8; padding:2px;}
.print .popEmail a, .print .popEmail span{ font-size:14px; font-style:normal;}
.print .tac{ position:relative; zoom:1;}

.toolIco{ position:absolute; right:0; top:20px;}
.toolIco .saveIco, .toolIco .printIco, .toolIco .sendIco{ margin-left:5px; padding:2px 11px; background:url(/image/icon/p051.png) no-repeat; cursor:pointer;}
.toolIco .saveIcoH{ background-position:0 -46px;}
.toolIco .printIco{ background-position:-27px 0;}
.toolIco .printIcoH{ background-position:-27px -46px;}
.toolIco .sendIco{ background-position:-55px 2px;}
.toolIco .sendIcoH{ background-position:-55px -44px;}


.btnBook, .btnBack{ width:265px; height:45px; margin:15px; padding:0 0 12px 15px; *padding-bottom:10px; border:none; background:url(/image/background/p029.png) no-repeat 0 -45px; color:#FFF; font-size:1.3em; text-align:left; cursor:pointer;}
.btnBack{ padding-left:60px; background-position:0 0;}

.btmNav{ text-align:center;}

#mask{ display:none; position:absolute; left:0; top:0; width:100%; background:#000; filter:alpha(opacity=30); opacity:0.3; z-index:9;}