﻿#pagewrapper .navigationwrapper{ float: none;width: 100%;position: relative;}

/*.wideouter {float: none;margin: 0 auto;max-width: 90%;}*/
#checkoutpages .wideouter{float: none;margin: 0 auto;max-width: 90%;}
 .wideouter {float: left;margin-left: 10px;max-width: 90%;}
 
/*Menu*/
/**/
.navigationwrapper.one-level{ height: 140px;}
.navigationwrapper.two-level{ height: 231px;height: auto;height: 260px;}

.one-level {background: url(/images/Webshop/700/h-meny1.png) bottom left repeat-x #F4EEDF;padding-bottom: 20px;}
.two-level {background: url(/images/Webshop/700/h-meny2.png) bottom left repeat-x #F4EDDF;padding-bottom: 20px;}

#menufixed.one-level,#menufixed.two-level { display: none;}

section .logo {position: relative;float: left;height: 115px;margin: 5px 5px 0 25px;max-width: 115px;overflow: hidden;text-align: center;width: 115px;z-index: 9;}
section .logo-scrolled { position: relative;} 
section .logo-fixed { position: fixed;} 

#bakerLoc{ width: 150px;float: left;/*position: fixed;*/ }
#logo { }
#logo hr {margin-bottom: 15px;margin-top: 0;}
.logoimage{background-image:url("/images/webpage/320/logo_gb_136.png");width:136px;height:75px;display:inline-block;}
#location { margin: 0 0 0 5px;}
.locationchooser { margin-top: 0;margin-bottom: 0;}

nav#menu { clear: none;}
nav#menu2 { width: 75%;clear: none;float: left;}
#lvl1{ clear: both;float: none;top: 0;width: auto;}

.menu-choose {top: 0;right: 0;left: auto;overflow: hidden;position: absolute;text-indent: 100%;}
nav li {float: left;list-style: none outside none;}
.two-level #lvl2 {display: block;left: -40px;margin-bottom: 0;position: absolute;top: 110px;width: 500px; }
#buttons,nav#menu{float: right;left: -50%;/*text-align: left;top: 0;margin-left: 0;*/width: auto;}
#buttons ul, nav#menu > ul{list-style:none; position:relative;left:50%;}

#buttons li, nav#menu li{float:left;position:relative;}/* ie needs position:relative here*/

#content{overflow:hidden}/* hide horizontal scrollbar*/
header {clear: both;width: 100%;margin-top: 40px;}

.navigationwrapper nav > ul > li > a { background: url(/images/Webshop/700/btn-v-meny1.png) no-repeat;width: 80px;height: 88px;padding: 10px 15px 10px 7px;font-size: 13px; }
.navigationwrapper nav > ul > li > a:hover,
.navigationwrapper nav > ul > li > a.active {background-image: url(/images/Webshop/700/btn-v-meny1-active.png);}
.navigationwrapper nav li a div.box2 {position: absolute;top: 45%;height: 30%;width: 86px;margin: -15% 0 0 0;}

.contact { font-size: 8px;text-align: center}
.contact a { font-size: 14px;}

.navigationwrapper nav #lvl1 li a div { top: 51%;}

.product-categories {margin-top: 12px;}
.product-categories li {height: 45px;}
.product-categories div.box-products{ background: url(/images/Webshop/700/btn-v-meny2-category.png) no-repeat; width: 92px;height: 56px; margin-right: 5px;margin-bottom: 5px;}
.product-categories .box-products a,
#product-categories .product-menu a {width: 83px;height: 46px;padding: 3px 4px 8px 5px;overflow: hidden;white-space: normal;}

.product-categories .box-products:hover, .product-categories div.box-products.active { background: url(/images/Webshop/700/btn-v-meny2-category-active.png); }

.menu-lvl2 .box-menu {width: 80px;height: 75px; background-image: url("/images/Webshop/700/btn-v-meny2.png");padding: 6px 9px;}
.menu-lvl2 div.active { background-image: url("/images/Webshop/700/btn-v-meny2-active.png");}
.menu-lvl2 div.active a {font-size: 11px;}
.product-menu { top: 35%;width: 76px;display: block;height: 33px;overflow: hidden;padding-top: 0;}
.menu-lvl2 .box-menu a.order { width: 76px;bottom: 5px;font-size: 9px;}

.one-level .menu-choose,.two-level .menu-choose { background-image: url("/images/webshop/700/bcg-choose2.png");height: 132px;right: 0;top: 0;width: 91px;}
.two-level .menu-choose { height: 210px;height: auto;margin-bottom: 10px;}
.one-level .menu-choose { /*position: fixed;*/float: right;}

/*Content*/
#cart { top: 335px;}
#customer{ /*top: 170px;*/top: 213px;}
#checkoutpages #customer{ top: 130px;}

article { clear: both;}

header {width: auto; margin: 0 auto;width: 681px;}
article { margin-top: 30px;}

.product-top, .product-content,
.productlist li,
.wbox { -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;}
.bbox { -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;}

#spot { top: 335px; }

/*addtobasket*/
.add-to-basket-row { line-height: 24px;padding:6px 10px 0px}
.add-to-basket-row .button { height: 26px;line-height: 26px;}
.add-to-basket-row .button i { top: 2px;}
/*product*/
.productlist .quantity-outer div, .productlist .quantity-outer span { line-height: 24px;}
.quantity-outer, .quantity-outer div { font-size: 15px;}
.product-content {width: 325px;}
#product .quantity-outer { height: 20px;width: 22px;margin-top: 0px;font-size: 15px; }

#product .price { font-size: 18px; }



/*productlist*/
input.quantity{ height: 20px;width: 20px;line-height: 20px;}

article#productlist {width: 480px;}
.productlist  li { padding: 6px;}
.productlist .list-image { width: 148px;height: 84px;margin-right: 8px; }
.productlist .list-content { width: 306px;height: 64px;}
.productlist .list-title {margin: 6px 0 10px;}
.productlist h2 {line-height: 40px;font-size: 18px;line-height: 25px;}
#productlist .addtobasket { width: 130px;padding: 0 7px;line-height: 24px;height: 24px;font-size: 12px;margin-top: -1px;}
#productlist .addtobasket i { width: 15px;top: 3px;}
#productlist .recipe .quantity-outer {margin-top: 95px;width: 155px;}
#productlist .recipe .quantity-inner {float: right;}
#productlist .recipe .txt-quantity { font-size: 11px; }
#productlist .recipe a.choose-variant.button { width: 138px;margin-top: 5px;}
#productlist .recipe a.addtobasket.button {margin-top: 5px;}

.info { background-image: url(/images/webshop/700/i.png);width: 24px;height: 24px;}
.productlist .info { top: auto;margin-right: 0;float: left;margin-left: 3px;}
.productlist .price { font-size: 17px;right: 25px;top: 14px;width: 40px;font-weight: bold;}
.productlist .count div, .productlist .count span {line-height: 12px;font-size: 20px;margin-top:8px;font-size: 13px;}
.productlist .count .quantity-outer { font-size: 20px;margin-top: 2px;height: 20px;width: 22px;}

/*.add-up, .add-down*/
.add-to-basket-row .add-up,
#productlist .add-up { background-image: url("/images/webshop/700/btn-up.png");width: 23px;height: 24px;}

.add-to-basket-row .add-down,
#productlist .add-down { background-image: url("/images/webshop/700/btn-down.png");width: 23px;height: 24px;}

.productlist .quantity,.productlist input.quantity,input.quantity  { font-size: 13px;height: 22px; width: 22px;margin: 0 1px; padding:0; line-height: 22px;}

.basket .quantity { height: 28px;line-height: 28px; }

/* shoppingcart*/
#cart-products { max-width: 600px;width: 80%;margin-left: 10px;font-size: 12px;}
#tblcart thead th { font-size: 15px;line-height: 22px;padding: 3px 5px;}
#tblcart .quantity-outer { width: 24px;height: 20px;line-height: 20px;font-size: 14px;}
.cart-btn-delete {width: 30px;height: 29px; background: url(/images/webshop/320/close-btn.png) no-repeat transparent 0 2px;}
.cart-btn {font-size: 15px;padding: 7px;}
.cart-order .cart-btn {font-size: 24px;padding: 10px 70px;}
#tblcart .space {height: 14px;}
#tblcart .sep1 {padding-top:6px;}

/*checkout*/
.ulHeader .colImageText{ width: 50%;margin:0 40px 0 20px}

.basket .ulProductList .colText { width: 55%;}
#delivery .ulHeader .colImageText,.ulProductList .colText { width: 195px;}
#delivery .narrow .ulProductList .colPriceCurrentTotal { width: 60px;}
/*Modal*/
/*.modal-large{ width: 90%;height: 70%; padding: 5%}*/


/* Login MyPage */
#formwrapperlogin { width:540px;min-height:445px;}
      .registerprivatewrapper{width:665px;}
      .registerprivatewrapper .wideouter{width:100%;}
   .registerprivatewrapper .infobox{width:280px;float:left!important;margin-left:14px !important;}

@media only screen and (max-width: 870px) 
{
    #frontedProducts { width: 380px;float: none;margin: 0 auto;}
    .wideouter .narrow{ margin: 0 auto 10px auto;float: none;overflow: hidden; }
    .buttons  { width: 380px;margin: 0 auto;padding-bottom: 30px;}
    #product-menu, #delivery, #confirmation { width: 385px;}
   
}

@media only screen and (max-width: 730px) {
    .basket .cart-buttons div.btn-empty,
.basket .cart-buttons div.btn-save,
.basket .cart-buttons div.btn-update,
.basket .cart-buttons div.btn-continue{ }
.basket .cart-buttons div.btn-empty a.button,
.basket .cart-buttons div.btn-save a.button,
.basket .cart-buttons div.btn-update a.button,
.basket .cart-buttons div.btn-continue a.button{ }
.basket .cart-buttons div.btn-update a.button{ width: 90px;}
}