/* **************************************************************** */
/* Hotels detail view                                               */
/* **************************************************************** */
h2.hotel-name {  position:absolute; top:197px; left:214px; color:#8a2600; text-transform:uppercase;}
h3.hotel-slogan {  position:absolute; top:223px; left:214px; color:#333; text-transform:none;}
h2.hotel-name.star1 { background: url(../img/bg-1star.gif) no-repeat 100% 50%; padding-right:25px; }
h2.hotel-name.star2 { background: url(../img/bg-2star.gif) no-repeat 100% 50%; padding-right:42px; }
h2.hotel-name.star3 { background: url(../img/bg-3star.gif) no-repeat 100% 50%; padding-right:59px; }
h2.hotel-name.star4 { background: url(../img/bg-4star.gif) no-repeat 100% 50%; padding-right:77px; }
h2.hotel-name.star5 { background: url(../img/bg-5star.gif) no-repeat 100% 50%; padding-right:95px; }

/* hotel detail */
.intro { /*background:transparent url(../img/bg-main-content.gif) no-repeat top left;*/ border-left:1px solid #c2c2c2; padding:0px 0px 0px 0px; min-height:200px;}
.intro h4 {margin:0px 0px 5px 0px; }

.intro .text { padding:15px 10px 40px 15px; min-height:200px; }

/* subcontent */
.subpage { /*background:transparent url(../img/bg-sub-content.gif) repeat-y top left;*/ border-left:1px solid #c2c2c2; padding:0px 0px 0px 0px; }
.subpage h4 {margin:0px 0px 5px 0px; }

.subpage .text { padding:15px 10px 40px 15px; min-height:300px; }


/* hotel detail tabs */
.tabs { margin:-26px 0px 10px 0px; background: url(../img/bg-tabs-line.gif) no-repeat 100% 26px;}
.tabs li {  padding:0 5px 0 5px; text-transform:uppercase; }
.tabs li a { background-color:#e3e3e3; padding:5px 5px 5px 5px; border:1px solid #c2c2c2; border-bottom:none; color:#333333;}
.tabs .tab-item { padding:10px 10px 10px 10px; }

/*location and map*/
.location { float:left; }
.location .map { float:left; width:235px;}
.location .map img { border:1px solid #d4d4d4; padding:1px; margin:1px;}
.location .info { float:left; width:240px;}

.location .info .inner { float:left; min-width:200px; margin:0 0 10px 0; padding:5px 0 10px 0; background: url(../img/bg-dots.gif) repeat-x bottom left; }

.location .info ul { margin:0 0 0 0; padding:0; float:left; list-style:none; }
.location .info ul li { padding:5px 5px 5px 5px; margin:0;  float:left;  }
.location li a { float:left; border:none; background:none;}


.location li.send { background:url(../img/bg-mail.gif) no-repeat 5% 55%; border: 1px solid #E2E2E2;}
.location li.send a { text-indent:30px; }

.location li.print { background:url(../img/bg-print.gif) no-repeat 5% 55%; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2;}
.location li.print a { text-indent:25px; }

/* **************************************************************** */
/* Banners frontpage                                              */
/* **************************************************************** */
.banners { margin:20px 0px 20px -15px; }
.banners ul {list-style: none; }

/* booking engine on frontpage */
.box.booking { font-size:11px; }
.box.booking h2 { text-align:left; margin-top: 2px; }
.box.booking table tr { background: url(../img/bg-booking-shadow.gif) repeat-x bottom left; }
.box.booking .line { margin:0 0 5px 0; font-size:12px; text-align:left;}
.box.booking .line select{ margin:0 0 0px 0; font-size:12px; text-align:left;}
.box.booking .caption { margin:0 0 3px 0; font-size:12px;}
.box.booking .inp { margin: 0 0 2px 0; }
.box.booking td.buttons { background: url(../img/bg-buttons.gif) repeat-x top left; }

.box.booking input.button_en
{
  float:right;
  width: 137px;
  height:24px;
  font-size: 11px;  
  font-weight: bold;
  padding: 0px 0 3px 0px;  
  margin-right:0px;
  border: none;
  cursor: pointer;
  _cursor: hand;
  text-indent:-2000px; 
  background: url(../img/btn-booking.gif) no-repeat center right;
}



.box.booking input.cancel_en
{
  float:left;
  width: 92px;
  height:24px;
  font-size: 11px;  
  font-weight: bold;
  padding: 8px 0 3px 8px;  
  margin-right:0px;
  margin-left: 8px;
  border: none;
  cursor: pointer;
  _cursor: hand;
  text-indent:-2000px; 
  background: url(../img/btn-cancel-en.gif) no-repeat center right;
}

.box.booking input.options_en
{
  float:left;
  width: 62px;
  height:24px;
  font-size: 11px;  
  font-weight: bold;
  padding: 0px 0 3px 0px;  
  margin-right:0px;
  border: none;
  cursor: pointer;
  _cursor: hand;
  text-indent:-2000px; 
  background: url(../img/btn-options-en.gif) no-repeat center right;
}

.box.booking input.button_is
{
  float:right;
  width: 62px;
  height:24px;
  font-size: 11px;  
  font-weight: bold;
  padding: 0px 0 3px 0px;  
  margin-right:0px;
  border: none;
  cursor: pointer;
  _cursor: hand;
  text-indent:-2000px; 
  background: url(../img/btn-booking-is.gif) no-repeat center right;
}

.box.booking input.cancel_is
{
  float:left;
  width: 84px;
  height:24px;
  font-size: 11px;  
  font-weight: bold;
  padding: 0px 0 3px 0px;  
  margin-right:0px;
  margin-left:8px;
  border: none;
  cursor: pointer;
  _cursor: hand;
  text-indent:-2000px; 
  background: url(../img/btn-cancel-is.gif) no-repeat center right;
}

.box.booking input.options_is
{
  float:left;
  width: 84px;
  height:24px;
  font-size: 11px;  
  font-weight: bold;
  padding: 0px 0 3px 0px;  
  margin-right:0px;
  border: none;
  cursor: pointer;
  _cursor: hand;
  text-indent:-2000px; 
  background: url(../img/btn-options-is.gif) no-repeat center right;
}

.box.booking .line
{
    clear:both;
    padding-left:8px;
}

.box.booking .line.line-top
{
    padding-top:8px;
}

.box.booking .line.line-middle
{
}

.box.booking .line.line-bottom
{
}

.box.booking .line.thick
{
    clear:both;
    height:43px;
}

.box.booking .date-label
{
    font-weight: bold;
}

.box.booking .first
{
    position:relative;
    float:left;
    padding-right: 10px;
}

.box.booking .second
{
    position:relative;
    float:left;
    padding-right: 10px;
}

.box.booking .third
{
    position:relative;
    float:left;
}

.box-booking .buttons span
{
    
    padding: 8px;
}

.box-booking .buttons input
{
}

.box.booking .date-input
{
    font-size:12px;
    width:70px;
    text-align:center;
    margin-right:2px;
    height: 13px;
}

.box.booking .number-input
{
    font-size:12px;
    width:20px;
    text-align:center;
    background:transparent;
    color: #79291E;
    font-weight: bold;
    border: none;
    height:13px;
}

.box.booking .inp img
{
    position:relative;
    top:3px;
    padding-left:2px;
}

.box.booking .adult
{
    width:100px;
}

/* HOTEL MAP */

.hotel-map { height:174px; width:342px; background:url(../img/hotel-map2.jpg); position:relative; }
.hotel-map ul { list-style:none; }
.hotel-map li { list-style:none; }

.hotel-map li.reykjavik { position:absolute; top:125px; left:116px; }
.hotel-map li.akureyri { position:absolute; top:54px; left:168px; }
.hotel-map li.myvatn { position:absolute; top:19px; right:97px; }

/*enska*/
.hotel-map .hotel-104 a { position:absolute; top:128px; left:116px; }
.hotel-map .hotel-106 { position:absolute; top:122px; left:38px; }
.hotel-map .hotel-109 { position:absolute; top:58px; left:142px; }
.hotel-map .hotel-107 { position:absolute; top:37px; left:116px; }
.hotel-map .hotel-105 { position:absolute; top:22px; left:180px; }
.hotel-map .hotel-108 { position:absolute; top:37px; right:60px; }

/*íslenska*/
.hotel-map .hotel-111 a { position:absolute; top:128px; left:116px; }
.hotel-map .hotel-112 { position:absolute; top:122px; left:38px; }
.hotel-map .hotel-115 { position:absolute; top:58px; left:142px; }
.hotel-map .hotel-113 { position:absolute; top:37px; left:116px; }
.hotel-map .hotel-110 { position:absolute; top:22px; left:180px; }
.hotel-map .hotel-114 { position:absolute; top:37px; right:60px; }

/*
.hotel-map .hotel-detail { position:absolute; top:5px; left:20px; width:300px;}

.hotel-map .hotel-detail .hotel-wrapper { float:left; width:285px; position:relative; border:1px solid #cfcece; padding:10px; color:#333333; background-color:#FFF;}
.hotel-map .hotel-detail .hotel-wrapper a.close { float:right; width:19px; height:19px; background: url(../img/btn-close.gif) no-repeat top left; }
.hotel-map .hotel-detail .hotel-wrapper h4 { margin:0 10px 15px 0; float:left; font-size:16px; color:#333;}
.hotel-map .hotel-detail .hotel-wrapper .left { float:left; width:175px; text-align:left;}
.hotel-map .hotel-detail .hotel-wrapper .right { float:left; width:110px;}
*/

/* nýtt */


.hotel-detail .hotel-wrapper .right { display:none; }
.hotel-detail .hotel-wrapper .left { float:left; width:300px; }
.hotel-detail .hotel-wrapper .left .adr { float:left; width:300px; }
.hotel-detail .hotel-wrapper .left .street-address { float:left; padding-right:5px; }
.hotel-detail .hotel-wrapper .left .postal-code { float:left;  }
.hotel-detail .hotel-wrapper .left .tel { float:left;  padding-right:5px; font-size:11px;}
.hotel-detail .hotel-wrapper .left .email { float:left; font-size:11px; }
.hotel-detail .hotel-wrapper .fax { display:none; }


.hotel-detail { position:absolute; float:left; top:5px; left:10px; width:320px; z-index:5; border:1px solid #cfcece; background-color:#FFF; padding-bottom:5px;}
.hotel-detail .hotel-wrapper { float:left; width:320px; position:relative;  padding:5px 10px 0px 10px; color:#333333; }
.hotel-detail .btn { position:absolute; top:10px; z-index:50; right:10px; width:19px; height:19px;}
.hotel-detail .btn a.loka { width:19px; height:19px; background: url(../img/btn-close.gif) no-repeat top left; }
.hotel-detail .hotel-wrapper a.close { display:none; }
.hotel-detail .hotel-wrapper .title { float:left; width:300px; }
.hotel-detail .hotel-wrapper  h4 { float:left;  margin:0px 0px 3px 0px; font-size:14px;}


/* Map on the frontpage */

#imap {display:block; height:172px; width:344px; background:url(../img/hotel-map.gif); position:relative;}

/** html #imap a#title {height:240px; height:0;}*/

#imap a#title:hover {background-position: 0 0; z-index:10;}
#imap dt {text-indent:-2000px; }
#imap dd {position:absolute; padding:0; margin:0; }

/* IE6 only */
/*\*/
* html #imap dd { display:none; }
/**/

#imap a {display:block; width:25px; height:10px; text-decoration:none; z-index:20; }

#imap a span {display:none;}

#imap a:visited span {display:none;}

#imap a:hover span {position:absolute; display:block; font-size:11px; background:#fff; padding:5px;}
* html #imap a:hover span {width:300px; width:330px;}

h4.hotel-name.star1 { background: url(../img/bg-1star.gif) no-repeat 100% 50%; padding-right:25px; }
h4.hotel-name.star2 { background: url(../img/bg-2star.gif) no-repeat 100% 50%; padding-right:42px; }
h4.hotel-name.star3 { background: url(../img/bg-3star.gif) no-repeat 100% 50%; padding-right:59px; }
h4.hotel-name.star4 { background: url(../img/bg-4star.gif) no-repeat 100% 50%; padding-right:77px; }
h4.hotel-name.star5 { background: url(../img/bg-5star.gif) no-repeat 100% 50%; padding-right:95px; }

.hotel-wrapper input.more 
{
	background:transparent url(../img/bg-button-arrow.gif) no-repeat scroll 90% 50%;
	border:1px solid #D9D9D9;
	top:10px;
	padding:3px 20px 3px 10px;
	position:absolute;
	right:20px;
	font-size:11px;
	width:50px;
	color:#79291E;
	text-transform:uppercase;
}
/*enska*/
#imap #pic105 {left:199px; top:41px; z-index:20; width:50px;}
#imap #pic104 {left:59px; top:117px; z-index:20; width:50px;}
#imap #pic106 {left:112px; top:128px; z-index:20; width:55px;}
#imap #pic107 {left:126px; top:37px; z-index:20; width:55px;}
#imap #pic108 {left:166px; top:18px; z-index:20; width:55px;}
#imap #pic109 {left:142px; top:58px; z-index:20; width:80px;}

/*íslenska*/
#imap #pic110 {left:199px; top:41px; z-index:20; width:50px;}
#imap #pic111 {left:59px; top:117px; z-index:20; width:50px;}
#imap #pic112 {left:112px; top:128px; z-index:20; width:55px;}
#imap #pic113 {left:126px; top:37px; z-index:20; width:55px;}
#imap #pic114 {left:166px; top:18px; z-index:20; width:55px;}
#imap #pic115 {left:142px; top:58px; z-index:20; width:80px;}


#imap a:hover#pic105 span {left:-174px; top:-41px;}
#imap a:hover#pic104 span {left:-34px; top:-117px;}
#imap a:hover#pic106 span {left:-87px; top:-128px;}
#imap a:hover#pic107 span {left:-101px; top:-37px;}
#imap a:hover#pic108 span {left:-141px; top:-18px;}
#imap a:hover#pic109 span {left:-117px; top:-58px;}

#imap a:hover#pic110 span {left:-174px; top:-41px;}
#imap a:hover#pic111 span {left:-34px; top:-117px;}
#imap a:hover#pic112 span {left:-87px; top:-128px;}
#imap a:hover#pic113 span {left:-101px; top:-37px;}
#imap a:hover#pic114 span {left:-141px; top:-18px;}
#imap a:hover#pic115 span {left:-117px; top:-58px;}

/*
.hotel-wrapper { float:left; width:250px; position:relative; border:1px solid #cfcece; padding:10px; color:#333333;}
.hotel-wrapper h4 { margin:0 0 15px 0; float:left; font-size:16px; color:#333;}
.hotel-wrapper .left { float:left; width:140px; text-align:left;}
.hotel-wrapper .adr {font-weight:bold;}
.hotel-wrapper .right { float:left; width:100px;}
.hotel-wrapper .right img { width:80px;}
*/

/* Image gallery */
#imagelist ul { list-style:none; }
#imagelist li { float:left; padding:10px; list-style:none;}
#imagelist li a { float:left; padding:5px;}

/* Frontpage banner */
.fp-banner { width:613px; height:409px; position:relative;}

.fp-banner0 { width:613px; height:409px; background: transparent url(../assets/general/Myndir_a_forsidu/fp-banner1.jpg) no-repeat; position:relative;}
.fp-banner1 { width:613px; height:409px; background: transparent url(../assets/general/Myndir_a_forsidu/fp-banner2.jpg) no-repeat; position:relative;}
.fp-banner2 { width:613px; height:409px; background: transparent url(../assets/general/Myndir_a_forsidu/fp-banner3.jpg) no-repeat; position:relative;}
.fp-banner3 { width:613px; height:409px; background: transparent url(../assets/general/Myndir_a_forsidu/fp-banner4.jpg) no-repeat; position:relative;}
.fp-banner4 { width:613px; height:409px; background: transparent url(../assets/general/Myndir_a_forsidu/fp-banner5.jpg) no-repeat; position:relative;}

#two-col-home #block_1 .content 
{ 	
	float:left; 
	padding:10px 10px 15px 10px; 
	position:absolute; 
	bottom:20px; 
	left:20px; 
	width:553px;	
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/darker.png');	
}

/* IE ignores styles with [attributes], so it will skip the following. */
#two-col-home #block_1 .content[class] {
  background: transparent url(../img/darker.png);
}

#two-col-home #block_1 .content h2 { color:#FFF; margin:0; font-size:2em; font-family:Arial;}
#two-col-home #block_1 .content .text { color:#FFF; padding:5px 0 0 0; font-family:Arial;}
#two-col-home #block_1 .content .text a { color:#aacfe9; font-family:Arial; margin-top:5px; font-weight:bold;}

/* News subpage */

.intro2 { float:left; border-left:1px solid #c2c2c2; padding:0px 0px 0px 0px; }

.news.subpage2 { float:left; padding: 5px 10px 10px 10px;}
.news.subpage2 .item { float:left; width:490px; border-bottom:1px solid #c2c2c2;  margin: 5px 0px 5px 0px; padding: 5px 0px 5px 0px;}
.news.subpage2 .item h2 {margin:top:0px;}
.news.subpage2 .item img { padding:2px 2px 2px 2px; border:1px solid #c2c2c2; margin:2px;}
.news.subpage2 .item .more
{
  margin: 8px 10px 10px 0px;
  text-align: right;
}
.news.subpage2 .item .more.none
{
  display: none;
}
.news.subpage2 .item .more a
{
  border:1px solid #d9d9d9; text-transform:uppercase; padding:3px 25px 3px 8px; background-color:#f9f9f9; background: url(../img/bg-button-arrow.gif) no-repeat 90% 50%;
}


/* AddThis button */
.addthis { margin-top: 30px; }