/*  

Habiwell Screen CSS

Table of Contents

[0] ------------- Preloader
[1] ------------- Text / standard HTML elements
[2] ------------- Top of Page (Logo, Navigation, Site Tools)
[3] ------------- General Layout Elements
[4] ------------- Property Details
[5] ------------- Home Page Specific

(to quickly go through these sections do a search for "["  )

*/



/*  [0]  ------------- Preloader gif -------------   */


#loading{
border: solid 1px #CCCCCC;
width: 770px;
margin: 147px auto;
padding: 40px;
text-align:center;
}

#loading h2{
margin-bottom:12px;
}


/*  [1]  ------------- text / standard HTML elements -------------   */

body {
	text-align: center;
	color:#333333;
	background-color:#FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

p {
	margin: 0px;
}

p.what_people_say {
	margin-bottom:0.5em;
}

#content p {
	line-height:1.3em;
}

a, a:visited {
	color:#333333
}

a:hover {
	color:#FFFFFF;
	background-color:#99CC00;
}


h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	color:#666666;
	padding:0;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight:normal;
	letter-spacing: -1.4pt;
}

.white_box_content h1 {
	margin-bottom:0px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#666666;
	margin-top: 0px;
	margin-bottom: 4px;
	font-weight:normal;
	letter-spacing: -0.5pt;
}

.white_box_content h2 {
	margin-bottom:2px;
}

h3, h3 a, h3 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.0;
	font-weight: bold;
	color: #333333;
	text-indent: 0px;
	margin-top: 0px;
	margin-bottom: 6px;
	text-decoration:none;
	background:none;
}
.grey_box_content h3 {
	margin-bottom:0px;
	margin-top:2px;	
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #333333;
	text-indent: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
	text-decoration:none;
}

h4 a, h4 a:hover{
	color:#000099!important;
	margin-bottom:0px; /* for use on home page - apartment teasers */
	text-decoration:none;
}
h4 a:hover{
	background:none;
	text-decoration:underline;
}

img {
	margin:0;
	padding:0;
	border: 0;
}

form {
	margin: 0px;
	padding: 0px;
}

/* if you want to get as close 
as possible to the 
original design prototypes de-comment this

input {
border: solid 1px #CCCCCC;
}

input.go_button{
border:0;
}
*/

form#find_form {
	margin-top: 6px;
}
input#arrive, input#depart {
	width:70px;
}

input#phone, input#name, input#email_address input#your_email input#friends_email {
	width:140px;
}


textarea#message_to_friend{
	width:140px;
}


input#phone_hp, input#name_hp {
	width:106px;
}


input.go_button {
	padding:0;
	padding-top: 6px;
	margin:0px;
	margin-left:80px;
}

input#go_button_hp {
	padding:0;
	padding-top: 12px;
	margin:0px;
	margin-left:50px;
}

.highlight {
	background-color: #F2FEAF;
	padding-left:4px;
	padding-right:4px;
}

.form_align_right {
	text-align: right;
	vertical-align: top;
	padding-right:12px;
	padding-top:8px;
}

.align_center {
	text-align:center;
}

.align_right {
	text-align:right;
}


.book_today {
	font-size: 14px;
	font-weight: bold;
}
.book_today_price {
	font-size: 22px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.percentace_saving {
	font-size: 24px;
	color: #FF6600;
	line-height: 20px;
}
.saving {
	font-size: 14px;
	color: #FF6600;
	font-weight: bold;
}


.imageright {
	float:right;
	clear:right;
	padding:0px;
	padding-left:12px;
	background:none;	
}

.imageleft {
	float:left;
	clear:left;
	padding:0px;
	padding-right:12px;
	border:0;
	background:none;
}

.small, .caption, #back_to_search_results, .pagination {
	font-size:11px;
}
.big {
	font-size: 16px;
}

.caption {
	padding:4px;
	padding-left:10px;
}

