@import "global.css";
/*search*/
.hotel_left{ float:left; width:600px;}
.search{ float:left; width:600px; height:267px; background:url(../images/hotel/hotel_index.gif) no-repeat 0px 0px;}
	/*searchhotel*/
	.search .hotel{ float:left; width:550px; padding-left:48px;}
		.search .hotel input{border:0px; float:left;}
		.search .t_input{ margin:0px; font-size:13px;}
		
		
		.search .hotel ul{ float:left;}
		.search .hotel li{ float:left; line-height:27px; height:27px;display:block; width:146px;}
	.hotelcity{ float:left;  width:550px; padding-left:43px;}
		.hotelcity .button{ float:left; background:url(../images/hotel/hotel_index.gif) no-repeat -412px -368px; width:153px; height:39px; border:0px; cursor:pointer;}
			.hotelcity .helptitle{ float:right; text-align:right; line-height:39px; margin-left:22px; margin-right:145px; color:#0044cd;}
		
		.hotelcity ul{ float:left; width:500px;}
		.hotelcity li{ float:left; line-height:45px; font-size:12px; height:45px; display:inline; padding-right:12px; color:#0044cd;}
		.hotelcity li A{ color:#0044cd;}
			.hotelcity li b{color:#fe3700; font-weight:bold;}	
	

	.hotcity{ float:left;  width:550px; padding-left:43px;}
		.hotcity .button{ float:left; background:url(../images/hotel/hotel_index.gif) no-repeat -412px -368px; width:153px; height:39px; border:0px; cursor:pointer;}
			.hotcity A{ float:right; text-align:right; line-height:39px; margin-left:22px; margin-right:145px; color:#0044cd;}
		
		.hotcity ul{ float:left; width:500px;}
		.hotcity li{ float:left; line-height:45px; font-size:12px; height:45px; display:inline; padding-right:12px; color:#0044cd;}
			.hotcity li b{color:#fe3700; font-weight:bold;}

	/*recomhotel*/
	.recomhotel{ float:left; width:600px;}
	.recomhotel .area{ float:left;width:600px; background:url(../images/hotel/hotel_index.gif) no-repeat 0px -286px; height:36px;}
		.recomhotel .area .more{ float: right; text-align:right; padding-right:20px; color:#656565; line-height:35px;}
		.recomhotel .area .more A{color:#656565;}
	.recomhotel .area b{width:123px; line-height:35px; color:#000; font-size:14px; padding-left:16px;font-weight:bold; float:left;}
	.recomhotel .area li{padding:0px 10px; float:left; display:inline;border-left:#cfcfcf 1px solid; text-align:center; line-height:35px;}
		.recomhotel .menu_off{ float:left; background:url(../images/menu.gif) no-repeat -51px 1px; cursor:pointer;}
		.recomhotel .menu_on{ float:left; background:url(../images/menu.gif) no-repeat -2px 1px; color:#fe9901; font-weight:bold; cursor:pointer;}
		

		
		
		.recomhotel .menu_off A{ color:#000;}
		.recomhotel .menu_on A{color:#fe9901;}
		
		
	.recomhotel .middle{width:598px; float:left; border-left:#bfbec4 1px solid; border-right:#bfbec4 1px solid; background:#FFF;}
		.recomhotel .middle ul{ float:left;width:149px; margin:10px 0px!important; margin:10px 0px 9px 0px;}
		.recomhotel .middle li{ float:left;width:143px; padding:0px 3px; display:block; font-size:12px; line-height:24px; text-align:center; color:#0044cd;}
			.recomhotel .middle li .img{ border:#b3b3b5 1px solid; width:121px; height:90px; padding:1px;}
			   

			.recomhotel .middle li .img:hover{ border:#ff9002 1px solid;}
			.recomhotel .middle li A{ display:block; color:#0044cd; margin-top:3px;}
			.recomhotel .middle .hotelprice{color:#fe6700; font-size:12px; background:url(../images/hotel/ico/money.gif) no-repeat 0px 1px; line-height:22px; padding-left:15px;}
			.recomhotel .middle .hotelprice b{ padding-right:3px;}
			.recomhotel .middle li A:hover{ text-decoration:underline;}
			/*
			.recomhotel .middle li p{ color:#666666; font-size:12px; line-height:20px;}
			.recomhotel .middle li font{color:#666666; width:50px; font-size:12px; padding-left:15px; line-height:20px; text-indent:0em; background:url(../images/hotel/ico/heart_small.png) no-repeat 1px 1px;}
			.recomhotel .middle li span{color:#666666; width:50px; font-size:12px; padding-left:15px; line-height:20px; text-indent:0em; background:url(../images/hotel/ico/heart_broken.gif) no-repeat 1px 1px;}
			*/
	.recomhotel .bottom{width:600px; float:left; background:url(../images/hotel/hotel_index.gif) no-repeat 0px -348px; height:4px; font-size:0px; line-height:4px;}

.hotel_right{ float:left; width:340px; background:#FFF;}
/*notice=*/
.notice{ float:left; width:340px;}
	.notice .header{ float:left; background: url(../images/hotel/hotel_index.gif) no-repeat 0px -368px; height:34px; width:340px;}
		.notice .header span{ line-height:34px; font-size:14px; line-height:34px; font-weight: bold; color:#000; padding-left:17px;}
		.notice .middle{width:338px; float:left; border-left:#cfcfcf 1px solid; border-right:#cfcfcf 1px solid; background:#FFF}
		.notice .middle li{width:296px; float:left; padding:0px 9px;color:#0044cd; line-height:22px; background:url(../images/hotel/ico/ico_dian.gif) no-repeat 13px 10px; padding-left:26px;}
		.notice .middle li A{color:#0044cd;}
		.notice .middle img{width:316px; margin:6px 0px 6px 9px!important; margin:2px 0px 0px 9px; height:108px; border:#f0f0f0 1px solid;}
/*=salable*/
.salable { float:left; width:340px;}
	.salable .header{ float:left; background: url(../images/hotel/hotel_index.gif) no-repeat 0px -431px; height:35px; width:340px;} 
	.salable .header span{ line-height:35px; font-size:14px; line-height:35px; font-weight: bold; color:#000; padding-left:17px;}
	.salable .middle{width:338px; float:left; border-left:#cfcfcf 1px solid; border-right:#cfcfcf 1px solid; background:#FFF}
		.salable .middle ul{width:314px; margin:6px 12px!important; margin:4px 5px 5px 5px; background:url(../images/hotel/salable_li_bg.gif) repeat-y 0px 0px; height:200px;}
		.salable .middle li{width:278px; float:left;padding:0px 0px 0px 28px;color:#0044cd; line-height:25px; height:25px;}
		.salable .middle li A{color:#0044cd;}
		.salable .middle li span{ float:right; text-align:right;color:#fe6700; font-size:14px;}
		.salable .middle li h6{font-size:12px; float:right; color:#fe6700;}

		.salable .img1{background:url(../images/hotel/num.gif) no-repeat 6px 7px;}
		.salable .img2{ background:#9C0;background:url(../images/hotel/num.gif) no-repeat 6px -18px;}
		.salable .img3{background:url(../images/hotel/num.gif) no-repeat 6px -43px;}
		.salable .img4{background:url(../images/hotel/num.gif) no-repeat 6px -68px;}
		.salable .img5{background:url(../images/hotel/num.gif) no-repeat 6px -93px;}
		.salable .img6{background:url(../images/hotel/num.gif) no-repeat 6px -118px;}
		.salable .img7{background:url(../images/hotel/num.gif) no-repeat 6px -143px;}
		.salable .img8{background:url(../images/hotel/num.gif) no-repeat 6px -168px;}
	.salable .bottom{ float:left; background: url(../images/hotel/hotel_index.gif) no-repeat 0px -496px; line-height:4px; font-size:0px; height:4px; width:340px;} 
/*orderflow*/
/*yuan jiao kuang*/
.orderflow { float:left; width:950px;}
.orderflowbox {padding: 10px;border-right: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf; background: #FFF;}
.orderflow b{display: block;height: 1px;overflow: hidden;}
.orderflow b.f1 {margin: 0 4px;background: #cfcfcf;}
.orderflow b.f2 {margin: 0 2px;border-right: 2px solid #cfcfcf;border-left: 2px solid #cfcfcf; background: #FFF; }
.orderflow b.f3 {height: 2px;margin: 0 1px;border-right: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf; background: #FFF;}
/**/
.orderflowbox .paytype{ float:left; width:300px;}
.orderflowbox A{color:#666666; font-size:12px;line-height:24px; display:block; height:24px;}
.orderflowbox .img1{ border:0px; margin:25px 12px 15px 15px;}
.orderflowbox .img2{ border:0px; margin:25px 12px 15px 25px;}
.orderflowbox .img3{ border:0px; margin:25px 12px 15px 30px;}

.orderflowbox h3{color:#333; font-size:12px; font-weight:bold; line-height:24px;}


/*
.hotelIndex li{ float:left; text-align:center; line-height:150%}
.hotelIndex li a{ display:block}
.hotelIndex li img{ margin-bottom:8px}
.redHeart{ background:url(../images/hotel/ico/heart_small.png) no-repeat 1px 2px; padding-left:15px;}
.grayHeart{ background:url(../images/hotel/ico/heart_broken.gif) no-repeat 1px 2px; padding-left:15px}
*/