@charset "utf-8";

html{
	background-color: #000000;	
}

body{
	background:#F4ECE0 url(../images/repeating-bg.jpg) repeat-x;
	border-bottom:2px solid #AA8A59;
}

div#holder{
	position:relative;
	top:118px;
	width:980px;
	margin:auto;
}

	div#holder h1{
		position:absolute;
		top: -125px;
		right:100px;
	}

div#branding{
	position:absolute;
	top:-100px;
	left:53px;
	z-index:100;
}

.area_hotelbakfickan div#branding{
	position:absolute;
	top:-100px;
	left:33px;
	z-index:100;
}

.area_lillaradmannen div#branding{
	position:absolute;
	top:-100px;
	left:4px;
	z-index:100;
}

.area_freyshotel div#branding{
	position:absolute;
	top:-100px;
	left:5px;
	z-index:100;
}

div#branding a img{
	width:auto;
	height:auto;
	}

#languages {
	position:absolute;
	top: -106px;
	right: 08px;
	width: 100px
}
	div#languages h2{
		left:-9999px;
		position:absolute;		
	}
		div#languages ul {
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
		}
			div#languages ul li {
				display:inline;
				padding:0 0 0 1.1em;
			}
			
			div#languages ul li a img {
			}
									
div#main-content{
	width:980px;
	padding-top:339px;
	padding-bottom: 20px;
	background-color:#fff;
}
	div#main-content div#main-text h2{
		margin:0px;
		padding: 15px 0 5px 0;
	}
	
	div#main-content div#main-text{
		float:left;
		_display:inline;
		width:420px;
		padding-left:30px;
		margin-bottom:50px;	*padding-bottom: 50px; /* IE6/7 ignore margin-bottom in this context */
	}

	div#main-content div#main-text h3{
		border-top:solid 1px #E7DDCF;
		padding-top:20px;
	}	
	
	div#main-content div#main-text img {
		display: block;
	}

	div.page-picture a img{
		float:left;
		margin:0 8px 10px 0;
	}
		
	div.page-picture a img{
		border: 2px solid #CAB799;
	}
	
	div#mod_pukkaJobs div.itemPreview h3.itemPreviewTitle{
		border-bottom:solid 1px #E7DDCF;
		border:0px;
	}
	
	div#main-content div#main-text div.room{
		position:relative;
		border-top:solid 1px #E7DDCF;
		padding-top:5px;
		margin-bottom:50px;
		width:435px;
		zoom:1;
	}
		
	div#main-content div#main-text div.room:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	
	div#main-content div#main-text div.room h3{
		position:absolute;
		left:220px;
		border:0;
		padding:0;
	}
	
	div#main-content div#main-text img.accom-img{
		float:left;
		margin:5px 17px 10px 2px;		
	}
	
	div#main-content div#main-text div.room div.text{
		margin-top:70px;
	}


	div#main-content div.events{
		float:left;_display:inline; 
		width:240px;
		_width:230px;
		margin: 0;
		padding:15px 0 2px 40px;
		background:url(../images/events-divider.gif) repeat-y 20px 5px;		
	}	
	
	
	div#main-content div.events span.caption{
		padding-bottom:32px;
	}
	
	div#main-content div.events h2{
		margin: 0;
		padding: 0;
		padding-bottom: 15px;
		padding-top: 0px;
	}
	
	div#main-content div.events ul li{
		list-style: none;
		list-style-type: square;
		list-style-image: none;
		padding-bottom: 15px;
	}
	
	
	div#main-content div.special-offers{
		float: right;_display:inline;
		clear: right;
		width:240px;
		height:166px;
		padding-top:4px;
		margin-top: -10px;
		margin: 0;
		padding: 0;
	}	
	
	div#main-content div.special-offers div#offers-highlight{
		background:url(../images/caption-bg.png) no-repeat;
		_background: #ffffff; 
		_filter:alpha(opacity=80);
		_opacity:0.8;
		position:relative;
		bottom:39px;
		width:230px;
		height:39px;
		padding:14px 0 15px 11px;
	}
	
	div#main-content div.special-offers h2{
		background:url(../images/offers-heading-bg.gif) no-repeat;
		width:240px;
		height:23px;
		padding-top:5px;
		margin:0;
		border-bottom:solid 1px #fff;
	}
	
	div#main-content div.special-offers div#offers-highlight a img{
		position:absolute;
		right:10px;
		top:12px;
		padding:1px;
	}

		
	div#main-content:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	div#main-content div.hotel-address{
		float: right;_display:inline;
		margin-left:10px;
		width:230px;
		margin-top:15px;
		padding-bottom: 60px;
	}
	
	div#main-content div.hotel-address h2{
		left:-9999px;
		position:absolute;
	}

	div#main-content div.green-key {
		background: #DADADA url(../images/green-key.jpg) no-repeat;
		float: right;
		clear:right;
		_clear:all;
		padding-left:90px;
		width:149px;
		margin-top:15px;
		_margin-top:0;
		min-height: 67px; _height: 67px;
	}


