﻿/* **************************************************************** */
/* Site Map                                                         */
/* **************************************************************** */

.sitemap {
  float: left;
  width: 200px;
  margin: 0 0 15px 30px;
}

.sitemap .level1,
.sitemap .level2 {
  padding: 0;
  margin: 0;
  background: none;
}

.sitemap ul {
  list-style : none;
  padding-left : 0;
}

.sitemap li {
  display : inline;
  padding-bottom : 0;
}

.sitemap .level1 a {
  display : block;
  padding : 2px 2px 2px 16px;
  margin: 0 3px 0 7px;
  text-decoration: none;
  border: none;
  font-weight: bold;
}

.sitemap .level1 a:active,
.sitemap .level1 a:visited {
  background: none;
}

.sitemap .level1 a:hover {
  text-decoration: underline;
}

.sitemap .level3 a {
  font-weight: normal;
  margin-left: 30px;
}

.sitemap .level4 a {
  font-weight: normal;
  margin-left: 50px;
}

.sitemap .level4 a {
  font-weight: normal;
  margin-left: 70px;
}

/* **************************************************************** */
/* Frontpage news                                                    */
/* **************************************************************** */

.fp-news-wrapper { float:left;  background: url(../images/gray-sep.gif) no-repeat bottom left;}
.fp-news-wrapper .item { float:left;  padding:0px 0px 8px 0px;}

.fp-news-wrapper .item h2.date { float:left; width:85px;}
.fp-news-wrapper .item h2.title{ float:left; width:230px; }

