/*
################
Hotel Booking | Search result
author: Mook
date: 23July2010
################
*/
			#HotelBooking { overflow: hidden;}
			
			#HotelBooking .HotelSearchResult 
			{ width:960px; 
			background:url(../img/hotelbooking/bg_searchresultbtm.jpg) no-repeat left bottom; 
			overflow: hidden;
			padding-bottom: 42px;
			padding-top:10px;
			margin:0 auto 15px auto;}
			
			#HotelBooking .HotelSearchResult h2#mainsection
			{ 
			color: rgb(60,132,19);
			font-size:14px;
			font-weight: bold;
			padding:10px;
			}
			
			#HotelBooking .HotelSearchResult .toppanel
			{background:url(../img/hotelbooking/bg_searchresulttop.jpg); 
			width:960px; 
			height:42px; }

			
			#HotelBooking .HotelSearchResult h2#mainsection span{display:none;}
			
			#HotelBooking .HotelSearchResult .HotelSearchContent {
			width:960px;
			overflow:hidden;
			background: url(../img/hotelbooking/bg_searchresultbody.jpg) repeat-y;
			margin-top:-15px;
			}	
			/*Hotel Promotion*/
			.HotelSearchResult .HotelPromotionContent{
			overflow:hidden;
			width:940px;
			margin:-11px auto 10px auto;
			border-bottom:1px solid rgb(231,231,231);
			padding-bottom:10px;
			clear:both;}
			.HotelSearchResult .HotelPromotionContent h2#promotiondestination{
			width:940px;
			margin: 0 auto 5px auto; 
			font-size: 14px;
			clear:both;
			padding:10px 0;
			color: rgb(60,132,19);}
			#HotelBooking .HotelSearchResult .PromotionList {overflow:hidden;width:940px;margin:0;float:left;_display:inline;}
			#HotelBooking .HotelSearchResult .PromotionList ul li{float:left;width:470px;overflow:hidden;}
			#HotelBooking .HotelSearchResult .PromotionList .thumbnail {width:22%;float:left;padding-top:4px;}
			#HotelBooking .HotelSearchResult .PromotionList .detail {width:75%;float:left;overflow:hidden;}
			#HotelBooking .HotelSearchResult .PromotionList ul li h2 {background:none;height:auto;width:100%;padding:0 0 5px 0;font-size:12px;}
			#HotelBooking .HotelSearchResult .PromotionList ul li h2 a {color:rgb(21,63,113);text-transform:uppercase;}
			#HotelBooking .HotelSearchResult .PromotionList ul li h2 a:hover {text-decoration: underline;color:rgb(21,63,113);}
			#HotelBooking .HotelSearchResult .PromotionList ul li p {font-size:12px;}
			/*one column*/
			#HotelBooking .HotelSearchResult .PromotionList ul.onecolumn li{width:100%;}
			#HotelBooking .HotelSearchResult .PromotionList ul.onecolumn li .thumbnail{width:100px;}
			#HotelBooking .HotelSearchResult .PromotionList ul.onecolumn li .detail{width:89%;}
			
			.promotionperiod {font-weight:bold;}
			.promotionperiod span {color:rgb(50,129,3);}
			
			/*three column*/
			#HotelBooking .HotelSearchResult .PromotionList ul.threecolumn li{width:310px;}
			#HotelBooking .HotelSearchResult .PromotionList ul.threecolumn li .thumbnail{width:100px;}	
			#HotelBooking .HotelSearchResult .PromotionList ul.threecolumn li .detail{width:64%;}					
			/*Hotel SearchListing*/
			.HotelSearchContent #HotelSearchListing {clear:both;margin-top:-10px;}
			.HotelSearchContent #HotelSearchListing #r24t1div table {width:940px;}
			.HotelSearchContent #HotelSearchListing #r24t1div table .R24hotellistnavi {float:left!important; margin-right: 25px;margin-left:-3px;_margin-left:0;}
			.HotelSearchContent #HotelSearchListing .SearchHeader {background: rgb(50,129,3); overflow:hidden; width:940px; margin: 0 auto;}
			.HotelSearchContent #HotelSearchListing .SearchHeader h2 {
			background: none;
			color: rgb(255,255,255); 
			float: left;
			font-size: 12px; 
			font-weight: bold; 
			width: auto;
			height: auto;
			padding:5px 10px;
			_display:inline;
			}
			
			.HotelSearchContent #HotelSearchListing .SearchHeader p{
			float:right;
			color: rgb(175,233,143);
			padding: 1px 10px 0 0;
			_display:inline;
			}
						
			.HotelSearchContent #HotelSearchListing .SearchHeader a {
			color: rgb(175,233,143);
			font-size: 12px;
			text-decoration: underline;
			padding: 5px 0;			 }
