@charset "utf-8";
@import url("header.css");
@import url("footer.css");
body,html,div,h1,h2,h3,h4,h5,form,input,label,textarea,img,span,ul,p{
margin:0;
padding:0; 
}  

h1,h2,h3,h4,h5{  
font-weight:normal
}
 
img,button {
border:0 none;
}

.spacer { 
clear:both; 
font-size:0;
line-height:0;
}

a{
text-decoration:none
}

ul {
list-style-type:none;
}

body,html {
height:100%;
margin:0 auto;

}

body {
width:962px;
font:400 12px/20px "Trebuchet MS", Arial, sans-serif;
background:url(/img/body_bg.jpg) #fff repeat-x 
}



/* Content Warp*/
#content_warp{
	width:962px;
	margin:0 auto;
	position: relative;
	

}

#content_warp .crumb{
float:left;
height:27px;
padding:0 16px;
width:930px;
line-height:27px;
color:#5b5b5b
}
#content_warp .crumb a{
color:#5b5b5b
}
#content_warp div.c-top,#content_warp div.c-footer{
float:left;

}

#content_warp .content{
background:url(/img/content_bg.gif) repeat-y;
padding:0 16px;
width:930px;
float:left;
}

.content .left{
float:left;
width:678px;
margin:-5px 16px 0 0
}

.content .left h2.theme-title01,.content .left h1.theme-title01{
font-size:18px;
background:url(/img/line02.gif) bottom left no-repeat;
padding-bottom:5px;
line-height:25px;
float:left
}

 .banner{ width:962px; height:194px; float:left;}

.content .left h2.theme-title01-2{
background:url(/img/line03.gif) bottom left no-repeat;
}

.content .left img.l-photo01{
margin:20px 0 0 20px
}

.content .left p.note{
color:#f48723;
float:left;
margin:5px 0 0
}

.content .left h2.theme-title01 span,.content .left h1.theme-title01 span{
font-size:16px;
color:#4d4d4d;
font-weight:bold;
padding-top:-2px
}

.content .left a.showmore{
float:right;
margin-right:13px
}

.content .left .l-tourbox{
float:left;
width:678px;
margin-bottom:10px
}

.content .left .l-tourbox ul{
width:330px;
float:left;
margin-bottom:5px;
}

.content .left .l-tourbox ul.u1{
margin-right:9px;

}
.content .left .l-tourbox .stext{
	font:400 12px/20px "tahoma";
	color:#2c2b2b;
	background: url(/Img/stext_bj.gif) no-repeat #f6f7f8;
	width: 283px;
	height: 199px;
	float: left;
	margin: 30px 0 0 9px;
	padding: 7px 10px 0;
}
.content .left .l-tourbox ul.u2{
margin-left:9px;

}

.content .left .l-tourbox ul li{
float:left;
width:330px;
color:#4d4d4d;
_display:inline
}

.content .left .l-tourbox ul li.l-title,.content .left .l-tourbox ul li.l-title a{
font-size:13px;
line-height:30px;
font-weight:bold;
text-decoration:none;
color:#4d4d4d

}
.content .left .l-tourbox ul li.l-title a:hover{
color:#8e0b0b
}


.content .left .l-tourbox ul li.l-img{
width:300px;
height:120px;
overflow:hidden;
margin:0 28px 5px 0;
border:solid 1px #e3e3e3
}

.content .left .l-tourbox ul li.l-img a{
border:none
}

/* cut photo*/
/* .content .left .l-tourbox ul li.l-img img{
margin:-70px 0 0 -20px ;
width:345px;
height:258px
}*/
/* cut photo end*/

.content .left .l-tourbox ul li.l-img img{
width:300px;
height:120px
}
.content .left .l-tourbox ul li.l-price{
width:95px;
margin-right:15px
}

.content .left .l-tourbox ul li.l-price2{
width:150px;
margin-right:30px
}

.content .left .l-tourbox ul li.l-price span,.content .left .l-tourbox ul li.l-price2 span{
color:#d80000;
float:left;
width:95px;
font-weight:bold;
margin-bottom:3px
}

.content .left .l-tourbox ul li.l-price2{
width:150px
}

.content .left .l-tourbox ul li.l-price a,.content .left .l-tourbox ul li.l-price2 a{
color:#fff;
float:left;
width:60px;
height:16px;
background: url(/img/button_bg01.gif) repeat-x #4d4d4d; 
line-height:16px;
text-align:center
}
.content .left .l-tourbox ul li.l-price2 a{
width:120px
}

