/* **************************************************************** */
/* Pagetitle subpages                                               */
/* **************************************************************** */

h1.pagetitle {
  width: 480px;
  _width: 470px;
  height: 30px;
  font-size: 1.3em;
  padding: 7px 0 0 10px;
  margin-bottom: 0;
  background: url(/portaldata/1/images/bg-pagetitle.gif) no-repeat 0% 0%;
  position:relative;
}

/* **************************************************************** */
/* Images left og right sidebar + content area                      */
/* **************************************************************** */

#block_2 img { margin-bottom: 8px; _margin-bottom: -2px; }
*:first-child+html #block_2 img { margin-bottom: -2px; }

#block_3 img { margin-bottom: 8px; _margin-bottom: 6px; }
*:first-child+html #block_3 img { margin-bottom: 6px; }

#three-col-sub #block_1 img { float: left; padding: 0 10px 10px 0; }

/* **************************************************************** */
/* Frontpage, two boxes side by side                                */
/* **************************************************************** */

.fp-wrapper { float: left; width: 512px; margin-bottom: 14px; }

.fp-wrapper .left,
.fp-wrapper .right {
  float: left;
  width: 252px;
}

.fp-wrapper .right { margin-left: 8px; }

/* **************************************************************** */
/* In focus & Upcoming events lists on frontpage                    */
/* **************************************************************** */

.fp-wrapper h2 { 
  font-size: 1em; 
  text-transform: uppercase;
  padding-bottom: 7px; 
  background: url(/portaldata/1/images/bg-dotted-line.gif) repeat-x 0% 100%; 
}

