/***************  libs/jquery/customSelect/jquery.customSelect.css  ***************/

.cs-holder { display: inline-block; }
.cs-holder { FF2display: -moz-inline-box; }
* html .cs-holder { display:inline; zoom:1; }
* + html .cs-holder { display:inline; zoom: 1; }

/*
invlid css
display: inline-block; display:-moz-inline-box; display:inline !ie; zoom:1 !ie;
*/

.cs-holder {
	position: relative;
	overflow: visible;
}

.cs-val {
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
}

.cs-options {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	cursor: pointer;
	z-index: 1;
}

.cs-option {
	position: relative;
	margin: 0;
	padding: 1px 5px;
}


/*******************************/
#booking-form .cs-val {
	width: 40px;
	height: 20px;
	line-height: 20px;
	text-indent: 5px;
	/* bg-image in specific.css */
}
#booking-form .cs-hover {
	background-position: 0 -20px;
}

#booking-form .cs-options {
	width: 40px;
	background-color: #ccc;
}
#booking-form .cs-opt-hover {
	background-color: #aaa;
}
#booking-form .cs-selected {
	background-color: #999;
}
/***************  libs/jquery/datepicker/datepicker.css  ***************/
div.datepicker {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 196px;
	height: 147px;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
	z-index: 500;
}

.datepicker .cal-closer {
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background: url(http://www.haadson.net/images/close.png); _behavior: url(/iepngfix.htc);
}

.datepicker .container {
	background: #121212;
	position: absolute;
	top: 10px;
	left: 10px;
}
.datepicker .borderT {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 10px;
	background: url(http://www.haadson.net/images/datepicker_t.png);
	_background: none;
}
.datepicker .borderB {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 10px;
	background: url(http://www.haadson.net/images/datepicker_b.png);
	_background: none;
}
.datepicker .borderL {
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(http://www.haadson.net/images/datepicker_l.png);
	_background: none;
}
.datepicker .borderR {
	position: absolute;
	right: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(http://www.haadson.net/images/datepicker_r.png);
	_background: none;
}
.datepicker .borderTL {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(http://www.haadson.net/images/datepicker_tl.png);
	_background: none;
}
.datepicker .borderTR {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(http://www.haadson.net/images/datepicker_tr.png);
	_background: none;
}
.datepicker .borderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(http://www.haadson.net/images/datepicker_bl.png);
	_background: none;
}
.datepicker .borderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(http://www.haadson.net/images/datepicker_br.png);
	_background: none;
}
.datepickerHidden {
	display: none;
}
.datepicker table {
	border-collapse:collapse;
}
.datepicker a {
	color: #eee;
	text-decoration: none;
	cursor: default;
	outline: none;
}
.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
}
.datepicker th {
	text-align: center;
	color: #999;
	font-weight: normal;
}
.datepicker tbody th {
	text-align: left;
}
.datepicker tbody a {
	display: block;
}
.datepicker .days a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}
.datepicker .years a,
.datepicker .months a{
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
.datepicker td.notInMonth a,
.datepicker td.butSelected a {
	color: #666;
}
.datepicker .days td.selected{
	background: #136A9F;
}
.datepicker .days td.butSelected {
	background: #17384d;
}
.datepicker .years td.selected,
.datepicker .months td.selected{
	background: #17384d;
}
.datepicker a:hover {
	color: #88c5eb;
}
.datepicker td.butSelected a:hover {
	color: #999;
}
.datepicker tbody th {
	text-align: left;
}
.datepicker .space div {
	width: 20px;
}
.datepicker .goNext a,
.datepicker .goPrev a,
.datepicker .month a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepicker .goNext a {
	float: right;
	width: 20px;
}
.datepicker .goPrev a {
	float: left;
	width: 20px;
}
.datepicker .viewDays tbody.months,
.datepicker .viewDays tbody.years {
	display: none;
}
.datepicker .viewMonths tbody.days,
.datepicker .viewMonths tbody.years,
.datepicker .viewMonths tr.weeks {
	display: none;
}
.datepicker .viewYears tbody.days,
.datepicker .viewYears tbody.months,
.datepicker .viewYears tr.weeks {
	display: none;
}
.datepicker td.disabled a,
.datepicker td.disabled a:hover,
.datepicker td.disabled.notInMonth a{
	color: #333;
}
/***************  css/global.defaults.css  ***************/
/* override browser defaults */
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}
body {
	font-family: Arial, sans-serif;
	font-size: 75%;
}
h1 {
	font-size: 1em;
	margin: 0em 0em 0em;
}
h2 {
	font-size: 1.2em;
	margin: 0em 0em 0em;
}
h3 {
	font-size: 1em;
	margin: 1.4em 0em 0em;
}
h4 {
	font-size: 1em;
	margin: 0em 0em 0em;
}
h5 {
	font-size: 1em;
	margin: 0em 0em 0em;
}
h6 {
	font-size: 1em;
	margin: 0em 0em 0em;
}
p,
li {
	line-height: 1.2;
}
p {
	font-size: 1em;
	margin: 0.5em 0em 0.9em;
}
li > p {
	margin-top: 0.2em;
}
ol, ul {
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	margin-left: 0;
	padding-left: 1.8em; /* 1.8em is flush left in IE6; 1.55em in Firefox2 */
	list-style-type: square;
}
img {
	border: 0 none;
}
td {
	text-align: center;
}
form,
button,
input,
select,
textarea {
	margin: 0;
}
button {
	overflow: visible;
	padding: 0 6px
} /* fixes IE<=7 magic padding and aligns it with other browsers */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
sup {
	font-size: 0.74em;
	/* avoid increased line-box height */
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
sup.ordinal {
	text-transform: lowercase;
}
.temperature {
	white-space: nowrap; /* prevent IE from word-breaking after degreee symbol */
}

a,
a:visited {text-decoration: none;}

.hidden {display: none;}

.on-top {z-index: 1;}

.slide {
	position: absolute;
	top: 0;
	left: 0;
}
.floatL {float: left; _display: inline;}
.floatR {float: right; _display: inline; text-align:right;}

.easyC {
	zoom: 1;
}
.easyC:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.out-screen {
	position: absolute;
	left: -9999px;
}
/***************  css/global.layout.css  ***************/
html {
	height: 100%;
}
body {
	position: relative;
	height: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	min-height: 622px;
	_behavior: url(/csshover.htc);
}

.bar {
	width: 100%;
	height: 25px;
	background-color: #2B2B31;
}

#holder {
	position: relative;
	width: 1024px;
	margin: 0px auto 0;
	z-index: 1;
	background:#dacc74 url(http://www.haadson.net/images/haadson-background.gif) no-repeat top left;
	/*border:1px solid #0d9fa2;*/
	height: 800px;
}

.abstop {
	position: absolute;
	top: 0;
}
.absbottom {
	position: absolute;
	bottom: 0;
}
.absleft {
	position: absolute;
	left: 0;
}
.absright {
	position: absolute;
	bottom:-200px;
	right: 0;
}


/************************************/
#languages {
	margin-top: 3px;
	font-size: 0.9em;
	text-transform: uppercase;
}

#spacer { /* empty div used to vertical center the content */
	float: left;
	height: 50%;
	width: 1px;
	margin-bottom: -286px;
	_margin-bottom: -311px;
}


/************************************/

h1 {
	font-size: 0.9em;
	font-weight: normal;
	bottom: -2em;
	z-index: 1;
}
#main-area {
	clear: both;
	position: relative;
	_margin: 25px 0 55px;
	/*padding-top: 80px;*/
	width: 960px;
	height: 462px;
}


/***********************************/
#branding {
	position: absolute;
	top: -110px;
	left: -10px;
}
#main-holder {
	position: absolute;
	width: 100%;
	height: 405px;
	background-color: #1F1F1F;
	border-top: 1px solid #1F2320;
	border-bottom: 1px solid #1F2320;
	margin-left:-480px !ie;
}