.content .left p.l-intro,.content .left p.l-intro2{
color:#bababa;
margin:5px 0 0 0;
width:660px;
float:left
}

.content .left p.l-intro2{
color:#4d4d4d
}
.content .left p.l-intro span,.content .left p.l-intro2 span{
color:#8e0b0b

}
.content .left div.l-theme-title,.content .left div.pagination,.content .left .itinerary-detail .detail-title,.content .left .formbox .formtitle{
float:left;
width:660px;
border-bottom: solid 1px #dedede;
margin:3px 0 0 0
}
.content .left div.pagination{
	height:18px; 
}
.content .left .itinerary-detail .detail-title,.content .left .formbox .formtitle{
width:678px;
margin:0;
background:#fff
}


.content .left div.l-theme-title h2,.content .left div.pagination span,.content .left .itinerary-detail .detail-title h4,.content .left .formbox .formtitle h4,.content .left .formbox .formtitle h2{
padding:0 10px;
float:left;
background:url(/img/l-title-bg.gif) repeat-x #a20304;
line-height:18px;
font-size:14px;
color:#fff;
}

.content .left div.l-theme-title h2 a{
color:#fff;
text-decoration:none
}

.content .left .itinerary-detail .detail-title h4{
width:188px;
text-align:center;
padding:0;
font-weight:bold
}
.content .left .formbox{
margin-bottom:5px;
background: #F5F6F7;
}

.content .left .formbox .formtitle h4,.content .left .formbox .formtitle h2{
padding:0 10px ;
text-align:left;
font-weight:bold
}

.content .left .formbox table{
width:658px;
padding:0 10px 10px 10px ;
*padding:0 0 0px 10px;
float:left;

}

.content .left .formbox table td{
line-height:30px
}

.content .left .formbox table td em{
	color:#8B0D0D;
	float:none
}

.content .left .formbox span.col-text{
color:#4d4d4d;
width:658px;
float:left;
padding:0 10px 
}

.content .left .formbox a.button{
color:#8B0D0D;
cursor:pointer;
}


.content .left div.pagination span{
background:url(/img/pagination_bg.gif) repeat-x #4d4d4d;
font-size:12px;
height:18px;
}

.content .left div.pagination span a{
color:#fff;
margin:0 3px;

}
.content .left div.pagination span a.selected,.content .left div.pagination span a:hover{
color:#ff0000;
}

.content .left div.l-theme-title a.more,.content .left div.pagination span.total,.content .left .itinerary-detail .detail-title span{
float:right;
color:#4d4d4d;
line-height:18px;
background:none
}

.content .left div.l-theme-title a.more:hover{
color:#8e0b0b
}

.content .left p.l-custom-tour{
float:left;
width:640px;
padding:5px 10px;
background:#f5f6f7;
color:#4d4d4d
}

.content .left p.l-custom-tour a{
color:#8b0d0d;
font-size:14px;
text-decoration:underline
}

.content .left .itinerary-info{
float:left;
width:678px;
margin:0 0 5px 0
}

.content .left .itinerary-info span.imgbox{
float:left
}

.content .left .itinerary-info .info-box{
background:#f5f6f7;
border:solid 1px #e1e1e1;
border-bottom:none;
border-top:none;
float:left;
padding:0 5px;
width:666px
}
.content .left .itinerary-info .info-box h1{
font-size:15px;
background:url(/img/line02.gif) bottom left no-repeat;
padding-bottom:5px;
line-height:25px;
float:left;
color:#000;
width:460px
}

.content .left .itinerary-info .info-box a.button,.content .left .itinerary-info .info-box a.selected{
color:#fff;
width:60px;
height:16px;
background: url(/img/button_bg01.gif) repeat-x #4d4d4d; 
line-height:16px;
text-align:center;
float:right;
margin:5px 0 0 8px;
cursor:pointer
}

.content .left .itinerary-info .info-box a.selected{
background: url(/img/ibox-selected.gif)  #a20304 no-repeat;
font-weight:bold;
cursor:default
}

.content .left .itinerary-info .info-box ul{
float:left;
width:546px;
min-height:31px;  
height:auto !important; 
_height:31px;
*height:31px; 
overflow:visible;
color:#7d7d7d;
font-size:12px;
margin-top:5px;
line-height:25px;
font-size:13px
}

