*
{
	outline: none;
}

html, body
{
	margin: 0px;
	padding: 0px;
	height: 100%;				/* needed for container min-height */
	font-family: Arial, Verdena, Helvetica, sans-serif;
	font-size: 12px;
	color: #545456;
	background: url(/img/site/background.png) top center no-repeat;
}

a
{
	cursor: pointer;
}

img
{
	border: none;
}

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

ul, li
{
	margin: 0 0 0 9px;
	margin /*\**/: 0 0 0 5px\9; /* IE8 */
	padding: 0;
}

/* IE7 only */
*:first-child+html ul,li
{
	margin: 0px 0px 0px 8px;
}

/* Firefox only */
@-moz-document url-prefix()
{
	ul, li
	{
		margin: 0 0 0 7px;
	}
}

div#container
{
	position: relative;			/* needed for footer positioning*/
	left: 50%;					/* 1 */
	margin-left: -450px;		/* 2	1 and 2 needed for centering*/
	width: 900px;
	height: auto !important;	/* real browsers */
	height: 100%;				/* IE6: treated as min-height*/	
	min-height: 100%;			/* real browsers */
	background: url(/img/site/content_center.png) repeat-y;	
}

div#top_spacer
{
	width: 100%;
	height: 52px;
	background: url(/img/site/top_spacer.png) no-repeat;
}

.flag
{
	height: 35px;
	margin-top: 9px;
	float: left;
	cursor: pointer;
	background: url(/img/site/flags.png) no-repeat;
}

	div#nl_flag{ margin-left: 7px; width: 32px; background-position: 0px 0px; }
	div#nl_flag:hover{ background-position: 0px -35px; }
	div#gb_flag{ width: 32px; background-position: -32px 0px; }
	div#gb_flag:hover{ background-position: -32px -35px; }
	div#de_flag{ width: 31px; background-position: -64px 0px; }
	div#de_flag:hover{ background-position: -64px -35px; }
	div#ltu_flag{ width: 32px; background-position: -95px 0px; }
	div#ltu_flag:hover{ background-position: -95px -35px; }

div#wrapper
{
	width: 100%;
	height: 51px;
	margin: 0 auto;
}

div#wrapper #left
{
	height: 100%;
	width: 7px;
	float: left;
}

div#wrapper #main_menu
{
	height: 100%;
	width: 886px;
	float: left;
	background: url(/img/site/menu_bg.png) repeat-x;
}

div#wrapper #main_menu #dropdown
{
	height: 51px;
}

div#wrapper #right
{
	height: 100%;
	width: 7px;
	float: right;
}

div#content_top
{
	height: 10px;
	width: 100%;
	background: url(/img/site/content_top.png) no-repeat;
}

div#header
{
	width: 100%;
	height: 287px;
	background: url(/img/site/header.png) 2px 12px no-repeat;
}

div#header div#layer
{
	position: relative;
	width: 190px;
	height: 228px;
	top: 23px;
	left: 2px;
	background: url(/img/site/header_layer.png) no-repeat;
	z-index: 2;
}

div#header img
{
	position: absolute;
	top: 136px;
	left: 2px;
	display: none;
}

div#header #route_map
{
	position: absolute;
	width: 615px;
	* width: 617px;
	height: 226px;
	* height: 228px;
	border: 1px solid #ccc;
	top: 136px;
	left: 192px;
	display: none;
}

div#content
{
	padding: 21px 55px 159px 55px; /* padding-bottom = padding-bottom + footer height */
}

div#holder
{
	line-height: 1.625;
	width: 375px;
	float: left;
}