.fp-wrapper .item { float: left; width: 248px; margin-bottom: 8px; }
.fp-wrapper .item img { float: left; margin-right: 10px; border:2px solid #95bd35;}
.fp-wrapper .item a { color: #414141; }
.fp-wrapper .item h5 { margin-bottom: 0px; }

.fp-wrapper .more { float: left; width: 252px; font-size: .9em; text-align: right; }
.fp-wrapper .more a { color: #414141; text-decoration: underline; }
.fp-wrapper .more a:hover { color: #414141; text-decoration: none; }

/* **************************************************************** */
/* Subpage, lists, in focus, events                              */
/* **************************************************************** */

.subpage-wrapper { float: left; width: 480px; margin-bottom: 14px; }
.subpage-wrapper .item { float:left; width:480px; padding-bottom:7px; margin-bottom:6px; background: url(/portaldata/1/images/bg-dotted-line.gif) repeat-x 0% 100%;}
#three-col-sub #block_1 .subpage-wrapper .item img { float: left; margin-right: 10px; border:2px solid #95bd35; padding:0px 0px 0px 0px; }
.subpage-wrapper .item h5 { margin:0px; }
.subpage-wrapper .item .date { margin-top:2px; color:Gray;}

/* **************************************************************** */
/* Box elastic                                                      */
/* **************************************************************** */

.box { float: left; width: 100%; margin-bottom: 8px; }

.box .top { height: 5px; background: transparent url(/portaldata/1/images/box-all-corners.gif) no-repeat 0px 0px; }

.box .top .c {
  float: right;
  width: 10px;
  height: 5px;
  background: #fff url(/portaldata/1/images/box-all-corners.gif) no-repeat right 0px;
}

.box .middle { border-left: 1px solid #ebebeb; background: #f4f4f4; }
.box .middle .c { border-right: 1px solid #ebebeb; background: #f4f4f4; }

.box .middle .c .s { padding: 2px 8px 2px 8px; _padding: 6px; margin: 0; }

.box .bottom { height: 5px; background: #fff url(/portaldata/1/images/box-all-corners.gif) no-repeat 0px 100%; }

.box .bottom .c {
  float: right;
  width: 10px;
  height: 5px;
  background: #fff url(/portaldata/1/images/box-all-corners.gif) no-repeat right 100%;
}

/**** Green box ****/
.box.green .top { background: transparent url(/portaldata/1/images/box-all-corners-gr.gif) no-repeat 0px 0px; }
.box.green .top .c { background: #fff url(/portaldata/1/images/box-all-corners-gr.gif) no-repeat right 0px; }

.box.green .middle { border-left: 1px solid #a5c754; background: #d9efa5; }
.box.green .middle .c { border-right: 1px solid #a5c754; background: #d9efa5; }

.box.green .bottom { background: #fff url(/portaldata/1/images/box-all-corners-gr.gif) no-repeat 0px 100%; }
.box.green .bottom .c { background: #fff url(/portaldata/1/images/box-all-corners-gr.gif) no-repeat right 100%; }

#cal1Container { margin-right:10px;margin-bottom:10px }

#cal1Cont { display:none; position:absolute; right:158px; top:301px; z-index:1}
#cal2Cont { display:none; position:absolute; right:71px; top:301px; z-index:2}

#show1up {
clear:both;
left:5px;
position:absolute;
top:50px;
}	

.box.green .middle .c .s .events-search { margin:0px; padding:0px;}
.box.green .middle .c .s .events-search a { cursor:pointer;}
.box.green .middle .c .s .events-search #dates { margin:0px; padding:0px;}

.box.green .middle .c .s .events-search input 
{ 
	border:none; 
	height:21px; 
	font-size:9px; 
	color:#555555; 
	text-indent:0px;
	padding-left:0px;	
	background:transparent url(/portaldata/1/images/event-input-bg.gif) no-repeat scroll left top; 
}

.box.green .middle .c .s .events-search .search-btn {background:none;padding-left:5px;} 

.box.green .middle .c .s .events-search .cleardefault { width:60px; margin-top:0px !important; _margin-top:0px; vertical-align:top; padding-top:4px; padding-left:2px; font-size:9px;}
.box.green .middle .c .s .events-search cleardefault { width:60px; margin-top:0px !important; _margin-top:0px; vertical-align:top; padding-top:4px; padding-left:2px; font-size:9px;}

.box.green .middle .c .s .events-search .cal {padding-top:1px !important; padding-top:0px;}

/*** Boxes content ****/
.box h2 { font-size: 1em; text-transform: uppercase; padding-bottom: 0px; margin-bottom: 3px; _margin-top: -10px; background: none; }
.box h2.morespace { margin-bottom: 22px; }
.box h2.morespace2 { margin-bottom: 13px; }

.box ul { list-style: none; padding: 0; margin: 0; }
.box ul li { padding: 1px 0 1px 10px; background: url(/portaldata/1/images/bg-box-li-arrow.gif) no-repeat 0% 0%; }
.box ul li a { font-size: .9em; color: #414141; font-weight: bold; }
.box ul li a:hover { color: #414141; }

/**** Weather box ****/
.box.weather { position: relative;  }
.box.weather .w-info { 
  position: absolute; 
  top: 15px; 
  right: 11px;
  width: 77px;
  height: 48px;
  z-index:10;
  background: url(/portaldata/1/images/bg-weather.gif) no-repeat 0% 0%;
}

.box.weather .w-info-logo 
{
  background: transparent url(/visitreykjavik/portaldata/2/images/logo_small_transp.gif);
  position: absolute; 
  top: 40px; 
  right: 18px;
  width: 50px;
  height: 48px;
}

.box.weather .w-info-temp { 
  position: absolute; 
  top: 18px; 
  right: 27px;
  width: 10px;
  height: 48px;
  font-size:15px;
  font-weight:bold;

}
.box.weather .w-info-img { 
  position: absolute; 
  top: 10px; 
  right: 3px;
  width: 77px;
  height: 48px;
}

.box.weather ul { margin-top: 15px; padding-bottom: 16px; }
.box.weather ul li.li1 { width: 90px; }

/**** More button ****/
.box .more { float: none; width: 100%; }

/**** Interactive Map Image Frontpage ****/
#block_3 .box.green img { margin-bottom: 0px; _margin-bottom: -8px;  }

.box.videos img { float:left; padding:10px 15px 10px 0px; }
.box.videos h5 { margin:10px 0px 10px 0px; }
.box.videos p {  margin:10px 0px 10px 0px; }
.box.videos .middle .c .s { min-height:110px; background: transparent url(/portaldata/1/images/camera1-gray.png) no-repeat 95% 3% ;}

/* **************************************************************** */
/* Currency Changer Input/button                                    */
/* **************************************************************** */

.currency { float: left; width: 187px; margin-bottom: 3px; }

.currency .content { padding: 0px; margin: 0; }

.currency .input-field { 
  float: left; 
  width: 164px;
  height: 21px;
  font-size: .9em;
  color: #414141;
  padding: 4px 0 0 5px; 
  border: none;
  background: url(/portaldata/1/images/bg-currency-conv.gif) no-repeat 0% 0%; 
}

.currency input.button {  
  float: left;
  width: 23px;
  height: 21px;
  margin-left: -5px;
  border: none;
  letter-spacing: -10000px;
  line-height: 0;
  background: url(/portaldata/1/images/bg-currency-button.gif) no-repeat 0% 0%;
  cursor: pointer;
  _cursor: hand;
}

/* **************************************************************** */
/* Links box, left sidebar frontpage                                */
/* **************************************************************** */

.links-box { position: relative; float: left; width: 187px; margin-bottom: -1px; z-index: 10; }
.links-box.second { position: relative; float: left; width: 187px; margin-bottom: -1px; z-index: 5; }

.links-box h2 { 
  height: 21px;
  font-size: .9em;
  font-weight: normal;
  color: #414141;
  padding: 4px 0 0 5px;
  background: url(/portaldata/1/images/bg-link-box.gif) no-repeat 0% 0%; 
}

.links-box ul { 
  position: absolute;
  top: 21px;
  left: 0;
  width: 185px;
  z-index: 1; 
  border: 1px solid #8db826; 
  border-top: none; 
  margin: 0; 
  padding: 0;
  background: #fff;
  display: none;
}

.links-box ul li { display: block; padding: 4px 0 4px 5px; }
.links-box ul li a { color: #414141; }

/* **************************************************************** */
/* Hotels view by                                                   */
/* **************************************************************** */

.viewby { float: left; width: 480px; font-size: .9em; text-align: right; background: url(/portaldata/1/images/bg-lines-subpages.gif) no-repeat 0% 0%; }
.viewby .v-content { padding: 7px 0 7px 0; background: url(/portaldata/1/images/bg-lines-subpages.gif) no-repeat 0% 100%; }
.viewby h6 { float: left; width: 250px; font-weight: normal; padding: 1px 0 0 0; margin: 0; }
.viewby ul { list-style: none; padding: 0; margin: 0; }
.viewby ul li { display: inline; padding: 0 20px 0 0; margin: 0; }
.viewby ul li.last { padding-right: 0px; }
.viewby ul li a { color: #0a0a0a; font-weight: bold; text-decoration: underline; }
.viewby ul li a:hover { color: #0a0a0a; text-decoration: none; }

/**** Pagination definitions ****/
.viewby.pagination { margin-top: 100px; }
.viewby.pagination ul li { padding-right: 0px; }
.viewby.pagination ul li a { text-decoration: none; }

/**** Pagination definitions ****/
.viewby.back { margin-top: 100px; text-align: left; }
.viewby.back ul li { padding-right: 0px; }
.viewby.back ul li a { text-decoration: none; }

/* **************************************************************** */
/* Hotels list                                                      */
/* **************************************************************** */

.hotellist { float: left; width: 480px; margin-top: 15px; }
.hotellist .box .middle { min-height: 95px; _height: 95px; }
#three-col-sub #block_1 .hotellist .box img { float: left; padding:0px; margin:0px; border:2px solid #cbcbcb;}

.hotellist .box .item { width: 359px; padding: 0; overflow: hidden; padding-left:10px; position:relative;}

.hotellist .box .item .video-icon { position:absolute; top:2px; right:0px; height:22px; width:22px; background-color: #f4f4f4; text-indent:-2000px;}
#three-col-sub #block_1 .hotellist .box .item .video-icon img { border:none; }
.hotellist .box .item h4 { margin-bottom: 2px; overflow: hidden; }
.hotellist .box .item p { margin: 8px 0 0 0; }
.hotellist .box .item a { float: left; color: #000; text-decoration: underline; }
.hotellist .box .item a:hover { color: #000; text-decoration: none; }

/**** Hotel rate (Stars) ****/
/*
.hotellist .box .item h4.one a { padding-right: 50px; background: url(/portaldata/1/images/bg-stars-one.gif) no-repeat 100% 50%; }
.hotellist .box .item h4.two a { padding-right: 50px; background: url(/portaldata/1/images/bg-stars-two.gif) no-repeat 100% 50%; }
.hotellist .box .item h4.three a { padding-right: 50px; background: url(/portaldata/1/images/bg-stars-three.gif) no-repeat 100% 50%; }
.hotellist .box .item h4.four a { padding-right: 50px; background: url(/portaldata/1/images/bg-stars-four.gif) no-repeat 100% 50%; }
.hotellist .box .item h4.five a { padding-right: 50px; background: url(/portaldata/1/images/bg-stars-five.gif) no-repeat 100% 50%; }
*/
.rating_0 { float: left; width:60px; margin-left: 10px; text-indent: -1000px;}
.rating_1 { float: left; width:60px; margin-left: 10px; text-indent: -1000px; background: url(/portaldata/1/images/bg-stars-one.gif) no-repeat 0% 50%; }
.rating_2 { float: left; width:60px; margin-left: 10px; text-indent: -1000px; background: url(/portaldata/1/images/bg-stars-two.gif) no-repeat 0% 50%; }
.rating_3 { float: left; width:60px; margin-left: 10px; text-indent: -1000px; background: url(/portaldata/1/images/bg-stars-three.gif) no-repeat 0% 50%; }
.rating_4 { float: left; width:60px; margin-left: 10px; text-indent: -1000px; background: url(/portaldata/1/images/bg-stars-four.gif) no-repeat 0% 50%; }
.rating_5 { float: left; width:60px; margin-left: 10px; text-indent: -1000px; background: url(/portaldata/1/images/bg-stars-five.gif) no-repeat 0% 50%; }

.youtube { float:left; margin:0px 0px 15px 0px; }


/* **************************************************************** */
/* Hotels detail                                                    */
/* **************************************************************** */

.box.detail-box {width: 480px; }

h1.pagetitle .rate1 { padding-right: 50px; background: url(/portaldata/1/images/bg-stars-one.gif) no-repeat 100% 50%; }
h1.pagetitle .rate2 { padding-right: 50px; background: url(/portaldata/1/images/bg-stars-two.gif) no-repeat 100% 50%; }
h1.pagetitle .rate3 { padding-right: 50px; background: url(/portaldata/1/images/bg-stars-three.gif) no-repeat 100% 50%; }
h1.pagetitle .rate4 { padding-right: 50px; background: url(/portaldata/1/images/bg-stars-four.gif) no-repeat 100% 50%; }
h1.pagetitle .rate5 { padding-right: 50px; background: url(/portaldata/1/images/bg-stars-five.gif) no-repeat 100% 50%; }

h1.pagetitle .video-icon { position:absolute; top:8px; right:20px; height:22px; width:22px; background-color: #f4f4f4; text-indent:-2000px;}

.hotel-detail { float: left; position: relative; width: 480px; margin-bottom: 8px; }
.hotel-detail .hotel-info { float: left; width: 215px; }
.hotel-detail .hotel-pic { float: right; width: 216px; padding-bottom:50px;}

#three-col-sub #block_1 .hotel-detail .hotel-pic img { border:2px solid #cbcbcb; padding: 0 0px 0px 0;}

.hotel-detail .w-btn { position: absolute; bottom: 6px; left: 88px; }

.hotel-detail .w-btn ul { list-style: none; padding: 0; margin: 0; }
.hotel-detail .w-btn ul li { padding: 0; margin: 0; }

.hotel-detail .w-btn ul li a { 
  display: block; 
  width: 130px; 
  height: 21px; 
  margin-bottom: 4px;
  text-indent: -1000px;
}

.hotel-detail .w-btn ul li a.video { background: url(/portaldata/1/images/btn-view-video.gif) no-repeat 0% 0%; }
.hotel-detail .w-btn ul li a.video.hide { background: url(/portaldata/1/images/btn-hide-video.gif) no-repeat 0% 0%; }
.hotel-detail .w-btn ul li a.website { background: url(/portaldata/1/images/btn-go-to-website.gif) no-repeat 0% 0%; }
.hotel-detail .w-btn ul li a.email { background: url(/portaldata/1/images/btn-send-email.gif) no-repeat 0% 0%; }

/* **************************************************************** */
/* Hotels detail - Hotel map                                        */
/* **************************************************************** */

.hotel-map { float: left; position: relative; width: 480px; }
.hotel-map h2 { font-size: 1em; color: #000; }

.hotel-map .btn-to-map { position: absolute; bottom: -12px; right: 0px; }

.hotel-map .btn-to-map ul { list-style: none; padding: 0; margin: 0; }
.hotel-map .btn-to-map ul li { padding: 0; margin: 0; }

.hotel-map .btn-to-map ul li a { 
  display: block; 
  width: 158px; 
  height: 21px; 
  text-indent: -1000px;
}

.hotel-map .btn-to-map ul li a.go-map { background: url(/portaldata/1/images/btn-go-to-map.gif) no-repeat 0% 0%; }

/* **************************************************************** */
/* Sitemap					                                        */
/* **************************************************************** */
.sitemap-wrapper { width:100%; padding:0px 0px 0px 15px;}

.sitemap-wrapper a { text-decoration:none;  }

.sitemap-wrapper h1.pagetitle {text-transform:uppercase; font-size:12px;}

.sitemap-wrapper ul { list-style: none; padding: 0px 0 0px 0px; margin: 0; display:block;}
.sitemap-wrapper li { padding: 0; margin: 0; display:block; }

.sitemap-wrapper .level1 { display: block; padding: 0px 0px 0px 0px; margin: 0; border:0px solid red;}
.sitemap-wrapper .level1 li { display: block; padding: 0px 0px 0px 0px; margin: 0; }
.sitemap-wrapper .level1 li a { font-size:11px; font-weight:bold; text-transform:uppercase;}

.sitemap-wrapper .level2 { display: block; padding: 0px 0px 5px 15px; margin: 0;  border:0px solid green;}
.sitemap-wrapper .level2 li { display: block; padding: 0px 0px 0px 0px; margin: 0; }
.sitemap-wrapper .level2 li a { font-size:10px; text-decoration:none;font-weight:normal;}

.sitemap-wrapper .level3 { display: block; padding: 3px 0px 5px 20px; margin: 0; border:0px solid orange;}
.sitemap-wrapper .level3 li { display: block; padding: 0px 0px 0px 0px; margin: 0; }
.sitemap-wrapper .level3 li a { font-size:11px; text-decoration:none; text-transform:none; font-weight:normal;}

/* **************************************************************** */
/* FAQ					                                        */
/* **************************************************************** */

h4.question a { font-size:10px; padding-left:10px; color:#414141;}
p.answer {padding-left:10px; }

/* **************************************************************** */
/* FAQ					                                        */
/* **************************************************************** */
.img-gallery-wrapper { float:left; width:150px; margin-bottom:10px;}

.img-gallery-wrapper .single-img { float:left; border:1px solid gray; margin:2px; padding:3px;}

#three-col-sub #block_1 .img-gallery-wrapper .single-img img { float:left; border:1px solid gray; margin:0px; padding:0px 0px 0px 0px; }

.img-detail-wrapper { float:left; width:100%; }

.img-detail { padding:3px; border:1px solid gray; float:left; margin-bottom:5px; margin-top:3px;}

#three-col-sub #block_1 .img-detail-wrapper .img-detail img { float:left; border:1px solid gray; margin:0px; padding:0px 0px 0px 0px; }

/* **************************************************************** */
/* Cinema links rightpane					                                  */
/* **************************************************************** */

#three-col-sub #block_3 .cinema-header h3 {margin-bottom:0px;}

.cinema-links { float:left; width:100%;}
.cinema-links .box { float: left; width: 100%; margin-bottom: 8px; }
.cinema-links .box .top { height: 5px; background: transparent url(/portaldata/1/images/box-all-corners.gif) no-repeat 0px 0px; }
.cinema-links .box .top .c {
  float: right;
  width: 10px;
  height: 5px;
  background: #fff url(/portaldata/1/images/box-all-corners.gif) no-repeat right 0px;
}

.cinema-links .box .middle { border-left: 1px solid #ebebeb; background: #f4f4f4; }
.cinema-links .box .middle .c { border-right: 1px solid #ebebeb; background: #f4f4f4; }
.cinema-links .box .middle .c .s { padding: 2px 0px 2px 0px; _padding: 6px; margin: 0; }
.cinema-links .box .bottom { height: 5px; background: #fff url(/portaldata/1/images/box-all-corners.gif) no-repeat 0px 100%; }
.cinema-links .box .bottom .c {
  float: right;
  width: 10px;
  height: 5px;
  background: #fff url(/portaldata/1/images/box-all-corners.gif) no-repeat right 100%;
}

.cinema-links .box ul { list-style: none; padding: 0; margin: 0; }
.cinema-links .box ul li { padding: 0px 0 4px 30px; margin:0px 0px 4px 0px; background: url(/portaldata/1/images/green-star.gif) no-repeat 8px 0px;  border-bottom:1px solid #cccccc;}
.cinema-links .box ul li a { font-size: .9em; color: #414141; font-weight: bold; width:100%; }
.cinema-links .box ul li a:hover { color: #414141; width:100%;}

/* adpane */
.ad-title { width:100%; padding:3px 0px 3px 0px; text-align:center; background-color:#f2f2f2; border:1px solid #edeeef;}
.ad-title h4 { color:#676767; text-transform:uppercase; margin:0px; padding:0px; font-size:10px; font-family:verdana; }