.content .left .itinerary-info .info-box ul li{
float:left
}

.content .left .itinerary-info .info-box ul li.l1{
width:546px
}

.content .left .itinerary-info .info-box ul li.l2{
width:160px;

}

.content .left .itinerary-info .info-box ul li.l3{
color:#d80000;
font-weight:bold;
width:300px

}

.content .left span.btn-enquiry{

}
.content .left span.btn-enquiry input{
background: url(/img/btn-enquiry.gif)  no-repeat;
height:31px;
width:120px;
border:none;
color:#fff;
font:700 16px/31px;
text-indent:-9999px;
overflow:hidden;
float:left;
margin-top:15px;
cursor:pointer;
_font-size: 0px;
_line-height:0px;
*font-size: 0px;
*line-height:0px
}

.content .left .itinerary-detail,.content .left .formbox{
width:678px;
float:left;
background: #F5F6F7;
margin-bottom:5px

}

.content .left .itinerary-detail{
padding-bottom:5px
}

.content .left .itinerary-detail .detail-title,.content .left .formbox .formtitle{
margin-bottom:13px
}

.content .left .itinerary-detail span.detail-img{
float:left;
width:186px;
overflow:visible;
margin-right:10px;
border:solid 1px #e3e3e3
}

.content .left .itinerary-detail span.detail-img img{
float:left;
width:186px;
}

.content .left .itinerary-detail div.detail{
float:left;
width:480px;
margin-bottom:20px
}

.content .left .itinerary-detail div.detail table{
width:100%
}


.content .left .itinerary-detail div.detail table td{
font-size:12px;
color:#4d4d4d;
padding:0 0 2px 0
}

.content .left .itinerary-detail div.detail table td.t-title{
width:23%;
text-align:center;
vertical-align:top;
font-weight:bold;
color:#000;
text-align:right;
padding-right:10px
}

.content .left .itinerary-detail div.detail table td.t-content{
width:77%;
}

.content .left .itinerary-detail div.detail table td.t-content:hover{
color:#8e0b0b;

}

.content .left .itinerary-detail div.detail table td.t-content a{
text-decoration:underline;
margin-right:8px;
color:#4d4d4d
}

.content .left .itinerary-detail div.detail table td.t-content a:hover{
color:#8e0b0b;
text-decoration:none
}



.content .left .notices{
width:678px;
float:left;
margin-bottom:5px
}
.content .left div.enquiry{
float:left;
padding:20px 0 10px 10px;
width:668px
}
.content .left div.enquiry input,.content .left div.enquiry a{
float:right;
margin-left:15px;
cursor:pointer
}

.content .left div.enquiry input{
margin:0 0 0 20px
}

.content .left div.enquiry a{
line-height:31px;
text-decoration:underline;
height:31px;
color:#4d4d4d
}

.content .left .notices h4{
width:178px;
height:22px;
background:url(/img/notice_bg.gif) no-repeat ;
color:#fff;
padding-left:10px;
line-height:22px;
font-weight:bold;
font-size:14px

}

.content .left .notices p{
float:left;
padding:0 10px;
margin:5px 0;
color:#4d4d4d
}

.content .left .notices table,.content .tool-bar table{
width:678px;
float:left;

}

.content .tool-bar table{
width:100%
}
.content .left .notices table tr.title td,.content .left .notices table tr.title th,.content .tool-bar table tr.title td{
background:#ebebeb
}

.content .left .notices table tr.title th,.content .tool-bar table tr.title td{
text-align:center;
color:#7a7a7a;
font-size:14px;
font-weight:normal
}


.content .left .notices table td,.content .left .notices table th,.content .tool-bar table td{
text-align:center;
background:#f5f6f7;
color:#4d4d4d;
padding:3px 0
}

.content .tool-bar table tr.t-1 td{
cursor:pointer;
}

.content .tool-bar table tr.t-1 td:hover{
color:#8e0b0b
}

.content .left .notices ol{
list-style:none;
color:#4d4d4d;
padding:0;
margin:5px 0 5px 10px;
line-height:22px
}

.content .right{
float:left;
width:236px;
margin:-5px 0 0 0
}

.content .right .r-box{
float:left;
margin-bottom:16px
}