/*
################
Hotel Booking | FindHotel_Promotion
author: Mook
date: 27July2010
################
*/
			#travelInfo {
			margin:0 auto 15px;
			overflow:hidden;
			width:967px; }
			
			#travelInfo .gradientBox2{
			float:right;
			background: /*url("../img/hotelbooking/bg_categoriesBox2.jpg") no-repeat scroll 0 0 transparent*/ none;
			padding: 0;
			width:293px; 
			margin: 0;
			height: 202px;}
			
			#FindHotel_Promotion {
			width: 293px;
			margin:0; }
			
			#FindHotel_Promotion ul#Navigationtab {
			height: 34px;
			background: url(../img/bg/bg-toggleNavigation-green.jpg) 0 0 no-repeat;
			width: 293px;
			overflow:hidden;
			}
			#FindHotel_Promotion ul#Navigationtab li {
			float:left;
			height: 22px;
			background:none;
			cursor:pointer;
			}
			#FindHotel_Promotion ul#Navigationtab li.active{
			cursor:text;
			}
			#FindHotel_Promotion ul#Navigationtab li.tab1 {padding:0;_display:inline; background: url("../img/bg/bg_FindHotel_Navigationtab.png") 0 -34px no-repeat; width: 145px; height: 22px; margin-right: 3px;text-align: center;}
			#FindHotel_Promotion ul#Navigationtab li.tab1.active { background: url("../img/bg/bg_FindHotel_Navigationtab.png") 0 0 no-repeat; width: 145px; height: 34px;}
			
			#FindHotel_Promotion ul#Navigationtab li.tab2 {padding:0;_display:inline; background: url("../img/bg/bg_FindHotel_Navigationtab.png") 0 -34px no-repeat; width: 145px;text-align: center;}
			#FindHotel_Promotion ul#Navigationtab li.tab2.active { background: url("../img/bg/bg_FindHotel_Navigationtab.png") 0 0 no-repeat; width: 145px; height: 34px; }
			
			ul#Navigationtab li.active .FindHotel_Button {
			width: 145px;
			height: 18px;
			display:block;
			color: #FFFFFF;
			font-weight:bold;
			font-size: 12px;
			padding: 5px 0 0 0;
			}
			
			ul#Navigationtab li .FindHotel_Button {		
			width: 145px;
			height: 18px;
			display:block;
			color: #333333;;
			font-size:12px;
			font-weight: bold;	
			padding: 4px 0 0 0;
			}
			
			ul#Navigationtab li.active .Promotion_Button {
			width: 145px;
			height: 18px;
			display:block;
			color: #FFFFFF;
			
			font-weight:bold;
			font-size: 12px;}
			
			ul#Navigationtab li .Promotion_Button {	
			width: 145px;
			height: 18px;
			display:block;
			color: #333333;;
			font-size:12px;
			font-weight: bold;	
			padding: 5px 0 0 0;
			}
			/*Find Hotel*/
			#FindHotel form fieldset .FindHotelContent li {
			float:left;
			width:100%;
			overflow:hidden;
			background:none;
			padding:4px 0 0 0;
			}
			#FindHotel form fieldset .FindHotelContent li.first{padding-top:8px;}
			
			#FindHotel form fieldset .FindHotelContent li.room {
			width:150px;
			float:left; }
			
			#FindHotel form fieldset .FindHotelContent li.person {
			width:100px;
			float:left; }

			li.findhotel input{
			border: none;
			float:right;
			background:url(../img/hotelbooking/bt_findhotel.png) no-repeat; 
			_behavior: url(/common/pngfix/iepngfix.htc);
			cursor: pointer;
			width:70px;
			height:23px;
			color: rgb(255,255,255);
			margin-right:5px;
			_display:inline;}
			
			#FindHotel form fieldset .FindHotelContent li.person label{width:42px;padding-top:1px;}
			
			#FindHotel form fieldset .FindHotelContent li label{
			width:85px;
			float:left;
			color: rgb(60,132,19);
			font-size:12px;
			}
			#FindHotel_Promotion #FindHotel form fieldset .FindHotelContent li {padding-top:6px;_padding-top:7px;/padding-top:7px;}
			#FindHotel_Promotion #FindHotel form fieldset .FindHotelContent li label {padding-top:2px;}
			#FindHotel_Promotion #FindHotel form fieldset .FindHotelContent li select {border: 1px solid #999; padding: 0 1px; font-size:12px;}
			

			/*Promotion Detail*/
			.PromotionDetail {padding-top:8px;}
			.PromotionDetail .thumbnail {width:100px; float:left;}
			.PromotionDetail .detail {float:left; width:175px; font-size: 12px;overflow:hidden;}
			#PromotionContent .PromotionDetail .detail h2 {margin-bottom:0;padding-bottom:2px;font-size:12px;}
			.PromotionDetail .detail h2 a{text-transform:uppercase;color: rgb(33,60,112);}
			.PromotionDetail .detail h2 a:hover{text-decoration:underline;color: rgb(33,60,112);}

			