.phone {
	font-size:15px;
	color:#FF9900;
	font-weight: bold;
}
.white_background {
	background-color:#FFFFFF;
	padding:6px;
	padding-left: 8px;
	margin: 0;
}
.chat {
	font-size:15px;
	color: #99CC00;
	font-weight: bold;
}
.chat_padding {
	padding:6px;
	padding-left: 0px;
	margin: 0;
	margin-top:4px;
}
.quote_what_people_say{
	color: #99CC00;
	font-weight: bold;
	font-size:14px;
}

.pagination {
	padding:4px;
	padding-left:16px;
	padding-right:16px;
	border: solid 1px #CCCCCC;
	background-color:white;
	text-align:right;
}


/*  [2]  -------------  Top of Page (Logo, Navigation, Site Tools)  -------------   */


#logo {
	padding:0;
	padding-left:20px;
	padding-bottom:6px;
	margin:0px;
}
#logo img {
	padding:0;
	margin:0;
}


/*  --- Site Tools --- */
#site_tools {
	padding: 8px;
	padding-right:0px;
	padding-left:14px;	
	margin:0;
	margin-top:35px;
	float:right;
	border:solid 0px #EEEEEE;
	text-align:right;
	font-size:11px;
	font-weight:normal;	
	color:#666666;
}
#site_tools #go_button {
	width:23px;
	height:19px;
	rmargin-bottom:-2px;
	font-size:10px;

}
#site_tools img {
	margin-bottom:-2px;
}

#site_tools a {
	text-decoration:none;
	color: #666666;
	background:none!important;	
}
#site_tools p {
	padding-top:3px;
}

#site_tools a:hover {
	color:#000066;
	text-decoration:underline;
}
#site_tools select {
	font-size:12px;
}


/*    --- Top Navigation bar ---   */

#nav {
	float: left;
	width: 746px;
	margin: 0;
	padding-left: 24px;
	padding-right:0px;
	list-style: none;
	font-size: 18px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
	background-color:#EFEFEF;
	height:34px;
	rborder-bottom:12px solid #CCED87;
	}

#nav.subnav {
	height:auto;
}	
	
#nav a {
	padding:0;
	margin:0;
	padding-top:6px;
	text-decoration:none;
	color:#333333;
	background:none;
}

#nav div {
	float:left;
	padding-top:6px;
	margin-right:62px;
}

div#businessclub {
	padding-right:0px!important;
	margin-right:0px!important;
}
div#apartments {
	margin-right:56px!important;
}

div#about {
	padding-right:6px!important;
	padding-left:6px!important;
	margin-right:56px!important;
	background-color:none;
}

div#about_active {
	padding-right:6px!important;
	padding-left:6px!important;
	margin-right:56px!important;
	background-color:#C0E1FA;
}


div#apartments_active {
	padding-right:6px!important;
	padding-left:6px!important;
	margin-right:56px!important;
	padding-bottom:6px;
	margin-left:-6px;
	background-color: #E4F8A5;
}
/*    ---- About Sub Menu----   */

div#about_sub_menu {
	background-color:#C0E1FA;
	clear:left;
	padding-top:2px;
	padding-bottom:0px;
	padding-left:172px;
	margin-left:-24px;
	margin-right:-24px;
	width:598px;
	height:18px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing: 4px;
}

div#about_sub_menu a{
	padding:0;
	margin:0;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing: normal;
}

div#about_sub_menu a:hover{
	text-decoration:underline;
}

div#about_submenu_active a {
	background-color:#FFFFFF;
}



/*  [3]   ------------- General Layout Elements -------------   */


