@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	text-align:center; /*For IE6 Shenanigans*/
	background-image:url('../../images/bg.gif');
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#4C4C4C;
}


form { margin:0px; }

a:link { color:#268CCC; }
a:hover { color:#97D1F4; }
a:visited { color:#268CCC; }
a:active { color:#000000; }

h1 { color:#4C4C4C; margin:0px 0px 10px 0px; font-size:20pt; }
h2 { color:#4C4C4C; margin:0px 0px 10px 0px; font-size:14pt; border-bottom:1px solid #CCC; padding-bottom:5px; }
h3 { color:#268CCC; margin:0px 0px 10px 0px; margin-bottom:.5em; }

#page{
   width:980px;
   margin:0 auto;
   text-align:left;
   padding:0px 20px 20px 20px;
   background-color:#FFF;
   border-left:1px solid #CCC;
   border-right:1px solid #CCC;
}
#footer{
   width:980px;
   margin:0 auto;
   text-align:left;
   padding:20px;
   background-color:#F0F0F0;
   border-left:1px solid #CCC;
   border-right:1px solid #CCC;
   border-bottom:1px solid #CCC;
}

.header { padding:20px 0px 10px 0px; border-bottom:1px solid #97D1F4; position:fixed; width:980px; background-color:#fff; }
.subheader { font-size:9pt; text-align:right; padding-top:70px; }
.logo { float:left; }
.header_phone { float:right; }

.rounded { -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.main_search { float:left;background-color:#eff7fd;border:1px solid #97d1f4;padding:10px; width:550px;margin-right:10px;}

.benefit { margin-bottom:10px; float:right; width:360px; }
.benefit li { font-size:15px; margin:5px 0; color:#0f4664; }
ul.check { list-style-image:url('../../images/check.png'); }

.search_label { font-size:14pt; color:#268CCC; font-weight:bold; }
.search_input { padding:10px 10px 10px 10px; }
input.input_search { width:515px; padding:5px; font-size:12pt; font-weight:bold; }

.btn { float: left; clear: both; background: url('../../images/buttons/btn_left.png') no-repeat; padding: 0 0 0 10px; margin: 5px 0; font-size:12pt; }
.btn a{ float: left; height: 40px; background: url('../../images/buttons/btn_stretch.png') repeat-x left top; line-height: 40px; padding: 0 10px; color: #fff; text-decoration: none; }
.btn span { background: url('../../images/buttons/btn_right.png') no-repeat; float: left; width: 10px; height: 40px; }

.btn_blue { background-color:#268CCC; }
.btn_purple { background-color:#AB3DC2 }
.clear { clear:both; margin:0px; }
.sep { clear:both; padding-bottom:2px; }

.popular_locations { width:100%; }
.location { float:left; width:20%; }

.copyright { font-size:8pt; color:#999; padding:10px; }

.apple_overlay {
	display:none;
	background-image:url('../../images/overlay/white.png');
	width:640px;		
	padding:35px;
	font-size:11px;
}

.apple_overlay .close {
	background-image:url('../../images/overlay/close.png');
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#results_main {
	float:right;
	width:720px;
	background:#FFF;
	padding-top:10px;
	border-top:1px solid #CCC;
}
#results_sidebar {
	float:left;
	width:230px;
	background:#EFF7FD;
	height:100%;
	padding:10px;
	border-top:1px solid #97D1F4;
}
.hotel {
	border-bottom:1px dotted #CCC;
	padding:5px;
}
.hotel_brief { float:left; width:400px; padding-left:10px; }
.hotel_price { float:right; white-space:95px; font-size:18pt; color:#018B04; }

.thumb {  float:left; border:5px solid #EFF7FD; }
.small { font-size:10pt; }
.tiny { font-size:8pt; }
.fade { color:#CCC; }

.stars {
	width:65px; 
	height:16px;
	background-image:url('../../images/stars.png');	
}
.stars_5 { 
	background-position:0px 0px;
}
.stars_4 { 
	background-position:-13px 0px;
}
.stars_3 { 
	background-position:-26px 0px;
}
.stars_2 { 
	background-position:-39px 0px;
}
.stars_1 { 
	background-position:-52px 0px;
}

.rank {
	width:60px; 
	height:10px;
	background-image:url('../../images/rank.png');	
	float:left;
	margin-right:5px;
}

.rank_5 { background-position:0px 0px; }
.rank_4 { background-position:-12px 0px; }
.rank_3 { background-position:-24px 0px; }
.rank_2 { background-position:-36px 0px; }
.rank_1 { background-position:-48px 0px; }
.rank_0 { background-position:-60px 0px; }

.div_rank { font-size:9pt; color:#268CCC; }

.filter_set { padding:5px; }

.error {
	font-size:14pt;
	color:red;
	border:1px dotted red;
	padding:20px;	
}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../../images/blue.png) no-repeat -420px 0;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */

/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane { display:none; }
.tab_content { padding-top:10px; width:980px; }

.facility { background-image:url('../../images/check.png'); background-repeat:no-repeat; padding:2px 0px 2px 25px; margin-left:5px; float:left; width:164px; }
.facility_category { font-weight:bold; font-size:12pt; padding:10px 0px 10px 0px; border-bottom:1px solid #97D1F4; margin-bottom:10px; }
.adsense { float:right; width:200px; }
.hotel_description { float:left; width:750px; }

.price_season { width:200px; font-size:12pt; font-weight:bold; color:#268CCC; padding-bottom:10px; }
.price_per_room { width:600px; border-left:1px solid gray; padding-left:20px; font-size:12pt; }
.price_room { width:400px; float:left; padding:2px; }
.price_price { float:right; }

.warning { padding:20px; border:1px dotted #268CCC; text-align:center; }
.pack_brief { padding:10px; border-bottom:1px dotted #268CCC; margin-bottom:10px; }

.weather { float:right; width:200px; background-color:#eff7fd; padding:10px; }

.table_header {background-color:#09F;color:#FFF;font-weight:bold;}
.table_row {background-color:#eff7fd;}
.table_row_over {background-color:#d0e8f9;}