div#main-visual{
	position:absolute;
	top:0px;
	left:0px;
	width:740px;
	height:338px;
	/* background-color:#292728; */
	background-color:#fff;
}

	div#main-visual div.imgRotate{
		height:338px;
		overflow:hidden;
		position:relative;
		width:740px;
		z-index:30;
	}

#main-menu{
	position: absolute;
	top:-38px;
	right:32px;
	padding:px;
	z-index: 22;
}
	div#main-menu h2 {
		left:-9999px;
		position:absolute;
	}
		div#main-menu ul {
			list-style-type: none;
			list-style-image: none;
			list-style-position: outside;
		}
			div#main-menu ul.shortcuts li{
				display: inline;
				margin: 0px 0px 0px 15px;
			}

div#main-menu ul.shortcuts li.has-submenu {
	border: 1px solid #a39787;
	padding: 2px 30px 2px 5px; 
	margin: 0px 0px 0px 15px;
}	
	
div#main-menu ul li.has-submenu
{
	position: relative;
	z-index:22;
}

div#main-menu ul li.has-submenu
{
	background:url(../images/bottom-arrow.png) no-repeat right;
}

div#main-menu ul li.has-submenu a
{
	border: 0 !important;
	text-decoration: none;
	padding-bottom: 3px;
	*padding-bottom:3x;
	_padding-bottom:3px;
}

html[xmlns*=""] body:last-child div#main-menu ul li.has-submenu a {
/*
Anton asks, what the hell is this hack?  Which browsers does it target?
Presumably not IE6/7 given that it relies on CSS3 selectors, so why
have IE6/7 hacks been placed inside it?
_ALL_ HACKS ARE FORBIDDEN, OTHER THAN THE THREE THAT I'VE PRESCRIBED
IN THE CODE CONVENTIONS DOCUMENT.
*/
	padding-bottom: 6px;
	*padding-bottom:6x;
	_padding-bottom:6px;
}

			
div#main-menu ul ul {
	display: none; 
	visibility: hidden;
	position: absolute;
	right: -1px;
	top: 0;
	top: 19px;
	margin: 0;
	z-index:21;
	white-space: nowrap;
	background-color: #c8baa7;
	border: 1px solid #a39787;
	padding: 10px;
}

html:first-child div#main-menu ul ul { 
	right: 0px;
}

div#main-menu ul ul.menuLevel2 li {
	zoom: 1;
	position:relative;
	z-index: 30;
	display: block;
	margin: 0;
}

ul.menuLevel2 li a
{
	width: 100%;
	display: block;
}

/* START popup menu effects */
div#main-menu ul li:hover ul,
div#main-menu ul.shortcuts li ul:hover {
	display: block; visibility: visible;
}

/*
body:nth-of-type(1) div#main-menu ul li:hover ul,
div#main-menu ul.shortcuts li ul:hover {

Anton asks, what is this hack?  Which browsers does it target?
_ALL_ HACKS ARE FORBIDDEN, OTHER THAN THE THREE THAT I'VE PRESCRIBED
IN THE CODE CONVENTIONS DOCUMENT.

	margin-top: 16px;
}
*/