.fp-news-wrapper .item .news-img { float:left; width:175px; }
.fp-news-wrapper .item img { border:1px solid gray; padding:1px;}
.fp-news-wrapper .item .text {float:left; width:315px; padding-bottom:8px;}
.fp-news-wrapper .item .more-news {float:left; padding-top:25px; width: 150px;}
.fp-news-wrapper .item .text-small-news {float:left; width:315px; padding:0px 0px 0px 0px;}
.fp-news-wrapper p { color: #666666; font-size:10px; padding:2px 0px 0px 0px; margin:0px 0px 0px 0px;}

#block_3 .content h3 { background:transparent url(../images/second-nav-sep.gif) no-repeat scroll left bottom; padding-bottom:5px;  }

/* **************************************************************** */
/* Fróðleikur og uppsksriftir                                       */
/* **************************************************************** */

.fp-lower-content { float:left; padding:10px 0px 10px 0px;}
.fp-lower-content h3 { padding-bottom:5px; }
.fp-lower-content img { border:1px solid gray; padding:1px;}
.fp-lower-content .left-col { float:left; padding-right:10px;}
.fp-lower-content .left-col .lower-img { float:left; width:110px; margin-right:5px;}
.fp-lower-content .left-col .text { float:left; width:130px;}

.fp-lower-content .right-col { float:left; }
.fp-lower-content .right-col .lower-img { float:left; width:110px; margin-right:5px;}
.fp-lower-content .right-col .text { float:left; width:130px;}

/* **************************************************************** */
/* News archive                                                     */
/* **************************************************************** */
.news-item {float:left; width:100% !important; _width:90%; background: url(../images/gray-sep.gif) no-repeat bottom left; margin-bottom:8px;}
.news-item .news-img { float:left; width:115px; padding-bottom:10px;}
.news-item .news-img img {border:1px solid gray; padding:1px; }

.news-item .text { float:left; width:350px; }
.news-item .text-long { float:left; width:530px !important; width:480px;}

.news-archive { }
.news-archive h3 { padding-bottom:5px;background:transparent url(../images/second-nav-sep.gif) no-repeat scroll left bottom;}
.news-archive ul {  margin: 0 0 0 0;  padding: 0 0 0 10px; list-style:none;}
.news-archive li { display:inline; list-style:none; }
.news-archive li a { display:block; font-weight:bold; text-decoration: none; padding: 5px 7px 0px 0px; }
.news-archive li a:hover {color: #929292; text-decoration: underline; }
.news-archive li a:active {color: #929292; text-decoration: underline; }

/* **************************************************************** */
/* Fróðleikur                                                         */
/* **************************************************************** */
.content .big-wrapper {float:left; width:100%; background: url(../images/gray-sep-long.gif) no-repeat 0% 91%; padding:0px 0px 25px 0px;}
.content .big-wrapper .img { float:left; padding-right:10px; padding-bottom:15px;}
.content .big-wrapper .img img { border:1px solid gray; padding:1px;}
.content .big-wrapper .text { float:left; width:420px;}

.content .big-wrapper .col1 { float:left; width: 443px;  padding-right:5px; background: url(../images/vert-sep.gif) no-repeat 441px 15px;}
.content .big-wrapper .col2 { float:left; width: 204px;  padding-left:5px; }
.content .big-wrapper .col1 .img { float:left; width:115px; margin-right:5px;} 
.content .big-wrapper .col2 .img { float:left; width:115px; margin-right:5px;} 
.content .big-wrapper .col1 .img-right { float:right; width:115px; margin-left:5px; padding-bottom:3px;} 
.content .big-wrapper .col2 .img-right { float:right; width:115px; margin-left:5px; padding-bottom:3px;} 
.content .big-wrapper .col1 .text { float:left; width:436px;} 
.content .big-wrapper .col2 .text { float:left; width:198px;} 
.content .big-wrapper .col1 .img img { border:1px solid gray; padding:1px;} 
.content .big-wrapper .col2 .img img { border:1px solid gray; padding:1px;} 

.content .sub-two-col {float:left; width:100%;}
.content .sub-three-col {float:left; width:100%;}

.content .sub-two-col .col1 { float:left; width:49% !important; width:49%;  padding-right:5px; background: url(../images/vert-sep.gif) no-repeat 330px 15px;}
.content .sub-two-col .col2 { float:left; width:48% !important; width:49%;  padding-left:5px; }
.content .sub-two-col .col1 .img { float:left; width:115px; margin-right:5px;} 
.content .sub-two-col .col2 .img { float:left; width:115px; margin-right:5px;} 

.content .sub-two-col .col1 .img img { border:1px solid gray; padding:1px;} 
.content .sub-two-col .col2 .img img { border:1px solid gray; padding:1px;} 

.content .sub-two-col .col1 .text { float:left; width:200px;} 
.content .sub-two-col .col2 .text { float:left; width:195px;} 

.content .sub-three-col .col1 { float:left; width:32% !important; width:33%;  padding-right:5px; background: url(../images/vert-sep.gif) no-repeat 218px 15px;}
.content .sub-three-col .col2 { float:left; width:32% !important; width:33%;  padding-left:5px; background: url(../images/vert-sep.gif) no-repeat 218px 15px;}
.content .sub-three-col .col3 { float:left; width:32% !important; width:33%;  padding-left:5px;}
.content .sub-three-col .col1 .img { float:left; width:110px; margin-right:5px;} 
.content .sub-three-col .col2 .img { float:left; width:110px; margin-right:5px;} 
.content .sub-three-col .col3 .img { float:left; width:110px; margin-right:5px;}

.content .sub-three-col .col1 .img img { border:1px solid gray; padding:1px;} 
.content .sub-three-col .col2 .img img { border:1px solid gray; padding:1px;} 
.content .sub-three-col .col3 .img img { border:1px solid gray; padding:1px;}

.content .sub-three-col .col1 .text { float:left; width:100px;} 
.content .sub-three-col .col2 .text { float:left; width:100px;} 
.content .sub-three-col .col3 .text { float:left; width:100px;}


/* **************************************************************** */
/* Tækjaslá                                                         */
/* **************************************************************** */

.share
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/Addons/Origo/Module/Img/share_background_image.gif) no-repeat scroll right top;
	border-left:1px solid #DEDEDE;
	border-right:1px solid #DEDEDE;
	float:left;
	margin-top:20px;
	width:92%;
	padding-left: 5px;
}

.share a
{
text-decoration:none;
cursor:pointer;
}

.share img
{
	vertical-align:middle;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
}

/* **************************************************************** */
/* Spurningar og svör                                               */
/* **************************************************************** */

.question { padding:5px 0px 0px 0px; }
.answer { padding:6px 15px 0px 15px; }

/* **************************************************************** */
/* Contacts                                                         */
/* **************************************************************** */

.contacts-table { width:716px; }

.contacts-table thead th.first { text-align:left; border-bottom:1px solid #d7d7d7;  border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:4px; background: url(../images/staff-bg.gif) repeat-x top left; padding-left:10px;}
.contacts-table thead th { text-align:left; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:4px; border-left:none;background: url(../images/staff-bg.gif) repeat-x top left;}

.contacts-table tfoot td { border:medium none; }
.contacts-table tfoot td.first { border:medium none; }
.contacts-table tfoot td.last { border:medium none; }

.contacts-table td.first { border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding:4px; padding-left:10px;}
.contacts-table td { border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-left:none; padding:4px; }
.contacts-table td.last { border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding:4px;}
.contacts-table tr.alt td { border-left:1px solid #d7d7d7; background-color:#f3f3f3; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-left:none; padding:4px;}
.contacts-table tr.alt td.first { border-left:1px solid #d7d7d7; background-color:#f3f3f3; border-bottom:1px solid #d7d7d7; padding:4px; padding-left:10px;}

ul.landshlutar { float:left;  margin: 0 0 0 0;  padding: 0 0 15 0; list-style:none;  width:100%; display:block;}
ul.landshlutar li { float:left; width:200px; list-style:none; padding:0px 0px 1px 5px; }
ul.landshlutar li a {float:left; text-decoration: none; padding: 3px 5px 0px 10px; background:#FFF url(../images/gray-dot.gif) no-repeat scroll 0% 65%;}
ul.landshlutar li a:hover { float:left; text-decoration: underline; }

/* **************************************************************** */
/* Search results                                                   */
/* **************************************************************** */

.search-wrapper { border:1px solid #d7d7d7;padding:0px;margin-bottom:15px;margin-top:20px;}	
.search-wrapper .head {background:transparent url(../images/staff-bg.gif) repeat-x scroll left top;padding:4px 0px 4px 0px;text-indent:10px;border-bottom:1px solid #d7d7d7; }
.staff-head {background:transparent url(../images/staff-bg.gif) repeat-x scroll left top;padding:4px 0px 4px 0px;text-indent:10px;border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.search-wrapper .item {padding:8px 10px 8px 10px; border-bottom:1px solid #d7d7d7;}
.search-wrapper .item-alt {padding:8px 10px 8px 10px; border-bottom:1px solid #d7d7d7; background-color:#f3f3f3;}

.search-wrapper .footer { width:713px; background:transparent url(../images/staff-bg.gif) repeat-x scroll left top;padding:4px 0px 4px 0px;font-size:11px;text-indent:10px; }
.search-wrapper .footer a.first { padding-left:10px; }
.search-wrapper .footer a.last { padding-right:10px; }

.search-wrapper .searchhighlight { /*background-color: #5f5f5f; color:#FFF;*/ text-decoration:underline;} 

/* **************************************************************** */
/* Search results                                                   */
/* **************************************************************** */

.prod-wrapper { float:left; width:560px; margin-right:0px; }
.product-table { width:540px; text-align:left; float:left;}

.product-table.tobacco { width: 680px; }

.product-table a {color: #ad0000; text-decoration: none; font-size:11px; font-weight:bold;}
.product-table a:hover {color: #ad0000; font-size:11px; text-decoration: underline; font-weight:bold;}

.product-table .title { width:270px;}
.product-table .price { text-align:right; width:65px;}
.product-table.confirm .price { text-align:right; width:110px;}
.product-table .volume { text-align:right;  width:60px;}

.product-table tr.upper td { border-bottom:1px solid #d7d7d7; }
.product-table tr.foot td { border-top:1px solid #d7d7d7; }
.product-table tr.red td { border-bottom:1px solid #d7d7d7; background-color: #f8c5a3 }
.product-table tr.lower td { padding-bottom:5px; }

.product-table.confirm th{ border-bottom: 1px solid #d7d7d7; }
.product-table.confirm .align-right { text-align: right; }
.product-table td { padding:6px 3px 2px 3px;}

.product-table tr.upper .img { border-bottom:none; padding:6px 1px 2px 0px; width:70px;}
.product-table tr.upper .img img { vertical-align:middle; }
.product-table td.title span { font-size:9px; margin-left:5px;margin-right:8px; }
.product-table td.description {width:280px;  text-align:left;  vertical-align:top;}
.product-table td.price { text-align:right; vertical-align:top;}
.product-table td.weight { text-align:left; vertical-align:top; width:50px;}
.product-table td.volume { text-align:right; vertical-align:top;}
.product-table td.food-icon { width:120px; text-align:left; vertical-align:top;}
.product-table td.price{ vertical-align:top;}

/*product list detail view*/
.product-detail { }
.product-detail .title { border-bottom:1px solid #d7d7d7; margin-bottom:8px; width:90%;}

.product-detail .tbl-wrapper { width:90%; }
.product-detail .tbl-wrapper td { vertical-align:top; }

.product-detail .tbl-wrapper .col1 { width:160px; }
.product-detail .tbl-wrapper .col1 { width:220px; }

.product-detail .info-right { height:100px;}
.product-detail .prod-desc { width:360px; padding-top:15px;}
.product-detail .info-left .left { color:#ad0000; padding:3px 2px 3px 2px;}
.product-detail .info-left .right{ width:70px; padding-right:0px;  padding:3px 2px 3px 2px;}

.product-detail .info-right .left { color:#ad0000; width:100px; padding:3px 2px 3px 2px; }
.product-detail .info-right .right{  padding-right:0px; padding:3px 2px 3px 2px;}

.product-detail .footer { background-color:#ebebeb; height:30px; margin:10px 0px 10px 0px;}
.product-detail .footer .icon { float:left; padding:6px 5px 0px 8px;}
.product-detail .footer .price { float:right; padding:5px 10px 0px 0px;}
.product-detail .footer .price span { color:#ad0000; font-size:14px; font-weight:bold;}

/*product list paging*/

.paging { margin-right:170px; float:right; display:inline; }

.paging a.paging_button_first 
{
	background: url(../images/prod-paging-prev-end.png) no-repeat top left; 
	width:13px; 
	height:13px; 
	text-indent:-2000px;
	float:left;	
	padding:0px 2px 0px 2px;
}

.paging a.paging_button_previous 
{
	background: url(../images/prod-paging-prev.png) no-repeat top left; 
	width:13px; 
	height:13px; 
	text-indent:-2000px;
	float:left;	
	padding:0px 2px 0px 2px;
}

.paging a.paging_button_previousbatch 
{
	background: url(../images/prod-paging-prev-ten.png) no-repeat top left; 
	width:13px; 
	height:13px; 
	text-indent:-2000px;
	float:left;	
	padding:0px 2px 0px 2px;
}

.paging a.paging_button_next 
{
	float:left;
	background: url(../images/prod-paging-next.png) no-repeat top left;
	width:13px; 
	height:13px; 
	text-indent:-2000px;
	padding:0px 2px 0px 2px;
}

.paging_button_nextbatch
{
	float:left;
	background: url(../images/prod-paging-next-ten.png) no-repeat top left;
	width:13px; 
	height:13px; 
	text-indent:-2000px;
	padding:0px 2px 0px 2px;
}

.paging_button_last
{
	float:left; 
	background: url(../images/prod-paging-next-end.png) no-repeat top left;
	width:13px; 
	height:13px; 
	text-indent:-2000px;
	padding:0px 2px 0px 2px;
}

.paging .paging_div_pagelinks {float:left; }
.paging .paging_div_pagelinks a {text-decoration:none; color:#797878; padding:1px 2px 1px 2px;}
.paging .paging_div_pagelinks a:hover {text-decoration:none; color:#ad0000; padding:1px 2px 1px 2px;}

.paging .paging_div_pagelinks .selectedpage { color:#ad0000; padding:1px 2px 1px 2px; font-weight:bold;}

/*product list filter*/
.filter { position: absolute; top: 283px; right: 6px; width:170px; background: url(../images/prod-filter-bg.gif) no-repeat bottom left; min-height:470px; _height: 490px; padding-top:10px; }
.filter .ddl-wrapper { float: left; width: 170px; padding:0px 0px 10px 10px; }
.filter .ddl { border:1px solid gray; font-size:10px; height:16px; width:130px;}
.filter .textbox { border:1px solid gray; font-size:10px; height:16px; width:130px;}
.filter h2 { color:#a0a0a0; font-size:12px; padding-bottom:8px;}
.filter h3 { color:#a0a0a0; font-size:11px; padding:0px 0px 3px 10px; margin:0px; float: left; width: 100%;}
.filter .list-wrapper { padding:0px 10px 10px 10px; }
.filter .list-wrapper .icon { width:60px; padding:5px 0px 8px 5px; float:left;}
.filter .btn { float: right; margin-right: 30px !important; /*position: absolute; bottom: 20px; right: 30px;*/ }

.difcursor     
{
	cursor:hand;
}

/* **************************************************************** */
/* Kortið                                                           */
/* **************************************************************** */

#imap {display:block; height:471px; width:721px; background:url(../images/kort.jpg); position:relative;}

#imap .opening-hours { position:absolute; top:310px; left:10px; float:left; width:230px; }
#imap .opening-hours a { float:left; padding-bottom:3px; padding-left:10px; width:200px; text-decoration:none; display:inline;}
#imap .opening-hours a:hover { text-decoration:underline; }

* html #imap a#title {height:240px; height:0;}

#imap a#title:hover {background-position: 0 0; z-index:10;}

#imap dd {position:absolute; padding:0; margin:0;}

#imap a {display:block; width:15px; height:15px; text-decoration:none; z-index:20;}

#imap a span, #imap a:visited span {display:none;}

/*#imap a:hover span {position:absolute;  width:310px; display:block; font-family:verdana; font-size:10px; background:#fff; color:#666666; border:1px solid gray; padding:5px;}*/
* html #imap a:hover span {width:300px; w\idth:330px;}
/*#imap a:hover span {left:30px; top:30px;}*/

/*reykjavik*/
#imap #pic204 {left:75px; top:60px; z-index:20; }
#imap #pic205 {left:127px; top:125px; z-index:20; }
#imap #pic206 {left:27px; top:45px; z-index:20; }
#imap #pic210 {left:88px; top:185px; z-index:20; }
#imap #pic211 {left:56px; top:243px; z-index:20; }
#imap #pic212 {left:180px; top:100px; z-index:20; }
#imap #pic213 {left:107px; top:90px; z-index:20; }
#imap #pic214 {left:252px; top:15px; z-index:20; }
#imap #pic215 {left:122px; top:71px; z-index:20; }
#imap #pic216 {left:127px; top:145px; z-index:20; }
#imap #pic217 {left:188px; top:46px; z-index:20; }
#imap #pic218 {left:151px; top:125px; z-index:20; }
#imap #pic601 {left:100px; top:59px; z-index:20; }
#imap #pic635 {left:146px; top:65px; z-index:20; }

#imap a:hover#pic204 span {left:315px; top:-60px; }
#imap a:hover#pic205 span {left:256px; top:-127px;}
#imap a:hover#pic206 span {left:363px; top:-45px;}
#imap a:hover#pic210 span {left:302px; top:-177px; }
#imap a:hover#pic211 span {left:334px; top:-243px; }
#imap a:hover#pic212 span {left:210px; top:-100px; }
#imap a:hover#pic213 span {left:283px; top:-90px; }
#imap a:hover#pic214 span {left:138px; top:-15px; }
#imap a:hover#pic215 span {left:268px; top:-71px; }
#imap a:hover#pic216 span {left:263px; top:-145px; }
#imap a:hover#pic217 span {left:202px; top:-46px; }
#imap a:hover#pic218 span {left:239px; top:-125px; }
#imap a:hover#pic601 span {left:290px; top:-59px; }
#imap a:hover#pic635 span {left:244px; top:-65px; }

/*landið*/
#imap #pic208 {left:349px; top:351px; z-index:20; }
#imap #pic207 {left:520px; top:224px; z-index:20; }
#imap #pic209 {left:423px; top:228px; z-index:20; }
#imap #pic219 {left:341px; top:330px; z-index:20; }
#imap #pic220 {left:360px; top:281px; z-index:20; }
#imap #pic221 {left:499px; top:198px; z-index:20; }
#imap #pic222 {left:669px; top:323px; z-index:20; }
#imap #pic223 {left:652px; top:262px; z-index:20; }
#imap #pic224 {left:697px; top:299px; z-index:20; }
#imap #pic225 {left:331px; top:399px; z-index:20; }
#imap #pic226 {left:303px; top:288px; z-index:20; }
#imap #pic227 {left:417px; top:408px; z-index:20; }
#imap #pic228 {left:371px; top:211px; z-index:20; }
#imap #pic229 {left:543px; top:196px; z-index:20; }
#imap #pic230 {left:399px; top:250px; z-index:20; }
#imap #pic231 {left:388px; top:387px; z-index:20; }
#imap #pic232 {left:424px; top:418px; z-index:20; }
#imap #pic233 {left:643px; top:361px; z-index:20; }
#imap #pic234 {left:316px; top:180px; z-index:20; }
#imap #pic235 {left:322px; top:387px; z-index:20; }
#imap #pic236 {left:523px; top:408px; z-index:20; }
#imap #pic237 {left:682px; top:280px; z-index:20; }
#imap #pic238 {left:282px; top:292px; z-index:20; }
#imap #pic239 {left:270px; top:208px; z-index:20; }
#imap #pic240 {left:692px; top:290px; z-index:20; }
#imap #pic241 {left:445px; top:206px; z-index:20; }
#imap #pic242 {left:400px; top:396px; z-index:20; }
#imap #pic243 {left:691px; top:255px; z-index:20; }
#imap #pic244 {left:487px; top:175px; z-index:20; }
#imap #pic245 {left:323px; top:278px; z-index:20; }
#imap #pic246 {left:421px; top:446px; z-index:20; }
#imap #pic247 {left:480px; top:448px; z-index:20; }
#imap #pic248 {left:650px; top:215px; z-index:20; }
#imap #pic249 {left:373px; top:398px; z-index:20; }
#imap #pic250 {left:632px; top:174px; z-index:20; }
#imap #pic765 {left: 438px; top: 362px; z-index: 20; }
}

#imap a:hover#pic208 span {left:41px; top:-351px;}
#imap a:hover#pic207 span {left:-130px; top:-224px;}
#imap a:hover#pic209 span {left:-33px; top:-228px;}
#imap a:hover#pic219 span {left:49px; top:-330px;}
#imap a:hover#pic220 span {left:30px; top:-281px;}
#imap a:hover#pic221 span {left:-109px; top:-198px;}
#imap a:hover#pic222 span {left:-279px; top:-323px;}
#imap a:hover#pic223 span {left:-262px; top:-262px;}
#imap a:hover#pic224 span {left:-307px; top:-299px;}
#imap a:hover#pic225 span {left:59px; top:-399px;}
#imap a:hover#pic226 span {left:87px; top:-288px;}
#imap a:hover#pic227 span {left:-27px; top:-408px;}
#imap a:hover#pic228 span {left:19px; top:-211px;}
#imap a:hover#pic229 span {left:-153px; top:-196px;}
#imap a:hover#pic230 span {left:-9px; top:-250px;}
#imap a:hover#pic231 span {left:2px; top:-387px;}
#imap a:hover#pic232 span {left:-34px; top:-418px;}
#imap a:hover#pic233 span {left:-253px; top:-361px;}
#imap a:hover#pic234 span {left:74px; top:-180px;}
#imap a:hover#pic235 span {left:68px; top:-387px;}
#imap a:hover#pic236 span {left:-133px; top:-408px;}
#imap a:hover#pic237 span {left:-292px; top:-280px;}
#imap a:hover#pic238 span {left:108px; top:-292px;}
#imap a:hover#pic239 span {left:120px; top:-208px;}
#imap a:hover#pic240 span {left:-302px; top:-290px;}
#imap a:hover#pic241 span {left:-55px; top:-206px;}
#imap a:hover#pic242 span {left:-10px; top:-396px;}
#imap a:hover#pic243 span {left:-301px; top:-255px;}
#imap a:hover#pic244 span {left:-97px; top:-175px;}
#imap a:hover#pic245 span {left:67px; top:-278px;}
#imap a:hover#pic246 span {left:-31px; top:-446px;}
#imap a:hover#pic247 span {left:-90px; top:-448px;}
#imap a:hover#pic248 span {left:-260px; top:-215px;}
#imap a:hover#pic249 span {left:17px; top:-398px;}
#imap a:hover#pic250 span {left:-242px; top:-174px;}
#imap a:hover#pic765 span {left: -48px; top: -362px;}

#imap .store-info { float:left;}
#imap .store-info .store-img { float:left; width:130px; padding-top:10px;}
#imap .store-info .store-text { float:left; width:160px;}

#imap a span:first-line {font-weight:normal; font-style:normal;}

/* **************************************************************** */
/* Kokteilar                                                        */
/* **************************************************************** */
.cocktail-wrapper { float:left; padding-bottom:35px; width:100%;}

.intro { float:left; width:280px; background: url(../images/vert-sep.gif) no-repeat 99% 0%; }
.intro .left { float:left; width:110px;}
.intro .right { float:left; width:160px; }

.coctail-cat { float:left; padding-left:15px; width:380px; }

.coctail-cat ul { float: left; margin: 0 0 0 0;  padding: 0 0 0 0; list-style:none;}
.coctail-cat li { float: left; width:120px; list-style:none;}
.coctail-cat li a { float: left; text-decoration: none; padding: 5px 7px 0px 10px; background:#FFF url(../images/gray-dot.gif) no-repeat scroll 0% 65%;}
.coctail-cat li a:hover { text-decoration: underline; }
.coctail-cat li a.current { text-decoration: underline; }

.coctail-items { float:left; width:150px; background: url(../images/vert-sep.gif) no-repeat 99% 0%; min-height:120px; height:120px;}

.coctail-items ul { float: left; margin: 0 0 0 0;  padding: 0 0 0 0; list-style:none;}
.coctail-items li { float: left; width:150px; list-style:none;}
.coctail-items li a { float: left; text-decoration: none; padding: 5px 7px 0px 10px; background:#FFF url(../images/gray-dot.gif) no-repeat scroll 0% 65%;}
.coctail-items li a:hover { text-decoration: underline; }

.item .left { float:left; padding-left:15px; padding-right:5px;}
.item .right { float:left; width:180px; }


/* **********************************************/
/* Special cases                                */
/* **********************************************/
.ButtonClear {
  display: block;
  width: 47px;
  height: 20px;
  text-indent: -1000px;
  background: url(../images/Hreinsa_Hnappur.png) no-repeat 0% 0%;
}

.ButtonClear2 {
  display: block;
  width: 47px;
  height: 20px;
  text-indent: -1000px;
  background: url(../images/Hreinsa_Hnappur2.png) no-repeat 0% 0%;
}

.ButtonClear12 {
  display: block;
  width: 47px;
  height: 20px;
  text-indent: -1000px;
  background: url(../images/Hreinsa_Hnappur12.png) no-repeat 0% 0%;
}

/* **************************************************************** */
/* Ítarleit                                                         */
/* **************************************************************** */

.detail-search-wrapper { width:100%;  float:left; padding-top:8px;}

.detail-search-wrapper .cap { width:88px; float:left; padding:3px 0px 3px 0px;}
.detail-search-wrapper .inp 
{
	background:transparent url(http://www.vinbud.is/portaldata/1/images/search-input-bg.gif) no-repeat scroll left top;
	border:medium none;	
	float:left;
	color:#535252;
	font-size:11px;
	height:21px;
	margin-right:0px;
	padding:4px 0px 1px 4px;
	width:135px;	
}
.detail-search-wrapper .input-wrapper { margin-bottom:7px !important;  float:left; border:0px solid red;} 

.detail-search-wrapper .inp-ddl-long 
{	
	border:1px solid #cccccc;	
	float:left;
	color:#535252;
	font-size:11px;
	height:18px !important;
	_height:21px;
	margin:0px 0px 0px 0px !important;
	_margin:0px 0px 2px 0px ;
	padding:0px 0px 0px 0px !important;
	_padding:3px 0px 3px 0px;
	width:135px;	
}

.detail-search-wrapper .inp-ddl 
{	
	border:1px solid #cccccc;	
	float:left;
	color:#535252;
	font-size:11px;
	height:18px !important;
	_height:21px;
	margin:0px 0px 0px 0px !important;
	_margin:0px 0px 2px 0px ;
	padding:0px 0px 0px 0px !important;
	_padding:3px 0px 3px 0px;
	width:110px;	
}

*:first-child+html .detail-search-wrapper .inp-ddl  { height:20px !important } /*IE7 */

.detail-search-wrapper .left { width:34%;  float:left; padding:3px 0px 3px 0px; }
.detail-search-wrapper .center { width:33%; float:left; padding:3px 0px 3px 0px; }
.detail-search-wrapper .right { width:33%; float:left; padding:3px 0px 3px 0px;}

.detail-search-wrapper .food-icons { width:100%; float:left; padding:15px 0px 20px 0px; margin-bottom:10px; background: url(http://www.vinbud.is/portaldata/1/images/gray-sep.gif) no-repeat bottom center;}
.detail-search-wrapper .food-icons table { width:700px; }
.detail-search-wrapper .food-icons td { width:85px; }
.detail-search-wrapper .food-icons td input { vertical-align:bottom; }

.detail-search-wrapper .storage {width:100%; float:left; padding:15px 0px 20px 0px; margin-bottom:10px;}
.detail-search-wrapper .storage table { width:700px; }
.detail-search-wrapper .storage td { width:85px;}
.detail-search-wrapper .storage td input { vertical-align:bottom; }

.detail-search-wrapper .latest {width:100%; float:left; padding:15px 0px 20px 0px; margin-bottom:10px;}
.detail-search-wrapper .latest table { width:700px; }
.detail-search-wrapper .latest td { width:85px;}
.detail-search-wrapper .latest td input { vertical-align:bottom; }

/* **********************************************/
/* Vörulist og vörur                            */
/* **********************************************/

/* Stök Vara*/
.popupLink{
   cursor:pointer;
}

.ProductListHeading
{
	margin-right:20px;
}

.ProductListHeading h1
{
	float:left;
}

.ProductListHeading span.alignedright
{
	float:right;
}

.prod-wrapper .HelpText
{
	font-family: Arial;
	color: #929292;
	font-size: 10px;
}

.prod-wrapper .HelpImage
{
	vertical-align: middle;
}

/* **********************************************/
/* Vefverslun og karfa                          */
/* **********************************************/
/*staðan í kaupferli*/
.process-status  
{
	left: 172px;
	width: 480px;
	top: 213px;
	position: absolute;   
	margin-bottom:40px;
}


.process-status ul { float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-bottom:0px solid #d7d7d7;}
.process-status li { float:left; list-style-image:none; list-style-position:outside; border-bottom:1px solid #d7d7d7; list-style-type:none; margin:0px 0px 0px 0px; padding:0px 25px 0px 25px; }
.process-status .basket1 { position:absolute; top:23px; left:40px; background:#FFF url(../../../Addons/Origo/Module/Img/small-basket.png) no-repeat scroll 0% 65%; width:44px; height:20px;}
.process-status .basket2 { position:absolute; top:23px; left:160px; background:#FFF url(../../../Addons/Origo/Module/Img/small-basket.png) no-repeat scroll 0% 65%; width:44px; height:20px;}
.process-status .basket3 { position:absolute; top:23px; left:275px; background:#FFF url(../../../Addons/Origo/Module/Img/small-basket.png) no-repeat scroll 0% 65%; width:44px; height:20px;}
.process-status .basket4 { position:absolute; top:23px; left:388px; background:#FFF url(../../../Addons/Origo/Module/Img/small-basket.png) no-repeat scroll 0% 65%; width:44px; height:20px;}

.info-wrapper {float:left; width:330px; }
.info-wrapper p { font-size:10px; }
.info-wrapper .info { float:left; width:345px; padding:5px 0px 10px 0px;}
.info h4 {color:#666666;font-size:11px;margin-bottom:5px;padding:0px; clear: left;}
.info .cap { float:left; width:110px; padding-bottom:7px; padding-left:15px; padding-top:3px;}
.info .cap2 { float:left; width:200px; padding-bottom:7px; padding-left:15px; padding-top:3px;}
.info .cap2 select
{
	float:left;
	font-size:11px;
	height:21px;
	margin-right:0px;
	padding:4px 0px 1px 4px;
	width:160px	
}
.info .checkbox-wrapper { float:left; padding-bottom:5px; }
.info .inp-wrapper { float:left; padding-bottom:5px;}
.info .inp-wrapper input
{
	background:transparent url(../../../Addons/Origo/Module/Img/search-input2-bg.gif) no-repeat scroll left top;
	border:medium none;
	color:#535252;
	float:left;
	font-size:11px;
	height:21px;
	margin-right:0px;
	padding:4px 0px 1px 4px;
	width:160px
}
.info .inp-wrapper select
{
	float:left;
	font-size:11px;
	height:21px;
	margin-right:0px;
	padding:4px 0px 1px 4px;
	width:160px
}

info .inp-wrapper .inp-dll
{
	border:1px solid #CCCCCC;
	color:#535252;
	float:left;
	font-size:11px;
	height:18px !important;
	margin:0px !important;
	padding:0px !important;
	width:125px;
}
.info-wrapper .button { float:right; padding-right:38px;}
.info-wrapper a.redenabled 
{
	background:transparent url(../../../Addons/Origo/Module/Img/red-button-bg.png) repeat-x scroll left top; 
	height:21px;
	padding:4px 5px 4px 5px; 
	color:#FFF;	
}
.info-wrapper a.redenabled:hover 
{	
	background:transparent url(../../../Addons/Origo/Module/Img/red-button-bg-hover2.png) repeat-x scroll left top;
	height:21px;
	padding:4px 5px 4px 5px; 
	color:#FFF;
	text-decoration:none;
}
.info-wrapper a.reddisabled 
{
	height:21px; 
	padding:4px 5px 4px 5px; 
	color:#777;
	background-color: #CCC;	
}
.info-wrapper a.reddisabled:hover 
{	
	height:21px;
	padding:4px 5px 4px 5px; 
	color:#777;
	background-color: #CCC;
	text-decoration:none;
}
.info-wrapper input.red-button{ font-size:11px; color:#FFF; height:26px;background:transparent url(../../../Addons/Origo/Module/Img/red-button-bg.png) repeat-x scroll left top;border-style:none;}
.checkoutwarning {float:left; width:310px; margin-top:15px; padding:5px 5px 10px 5px; background:transparent url(../../../Addons/Origo/Module/Img/warning-bg.png) no-repeat scroll left top;}
/*staðfesting*/
.summary {margin-top:10px; padding-bottom:15px; float:left; width:550px;}

.summary a.red {background:transparent url(../../../Addons/Origo/Module/Img/red-button-bg.png) repeat-x scroll left top; height:21px; padding:4px 5px 4px 5px; color:#FFF;	}
.summary a.red:hover {	background:transparent url(../../../Addons/Origo/Module/Img/red-button-bg-hover2.png) repeat-x scroll left top;height:21px;padding:4px 5px 4px 5px; color:#FFF;text-decoration:none;}
.summary .warningtext { color: #FF0000; }

.summary td.prodname { width:200px; height:15px; }
.summary td.third { width:60px; height:15px; }
.summary td.fourth { width:120px; height:15px; }
.summary td.price { width:80px; text-align:right;}

.summary tr.head td { width:100px; height:20px; padding-bottom:10px;}
.summary .prod-line td { padding-top:2px; padding-bottom:2px;}
.summary tr.sum td {border-top:1px solid #d7d7d7; padding-top:4px; padding-bottom:4px;}
.summary .shippingcosts { font-size:xx-small; }

.ValidationSummary { background: url(../../../Addons/Origo/Module/Img/about_16.png) no-repeat scroll left top; padding:0px 0px 0px 20px;}

.info-wrapper .summary { float:left; width:590px; }
.info-wrapper .summary .info { float:left; width:300px; }
.info-wrapper .summary .info .cap { float:left; width:80px;}
.info-wrapper .summary .info .cap2 { float:left; width:150px;}
.info-wrapper .summary .button { float:right; }
.info-wrapper .inp-wrapper-year { float:left; padding-right:5px; }
.info-wrapper .inp-wrapper-month { float:left; padding-right:0px; }
.info-wrapper .inp-wrapper-year select
{
	float:left;
	font-size:11px;
	height:21px;
	margin-right:0px;
	padding:4px 0px 1px 4px;
	width:68px
}
.info-wrapper .inp-wrapper-month select
{
	float:left;
	font-size:11px;
	height:21px;
	margin-right:0px;
	padding:4px 0px 1px 4px;
	width:68px
}
/* karfan */
.karfa-wrapper { float:left; width:600px; border-top:1px solid #d7d7d7; padding:10px 5px 10px 5px;}
.karfa-wrapper th { text-align:left; }
.karfa-wrapper a { font-weight:bold; }
.karfa-wrapper th.col1 { width:50px; }
.karfa-wrapper th.col2 { width:200px; padding-right:10px;}
.karfa-wrapper th.col3 { width:110px; }
.karfa-wrapper th.col4 { width:100px; }
.karfa-wrapper th.col5 { width:80px; }
.karfa-wrapper th.col6 { width:50px; }

.karfa-wrapper input 
{
	border:1px solid #CCCCCC;
	width:35px;
	text-align:right;
	padding-right:3px;
	font-size:11px;
}
/*
.karfa-wrapper a.gray { background:transparent url(../images/gray-button-bg.png) repeat-x scroll left top; height:20px; padding:4px 5px 4px 5px; color:#FFF; }
.karfa-wrapper a.gray:hover {	background:transparent url(g../images/ray-button-bg-hover.png) repeat-x scroll left top;height:20px;padding:4px 5px 4px 5px; color:#FFF;text-decoration:none;}
*/
.karfa-wrapper .summary { float:left; width:600px; text-align:right; border-top:1px solid #d7d7d7; padding-top:6px; margin-bottom:10px;}
.karfa-wrapper .summary span { padding-right:60px; font-weight:bold; }

.karfa-wrapper .buttons { float:left; width:100%; }
/*
.karfa-wrapper .buttons a.red {background:transparent url(../images/red-button-bg.png) repeat-x scroll left top; height:20px; padding:4px 5px 4px 5px; color:#FFF;	}
.karfa-wrapper .buttons a.red:hover {	background:transparent url(../images/red-button-bg-hover2.png) repeat-x scroll left top;height:20px;padding:4px 5px 4px 5px; color:#FFF;text-decoration:none;}
*/
.karfa-wrapper .buttons input.red 
{
background:transparent url(../../../Addons/Origo/Module/Img/red-button-bg.png) repeat-x scroll left top;
border:medium none;
text-align:center;
color:#FFFFFF;
cursor:pointer;
font-size:0.9em;
font-weight:bold;
padding:2px 2px 2px 2px;
width:auto;
}

.karfa-wrapper .HelpText
{
	font-family: Arial;
	color: #929292;
	font-size: 10px;
}

.karfa-wrapper .HelpImage
{
	vertical-align: middle;
}

.karfa-wrapper span.alignedright
{
	float:right;
	padding-right: 10px;
}

.shippingcostnotice{
font-size:0.8em;
}



.productaddtobasket
{
float:right;
}

.karfa-wrapper .buttons input.gray
{
background:transparent url(../../../Addons/Origo/Module/Img/gray-button-bg.png) repeat-x scroll left top;
border:medium none;
text-align:center;
color:#FFFFFF;
cursor:pointer;
font-size:0.9em;
font-weight:bold;
padding:2px 2px 2px 2px;
width:auto;
}
.karfa-wrapper .buttons .b1 { float:left; padding-left:100px;}
.karfa-wrapper .buttons .b2 { float:right; padding-right:20px;}
.karfa-wrapper .buttons .b3 { float:right; padding-right:10px;}

/* Vara sett í körfu splash gluggi*/
.karfa-status { width:200px; height:100px;background: url(../../../Addons/Origo/Module/Img/bg-splash.png) no-repeat top left; font-size:10px; display:none;}
.karfa-status .title { float:left; margin:8px 10px 5px 28px; padding-bottom:5px; width:135px; border-bottom:1px solid #afadad; font-weight:bold; color:#AD0000;}
.karfa-status .info { float:left; padding:3px 0px 0px 30px; width:100%; }
.karfa-status .info2 { float:left; padding:10px 0px 0px 30px; width:100%; font-weight:bold;}


.karfa-status99 { width:200px; height:100px;background: url(../../../Addons/Origo/Module/Img/bg-splash.png) no-repeat top left; font-size:10px; display:none;}
.karfa-status9 .title { float:left; margin:8px 10px 5px 28px; padding-bottom:5px; width:135px; border-bottom:1px solid #afadad; font-weight:bold; color:#AD0000;}
.karfa-status9 .info { float:left; padding:3px 0px 0px 30px; width:100%; }
.karfa-status9 .info2 { float:left; padding:10px 0px 0px 30px; width:100%; font-weight:bold;}

.checkouterrortext
{
	color:#ff0000;
}

.checkoutwarningtext
{
	color:#000000;
}

.cartRowOutOfStock
{
	color: #FF473A;
}

/* **************************************************************** */
/* basket - small */
/* **************************************************************** */

.basket-small {  
  position: absolute; 
  top: 7px; 
  left: 250px;  
  width:250px;
  z-index:1; 	
}

.basket-small .basket-count { float:left; color: #6b1c14; padding:4px 0px 0px 0px; margin:0px 0px 0px 0px; }
.basket-small .basket-img { float:left; color: #6b1c14; padding:0px 0px 0px 0px; margin:0px 0px 0px 5px; }
.basket-small .basket-summary { float:left; color: #6b1c14; padding:4px 0px 0px 0px; margin:0px 0px 0px 5px; font-weight:bold; width:140px;}


.karfa-status-head { position:absolute; top:15px; left:240px; z-index:10; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:10px; float:left;display:none;}
.karfa-status-head .content { float:left; padding:3px 10px 10px 5px; }
.karfa-status-head .top { background: transparent url(../../../Addons/Origo/Module/Img/bg-top-long.png) no-repeat 0px 13px; width:250px; min-height:67px; padding:30px 5px 0px 5px; float:left;}
.karfa-status-head .bottom { width:250px; height:29px; float:left;}

.karfa-status-head .buttons { float:right; padding:3px 30px 0px 0px;  }
.karfa-status-head .buttons .basket { float:right; padding:2px 2px 2px 0px; text-align:right; }
.karfa-status-head .buttons .buy { float:right; padding:2px 0px 2px 0px; text-align:right; }

.karfa-status-head table { padding:0px; margin:0px; width:225px;}
.karfa-status-head table td.first { padding:2px 4px 2px 0px; }
.karfa-status-head table td.last { padding:2px 4px 2px 0px;  text-align:right; width: 65px;}
.karfa-status-head table td { padding:2px 4px 2px 4px; }
.karfa-status-head .total td { border-top:1px solid gray; font-weight:bold;}

.detail-search-wrapper .button {float:right; padding:0px 20px 0px 0px;}

/* **************************************************************** */
/* Special styles for flöskustútur flash */
/* **************************************************************** */

#utanUm
{
width: 500px;
height: 93px;
position: absolute;
left: 150px;
top: 475px;
z-index:100;
}
#umFlassid
{
width: 500px;
height: 93px;
overflow: hidden;
position: relative;
/*background-color: #00FF00;  fela þennan flöt svo */
}

#flassid
{
width: 500;
height: 93;
position: relative;
left: -60px;
top: -275px;
}

/* **************************************************************** */
/* Special styles for tobacco order receipt                         */
/* **************************************************************** */

.tobacco-receipt div.top-right { float: right; font-size: 12px; }
.tobacco-receipt h1 { font-size: 18px; }
.tobacco-receipt h2 { font-size: 16px; }

.tobacco-receipt div.info-box { float: left; clear:both; border: solid 1px #d7d7d7; width: 680px; margin-top: 14px; padding: 5px; }
.tobacco-receipt div.info-box li { margin-bottom: 3px; }
.tobacco-receipt table.table-receipt { border: solid 1px #d7d7d7; width: 680px; }
.tobacco-receipt .grey-text { color: #AAAAAA; }

.grey-btn  
{
    background:transparent url(../../../Addons/Origo/Module/Img/gray-button-bg.png) repeat-x scroll left top;
    border:medium none;
    text-align:center;
    color:#FFFFFF;
    cursor:pointer;
    font-size:0.9em;
    font-weight:bold;
    padding:2px 2px 2px 2px;
    width:auto;
}

#loginInfo
{
    position:absolute;
    right: 20px;
    top: 186px;
    z-index: 2;
}

div.errorMsg
{
    margin: 10px 0 10px 140px;
    padding: 5px;
    border: solid 2px #AD0000;
    width: 400px;
    height: 35px;
    color: #AD0000;
}

div.radiobuttons
{
  position: absolute;
  right: 56px;
  top: 25px;
  white-space: nowrap;
}



/* **************************************************************** */
/* jquery popup                                                     */
/* **************************************************************** */

/* use a semi-transparent image for the overlay */
	#overlay {
		background-image:url(../images/white-big.png);
		background-repeat: no-repeat;
		
		height:750px;
		/*z-index: 20000;*/
	}
	
	/* container for external content. uses vertical scrollbar, if needed */
	div.contentWrap {
		height:741px;
		overflow-y:auto;
		/*z-index: 50000;*/
	}
	
	/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:550px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
	/*z-index: 10000;*/
}



/* **************************************************************** */
/* popup                                     */
/* **************************************************************** */

.fp-lower-content { float:left; padding:10px 0px 10px 0px; }
.fp-lower-content h3 { padding-bottom:5px; }
.fp-lower-content img { border:1px solid gray; padding:1px;}
.fp-lower-content .left-col { float:left; padding-right:10px;}
.fp-lower-content .left-col .lower-img { float:left; width:110px; margin-right:5px;}
.fp-lower-content .left-col .text { float:left; width:130px;}

.fp-lower-content .right-col { float:left; }
.fp-lower-content .right-col .lower-img { float:left; width:110px; margin-right:5px;}
.fp-lower-content .right-col .text { float:left; width:130px;}


                        


/* **************************************************************** */
/* popup                                     */
/* **************************************************************** */
.popup-wrapper { width: 550px;}
.popup-content {  float:left; padding:10px 20px 8px 15px; clear: both; width: 550px; }
.popup-content h5 {padding-bottom: 5px; font-size: 20px; font-weight: normal; background: #FFF url(../images/vinbudin_120px.png) no-repeat 0 0; padding-left: 130px; color: #808080;}
.popup-content h5 a {color:#929292; }
.popup-content img { border:1px solid gray;}

.popup-content .pop-img { float:left;  margin-right:15px; min-width: 255px; }
.popup-content  .text { float:left; width: 225px  }
.popup-content  .text .opnun{ font-size: 1.5em;  padding-bottom: 12px; }
.popup-content  .text .opnun .months{ font-size: 0.7em; }

.popup-content .text p { font-size: 1.1em; width: 225px;}
.popup-content  .kort{ float: left; clear:both; margin-top: 15px; width: 100%}
.popup-content .kort .GPS { font-size: 0.9em; }

.popup-content .currentopening { color: #AD0000; float: left; }


.popup .right-col { float:left; }
.popup .right-col .lower-img { float:left;  margin-right:5px;}
.popup .right-col .text { float:left; width:130px; }