#wrap, #wrap_NO_special_offers_hp, #wrap_extend_left_sidebar_grey {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	reline-height: 120%;
	position: relative;
	margin: auto;
	margin-bottom:0;
	margin-top:0;	
	padding: 0;
	text-align: left;
	width: 770px;
	padding-bottom:50px; /* to create some blank room beneath the footer - unfortunately IE 7 only seems to accept padding, not margin for this... */

}
#wrap_NO_special_offers_hp { 
	
	/* if there are noe special offers, this trick makes sure, that the Important Links box always stretches downto the footer */
	padding:0;
	background-image: url(../images/no_special_offers_bg_hp.gif);
	background-repeat:no-repeat;	
	margin-bottom:50px; /* to create some blank room beneath the footer - on IE 7  the homepage won't have this extra room beneath the footer. */
}

#wrap_extend_left_sidebar_grey {
	background-image:url(../images/important_links_extension.gif);
	background-repeat: no-repeat;
	background-color:#00CCFF;
	background-position:0px 0px;
}


#content {
	float:right;
	width:558px;
	border:0;
	padding:0p;
	margin-bottom:12px;
	margin-top:0px;
	margin-left:12px;
}



#sidebar {
	float: left;
	width: 200px;
	border:0;
	padding:0;
	margin:0;
	margin-bottom:12px;
}


#contact_box {
	background-image:url(../images/phone.gif);
	background-repeat: no-repeat;
	background-position: 16px 10px;
}

.float_clear{
	float:left;
	clear:both;
	width:100%;
	border:0;
	margin:0;
	padding:0;
}

.clearing {
	height:0px;
	clear: both;
	width: 770px;
	background:#FFFFFF;
}


/* --- Content column boxes (right) --- */

.grey_box_content, .white_box_content  {
	float:left;
	clear:both;
	padding:24px;
	padding-top:14px;
	padding-bottom:12px;
	margin:0px;
	margin-top:12px;
}

.grey_box_content{
	border:0;
	background-color:#EFEFEF;
	width:510px;
}	

.white_box_content{ 
	border:solid 1px #CCCCCC;
	width:508px;
}	

/* -------- Sidebar column boxes (left) ------- */

.white_box_sidebar {
	float:left;
	border:solid 1px #CCCCCC;
	padding-left:24px;
	padding-top:20px;
	padding-right:18px;
	padding-bottom:18px;
	margin-top:12px;
	width:156px; /* 2 pixels less, because of 1px border..*/
}		
		
.grey_box_sidebar {
	float:left;
	border:0;
	background-color:#EFEFEF;
	padding-left:24px;
	padding-top:20px;
	padding-right:18px;
	padding-bottom:18px;
	margin-top:12px;
	width:158px;
}	


/*    --- City Guide ---   */

.city_guide_nav_box {
	float:left; 
}
.city_guide_nav_box a{
	text-decoration:none;
	padding-left:16px;
	padding-right:16px;
}


.city_guide_nav_box a#active{
background-image:url(../images/more_arrows.gif);
background-position:4px 4px;;
background-repeat:no-repeat;
background-color: #DBFF6C;
}

#city_guide_content td{
	padding-right:26px;
	padding-top:1px;
	padding-bottom:1px;	
	border-bottom:1px solid #DDDDDD;
}

#city_guide_content table{
	padding:26px;
	padding-top:20px;
	padding-bottom:16px	;
	background-color: #FAFAFA;	
	margin-top:8px;
	margin-bottom:3px;	
	border:solid 1px #DDDDDD;
}



/*    --- Footer ---   */

#footer {
	width:740px;
	float:left;
	clear:both;
	background-color:#EFEFEF;
	padding-left:24px;
	padding-right:6px;
	padding-top:8px;
	padding-bottom:8px;
	margin:0px;
	border-top:solid #FFFFFF 12px;
	margin-top:-12px;
	border-bottom:solid white 50px;
}

.footertext {
	float: left;
	width: 236px;
	padding-left:6px;
	margin:0;
	border: 0;
	border-left:solid 1px #CCCCCC;
	height:30px;
}







/* [4]   ------------- Property Details -------------   */


/*    --- Property Details Tab Navigation --- */