* html div#main-menu ul.shortcuts li:hover ul { /* IE<=6 requires csshover.htc */
	display: block; visibility: visible;
	width: 150px;
	position: absolute;
	left: -46px;
}
* html div#main-menu ul.shortcuts li.active-nojs ul {
	display: block; visibility: visible;
}


div#availability-checker{
	background:#2a1a0d url(../images/availability-checker-bg.gif) repeat-x;
	position:absolute;
	top:0;
	right:0;
	width:240px;
	height:338px;
	z-index: 19;
}
	div#availability-checker form#booking-form {
		margin-top:-10px;
	}	

	div#availability-checker h2{
		left:-9999px;
		position:absolute;	
	}

	div#availability-checker div.location label{
		display: block;
		margin-left:30px;
		margin-top:50px;
	}
	
	div#availability-checker div.location select#property{
		border:1px solid #969393;
		margin-left:30px;
		margin-top:5px;
		width:180px;
		height: 22px;
	}
	
	div#availability-checker div.date label{
		display: block;
		margin-left:30px;
		margin-top:10px;
	}

	div#availability-checker div.date input#date-in{
		border:1px solid #969393;
		margin-left:30px;
		margin-top:5px;
		width:145px;
		height: 16px;
	}
	
	div#availability-checker div.date img#use-calendar{
			float: right;
			margin-right: 30px;
			margin-top: -20px;
			cursor: pointer;
	}
	
	body:nth-of-type(1) div#availability-checker div.date img#use-calendar{ 
			float: right;
			margin-right: 30px;
			margin-top: -30px;
	}
	
	body:first-of-type div#availability-checker div.date img#use-calendar{
		position: absolute;
		right: 0;
		top: 140px;
	}
	
		
	.nights label{
		margin-top:-18px;
		position:absolute;
	}
	
	div#availability-checker div.nights{
		float:left;
		margin-left:30px;
		_margin-left:15px;
		margin-top:25px;
	}
	
	div#availability-checker div.nights select#nights{
		width: 50px;
		border:1px solid #969393;
	}

	.adults label{
		margin-top:-18px;
		position:absolute;
	}

	div#availability-checker div.adults{
		float:left;
		margin-left:15px;
		margin-top:25px;
	}
	
	div#availability-checker div.adults select#adults{
		width: 50px;
		border:1px solid #969393;
	}
	
	.children label{
		margin-top:-18px;
		position:absolute;
	}
	
	div#availability-checker div.children{
		float:left;
		margin-left:15px;
		margin-top:25px;
	}
	
	div#availability-checker div.children select#children{
		width: 50px;
		border:1px solid #969393;
	}
	
	div#availability-checker div.date label{
		display: block;
		margin-left:30px;
		margin-top:10px;
	}
	
	div#availability-checker div.promo
	{
		margin-top: 55px;
	}
	
	div#availability-checker div.promo label{
		margin-left:30px;
		margin-top:10px;
	}

	div#availability-checker div.promo input#promocode{
		border:1px solid #969393;
		margin-left:30px;
		margin-top:5px;
		width:50px;
		height: 16px;
	}
	
	div#availability-checker button.go{
		background:transparent url(../images/availability-checker-btn.jpg) no-repeat scroll 0 0;
		border:2px solid #000000;
		height:30px;
		width:182px;
		margin-left: 30px;
		margin-top: 15px;
		cursor:pointer;
	}
	