.content .right .r-box h3{
display:block;
float:left;
background:url(/img/r-box-title.gif) no-repeat ; 
height:51px;
width:236px;
font-size:16px;
text-align:center;
line-height:38px;
color:#fff;
font-weight:bold;
z-index:100;
margin:0 0 -15px 0;
position:relative
}

.content .right .r-box div.box{
background:#f5f6f7;
border:solid 1px #d4d4d4;
border-top:none;
border-bottom:none;
float:left;
width:216px;
z-index:10;
padding:15px 9px 0 9px;
color:#4d4d4d
}

.content .right .r-box span.box-footer{
float:left
}

.content .right .reviews div.box{
background: url(/Img/custom_box_bg.gif) right bottom #f5f6f7 no-repeat;
}

.content .right .contact div.box{
background: url(/Img/contact_box_bg.gif) right bottom #f5f6f7 no-repeat;
}

.content .right .tours div.box{
background: url(/Img/tour_box_bg.gif) right bottom #f5f6f7 no-repeat;
}

.content .right .r-box ul.list01{
padding:6px 15px 10px 26px;
font-size:14px;

color:#4d4d4d;
line-height:25px
}

.content .right .r-box ul.list01 a{
color:#4d4d4d
}
.content .right .r-box ul.list01 a:hover{
color:#8e0b0b
}

.content .right .reviews img.photo{
border: solid 1px #efefef;
margin-top:2px;
float:left
}
.content .right .reviews p{
padding:0 3px;
line-height:22px;
float:left

}
.content .right .reviews p.p1{ 
font-style:italic;
font-family:Arial, Helvetica, sans-serif;
height:300px;
	overflow-x:auto; 
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-3dlight-color:#efefef;
	scrollbar-darkshadow-color:#fff;
	scrollbar-Shadow-color:#f1f1f1;
	scrollbar-arrow-color:#ededed;
	scrollbar-track-color:#fff;
	margin:3px 0
}

.content .right .reviews p.p2{
color:#8b0d0d;
float:right
}

.content .right .contact p{
padding:0 6px;
font-size:14px;
line-height:22px
}

.content .right .contact p span{
color:#8b0d0d;
line-height:25px
}

.t_red{
color:#8b0d0d;


}



/* Content Warp End*/

/* form style */
input.s1{
border:solid 1px #dedede ;
font:400 12px/16px tahoma;
color:#4d4d4d;
height:16px;
float:left;
padding:1px;
margin-right:2px;
}



textarea.s1{
border:solid 1px #dedede ;
font:400 12px/16px tahoma;
color:#4d4d4d;
margin:5px 0
}

input.sradio{
border:solid 1px #dedede ;
}

div.s2{
border:solid 1px #dedede ;
overflow:hidden;
float:left;
}

div.s2 select{
margin:-2px;
color:#4d4d4d;
float:left;
font:400 13px/20px tahoma;
height:22px
}

div.na select{
width:214px
}

div.f-title select{
width:54px;
}

div.num select{
width:40px
}

div.age select{
width:142px
}
input.w1{
width:208px
}

input.w2{
width:155px
}
div.l-rating select{
z-index:1; 
width:104px; 
height:22px;
*height:20px;
font:400 11px/20px  Arial, Helvetica, sans-serif;
}

/* form end */

.content .left .notices table td.green{
color:#9ACC02
}
.content .left .notices table td.red{
color:#8e0b0b
}

div.editbar{
width:100%;
float:left;
margin:5px 0 2px 0 
}

div.editbar a{
margin:0 0 0 6px;
font-size:14px;
color:#FF0000;
text-decoration:none;
cursor:pointer
}

div.Control-Panel{
padding:10px 16px;
width:930px;
float:left;
margin:5px 0;
background:#fff
}

div.Control-Panel span.uid{
float:left;
font-size:16px;
color:#4d4d4d;
line-height:25px;
font-weight:bold
}
div.Control-Panel a.logout{
float:right;
color:#FF0000;
line-height:25px;
font-size:14px;
cursor:pointer
}

div.Control-Panel div.tool-bar{
float:left;
width:100%
}

div.Control-Panel div.tool-bar a{
margin:0 0 0 6px;
font-size:14px;
color:#FF0000;
text-decoration:none;
cursor:pointer
}

.content div.Control-Panel{
padding:0
}

div.Control-Panel div.tool-bar .list h2,div.Control-Panel div.tool-bar .list h3,div.Control-Panel div.tool-bar .list div{
width:100%;
float:left
}