/*
################
Hotel Booking | 
Find hotel Panel & Popular Hotel Panel on Travel main page 
author: Mook
date: 28July2010
################
*/

			#Hotelbookingpanel{
			width:659px;
			overflow:hidden;
			padding:2px 0 0 6px;
			_padding:2px 0 0 8px;
			}
			/* HotelSearchPanel*/
			.HotelSeachPanel {
			background: url(../img/hotelbooking/bg_findhotelbox.jpg) no-repeat;
			width:325px;
			height:385px;
			float:left;
			margin-right:7px;
			}
			
			.HotelSeachPanel h2{
			font-size:20px;
			color:rgb(255,255,255);
			padding:10px;
			font-weight:normal;
			}
			
			.HotelSeachPanel ul{overflow:hidden;width:290px;margin:0 auto;}
			
			.HotelSeachPanel ul li{
			width:290px;
			overflow:hidden;
			margin:0 auto;
			font-size:12px;
			}
			.HotelSeachPanel ul li label{
			display:block;
			color:rgb(60,132,19);
			padding:10px 0 5px 0;
			font-weight:bold;
			}
			
			.HotelSeachPanel ul li.room {
			width: 28%;
			float:left;
			
			}
			.HotelSeachPanel ul li.person{
			width:72%;
			float:left;
			}
			
			.HotelSeachPanel ul li.City select,
			.HotelSeachPanel ul li.Area select {width:79%;}
			.HotelSeachPanel ul li.findhotel input {float:left;margin-top:15px;}
			
			/*PopularHotelPanel*/
			.PopularHotelPanel {
			width:323px;
			height:385px;
			background: url(../img/hotelbooking/bg_popularhotel.jpg) no-repeat;
			float:left;
			}
			.PopularHotelPanel h2{font-size:14px;color:rgb(60,132,19);padding:10px 10px 5px 10px;}
			
			.PopularHotelPanel .PopularList {overflow:hidden;padding:0 10px;}
			
			.PopularHotelPanel .PopularList ul li {overflow:hidden;padding-bottom:5px;}
			
			.PopularList .thumbnail {width:100px; float:left;padding:8px 0 0 0;}
			.PopularList .detail {float:left; width:200px; font-size: 12px;overflow:hidden;padding:5px 0 0 0;}
			.PopularList .detail h2 {margin-bottom:0;padding:0 0 2px 0;font-size:12px;}
			.PopularList .detail h2 a{text-transform:uppercase;color: rgb(33,60,112);}
			.PopularList .detail h2 a:hover{text-decoration:underline;color: rgb(33,60,112);}
			
/*
################
Hotel Booking | Hotel Detail Page
author: Mook
date: 28July2010
################
*/
		#HotelBooking .HotelDetail {padding:10px 0;}
		