/***********************************/
#booking-mask {
	bottom: 10px;
	z-index: 1000;
}
.nojs #booking-mask {
	bottom: 0;
}
#bottom-link{
	position: absolute;
	bottom: -60px;
	left: 0;
	width: 100%;
	height: 90px;
}
#bottom-shadow {
	position: absolute;
	bottom: -147px;
	left: -31px;
	;
	width:1024px;
	height: 20px;
	border-top:5px solid #5fcbcd;
	/*background: url(http://www.haadson.net/images/shadow.png) no-repeat top left; */
	_behavior: url(/iepngfix.htc);
}

#extra-links {
	position: absolute;
	bottom: -200px;
	left: 30px;
}


/*****************************************/
#footer {
	position: absolute;
	left: 0;
	bottom: 33px;
	width: 1010px;
	font-size: 1em;
	font-weight:bold;
	padding:5px;
	color:#0d9fa2;
}

/***************  css/global.details.css  ***************/

div.bar .content a {
	color: #999999;
}
div.bar .content li.active a,
div.bar .content a:hover {
	color: white;
}


#languages li {
	display: inline;
	list-style: none outside none;
	padding-left: 5px;
}

#main-content {
	color: white;
	text-align:left;
}
#main-content h2 {
	font-size: 1.3em;
	margin-top: -4em;
}