div.Control-Panel div.tool-bar .list h2 a,div.Control-Panel div.tool-bar .list h3 a{
cursor:pointer;
float:right;
_margin-top:-20px;
*margin-top:-20px;
}


div.Control-Panel div.tool-bar .list h2,div.Control-Panel div.tool-bar .list h3{
font-weight:bold;
color:#4d4d4d
}

div.Control-Panel div.tool-bar .list h2{
font-size:16px;
line-height:25px;
margin:10px 0 5px 0
}

div.Control-Panel div.tool-bar .list h3{
font-size:14px;
line-height:22px
}

div.Control-Panel div.tool-bar .list div{
margin-bottom:10px
}

.login ul {
margin:0;
padding:12px 0 11px;
width:500px;
margin:20px 0 40px 50px
}

.login ul li {
list-style-type:none;
padding:7px 0;

}

.login ul li input.text{

height:30px;
padding:1px 5px;
border:solid 1px #999999;
font:400 20px/30px "Trebuchet MS", Arial, sans-serif;
}

.login ul li input.btn{
display:block;
margin:0 auto
}

.login ul li span {
color:#535353;
font-size:12px;
font-size:22px;
line-height:30px;
margin-right:10px
}

.login ul li span {
float:left;
text-align:right;
width:100px
}

.content .box2{
width:930px;
float:left;
color:#4d4d4d
}
.content .box2 table{
margin:0 auto
}

.content .box2 div{
margin:5px 0
}

.content .box2 div.b1{
padding:10px 0; 
width:753px; 

color:#7b7b7b; 
margin:5px auto 
}

.content .box2 table.t-01 td{
background:#F5F6F7;
padding:2px
} 

.content .box2 h3{
font-size:16px;
line-height:25px;
font-weight:bold;
color:#4d4d4d
}

.content .box2 h3 a{
	color:#4d4d4d;
	text-decoration:underline
}

.content .box2 input{
font:400 12px/20px "Trebuchet MS", Arial, sans-serif;
}

input.button02,a.button02,input.button03,a.button03{
background: url(/Img/button_bg.gif) no-repeat; 
width:71px; 
height:26px; 
display:block; 
color:#fff;
font:400 12px/24px "Trebuchet MS", Arial, sans-serif;
text-align:center;
border:none;
cursor:pointer;
padding-top:2px
}

input.button03,a.button03{
background: url(/Img/button_bg02.gif) no-repeat; 
}

input.button02:hover,a.button02:hover,input.button03:hover,a.button03:hover{
padding-top:3px}

a.button02{
margin:0 auto
}

.content div.l-404{
float:left;
margin-left:10px;
margin-top:5px;
width:510px
}

.content div.r-404{
float:left;
width:400px;

}

.content div.r-404 h1{
font-size:30px;
font-weight:bold;
line-height:50px;
margin-top:-5px;
color:#494949
}

.content div.r-404 p{
color:#7e7e7e;
font-size:18px;
font-weight:normal;
line-height:36px
}
.content div.r-404 a{
color:#a20a00;
text-decoration:none;
text-align:center;
display:block;
margin:0 auto

}

.content div.r-404 a.button404{
margin:8px auto
}

.content p.text{
margin:5px 0;
padding:0;
color:#4d4d4d
}

#slideshow{
position:relative;
width:651px;
height:180px;
float:left;
margin:0 0 0 9px
}


#slideshow div{
position:absolute;
top:0;
left:0;
z-index:8;
height:180px;
overflow:hidden;
}



#slideshow div.current{
z-index:10;
}
#slideshow div.prev{
z-index:9;
}
#slideshow div img{
display:block;
border:0;}

#slideshow div a{
	border:none
}

input.l1{
width:486px
}

input.l2{
width:31px
}

input.l3{
width:68px
}

input.l4{
width:137px
}

input.l5{
width:190px
}

input.l6{
width:284px;
float:left
}

input.l-img{
	margin-bottom:-5px
}

input.l1,input.l2,input.l3,input.l4,input.l5,input.l6{
	height:18px;
	color:#4d4d4d;
	font:400 12px/18px Tahoma;
}



textarea.l1{
width:486px;
color:#4d4d4d;
font:400 12px/20px Tahoma;
height:40px;
margin:5px 0;
resize:none
}

select{
	  font: 400 12px/20px Tahoma;
}

select.l1{
width:51px;
margin:0 2px 0 0
}

select.l2{
width:193px
}