div#widgets
{
	width: 380px;
	float: right;
}

	div#widgets div#availability
	{
		position: relative;
		width: 379px;
		height: 218px;
		color: #4A2701;
		background: url(/img/site/widget1_bg.png) no-repeat;
		z-index: 2;
	}
	
	div#widgets div#availability div#avail_content
	{
		margin-left: 11px;
		margin-top: 19px;
		font-size: 14px;
		float: left;
	}
	
		div#widgets div#availability div#avail_content span
		{
			font-size: 20px;
		}
		
		div#widgets div#availability div#avail_content a#book_vacation
		{
			position: absolute;
			color: #FDE978;
			font-size: 13px;
			text-decoration: none;
			left: 12px;
			bottom: 13px;
		}
		
	div#widgets div#availability div#datepicker_wrapper, div#booking_availability .datepicker_wrapper
	{
		width: 186px;
		height: 189px;
		margin-right: 13px;
		margin-top: 14px;
		float: right;
 		background: url(/img/site/widget_datepicker.png) no-repeat;
	}
	
	div#booking_availability .datepicker_wrapper, .slide_item
	{
		margin-right: 15px;
		margin-top: 0px;
		float: left;
	}
	
		#slider_wrapper
		{
			width: 863px;
			left: -37px;
			top: 19px;
			position: relative;
			overflow: hidden;
			clear: both;
		}
		
		.slider_mask
		{
			width: 789px;
			height: 189px;
			overflow: hidden;
			position: relative;
			float: left;
		}
		
		#slide_left
		{
			width: 19px;
			height: 39px;
			margin-right: 18px;
			margin-top: 70px;
			background: url("/img/site/slider_left.png") no-repeat;
			cursor: pointer;
			float: left;
		}
		
		#slide_right
		{
			width: 19px;
			height: 39px;
			margin-left: 18px;
			margin-top: 70px;
			background: url("/img/site/slider_right.png") no-repeat ;
			cursor: pointer;
			float: left;
		}
		
		.slider_content
		{
			position: relative;
			color: #4A2701;
		}
		
		.slider_content .ui-datepicker-prev, .slider_content .ui-datepicker-next
		{
			display: none;
		}				
		
		div#datepicker_wrapper div#widget_datepicker, .datepicker_wrapper .single_month_datepicker
		{
			height: 100%;
			width: 100%;
			margin-left: 5px;
			margin-top: 8px;
		}
		
		div#widget_datepicker .ui-datepicker-header .ui-icon-circle-triangle-w, .single_month_datepicker .ui-datepicker-header .ui-icon-circle-triangle-w
		{
			width: 28px;
			height: 18px;
			display: block;
			position: absolute;
			background: url(/img/site/arrow_left.png) right center no-repeat;
			cursor: pointer;
			left: 180px;
		}
		
		div#widget_datepicker .ui-datepicker-header .ui-icon-circle-triangle-e, .single_month_datepicker .ui-datepicker-header .ui-icon-circle-triangle-e
		{
			width: 38px;
			height: 18px;
			display: block;
			position: absolute;
			background: url(/img/site/arrow_right.png) left center no-repeat;
			cursor: pointer;
			right: 0px;
		}
		
		div#widget_datepicker .ui-datepicker-title, .single_month_datepicker .ui-datepicker-title
		{
			width: 120px;
			margin-left: 30px;
			text-align: center;
			font-size: 15px;
			font-weight: bold;
		}
		
		div#widget_datepicker table.ui-datepicker-calendar, .single_month_datepicker table.ui-datepicker-calendar
		{
			border-collapse: collapse;
			clear: both;
			margin-left: 4px;
			margin-top: 1px;
			text-align: right;
		}
		
		div#widget_datepicker .ui-datepicker-calendar td, div#widget_datepicker .ui-datepicker-calendar th,
		.single_month_datepicker .ui-datepicker-calendar td, .single_month_datepicker .ui-datepicker-calendar th
		{
			padding-right: 5px;
			padding-left: 4px;
			height: 22px;
			border-right: 1px solid #92876C;
		}
		
	 	div#widget_datepicker .ui-datepicker-calendar td.ui-datepicker-week-end + td.ui-datepicker-week-end, div#widget_datepicker .ui-datepicker-calendar th.ui-datepicker-week-end + th.ui-datepicker-week-end, .single_month_datepicker .ui-datepicker-calendar td.ui-datepicker-week-end + td.ui-datepicker-week-end
	 	, .single_month_datepicker .ui-datepicker-calendar th.ui-datepicker-week-end + th.ui-datepicker-week-end
		{
			border-right: 0px;
		}
		
		div#widget_datepicker .ui-state-default, .single_month_datepicker .ui-state-default
		{
			text-decoration: none;
			color: #118705;
			font-weight: bold;
			cursor: default;
		}
		
		div#widget_datepicker .ui-state-booked, .single_month_datepicker .ui-state-booked
		{
			color: #AB2622;
		}
		
		div#widget_datepicker .ui-datepicker-other-month, .single_month_datepicker .ui-datepicker-other-month
		{
			color: #777777;
			font-weight: bold;
			cursor: default;
		} 
	 
	div#widgets div#gallery
	{
		position: relative;
		width: 379px;
		height: 178px;
		color: #364A01;
		background: url(/img/site/widget2_bg.png) no-repeat;
		top: 17px;
		z-index: 2;
	}
	
	div#widgets div#gallery span
	{
		font-size: 20px;
		position: relative;
		left: 11px;
		top: 14px;
	}
	
	div#widgets div#gallery div#image_wrapper
	{
		position: relative;
		left: 2px;
		top: 19px;
		height: 109px;
	}
	
	div#widgets div#gallery .image_holder
	{
		position: relative;
		width: 108px;
		height: 92px;
		float: left;
		margin: 8.5px;
		display: none;
	}
	
	div#widgets div#gallery .image_holder span.mask
	{
		position: relative;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		display: block;
		background: url(/img/site/widget2_img_bg.png) no-repeat;
		cursor: pointer;
		z-index: 2;
	}
	
	div#widgets div#gallery .image_holder a
	{
		position: absolute;
		top: 0px;
	}
	
	div#widgets div#gallery .image_holder a.invisible
	{
		display: none;
	}
	
	div#widgets div#gallery a#complete_view
	{
		position: relative;
		top: 15px;
		right: 14px;
		float: right;
		color: #FDE978;
		font-size: 13px;
		text-decoration: none;
	}
	