#overlay-review {
	position: absolute;
	top: 0;
	right: 0;
	/*
	top: 100px;
	right: 20px;
	*/
	z-index: 50;
	color: white;
}
#overlay-review p {
	margin: 0;
}
#overlay-review .name {
	font-size: 0.9em;
}


#extra-links div {
	display: inline;
}
#extra-links div img {
	position: relative;
	top: 3px;
	left: -5px;
}
#extra-links a {
	margin-right: 20px;
	font-size: 0.9em;
}


#highlights {
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	letter-spacing: 1px;
}
#highlights h2 {
	display: inline;
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	color: #FF6600;
	margin-right: 0.5em;
}
#highlights .highlight {
	display: none;
}
#highlights-0 {
	display: inline;
}

#highlights-sliding {
	display: inline;
}
#highlights-wrapper {
	display: inline;
	position: relative;
}
#highlights-anim {
	position: absolute;
	top: 0;
	right: 0;
}


#footer p {
	margin: 0;
}
#languages a,
#footer a {
	color: #999999;
}
#languages li.active a,
#languages li a:hover,
#footer a:hover {
	color: white;
}
/***************  css/global.text.css  ***************/
a {
	color: #FF6600;
}

#holder {
	color: #999999;
}
/***************  css/menus.css  ***************/
ul.menu {
	margin: 0;
	padding: 0;
}

ul.menu li {
	display: inline;
	list-style: none outside none;
}
ul.menu li.item1 {
	background-image: none;
}

ul.menu a {
	color: #1F2320;
	font-weight: bold;
}


#top-menu {
	position: absolute;
	top: -80px;
	right: -1px;
	text-align: right;
	font-size: 1.2em;
	width: 750px;
}
#top-menu ul.level2 {
	display: none;
}

#top-menu li {
	padding: 0 8px 0 15px;
	background-position: 0 6px;
}
#top-menu ul.level2 {
	position: absolute;
	top: 20px;
	right: 0;
	width: 800px;
	font-size: 0.9em;
}
#top-menu li.level2 {
	background-position: 0 5px;
}

/***************************************************/
#bottom-menu {
	position: absolute;
	bottom: 20.5px;
	right: 5px;
	text-align: right;
}
#bottom-menu li {
	padding: 0 5px 0 12px;
	background-position: 0 4px;
}
/***************  css/booking-mask.css  ***************/
div.calendar {
	z-index: 10;
}

span.rateslabel {
	font-size: 1.8em;
	display: block;
}

span.reservlabel {
	font-size: 1.1em;
}

#booking-mask form {
	margin: 0 15px;
	padding-top: 8px;
}
#booking-mask label {
	display: block;
	margin: 0 0 4px;
	text-transform: uppercase;
}
#booking-mask label,
#booking-mask img.date-picker,
#booking-mask .go {
	font-size: 0.8em;
}
#booking-mask input,
#booking-mask select {
	border: 1px solid gray;
	font-size: 1.0em;
}
#booking-mask input[type~="hidden"] {
	display: none;
}
#booking-mask div.date,
#booking-mask div.choose {
	float: left; _display: inline;
	margin-right: 10px;
}
#booking-mask div.date {
	position: relative;
}
#booking-mask div.date label#date-format-helper {
	position: absolute;
	left: 0.5em;
	bottom: -1.7em;
	text-transform: lowercase;
}
#booking-mask div.date input {
	padding-left: 0.5em;
	padding-bottom: 3px;
	margin-right: 5px;
	width: 7.7em;
}
.rtl #booking-mask div.date input {
	padding-left: 0;
	padding-right: 0.5em;
}
#booking-mask img.date-picker {
	position: relative;
	top: 3px; _top: 1px;
	cursor: pointer;
}
*:first-child+html #booking-mask img.date-picker { top: 1px; }
#booking-mask img.date-picker:hover {
	background-position: 0 -15px;
}

#booking-mask div.choose select {
	padding: 0px;
	width: 3.7em; /* WARNING! Allowing for Safari's need for wide select boxes: for font-size which evaluates to 9px, use 4.4em;  for 11px, 4.1em;  for 12px, 4em */
}
#booking-mask .go {
	float: left; _display: inline;
	width: 80px;
	margin: 10px 0 0 0;
	border: 0 none;
	overflow: visible;
	cursor: pointer;
	text-transform: uppercase;
	
	position: relative;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 3px; _background-position: 0 0;
	height: 23px; _height: 20px;
	font-size: 0.8em; _font-size: 0.9em;
	top: -3px; _top: 0;
}
*:first-child+html #booking-mask .go { height: 20px; font-size: 0.9em; background-position: 0 0; top: 0 }
#booking-mask .go:hover {
	color: white;
}