#property_details_tabs {
	float:left;
	clear:both;
	padding-top:10px;
	padding-left:17px; /* this is set to 17 so the text is flush with text in the divs aboce and below (24px)*/
	padding-right:0px; /*visually this should be roughly the same as padding-left as well, but for safety reasons it's zero. so in case of a text chagne (longer word) it's less likely the whole design would break down. ideally padding in property_details_tabs ul li would need to be changed to adapt the list.*/
	padding-bottom:5px;
	width: 541px;
}

#property_details_tabs ul {
	margin: 0;
	padding: 0;
	display: inline;
	} 

#property_details_tabs ul li {
	margin: 0;
	padding:7px;
	border: 0;
	list-style: none;
	display: inline;	
	}
	
		
#property_details_tabs ul li.active {
	border:0;
	margin: 0;	
	background-color:#99CC00;	
	list-style: none;
	display: inline;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	}

#property_details_tabs ul li a {
	font-size:13px;
	color:#003399;
	font-weight:bold;
}
#property_details_tabs ul li a:hover {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}


/*  --- Property Details - general ---  */

#property_detail_header_box {
padding-bottom:6px;
}
	

#property_detail_heading {
	float:left; 
	width:380px;	
}

#property_detail_booking_online {
	float:right; 
	padding-left:16px; 
	width:110px;
}

#property_detail_box {
	background-image:url(../images/property_detail_green_bracket.gif);
	background-repeat:no-repeat;
	padding-top:28px!important;
	margin-top:0px!important;
}


#facilities {
	padding-top:12px;
}

#facilities ul {
	margin:0;
	margin-left:16px;
	margin-bottom:6px;
	padding:0;
}


a.property_details_booking, a.property_details_booking:hover {
	color: #FF0000!important;
	font-weight: bold;
	background: none;
}

#back_to_search_results {
	text-align:right;
	padding-top:2px;
	float:left;
	clear:both;
	width:532px;	
}

.original_price {
	color:#666666;
	text-decoration:line-through;
}

.sold_out {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	letter-spacing:-1.2pt;
	font-size:22px;
	color: #FF0000;
	line-height:14pt;
	text-align:center;
}


.rates_box_available,  .rates_box_soldout {
	clear:both;
	float:left;
	width:460px;
	padding: 24px;
	padding-top:20px;
	padding-bottom:20px;
}

.rates_box_available{
	background-color:#FFF9D5;
	border:solid 1px #CCCCCC;
}
.rates_box_soldout{
	background-color:#CCCCCC;
	border:solid 1px #FFFFFF;
}

.rates_box_heading {
	float:left;
	clear:both;
	width:460px;
	padding:24px;
	padding-bottom:0px;

}
.rates_box_heading h3 {
		margin-bottom: 6px;
}

.imageleft_photos {
	float:left;
	padding:0;
	margin:0;
	margin-right:6px;
	margin-bottom:6px;
	border: 1px solid #CCCCCC;
}


/* --- Styling of "Show full description / all facilities JavaScript Links --- */

.show, .hide {
	background-repeat:no-repeat;
	text-decoration:underline;
	margin-left:16px;
	margin-top:6px;
	margin-bottom:10px;
	padding-left:16px;
	float:left;
	cursor: pointer;
	cursor: hand; /* For IE, non-standard */
}
.show {
	background-image:url(../images/plus_expand.gif);
}
.hide {
	background-image:url(../images/minus_collapse.gif);
}




/*    --- Placeholder for possible City Guide Styles ---   */










/*    --- Booking Form ---   */

#booking_form input {
	width:120px;
}

input#email_bf, input#address_line1_bf, 
input#address_line2_bf {
	width:150px;
}

#booking_form td{
	padding:6px;
	padding-top:0;
	padding-left:2px;
}


/* --- Styling of "Show full description / all facilities Links --- */