div#booking
{
	width: 100%;
	display: none;
}

div#booking #booking_availability
{
	position: relative;
	width: 100%;
	clear: both;
	top: 19px;
	border-top: 1px solid #925805;
}

#booking_availability #b_a_title
{
	margin-top: 18px;
	font-size: 20px;
}

#booking_availability #b_a_small
{
	margin-top: 9px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 12px;
}

#booking_availability #legend
{
	margin-top: 9px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 12px;
}

	#b_a_legend #legend1
	{
		padding-left: 30px;
		height: 25px;
		float: left;
		background: url(/img/site/available.png) no-repeat;
	}
		
		#b_a_legend #legend1 span
		{
			display: block;
			margin-top: 4px;
		}
	
	#b_a_legend #legend2
	{
		padding-left: 30px;
		height: 25px;
		margin-left: 100px;
		float: left;
		background: url(/img/site/booked.png) no-repeat;
	}
	
		#b_a_legend #legend2 span
		{
			display: block;
			margin-top: 4px;
		}

#booking_availability #b_a_small select
{
	margin-left: 4px;
}

div#footer
{
	position: absolute;
	width: 100%;
	height: 89px;
	bottom: 0;					/* stick to bottom */
	background: #FFF url(/img/site/content_bottom.png) no-repeat;
}

div#leaves
{
	position: absolute;
	width: 254px;
	height: 221px;
	bottom: 0px;
	right: -90px;
	background: url(/img/site/leaves.png) no-repeat;	
}

