﻿.webshopitem
{
  margin-bottom: 10px;
}

.webshopitem .ProductImage
{
  float: left;
  margin-right: 10px;
}
.webshopitem .ProductDetails
{
  width: 346px;
  float:left;
}
.webshopitem .ProductDetails .Description
{
  float:left;
}
.webshopitem .Price
{
  float:left;
  font-size: 1.1em;
  font-weight: bold;
  margin-top: 10px;
}
.webshopitem .Price .Label
{
  float:left;
  width:105px;
}
.webshopitem .Price .LabelValue
{
  float:left;
}
.webshopitem .Price .Common
{
  color: #BBBBBB;
}
.webshopitem .Price .Our
{
  color: #EA1E26;
}
.webshopitem .Price .Diff
{
  border-top: solid 1px #e5e5e5;
}
.webshopitem .Action
{
  border-top: solid 1px #e5e5e5;
}
.webshopitem .Action h2
{
  height:15px;
  padding-right: 15px;
}
.webshopitem .Action .back
{
  width: 120px;
  float:left;
  border-right: solid 1px #e5e5e5;
}
.webshopitem .Action .tocart
{
  text-align: right;
  float:right;
  width: 390px;
}
.webshopitem .Action .tocart input
{
  margin-bottom: -5px;
  border: solid 1px Red;
}
.webshopitem .Action a, .webshopitem .Action span
{
  color: #424242; 
  font-weight: bold; 
  text-transform: uppercase;
}
.vis .webshopitem .Action a, .webshopitem .Action span
{
  color: #003056; 
}
.webshopitem .Action .back .goback { 
  padding-left: 18px;
  background: url(../img/bg-red-arrow-circle-back.gif) no-repeat 0% 50%;
}
.webshopitem .Action .back .readmore { 
  padding-right: 18px;
  background: url(../img/bg-red-arrow-circle.gif) no-repeat 100% 50%;
}
.webshopitem .item-available 
{
  position: absolute;
  right: 15px;
  top: 4px;
  color: #BBBBBB;
  height: 22px;
  padding: 5px 27px 0 0;
  text-transform: uppercase;
  background: url(../img/bg-webshopitem-available.gif) no-repeat 1000% 50%;
  
}
.webshopitem .item-available.comingup
{
  background: url(../img/bg-webshopitem-comingup.gif) no-repeat 1000% 50%;
}

/* Shopping Cart */
.shoppingcart { 
  position: relative; 
  float: left; 
  width: 240px; 
  height: 30px;
  margin-bottom: 4px;
  background: url(../img/cart-bgr2.gif) repeat-x 0% 0%;
  padding-left: 20px;
}

.vis .shoppingcart
{
  background: url(../../VIS/img/bg-karfa.png) repeat-x 0% 0%;
  padding-left: 30;
}
.vis .shoppingcart a
{
  color: #003056;
}

.shoppingcart h2 {
  font-size: 1em; 
  color: #777;
  padding: 7px 0 6px 11px;
  margin: 2px 2px 0 2px;
}

.shoppingcart .panta
{
  position: absolute; right:13px; background: url(../img/bg-red-arrow-circle.gif) no-repeat 100% 50%; padding-right: 18px;
}


/* Nýtt útlit */


/* product list, popular, news products and complete product list */
.sub-prodlist { float:left; margin-bottom:10px; padding-bottom:10px;  width:100%;}


