body {
	width:100%;
	margin:auto;	
	font-family: "Arial", Helvetica, sans-serif;
	background:url(../assetimgs/bg.gif) repeat;
}

#header_bg_index{ width:100%; float:left; background:#FFFFFF url(../assetimgs/shadow_top.gif) repeat-x;}
#header_index{ width:960px; height:100px; margin:auto; border-bottom:1px solid #82c090;}
#header_index_r{ float:right; padding-right:20px; margin-top:15px;}
#header_index_r h1 {font-size:34px; font-weight:200; color:#039524; font-style:normal;}
#header_index_l{ float:left; padding-left:20px; margin:25px 0 15px 0;}
#header img{ border:none; }
#header_list{ width:90%; height:13px; background:#03b22b url(../assetimgs/top_style.png) no-repeat right; } 

.img_htl{
	width:auto;
	padding-bottom:10px;
	margin-left:5px;}

#bg_maincontainer {  	
	height:auto;
	background:#FFFFFF;
	padding-bottom:20px;
}

.maincontainer { 
	margin:auto; 	
	width:960px;
	margin-bottom:20px;
}

.searchlabel, .searchinput { 
	float: left; 
}

.searchlabel { 
	font-size:14px;
}

.searchinput input { 
	width: 220px; 
}

.clear { 
	clear: both; 
}
.clear_10 { 
	clear: both;
	padding-top:10px; 
}
.clear_20 { 
	clear: both; 
	padding-top:20px; 
}

.searchformwrapper { 
	width: 950px;
	min-height:10px;
	overflow:hidden; 
	margin:auto;
	background:#FFF;
	padding:15px 15px 0 15px;
}

#form{
	width:960px;
	margin-left:10px;
	color:#333;	
}
.left_wrap{
	float:left; 
	padding-left:10px;
	padding-top:20px;}
.right_wrap{
	float:right;
	margin-right:50px;}	

.location{
	width:386px;
	height:37px;
	padding-left:10px;
	font-size:18px;
	border:1px solid #b6cd9a; 
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
	text-transform:capitalize;
}
.location focus{
	outline:solid;
}


#checkin, #checkout{
	width:384px;
	height:27px;
	padding-left:10px;
	font-size:12px;	
	border:1px solid #b6cd9a; 
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}

.daterange { 
	width: 100%; margin-top: 10px; 
	font-weight:bold;
}

#calendars{
	width:400px;
}

.ie #calendars{
	width:410px;
}

.calendarbutton { 
	display: inline-block; margin: 0pt auto; width: 100%; padding: 0pt; text-align: center; text-shadow: none; 
}

.opera11 .calendarbutton ul { 
	list-style-type: none; font-weight: bold; margin: auto;   margin-left:0; 
}

.safari .calendarbutton ul { 
	list-style-type: none; font-weight: bold; margin: auto; margin-left:198px; 
}

.ff3 .calendarbutton ul { 
	list-style-type: none; font-weight: bold; margin: auto; margin-left:200px;
}

.ie .calendarbutton ul { 
	list-style-type: none; font-weight: bold; margin: auto; margin-left:205px;
}

.calendarbutton ul { 
	list-style-type: none; font-weight: bold; margin: auto; padding: 0pt 0pt 10px; 
}

.calendarbutton ul li { 
	display: inline; margin: 0pt; padding: 0pt; width:500px;
}

.opera11 .calendarbutton ul li a { 
	display: inline-block; height: 35px; text-decoration: none; font-size:9px; margin-top:3px;
}

.safari .calendarbutton ul li a { 
	display: inline-block; height:31px; text-decoration: none; font-size:9px; margin-top:2px;
}

.ie .calendarbutton ul li a { 
	display: inline-block; height: 18px; text-decoration: none; font-size:9px;
}

.calendarbutton ul li a { 
	display: inline-block; height: 33px; padding: 4px; text-decoration: none; font-size:9px; padding-top:25px; position:absolute; 
}

.calendarbutton ul li a.previous { 
	margin-left:-211px;
	width:15px;
	background:url(../assetimgs/nextprev.png) left no-repeat;
	color:#e4ebe4;
}

.ie .calendarbutton ul li a.previous { 
	margin-left:-208px;
	width:15px;
	background:url(../assetimgs/nextprev.png) left no-repeat;
	color:#e4ebe4;
}

.calendarbutton ul li a.next {
	margin-left:190px;
	width:15px;
	background:url(../assetimgs/nextprev.png) right no-repeat;
	color:#e4ebe4;
}