/*
################
Hotel Booking | Hotel Destination page
author: Mook
date: 28July2010
################
*/

			.HotelSearchResult h2#hoteldestination
			{ background:url(../img/hotelbooking/bg_searchresulttop.jpg); 
			color: rgb(60,132,19);
			font-size:16px;
			font-weight: bold;
			padding:10px;
			width:940px; 
			height:22px; }
			
		/*Hotel Destination*/
			.hoteldestinationcontent{
			width:960px;
			margin:0 auto;
			overflow:hidden;
			background: url(../img/hotelbooking/bg_searchresultbody.jpg) repeat-y; 
			margin-top: -15px;
			}
			
			.hoteldestination {
			width: 413px;
			float:left;
			overflow:hidden;
			margin-left: 10px;
			_display:inline;
			padding-bottom:20px; }
			
			.hotelbydestination {
			width:536px;
			float:left;
			overflow:hidden; 
			_display:inline;
			padding-bottom:20px;}
			
			.hoteldestination h2,.hotelbydestination h2{font-size: 16px; color: rgb(60,132,19);}
		
		/*Hotel by Destination*/		
			.hotelbydestination ul li {overflow:hidden;clear:left;padding-top:10px;}	
			.hotelbydestination ul li h3 {font-size:13px; color:rgb(51,51,51);padding:5px 0;}
			.hotelbydestination ul li ul li {float:left;width:134px;clear:none;padding:0;}
			.hotelbydestination ul li ul li a {font-size:12px; color:rgb(60,132,19);}
			.hotelbydestination ul li ul li a:hover {text-decoration: underline;}
			
		/*Hotel promotion content*/
			.hoteldestinationcontent .HotelPromotionContent h2#promotiondestination{
			width:940px;
			margin: 15px auto 5px auto; 
			border-top:1px solid rgb(231,231,231);
			font-size: 14px;
			clear:both;
			padding:7px 0;
			color: rgb(60,132,19);}
			
			.hoteldestinationcontent .HotelPromotionContent {border:none;margin-bottom:0;padding-bottom:0;}			
		/*FindHotel*/
			#sectionSearchBox ul li select{margin:5px 0;padding:2px;}
			
			body.travelGreenTheme #HotelBooking .fullwidth {
			background: url(../img/hotelbooking/bg_localSearch_btm.jpg) no-repeat left bottom; 
			height: auto;
			margin: 5px 0 0 10px;
			float:left;
			overflow: hidden; 
			padding-bottom: 24px;
			_display:inline;
			width: 652px; }
	
			body.travelGreenTheme #HotelBooking .fullwidth h2 {
			background:url(../img/hotelbooking/bg_localsearchtop.jpg) no-repeat left top; 
			height: 46px; 
			margin: 0; 
			padding: 5px 0 0 5px; 
			width: 647px;
			font-size:20px;
			color: rgb(255,255,255); }
	
			body.travelGreenTheme #HotelBooking .fullwidth .localSearch, body.travelGreenTheme #HotelBooking .fullwidth .optionSearch 
			{ background:url(../img/hotelbooking/bg_localSearchbody.jpg) repeat-y; 
			overflow: hidden; 
			width: 652px; 
			height: 254px;}
			
			#HotelBooking #FindHotel {width:550px;margin-left:20px;margin-bottom: 20px;height: auto; background: none; padding: 0;}
			#HotelBooking #FindHotel form fieldset .FindHotelContent li.first {padding-top:0;}
			#HotelBooking #FindHotel form fieldset .FindHotelContent li label {display:block;float:none;font-size: 15px;width:100px;font-weight:bold;}
			#HotelBooking #FindHotel form fieldset .FindHotelContent li.room {width:18%;clear:left;}
			#HotelBooking #FindHotel form fieldset .FindHotelContent li.person {width:82%;}	 	
			#HotelBooking #FindHotel form fieldset .FindHotelContent li.City select,
			#HotelBooking #FindHotel form fieldset .FindHotelContent li.Area select{width:50%;}
			#HotelBooking #FindHotel form fieldset .FindHotelContent li.Checkin{width:35%;}
			#HotelBooking #FindHotel form fieldset .FindHotelContent li.Checkout{width:50%;}
			#HotelBooking #FindHotel form fieldset .FindHotelContent li.findhotel input{float:left;}
			
		/*Promotion Banner*/
		.PromotionBanner{
		width:300px;
		float:right;
		overflow:hidden;
		margin:10px 10px 0 0;
		_display:inline;}
		
		/*#localNews .PromotionBanner {margin:-7px 16px 0 0;}*/
		
		/*Fix overwrite CSS*/
		.hotelpage table tr td{vertical-align:middle;}
		ul.leftList li a,ul.rightList li a{color:rgb(65,65,65)!important;}
			
		/*Hotel Recommendation*/

		.PromotionBanner li {
		background: url(../img/bg/bg-booking-promotion.gif) no-repeat;
		clear: both;
		line-height: 14px; 
		overflow: hidden; 
		width: 280px;
		padding:10px; 
		height: 142px;}

		.PromotionBanner li.first {margin-bottom: 4px;}

		.PromotionBanner h3,.PromotionBanner h3 a {
		color: rgb(33,60,112); 
		font-size: 12px; 
		font-weight: bold;
		float: left;
		}

		/*No-thumbnail*/
		.PromotionBanner .address {color: rgb(97,97,97); font-size: 10px; line-height: 12px;}
		.PromotionBanner .rate {font-size: 11px; color: rgb(68,68,68); padding: 1px 0; font-weight: bold;}
		.PromotionBanner .promotion {color: rgb(202,0,16); font-size: 9px; line-height: 12px;}
		.PromotionBanner .promotion span {display: block;}
		/*with-thumbnail*/
		.PromotionBanner .thumbnail .figure {float: left; width: 90px; overflow:hidden; margin-right: 10px;}
		.PromotionBanner .thumbnail h3 a,
		.PromotionBanner .thumbnail p {float:left; width: 170px; margin-right: 10px;}
		.PromotionBanner .thumbnail h3 a:hover {text-decoration: underline;}
		.bookbtn {padding-top: 4px; display: block;}
			
		#FindHotel { background: url("../img/bg/bg_FindHotel.png") 0 0 no-repeat; height: 168px; width: 273px; overflow: hidden; padding: 0 10px;}