.show, .hide {
	background-repeat:no-repeat;
	text-decoration:underline;
	margin-left:16px;
	margin-top:6px;
	margin-bottom:10px;
	padding-left:16px;
	float:left;
	cursor: pointer;
	cursor: hand; /* For IE, non-standard */
}
.show {
	background-image:url(../images/plus_expand.gif);
}
.hide {
	background-image:url(../images/minus_collapse.gif);
}

#facilities {
	padding-top:12px;
}
#facilities ul {
	margin:0;
	margin-left:16px;
	margin-bottom:6px;
	padding:0;
}

.original_price {
	color:#666666;
	text-decoration:line-through;
}

.sold_out {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	letter-spacing:-1.2pt;
	font-size:22px;
	color: #FF0000;
	line-height:14pt;
	text-align:center;
}


.rates_box_available,  .rates_box_soldout {
	clear:both;
	float:left;
	width:460px;
	padding: 24px;
	padding-top:20px;
	padding-bottom:20px;
}

.rates_box_available{
	background-color:#FFF9D5;
	border:solid 1px #CCCCCC;
}
.rates_box_soldout{
	background-color:#CCCCCC;
	border:solid 1px #FFFFFF;
}

.rates_box_heading {
	float:left;
	clear:both;
	width:460px;
	padding:24px;
	padding-bottom:0px;
	margin-bottom: -4px;
}

.imageleft_photos {
	float:left;
	padding:0;
	margin:0;
	margin-right:6px;
	margin-bottom:6px;
	border: 1px solid #CCCCCC;
}








/*  [5] ------------- Home Page Specific -------------   */


#contact_box {
	background-image:url(../images/phone.gif);
	background-repeat: no-repeat;
	background-position: 16px 10px;
}

#email_box_hp {
float:left;
}

#callback_box_hp {
	float:left; margin:0;
	margin-left: 20px; 
	margin-top:6px;
}

#wrap_find_about_teaser {
	float: left;
	width:770px;
	background-color:#ffffff;
	border: 0;
	padding: 0;
	margin: 0;
}
	
.wrap_find_about {
	float: left;
	width:300px;
	background-color:#ffffff;
	border: 0;
	padding: 0;
	margin: 0;
}

	
.white_box_sidebar_hp {
	float:left;
	border:solid 1px #CCCCCC;
	padding-left:24px;
	padding-top:20px;
	padding-right:12px;
	padding-bottom:6px;
	margin-top:12px;
	width:262px; /* 2 pixels less, because of 1px border..*/
}	

#find_box_hp {
	height:136px;
}

#about_hp {
	float:left;
	border:0;
	background-color:#EFEFEF;
	padding-left:24px;
	padding-top:20px;
	padding-right:12px;
	padding-bottom:6px;
	margin-top:12px;
	height:106px;
	width:264px;
}	


.grey_box_content_hp { 
	float:left;
	border:0;
	background-color:#EFEFEF;
	padding-left:24px;
	padding-top:20px;
	padding-right:12px;
	padding-bottom:20px;
	margin-bottom:12px;
	width:422px;
}	

.white_box_content_hp { 
	float:left;
	border:solid 1px #CCCCCC;
	padding-left:24px;
	padding-top:20px;
	padding-right:12px;
	padding-bottom:20px;
	margin-bottom:0px;
	width:420px;
	height:auto;
}	


.grey_box_sidebar_hp {
	float:left;
	border:0;
	background-color:#EFEFEF;
	padding:24px;
	padding-top:20px;
	margin-top:12px;
	width:252px;
}	

.content_box_hp {
	float:left;
	border:0;
	padding:0px;
	margin-bottom:0;
	margin-top:12px;
	margin-left:12px;
	width:458px;
}	

.apartment_box {
	float:left;
	border:solid 1px #CCCCCC;
	padding:0px!important;
	margin-bottom:12px;
	height:80px;
	width:456px;
}
.apartment_teaser_text {
	padding-left:116px;
	padding-top:12px;
	padding-right:12px;
	padding-bottom:0px;
	margin:0;
}