.ie .calendarbutton ul li a.next {
	margin-left:194px;
	width:15px;
	background:url(../assetimgs/nextprev.png) right no-repeat;
	color:#e4ebe4;
}

.calendarbutton ul li a.previous:hover { 
	width:15px;
	background:url(../assetimgs/nextprev_hover.png) left no-repeat;
	color:#e4ebe4;
}

.calendarbutton ul li a.next:hover {
	width:15px;
	background:url(../assetimgs/nextprev_hover.png) right no-repeat;
	color:#e4ebe4;
}

.calendarbutton ul li a.disabled, .calendarbutton ul li a.disabled:hover, .calendarbutton ul li a.disabled:active {
	width:15px;
	background:url(../assetimgs/nextprev.png) left no-repeat; 
	color:#e4ebe4; cursor: default; 
}

.options{
	float:right;	
}

.options{
	font-size:12px;	
}
div.submit{float:right; clear:both; width:70%; text-align:left;	}
div.submit .searchbutton{ width:134px; height:45px; background:url(../assetimgs/search.png) top no-repeat; border:none; margin-left:52%; margin-top:10px; margin-bottom:30px;}
div.submit .searchbutton:hover{ background:url(../assetimgs/search.png) bottom no-repeat; cursor:pointer;}
div.submit .searchbuttonn{ width:134px; height:45px; background:url(../assetimgs/search.png) top no-repeat; border:none; margin-left:52%; margin-top:10px; margin-bottom:30px;}
div.submit .searchbutton:hover{ background:url(../assetimgs/search.png) bottom no-repeat; cursor:pointer;}

#twin-box{ 
	width: 980px;
	margin:auto;
	margin-top:20px;
	margin-left:-7px;
}

#hot{
	float:left;
	width:310px;
	height:250px;
	overflow:hidden;
	margin:auto;
	padding-bottom:30px;
	background-color:#FFF;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #82c090;
	box-shadow: 0pt 1px 8px rgb(210, 210, 210);
}

#destination{
	float:left;
	width:320px;
	height:250px;
	overflow:hidden;
	margin:auto;
	padding-bottom:30px;
	background-color:#FFF;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #82c090;
	box-shadow: 0pt 1px 8px rgb(210, 210, 210);
	margin-left:12px;
}

#recomended{
	float:right;
	width:320px;
	height:250px;
	overflow:hidden;
	margin:auto;
	padding-bottom:30px;
	background-color:#FFF;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	border:1px solid #82c090;
	box-shadow: 0pt 1px 8px rgb(210, 210, 210);
}

.twin-title{
	width:100%;
	height:31px;
	padding-top:10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	background:url(../assetimgs/list_hote_front.png) repeat-x left;
	font-size:14px;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.twin-title span{ padding:10px; }

.dest-list{
	height:30px;
	margin:auto;
	border-bottom:dotted thin #cad8c9;	
	padding-bottom:5px;
	padding-top:5px;
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
}

.dest-list:hover{ background-color:#e4ebe4;}

.destL{ float:left; margin-left:5px; }
.destR{ float:right; margin-right:5px; }
.hotelname, .latest{ font-weight:bold; }
.hotelname a { color:#087400; text-decoration:none; }

#hotelform{
	width:960px;
	margin:auto;
	clear:both;}

.sort{
	width:100%;
	height:20px;
	padding-top:5px;
	background-color:#d5c619;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold; 
}

.sortL{ float:left; margin-left:10px; }
.sortR { float:right; width:100px; }
.rec-list{
	width:100%;
	height:30px;
	margin:auto;
	border-bottom:dotted thin #cad8c9;	
	padding-bottom:3px;
	padding-top:5px;
	font-size:11px;
}
.rec-list:hover{ background-color:#e4ebe4;}
.recL{ float:left; margin-left:5px; }
.recR{ float:right; width:100px; }
.pricerange{ color:#F00; }

/*footer*/
#footer{clear:both; background:url(../assetimgs/footer.gif) repeat-x;  height:85px; font-size:12px; padding:28px 20px 0 0; line-height:21px; text-align:center; color:#FFFFFF; }
#footer p{ margin:0;}
#footer a{text-decoration:none; color:#FFF; font-style:normal;}
#footer a.sd{color:#FFF;}
#footer a:hover{ text-decoration:underline; color:#FFFF00; }