div.best-rates div.mod_ihotelier div.widget-content {
	position:absolute;
	top:45px;
	width:210px;
	left:220px;
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	color:#A2865C;
	text-transform:uppercase;
}
		
	div.best-rates div.mod_ihotelier div.widget-content p.from-price {
		margin:0;
		padding:0;
	}
	

	div.best-rates div.mod_ihotelier div.widget-content p.from-price span.price{
		position:relative;
		top:-2px;
		margin-left:40px;		
	}
	
	div.best-rates div.mod_ihotelier div.widget-content p.from-price span.rooms-available-from span.rooms-available{
		float:left;
		margin-left:px;		
	}
	div.best-rates div.mod_ihotelier div.widget-content p.from-price span.rooms-available-from span.rooms-available span.available{
		display:none;
	}
	div.best-rates div.mod_ihotelier div.widget-content p.from-price span.rooms-available-from span.from{
		float:left;
		margin-left:5px;	
		margin-top:2px;
		font-size:.9em;		
	}
	
	div.best-rates div.mod_ihotelier div.widget-content p.from-price span.price span.currency-symbol{
		padding-right:5px;
	}
	
	div.best-rates div.mod_ihotelier div.widget-content p.from-price span.price span.lowest-rate{
	}
	
	div.best-rates div.mod_ihotelier div.widget-content h3.dates-available-header{
		display:none;
	}
	
	div.best-prices div.mod_ihotelier div.widget-content a.go{
		display:block;
		background:url(../images/go-bg.png) no-repeat;
		width:26px;
		height:18px;
		margin:5px 0 0 50px;
		_margin-left:8px;
		padding-top:2px;
		width:26px;
	} 

	
#hotel-menu{
	position: absolute;
	top:-65px;
	right:32px;
	padding:px;
}	
	div#hotel-menu h2 {
			left:-9999px;
			position:absolute;
		}
			div#hotel-menu ul.shortcuts{
				list-style-type: none;
				list-style-image: none;
				list-style-position: outside;
			}
				div#hotel-menu ul.shortcuts li{
					display: inline;
					padding: 0 0 0 15px;
				}

div#footer{
	height: 118px;
}
	div#footer h2 {
		left:-9999px;
		position:absolute;
	}
	
	div#footer ul.shortcuts{
		list-style-type: none;
		list-style-image: none;
		list-style-position: outside;
		padding-top:15px;
	}
		div#footer ul.shortcuts li{
			display: inline;
			padding:0 10px 0 0;
			line-height:20px;
		}
			
	div#footer div.disclaimer{		
		margin-top:28px;
		margin-left:28px;
		width: 620px;
	}		
		div#footer div.disclaimer span.copyright{
			display:block;
		}
		
	div#footer div.share{
		position:absolute;
		right: 30px;
		bottom:50px;
	}		 

div#footer .creator {
		position:absolute;
		right: 30px;
		bottom:14px;
		width: 280px;
}	


div#map{
	border:solid 3px #CAB799;
}

div#hotel-list ul#group-hotels-set{
	list-style: none;
	list-style-image:none;
	list-style-type:none;
}

div#hotel-list ul#group-hotels-set li{
	list-style: none;
	list-style-image:none;
	list-style-type:none;
}

/* Meetings page styles */
div#holder.page_meetings div.itemPreview {
		padding-top:1px;
		margin-bottom:0px;
		zoom:1;
}
	div#holder.page_meetings div.itemPreview:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	

div#holder.page_meetings .itemPreviewImageSection {
		float:left;_display:inline;
		width:120px;
		border:2px solid #CAB799;
		margin-top:6px;
}

div#holder.page_meetings .itemContent{
		float:left;_display:inline;
		margin-left:20px;
		width:275px;
}

div#holder.page_meetings .itemContent ul{
	font-size:0.9em;
	margin-bottom:25px;
}

div#holder.page_meetings div.itemPreview p.itemPreviewViewLink{
	clear:both;
}
div#holder.page_meetings .accordion-content{
	zoom:1;
}
div#holder.page_meetings .accordion-content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#holder.page_meetings .itemPreviewTitle{
	padding:5px;
	margin-top:0;
}
div#holder.page_meetings .itemPreviewTitle.odd{
	background:#dfdbcb;
}
div#holder.page_meetings .itemPreviewTitle.even{
	background:#e1d6b1;
}

div#page-pictures .gallery{
	clear: left;
}

div.page_accommodation_area_freyshotel #room3 {
	display: none;
}

div#main-content div.wwf{
clear:right;
float:right;
margin-top:15px;
min-height:67px;
padding-right:45px;
width:149px;
}