.sub-prodlist.new { border:none; }
.sub-prodlist h2 { font-weight:bold; margin-left:0px; margin-top:10px; }
.sub-prodlist ul { margin:0; padding:0; list-style:none; }
.sub-prodlist ul li { float:left; margin-right:6px; }
.sub-prodlist ul li .item { float:left; width:145px; min-height:220px; }
.sub-prodlist ul li:last-child { margin-right:0px; }
.sub-prodlist .item a.img { float:left; background-color:#fff; border:1px solid #dedfda; height:120px; width:143px; margin-bottom:8px; }

.sub-prodlist ul li span { color:#515152;  }
.sub-prodlist h5 { margin-bottom:5px; }
.sub-prodlist h5 a {  color:#df3013; font-size:12px; font-weight:bold; }
.orange .sub-prodlist h5 a {  color:#f47528; }
.sub-prodlist h5 a:link { color:#df3013; font-size:12px; font-weight:bold;  }
.orange 
.sub-prodlist h5 a:link { color: #f47528; }

.sub-prodlist ul li .item .price { font-size: 1.1em; font-weight: bold; }
.sub-prodlist ul li .item .add-to-basket { text-align: left; margin-top: 4px; }
.sub-prodlist ul li .item .add-to-basket a { background: url(../../img/arrow-gray.png) no-repeat 0% 50%; color:#747474; text-decoration:none; font-weight:bold; font-size:0.9em; padding:0px 0px 0px 8px; }

/* **************************************************************** */
/* Product detail view																							*/
/* **************************************************************** */
.prod-detail { float:left; padding-bottom:6px; margin-bottom: 7px; min-height: 520px;  margin-top: 10px;}

.prod-detail .title { float:left; margin: 0px 5px 10px 10px; font-size: 1.5em;}
.prod-detail .title h2 { margin-bottom:10px; font-size:1.2em; color: #df3013;}
.orange .prod-detail .title h2 { color: #f47528;}
.prod-detail .title p { margin:2px 5px 8px 0;}

.prod-detail .info .vorunumer span { font-weight: bold; font-size: 0.8em; }

.prod-detail .img { float:left; /*width:336px;*/}
.prod-detail .img #image { /*position:relative;*/ width:292px; background-color:#fff; border:1px solid #d5d5d5; text-align:center; height:390px; display:table-cell; vertical-align:middle;}
.prod-detail .img #image img { vertical-align:middle;}
.prod-detail .img #image .big-view  { position:absolute; bottom:5px; right:10px; }
.prod-detail .img #image .enlarge { float:right; margin:0px 5px 5px 0;  }

.prod-detail .info { float:left; width:475px; }
.prod-detail .info .content { float:left; padding:10px 10px 10px 15px; min-height: 20px; }
.prod-detail .info .content h3{ font-size: 1.1em;}

/* tabs, style also in ../js/ui.tabs.css */
.prod-detail .info .tabs { width:100%; float:left; margin-left:10px; }
.prod-detail .info .tabs ul { margin:0; padding:0; list-style:none; }
.prod-detail .info .tabs ul li { margin:0 5px 0 0; padding:0; float:left; }
.prod-detail .info .tabs ul li a,  
.prod-detail .info .tabs ul li a:hover { float:left; text-decoration:none; color:#a3a0a0; padding:5px 10px 5px 10px; border: 1px solid #d5d5d5; border-bottom:none; }

#three-col-sub-webshop .prod-detail .info .tabs ul li.ui-tabs-selected a { color: #00335b; }

.prod-detail .info .tabs-content { width:100%; min-height:160px; float:left; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }

/* size info */
.prod-detail .info .size { float:left; width:100%; border-bottom: 1px solid #d5d5d5; position:relative; }
.prod-detail .info .size .choose { float:left; }
.prod-detail .info .size .choose table { width:150px; margin-left: 50px; }
.prod-detail .info .size .choose .inp { float:left; width:215px; border-right:1px solid #d5d5d5; }
.prod-detail .info .size .choose .inp p { position:absolute; top:37%; left:15px; font-weight:bold;  }
.prod-detail .info .size .choose .inp input { float:left; }

.prod-detail .info .size .quantity { float:left; margin-left:80px; }
.prod-detail .info .size .quantity p { position:absolute; top:15%; right:60px; font-weight:bold; }
.prod-detail .info .size .quantity select { position:absolute; top:39%; right:10px;  }

.prod-detail .info .size .soldout { position: absolute; right: 20px; font-weight: bold; font-size:14px; }


/* Price, amount add to basket */
.prod-detail .info .amount { width:100%; float:left; border-bottom: 1px solid #d5d5d5; position:relative; height:80px; }
.prod-detail .info .amount-info { float:left; margin-top:10px; }
.prod-detail .info .amount-info span { float:left; font-size:13px; margin-bottom:2px; padding-bottom:2px;  }
.prod-detail .info .amount-info span.price { margin-left:0px; font-size:22px; font-weight:bold; }

.prod-detail .info .amount-info a.add-to-basket { position:absolute; color:#fff; text-decoration:none; top:20px; right:0px; text-transform:uppercase; font-weight:bold; font-size:11px; padding:5px 0px 5px 8px;  width:90px;  }
.prod-detail .info .amount-info a.add-to-basket { background: #747474;/*url(../../img/bg-header.png) no-repeat 50% 90%;*/
                                      border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px; }
.orange .prod-detail .info .amount-info a.add-to-basket { /*background:url(../../img/bg-header-orange.png) no-repeat 50% 90%;*/ }

#three-col-sub-webshop .prod-detail .info .amount-info a.add-to-basket { background-color: #00335b; background-image: none; }
#three-col-sub-webshop .prod-detail .info .amount-info a.add-to-basket:hover	{ background-color: #00335b; background-image: none; }

.prod-detail .info .amount-info a span { float:right; color:#fff; text-transform:uppercase; font-weight:bold; font-size:11px; padding-right:5px; }
.prod-detail .info .amount-info a.view-basket { font-size: 1.3em; text-decoration: underline; }

/*back button, social media*/
.prod-detail .info .back { width:100%; float:left;  position:relative; padding-bottom:10px; }
.prod-detail .info .back ul { margin:0; padding:0; float:right; list-style:none; position:absolute; right:5px;  }
.prod-detail .info .back ul li {  float:left; margin-left:10px; }

.prod-detail .info .back a.back { padding-top:5px;  }
.prod-detail .info .back a, .prod-detail .info .back a:link  { float:left; color:#333333;  }

.prod-detail .info .back li a { padding:4px 0 4px 0; }
.prod-detail .info .back li.facebook { /*background:url(../img/facebook.png) no-repeat 5% 50%;*/ }
span.FBConnectButton_Simple { margin: 0px 0px 0px 0px; background:url(../img/facebook.png) no-repeat 5% 50%; height:100px; padding:10px 10px 10px 13px; }
.prod-detail .info .back li.facebook a { text-indent:35px; }

/* Splash window when product is added to basket */
.basket-splash { position:absolute; z-index:999; top:400px; color:#fff; left:45%; height:80px; width:150px; background: #df3013/* url(../img/mini-basket.gif) no-repeat top left;*/ }
.orange .basket-splash { background: #f47528; }
.basket-splash .basket-padding { padding:10px 10px 5px 10px;} 
.basket-splash h3 { font-size:14px;  font-weight:bold; color:#fff; }

/* Image replacement, image scrolling (carousel) */
.prod-img-small { position:absolute; left:215px; top:440px; }
.prod-img-small ul { margin:0; padding:0; list-style:none; }
.prod-img-small ul li { margin:0 5px 0px 0; padding:5px 0; }
.prod-img-small ul li img {  border:1px solid #d5d5d5;  }

/* Product related to the detail view */
.prodlist-related { position:relative; width: 100%; float:left; margin-bottom:10px; padding-bottom:10px; /*border-bottom:1px solid #afafaf;*/ clear: both; }
#block_3 .prodlist-related 
{
    border: 1px solid #e5e5e5; 
  border-top:none;
  border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
}

.prodlist-related h4 { font-size: 1.1em; /*color: #df3013;*/ color: #646464;                                               
border: 1px solid #dcdcdc;    border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
 padding: 7px 7px 7px 20px;
  background-color: #5F5F5F;
 color: #FFFFFF;
 text-decoration: none;

 }
.orange .prodlist-related h4 { font-size: 1.5em; /*color: #f47528;*/ }
.prodlist-related ul { margin:0; padding:0; list-style:none; }
#block_3 .prodlist-related ul { margin-left: 50px; }
.prodlist-related ul li { float:left; margin-right:6px; }
.prodlist-related ul li .item { float:left; width:149px; height: 240px; /*background: url(../img/dots-bg.gif) repeat-x 0px 199px;*/  }
#block_3 .prodlist-related ul li .item { height: auto; margin-bottom: 15px; }
.prodlist-related ul li .item a { color:#df3013; font-size:12px; font-weight:bold; }
.orange .prodlist-related ul li .item a { color: #f47528; }

.prodlist-related ul li .item h5 { /*height:20px;*/ margin-bottom:3px; float:left; }
.prodlist-related ul li .item h5 a { width: 150px; float:left;  }

.prodlist-related ul li:last-child { margin-right:0px; }
.prodlist-related .item a.img { float:left; border:1px solid #dedfda; height:147px; width:147px; margin-bottom:8px; }

.prodlist-related .item .price { font-size: 1.1em; font-weight: bold; }
.prodlist-related .item .add-to-basket { text-align: left; margin-top: 4px; }
.prodlist-related .item .add-to-basket a { background: url(../../img/arrow-gray.png) no-repeat 0% 50%; margin: 7px 5px 0 0; color:#747474; text-decoration:none; font-weight:bold; font-size:0.9em; padding:0px 0px 0px 8px; }

/* **************************************************************** */
/* Product popup      												*/
/* **************************************************************** */
body.popup { float:left; background: #df3013 url(../img/popup-body-bg.gif) repeat-x top left;  }
body.popup .header { float:left; background: url(../img/popup-header.gif) no-repeat top left; height:90px; width:500px }
body.popup .prodimg { float:left; width:100%; }


/* **************************************************************** */
/* Mini basket                                                      */
/* **************************************************************** */

.basket-small { position:absolute; top:70px; right:5px; height:39px;  font-size: 1.2em;}


.cartCount { float:left; color: #000; font-weight:bold; 
             background: #eeeeee; /*url(../img/basket-count-bg-left.gif) no-repeat top left;*/
            border: solid 1px #eeeeee;
            border-radius: 20px;
            -moz-border-radius: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
             min-width: 20px; height: 20px;
             margin: 20px 5px 0 0; }
             
.cartCount span { /*background: transparent url(../img/basket-count-bg-right.gif) no-repeat top right;*/ min-width: 6px; height: 17px; display: block; padding: 3px 7px 0 7px; }
.basket-small a.bag { position:absolute; top:0px; left:0px; height:59px; width:79px; text-indent:-2000px;  }
.basket-small h4 {font-size:1.0em; color:#eeeeee; margin: 0 0 0 4px;}
.basket-small h4 span { float: left; padding-top: 26px; /*color:#b11414;*/ }
.basket-small h4 .basket { float: left; width: 90px; height: 25px;  padding: 22px 0 0px 3px; background: url(../../img/shopping-cart-icons2.png) no-repeat top right; }

.basket-small .content { padding:3px 0px 0px 1px; color:#eeeeee; float:left; width: 200px; }
.basket-small .content a {  color:#fff; font-size: 1.3em;}
.basket-small .content .kr { float: left; margin-left: 25px; color:#fff; }

/* skrifaðu skilaboð */
.prod-detail .sender {width: 440px; float:left; border-bottom: 1px solid #d5d5d5; position:relative; padding:10px 10px 10px 15px; }
.prod-detail .sender table { margin-left: 30px; }
.prod-detail .sender input { width: 300px; }
.prod-detail .sender textarea { margin-bottom: 8px; width: 300px; }
.prod-detail .sender label { margin-right: 5px; }
.prod-detail .sender h4 a { background: url(../../img/arrow-red.png) no-repeat 0% 50%; padding-left: 15px; }
.orange .prod-detail .sender h4 a { background: url(../../img/arrow-orange.png) no-repeat 0% 50%; }
.prod-detail .sender table a { position:relative; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:11px; padding:5px 8px 5px 8px; float:right; }
.prod-detail .sender table a { background:url(../../img/bg-header.png) no-repeat 50% 90%;
                                      border-radius: 5px 5px 5px 5px;
                                      -moz-border-radius: 5px 5px 5px 5px;
                                      -webkit-border-top-left-radius: 5px;
                                      -webkit-border-top-right-radius: 5px;
                                      -webkit-border-bottom-right-radius: 5px;
                                      -webkit-border-bottom-left-radius: 5px; }
.orange .prod-detail .sender table a { background:url(../../img/bg-header-orange.png) no-repeat 50% 90%; }
                                      
/* Delivery Cost included */
.deliverycost
{
    color: #999;
    float: left;
    padding: 10px 0px 0px 200px;
}                                      