/* BOOKING MODULE LAYOUT */
.step
{
	display: none;
	font-size: 13px;
}

	#progress_title
	{
		font-size: 20px;
		padding-right: 10px;
		float: left;
	}
	
	.progress
	{
		height: 30px;
		margin-left: -13px;
		float: left;
	}
	
		.progress div
		{
			float: left;
			height: 100%;
		}
	
		.progress .l{background: url(/img/site/progress_l.png) no-repeat; width: 15px;}
		.progress .r{background: url(/img/site/progress_r.png) no-repeat; width: 16px;}
		.progress .c
		{
			padding-left: 7px;
			padding-top: 6px;
			padding-right: 6px;
			font-size: 15px;
			font-weight: bold;
			color: #364A01;
			background: url(/img/site/progress_c.png) repeat-x;
		}
		
		.active .l{background: url(/img/site/progress_l_active.png) no-repeat; width: 15px;}
		.active .r{background: url(/img/site/progress_r_active.png) no-repeat; width: 16px;}
		.active .c{background: url(/img/site/progress_c_active.png) repeat-x;}
		
		.progress .c span
		{
			font-size: 13px;
			font-weight: normal;
		}
	
	#progress_done
	{
		width: 42px;
		height: 49px;
		margin-left: 13px;
		margin-top: -16px;
		float: left;
		background: url(/img/site/progress_done.png) no-repeat;
	}

.step div.item
{
	padding-bottom: 15px;
}

.step div.item label.error
{
	display: block;
	margin-top: 7px;
	margin-left: 240px;
	color: #F44040;
	font-size: 10px;
}

.step div.item input
{
	position: absolute;
	left: 295px;
}

.step div.item select
{
	position: absolute;
	left: 295px;
}

#step1 div.item #accommodation_costs
{
	position: absolute;
	left: 295px;
	display: inline;	
}

#step1 .single_month_datepicker
{
	color: #4A2701;
}

#step3 fieldset
{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 0px;
	border-bottom: 1px solid #925805;
}

div#ui-datepicker-div
{
	width: 153px;
	height: 157px;
	background: url(/img/site/datepicker_bg.png) no-repeat;
	display: none;
	color: #4A2701;
}

	div#ui-datepicker-div .ui-datepicker-header .ui-icon-circle-triangle-w
	{
		width: 20px;
		height: 15px;
		display: block;
		position: absolute;
		background: url(/img/site/arrow_left.png) right center no-repeat;
		cursor: pointer;
		left: 0px;
		top: 8px;
	}
	
	div#ui-datepicker-div .ui-datepicker-header .ui-icon-circle-triangle-e
	{
		width: 20px;
		height: 15px;
		display: block;
		position: absolute;
		background: url(/img/site/arrow_right.png) left center no-repeat;
		cursor: pointer;
		right: 0px;
		top: 8px;
	}
	
	div#ui-datepicker-div .ui-datepicker-title
	{
		width: 120px;
		margin-left: 20px;
		padding-top: 8px;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
	}
	
	div#ui-datepicker-div table.ui-datepicker-calendar
	{
		border-collapse: collapse;
		clear: both;
		margin-left: 13px;
		margin-top: 2px;
		font-size: 11px;
		text-align: right;
	}
	
	div#ui-datepicker-div .ui-datepicker-calendar td, div#ui-datepicker-div .ui-datepicker-calendar th
	{
		padding-right: 3px;
		padding-left: 2px;
		border-right: 1px solid #92876C;
	}
	
	div#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-week-end + td.ui-datepicker-week-end, div#ui-datepicker-div .ui-datepicker-calendar th.ui-datepicker-week-end + th.ui-datepicker-week-end
	{
		border-right: 0px;
	}
	
	div#ui-datepicker-div .ui-datepicker-current-day
	{
		background-color: #F8DC87;
		border-top: 1px solid #92876C;
		border-bottom: 1px solid #92876C;
	}
	
	div#ui-datepicker-div .ui-state-default
	{
		text-decoration: none;
		color: #118705;
		font-weight: bold;
	}
	
	div#ui-datepicker-div .ui-state-booked
	{
		color: #AB2622;
		cursor: default;
	}
	div#ui-datepicker-div .ui-datepicker-other-month
	{
		color: #777777;
		font-weight: bold;
		cursor: default;
	}
/* --------------------- */

/* CONTACT FORM STYLING/LAYOUT */
#holder label
{
	width: 30%;
}

#content .button
{
	width: 148px;
	height: 30px;
	background: url(/img/site/site_button.png) 0px 1px no-repeat;
	border: 0px;
	font-size: 13px;
	color: #4A2701;
	font-weight: bold;
}

#content .button:hover
{
	background: url(/img/site/site_button_hover.png) 0px 1px no-repeat;
	text-decoration: none;
}

#holder textarea
{
	font-family: Arial,Verdena,Helvetica,sans-serif;
	font-size: 12px;
	color: #545456;
}

#holder .uniForm .inlineLabels .textInput, .uniForm .inlineLabels .fileUpload
{
	width: 65%;
}

#holder .uniForm .error
{
	left: 32%;
}

#holder .uniForm .inlineLabels .formHint
{
	font-size: 10px;
	margin-left: 32%;
}
/* --------------------------- */


/* DROPDOWN MENU LAYOUT */
ul.potato-menu {
	position: absolute;
	margin:0;
	padding:0;
	list-style:none;
	left: 50%;
}
.potato-menu:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
ul.potato-menu li.potato-menu-item {
	margin:0;
	padding:0;
	position:relative;
	list-style:none;
	list-style-position:outside;
	display:inline;
	float:left;
}
ul.potato-menu li.potato-menu-item a {
	display:block;
	text-decoration:none;
	white-space:nowrap;
	outline:0;
}
ul.potato-menu ul.potato-menu-group {
	margin: 0;
	padding: 0;
	-webkit-padding-start:0;
	-webkit-padding-end:0;
	position: absolute;
	display: none;
}
/* -------------------- */

/* DROPDOWN MENU MARKUP */
ul.potato-menu
{
	height: 100%;
}

li.potato-menu-item
{
	height: 100%;
	* height: 51px;
	cursor: pointer;
}

li.potato-menu-item a
{
	padding-left: 20px !important;
	padding-right: 20px !important;
	position: relative;
	z-index: 2;
}

.potato-menu a
{
	font-size: 15px;
	font-family: Arial;
	color: #FFF;
	padding-top: 17px;
	padding-bottom: 17px;
}

.potato-menu span.outer
{
	position:absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
	background: url(/img/site/menu_bg_hover.png) repeat-x;
}

.potato-menu span.outer span.l
{
	height: 52px;
	width: 1px;
	background: url(/img/site/menu_border.png) no-repeat;
	float: left;
}

.potato-menu span.outer span.r
{
	height: 52px;
	width: 1px;
	background: url(/img/site/menu_border.png) no-repeat;
	float: right;
}

.potato-menu a:hover
{
	
}

ul.potato-menu-group
{
	background: #EDAC2A url(/img/site/menu_group_bg.png) repeat-x;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
	z-index: 1000;
	min-width: 100%;
}

ul.potato-menu-group li.potato-menu-item
{
	width: 100%;
	min-width: 100%;
	margin: 0px !important;
	padding: 0px !important;
	display: block;
	* height: 100% !important;
}

ul.potato-menu-group a
{
	text-align: left;
	font-size: 13px;
	font-family: Arial;
	color: #694105;
	padding-left: 14px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}

.sub-item-hover
{
	background-color: #FADF8F !important;
}
/* -------------------- */

/* LIGHTBOX LAYOUT + MARKUP */
#jquery-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box
{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext
{
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev
{ 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext
{ 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box
{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data
{
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details
{ 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber
{
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose
{
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* ------------------------ */