.mypage .hide {display: none;}
.mypage .left { float: left;width: 48%;margin-right: 2%; }
.mypage .right { float: right;width: 48%;margin-left: 2%;}

/* big box / frontpagebigboxproductlinks*/
.frontpagebigbox ul.products { list-style-type: none;margin: 0;padding: 0;}
.frontpagebigbox ul.products li{ height: 42px;line-height: 42px;background: #F0E9E4;margin-bottom: 2px;padding-left: 10px;}
.frontpagebigbox ul.products a.text-buy,
.frontpagebigbox ul.products span.text-buy  { float: left;text-decoration: none;}
.frontpagebigbox ul.products .button-buy { width: 20%;float:right;margin: 5px 7px 0 0;line-height: 28px;height: 28px;}

.frontpagebigboxproductlinks .frontpagebigboxoverlay{ position: absolute;bottom: 0;width: 100%; }

.mypage #articlemiddle header{ display: none;}
.mypage #articlebottom{ clear: both;}
.wideouter{ max-width: 100%;margin: 0 auto;}
.wideouter .narrow, .wideouter .col1, .wideouter .col2 { float: left;margin: 0 3px 7px;}
.wideouter.center .narrow, .wideouter.center .section-frontpage { float: none;margin: 0 auto;}

#frontedProducts .section-frontpage .narrow { margin-bottom: 50px;}

.wideouter header{ width: 766px;margin: 0 3px;max-width: 96%; }

.wideouter .wbox { margin: 20px 0 20px 17px;}

/*common*/
#pagewrapper {}
.narrowouter{margin: 0 auto; }
.narrowouter .narrow { float: left;}

.wbox { -webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius:12px;background: #fff;margin-left: 15px;margin-top: 17px;}
.button {background: #3F2C22;border: 2px solid #3F2C22;color: #fff;border: 0;border-radius: 5px;padding: 0 5px;cursor: pointer;font-size: 14px;line-height: 32px;width: 146px;float: left;display: block;height: 32px;outline: none;}
.infobox .button { margin-top: 5px;}
.infobox .buttons { margin-top: 10px;margin-bottom: 0;}
.infobox .buttons .button-right { margin-right: 10px;}
.button-right { float: right;margin-right: 10px;}

.mypage .narrow .summary-outer { margin-top: 35px;width: 378px;} 
.mypage .narrow .ulHeader { font-size: 15px;}
.mypage .narrow .ulHeader .colCount, .mypage .narrow .ulHeader .colPriceCurrentTotal {font-size: 13px;}
.mypage .narrow .ulHeader .colImageText {  margin-left: 18px;}
.mypage .narrow .ulHeader .colPriceCurrentTotal{margin-right: 15px;}

/*my page - minside forside*/
.narrow,.narrowouter,.section-frontpage,  #contentwrapper .wideouter .col1{ width: 380px;}
 #contentwrapper .wideouter .col2 { width: 775px;}

 #customerinfoandgamificaionboxes.wideouter { max-width: 794px; padding-bottom: 30px;}
.product img {max-width: 360px; padding: 5px 10px;}

/*Confirmation*/
.mypage #confirmation{ margin: 0 0 20px 0;}
.mypage #confirmation .confirmation-section,
.mypage #confirmation .text-delivery{ width: 300px;}
.mypage #confirmation .narrow .cart-info{ width: 300px;}
.mypage #confirmation .buttons {margin-top: 20px; margin-left: 17px;margin-bottom: 20px;float: left;}
.mypage #confirmation .buttons .button,
.mypage #confirmation .buttons .button-right { width: 333px;}
.mypage #confirmation .buttons.narrow{ width: 686px;margin: 20px 20px 0px 20px;}
.mypage #confirmation .narrow .colImageText, 
.mypage #confirmation .narrow .ulProductList .colText{ width: 190px;}

.mypage #confirmation .infobox { margin-bottom: 15px;}
.mypage #confirmation #divComment { margin-bottom: 25px;}
.mypage #confirmation { padding-bottom: 40px;float: left;margin-left: 0;}
.mypage #confirmation .infobox h3 { padding-bottom: 0;}
.mypage #confirmation .infobox{ width: 335px;}

.confirmation-section{width: 350px; float: left;clear: both;padding: 0 15px 10px 15px;margin-bottom: 10px;border-bottom: 1px solid #efefef;}
.infotime { border: 0;padding-top: 10px;text-transform: capitalize;}
.text-delivery,.confirmation-section.infotext { font-weight: bold;}
.confirmation-section.infoplace { margin: 10px 0 10px 0;}
.confirmation-section.infotimeheader { font-weight: bold;}
.confirmation-section hr { width: 350px;border: 0;background: #efefef;height: 1px;display: block;clear:both}
.dlPickupDeliver .cart-info { margin-top: 10px;float: left;width: 90%;}
.mypage #confirmation .price-summary .priceTotal,
#delivery .price-summary .priceTotal {margin-right:15px;}




/* Favorites */
#product-menu section.product { display: block;margin: 10px 3px;float: left}
.product-top, .product-content,
.productlist.favoritelist li,
.wbox { -webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius:12px;background: #fff;}
.bbox { -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px;background: #fff;}

.bbox {background: #3f2c22;color: #fff;}

.add-to-basket-row { height: 30px;line-height: 30px;padding: 8px 10px;}
.add-to-basket-row .button { float: right;}



.price {float: left; width: 45px;text-align: center;font-weight: bold;font-size:15px;}

.product-top, .product-content {margin-top: 10px;background: #fff;padding: 2px;float: left;width: 376px;}
.product-content { padding: 40px;}
.product img { padding: 9px 9px 5px;max-width: 360px;}
#product-menu .product img{min-height: 240px;}
.product-header { width: 100%;height: 45px;margin-bottom: 10px;float: left;background: #f0e9e4;position: relative;}

.product-header h2 { text-align: center;height: 45px;overflow: hidden; }
.product-header .info{position: absolute;top: 17%;right: 5px;}
.info{ display: block;float: left;width: 29px;height: 30px;background: url(/images/webshop/btn/i.png) no-repeat;text-indent: 100%;/*margin-right: 10px;*/margin-left: 5px;
       white-space: nowrap;overflow: hidden;}

#productlist .add-up,
#productlist .add-down  {display: block;float: left;width: 29px;height: 30px;text-indent: 100%;white-space: nowrap;overflow: hidden;margin-right: 0px;cursor: pointer;border: 0;}
#productlist .add-down {background: url(/images/webshop/btn/btn-down.png) no-repeat;}
#productlist .add-up {background: url(/images/webshop/btn/btn-up.png) no-repeat;margin: auto 5px auto auto;}

#articlewrapper,
article#productlist{width: 713px;}
article#productlist ul{ margin-left: 0;padding-left: 0;}
article#productlist li{ width: 713px;}

.addtobasket,
#productlist .addtobasket, 
#productlist .choose-variant { display: block;float: right;margin-right: 50px;width: 150px;position: relative;margin: 0;margin-top: -3px;overflow: hidden;white-space: nowrap;}
.addtobasket { width: 105px;font-size: 10px;}
#productlist .choose-variant { text-align: center;color: #fff;}
.addtobasket i, #productlist .addtobasket i, 
#productlist .choose-variant i { background: url("/images/webshop/btn/btn-add-white.png") no-repeat;display: block;height: 20px;position: absolute;right: 2px;top: 8px;width: 20px;}
#productlist .choose-variant i { background: url("/images/webshop/btn/btn-arrow-more.png") no-repeat 0 0;display: block;}

#productlist .addtobasket,.add-to-basket-row a.addtobasket { text-align: left;}
/*#productlist {background-image: url("/images/webpage/1600/article_middle.png");}*/
/*#productlist ul.favoritelist  { border: 1px solid silver;}*/
#productlist .favoritelist li {position: relative; list-style: none;float: left;padding: 8px;margin-bottom: 8px;clear: both;}
#productlist .articletext {position: relative; list-style: none;float: left;padding: 8px;margin-bottom: 8px;clear: both;}
   
#productlist a.button{ font-size: 14px;}
#productlist .quantity {width: 30px;height: 26px;line-height: 28px;border: 1px solid #d1d1d1;font-size: 18px;color: #3F2C22;text-align: center;margin: 0 4px;display: block;float: left;font-weight: bold;cursor: default;}
#productlist .quantity { margin-right: 3px;float: left;height: 26px;}
    
#productlist h1{ margin: 20px 5px 10px 5px;}
#productlist .sortable-id{ display: none;}
#sortable-fav span{ cursor: move;}
#productlist .hide{ display: none;}
#productlist li.header{ border-radius: 0;background:#f0e9e4;}
#productlist .header .list-quantity,
#productlist .header .list-price,
#productlist .header .list-btn-buy{ text-align: center;}
#productlist .fav-edit a,
#productlist .fav-delete a{text-decoration: none;border: 0;cursor: pointer;}    
#productlist a img{ width: 26px;height: 26px;}
#productlist .list-index{float: left;width: 25px;}
#productlist .list-controls{float: left; width: 70px;margin: 0;padding: 0;}
#productlist .list-name{float: left; }
#productlist .list-quantity{float: right; width: 105px;}
#productlist .list-price{float: right; width: 75px;}
#productlist .list-price{float: right; width: 75px;}
#productlist .list-btn-buy{float: right; width: 70px;padding: 0 0 0 10px; }
#productlist .navigation-bottom{ display: block;}
#productlist .navigation-bottom .btn-right{ float: right;background:#BBB3B0;border-color: #BBB3B0;width: 178px; }
#productlist .list-description{ font-size: 0.8em;width: 230px;}
/*Infobox*/
#confirmation .infobox { margin-bottom: 15px;}
#checkoutpages .infobox h2 { color: #3D271B;}
#articlemiddle .infobox h2, .infobox h2 {font-size: 16px;font-weight: normal;padding: 0 15px;color: #666; }

.infobox .content h2 { margin-bottom: 10px;}

.infobox ul { margin:15px 0px;padding: 0;}
.infobox ul li { list-style: none;}

.infobox dl {padding: 0;margin: 0; }
.infobox dd {padding:0;margin: 0;margin-top: 10px;}

.infobox { font-size: 12px;margin-bottom: 15px;padding-bottom: 10px;}
.infobox .message { margin: 10px 0 10px 15px;}
.infobox td i, .infobox label i { font-size: 11px;}

.infobox .header, .infobox dt { background-color: #F0E9E4;height: 30px;line-height: 30px;margin: 10px 1px 3px 1px;position: relative;}

.infobox hr {float: left;margin-top: 10px;width: 100%;}
.infobox .inner-content, .errorbox ul { padding: 0 17px;margin-top: 15px;}
.infobox hr { background: none repeat scroll 0 0 #EFEFEF;border: 0 none;clear: both;height: 1px;}


.mypage .product-header { width: 100%;height: 45px;margin-bottom: 10px;float: left;background: #f0e9e4;position: relative;}
.mypage .product-header h2 {height: 45px;text-align: center;font-size: 23px;line-height: 45px;margin: 0;padding: 0;}

.mypage .backlink { position: absolute;top: 20px;}
.mypage .backlink a { background: url(/images/webshop/btn/back-arrow-line.png) no-repeat;display: block;width: 90px;height: 21px;}

.mypage .infobox { float:left;width:335px;}
.mypage .bottons {width:100%;}

/* Ordrehistorikk*/
.orderhistory.infobox  { float: left;margin-bottom: 30px;border: 1px solid #efefef;width: 100% !important;}
.orderhistory ul { margin: 0;width: 100%;}
.orderhistory .ulHeader .header, .orderlines{ padding: 2% 0;}

.orderhistory .orderlines{ width: 100%;clear: both;}
.orderhistory.wbox  { margin-left: 0;}
.orderhistory .orderhistory .header div,
.orderlines div {float: left;overflow: hidden;}
.orderhistory .header div {line-height: 40px;}
.orderhistory .header .cInvoiceId,
.orderhistory .header .cInvoiceLink,
.orderhistory .header .cOrderNr,
.orderhistory .header .cOrderQ,
.orderhistory .header .cOrderS,
.orderhistory .header .cOrderPrice,
.orderhistory .header .cOrderDate,
.orderhistory .header .cOrderPrice,
.orderhistory .header .cOrderQ,
.orderhistory .header .cOrderLink { width: 15%;text-align: center;float: left;font-size: 1.1em;} 
.orderhistory .header .cOrderNr{width: 20%;}
.orderhistory .header .cOrderLink{ width: 1%;float: right;}
.orderhistory .cInvoiceId,
.orderhistory .cInvoiceLink,
.orderhistory .cOrderNr,
.orderhistory .cOrderQ,
.orderhistory .cOrderS,
.orderhistory .cOrderPrice,
.orderhistory .cOrderDate,
.orderhistory .cOrderPrice,
.orderhistory .cOrderQ,
.orderhistory .cOrderLink { width: 15%;text-align: center;float: left;overflow: hidden;line-height: 35px;height: 35px;} 
.orderhistory .cOrderNr{width: 20%;}
.orderhistory .cOrderLink{width: 15%; float: right;}

.invoice .header .cInvoiceId, .invoice  .header .cInvoiceLink{width:48%;text-align: left;
padding-left: 2%;}
.invoice  .cInvoiceId, .invoice  .cInvoiceLink{width:48%;text-align: left;
padding-left: 2%;}


/* Ordredetaljer*/
.narrow .cart-info{ margin: 0 17px;clear: both;}
.narrow .cart-info .title { clear: left;}
.narrow .cart-info .title,.narrow .cart-info .value{ float: left;width: 45%;}

.narrow .vat-summary { margin-top: 10px;}
.narrow .cart-info .priceTotal { text-align: right;} 

.narrow .noLabels .title { display: none;}
.narrow .noLabels .value { clear: both;width: 90%;}

.narrow .colImageText,
.narrow .ulProductList .colText {width: 235px; margin-left: 0;float: left;}
.narrow .ulProductList .colCount{float: left;width: 45px;text-align: center;}
.narrow .ulProductList .colPriceCurrentTotal{ width: 65px;}

ul.shoppingline-description .shoppingline-description {  font-size: 11px;line-height: 18px;margin-bottom: 5px;padding-left: 5px;margin-top: -2px;}
.narrow ul.shoppingline-description li, .narrow .cart-info span.shoppingline-description { font-size: 11px;line-height: 15px;}
.narrow .cart-line, .narrow .cart-line a, #delivery .cart-line h3 { line-height: 25px;color: #3D271B;font-size: 12px;}


.narrow .cart-line{margin-top: 5px;}
.narrow .cart-line .colImageText { line-height: 18px;}
.narrow .cartandorderview {clear: both;float: left;margin-bottom: 10px;margin-top: 5px;width: 100%;}

.narrow #deliveryContainer { float: left;margin-left: 15px;}

.basket .message.header h2 { line-height: 30px;}
.mypage .ulHeader { font-size: 15px;}
.mypage .ulHeader .colPriceCurrentTotal{margin-right: 40px;}
.ulProductList .colText{float: left;width: 410px;}
.ulProductList .colCount{float: left;width: 100px;text-align: center;}

.ulProductList .colPriceCurrent{float: left;width: 0px;text-align: right;}
.ulProductList .priceMain{font-weight: 700;font-size: 16px;}
.ulProductList .priceOriginal{color: #dedede;text-decoration: line-through;font-weight: 100;}
.ulProductList .colPriceCurrentTotal{float: right;text-align: right; }

.summary-outer {clear: both; margin: 15px 2px 0 0}
.price-summary { width: 333px;}
.price-summary { font-size: 15px;}
.price-summary .title {  float: left;width: 200px;padding-left: 15px;}
.price-summary .priceTotal {float: right;margin-right: 40px;text-align: right;width: 100px;}
/*Shoppingcart spot*/

#spot a{text-decoration:none; }

.sidebar-functions #spot { display: block; position: fixed;top: 240px;right: 0;width: 105px;padding: 20px 0 20px 20px;border: 1px solid #3f2c22;border-right: 0; background: #523d30;
        -webkit-border-radius: 15px 0 0 15px;-moz-border-radius: 15px 0 0 15px;border-radius:15px 0 0 15px;z-index: 2;color: #fff;font-size: 11px;z-index: 10;}
.sidebar-functions #spot h3 { margin-top: 0;}
.sidebar-functions .cart-itemlist a { color: #fff;}
.sidebar-functions #spot ul{ margin: 0;padding: 0;border: 1px solid #7f6f66;border-right: 0;border-left: 0;margin: 10px 0 5px -10px;padding: 5px 0 5px 10px; }
.sidebar-functions #spot li{ margin: 0;padding: 0;list-style: none;white-space: nowrap;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.sidebar-functions #spot .btn-link { display: block;height: 36px;line-height: 36px;margin-bottom: 10px;padding-left: 10px;margin-left: -10px; background: #3f2c22; border-radius: 5px 0 0 5px;color: #fff;}
.sidebar-functions #spot .btn-commit{border:3px solid #3f2c22;border-right: 0;background: #e0af19;color: #3f2c22;text-transform: uppercase;font-weight: bold;font-size: 14px; }
.sidebar-functions input.btn-link { width: 120px;text-align: left;}
.sidebar-functions input.btn-link:hover { cursor: pointer;}
.sidebar-functions #spot .sum { margin-bottom: 5px; }
.sidebar-functions .cart-close { display: none;}

.sidebar-functions #bottom-right {z-index: 99;position: fixed;bottom: 0;right: 0;top: auto;}
.sidebar-functions #bottom-right a {background: url("/images/webshop/btn/to-web.png") no-repeat left bottom;bottom: 0;color: #FFFFFF;display: block;font-size: 11px;height: 32px;line-height: 13px;padding: 6px 5px 0 50px;position: fixed;right: 0;text-align: left;width: 73px;z-index: 2;}
/*Modal*/
.modal-large{ display: none;}
.modal-large .imagemain { max-width: 100%;}
h2.modal-header { padding-bottom: 0;margin-bottom: 0;}
.modal-content { margin-top: 10px;}
.modal-content .formtext { padding-left: 0;}

/* FORM */



#registercompany,#confirmation,#registerprivate {   float: left;margin-bottom: 20px;}

#confirmation .infobox,
#registercompany .infobox,
#registerprivate .infobox{ border: 1px solid #efefef;margin-bottom: 0;} 


#registercompany .bottons,
#registercompany .bottons,
#registerprivate .bottons,
#registerprivate .bottons { margin: 20px 0 20px 17px;}
#registerprivate .locationchooser select option,
#registercompany .locationchooser select option { width: auto;}
 
#registerprivate span.radiobuttons,
#registercompany span.radiobuttons { float: left;display: inline;width: 179px;line-height: 20px;margin: 5px 0 0 -5px;}
#registerprivate span.radiobuttons input,
#registercompany span.radiobuttons input{ float: left;width: 20px;}
#registerprivate span.radiobuttons label,
#registercompany span.radiobuttons label { float: left;}

.ui-datepicker{font-family: "jaf-facitweb", Georgia;font-size: 12px;color: #3d271b;height: auto;width: 179px;margin: 5px auto 0;  border: 1px solid #3F2C22;background: #F0E9E4;  }  
.ui-datepicker a{text-decoration: none;  } 
.ui-datepicker table{width: 100%;  } 
.ui-datepicker-header{line-height: 30px;  }  
.ui-datepicker-prev,.ui-datepicker-next {display: inline-block;  }  
.ui-datepicker-prev{float: left;}  
.ui-datepicker-next{float: right;}  
.ui-datepicker th, .ui-datepicker td{text-transform: uppercase;margin: 0;border: 0;text-align: center;  background: #fff;margin: 0;}
.ui-datepicker th{font-weight: normal;} 
 
#confirmation #divComment { margin-bottom: 0;}

.mypage .form-wide { padding: 0 11px;float: left;}

.mypage .forminput,.mypage .formtext,.mypage .formtext-alt2 {float: left;line-height: 35px;margin-top: 5px;padding-left: 15px;width: 181px;}
.mypage .formtext {clear: both;}

.mypage .forminput,  .mypage .formtext,.mypage .formtext-alt2 {float: left;line-height: 35px;margin-top: 5px;padding-left: 15px;width: 181px;}


.mypage .forminput {float: left;margin-left: 20px;margin-right: 0;overflow: hidden;padding-left: 0;width: 215px;}

.mypage .formtext {width: 130px;}
.mypage .forminput input {width: 179px;}
.mypage .textfield {border: 1px solid #D0D0D0;border-radius: 2px;font-size: 12px;height: 20px;line-height: 20px;padding: 3px 4px;width: 94%;}
.mypage textarea,.mypage input {color: #666;font-family: "jaf-facitweb";font-size: 12px;resize: none;}
.mypage input.button { font-size: 14px;}
.mypage .button { color: #fff;}
.mypage a.button {height: 30px;line-height: 30px;}
.mypage .button:hover { color: #3d271b;}
.mypage .forminput .locationchooser{ margin-top: 3px; }

.mypage .formtext-alt {width: 190px;}
.mypage .forminput-alt,.mypage .forminput-alt input {width: 155px;}
.mypage #baker .form-wide { margin-top: 10px;}

.mypage #registerprivate,
.mypage #registercompany {float: none;margin-bottom: 20px;margin-left: auto;margin-right: auto;}
.mypage #articlemiddle { float: left;}

.mobile{ display: none;}


/* Mycards*/
.mycards.infobox  { float: left;margin-bottom: 30px;border: 1px solid #efefef;width: 100% !important; }
.mycards .header{ padding: 2% 0;font-size:17px;}
.mycards.wbox  { margin-left: 0;}
.cardtype, .cardnumber, .cardstandard, .carddelete{float:left;width:25%; text-align:center;}

.carditem{padding-top:2%;padding-bottom:2%;}
.addcardtext{margin-left:20px;margin-right:20px;padding-top:20px;}

/* addcards*/
.addcard.infobox  { float: left;margin-bottom: 30px;border: 1px solid #efefef;width: 100% !important; }
.addcard .header{ padding: 2% 0;font-size:17px;padding-left:20px;}
.addcard.wbox  { margin-left: 0;}
.addcardcontent{padding-left:20px;}
.addcard .smallheader{padding-top:15px;padding-bottom:5px;font-weight:bold;}
.addcard .addcardtext{padding-top:10px;padding-bottom:10px;}
.radiobuttoncardtype input[type="radio"]{
  margin-left:25px;
}
.radiobuttoncardtype input[type="radio"]:first-child{
  margin-left:0;
}
.radiobuttoncardtype input {position:relative;top:-6px;}
.addcard .spacing{ height:30px;}
.addcard .messages, .addcard .loginerror li{
    padding-top: 4px;
padding-bottom: 4px;

}
.addcard .messages{
    margin-top:15px;
}

/* THIS IS A QUICK FIX TO GET IT TO LOOK NICE ON THE PRIVATE PAGE WITH 6 BOXES */
.mypage.private #frontpagebigboxes .clearboth {
    clear: none;
}

.mypage.private .frontpagebigbox.mypage:first-child {
    margin-left:10px;
}

.mypage.private #customerinfoandgamificaionboxes.wideouter {
    max-width: 100%;
}
/* END OF QUICK FIX */

@media only screen and (min-width:1201px) and (max-width:1600px) 
{
    #articlewrapper,article#productlist{width: 684px;}
    article#productlist ul{width: 667px;}
    article#productlist li{ width: 650px;}
    .mypage #articletop{padding-left:25px;}


    .mypage #confirmation .text-delivery {width: 272px;}
    .mypage #confirmation .buttons.narrow{ width: 616px;}
    .mypage #confirmation .buttons .button,
    .mypage #confirmation .buttons .button-right { width: 300px;}

    .mypage #confirmation .infobox{ width: 300px;}
    .mypage #confirmation .cart-info{ width: 250px;}
    .mypage #confirmation .price-summary { width: 298px;}
    .mypage #confirmation .confirmation-section { width: 270px;}
    .mypage #confirmation li{ width: 300px;}
    .mypage #confirmation .narrow .colImageText, 
    .mypage #confirmation .narrow .ulProductList .colText{ width: 175px;}
    .mypage #confirmation .narrow .colCount, 
    .mypage #confirmation .narrow .ulProductList .colCount{ width: 45px;}
    .mypage #confirmation .narrow .colPriceCurrentTotal, 
    .mypage #confirmation .narrow .ulProductList .colPriceCurrentTotal{ width: 45px;float: left;}
    .mypage #confirmation #sublayout_0_content_0_ShoppingCartAndOrderView_summary_divVat{ margin-bottom: 20px;}
    .mypage #confirmation #sublayout_0_content_0_ShoppingCartAndOrderView_summary_divVat div.title{width: 235px;float: left;}
    .mypage #confirmation #sublayout_0_content_0_ShoppingCartAndOrderView_summary_divVat div.priceTotal{float: left;}
    .mypage #confirmation #sublayout_0_content_0_ShoppingCartAndOrderView_delivery_lblShippingMethod{ width: 234px;}
    .mypage #confirmation #sublayout_0_content_0_ShoppingCartAndOrderView_summary_divPriceInc{ clear: both;}
    
    
    .mypage #confirmation #sublayout_0_content_0_ShoppingCartAndOrderView_delivery_lblShippingMethod,
    .mypage #confirmation #sublayout_0_content_0_ShoppingCartAndOrderView_delivery_lblShippingCost{ float: left !important;}

    .frontpagebigbox ul.products li{ height: 42px;line-height: 42px;}
    .frontpagebigbox ul.products .button-buy {margin: 9px 7px 0 0;line-height: 25px;height: 25px;}
    .mypage #articlemiddle {padding-left: 20px;padding-right: 20px;width: 633px;}
    .mypage #articlebottom {width: 673px;}

    .narrow,.narrowouter,.section-frontpage,  #contentwrapper .wideouter .col1{ width: 380px;}
    #contentwrapper .wideouter .col2 { width: 580px;}
    .mypage .infobox {float: left;width: 290px;}

}

@media only screen and (min-width:1001px) and (max-width:1200px) {
    #articlewrapper{width: 690px;}
    article#productlist{width: 646px;}
    article#productlist ul{width: 667px;}
    article#productlist li{width: 600px;}

    .mypage #confirmation .buttons.narrow{ width: 326px;margin-bottom: 20px;margin-top: 0;}
    .mypage #confirmation .buttons .button,
    .mypage #confirmation .buttons .button-right { width: 150px;font-size: 0.8em;}
    .mypage #confirmation{ float: none;margin-left: 150px;}

    .frontpagebigbox ul.products .button-buy {margin: 9px 7px 0 0;line-height: 23px;height: 23px;}
    .narrow,.narrowouter,.section-frontpage,  #contentwrapper .wideouter .col1{ width: 380px;}
     #contentwrapper .wideouter .col2 { width: 405px;}
    .frontpagebigbox ul.products li{ height: 35px;line-height: 35px;}
    .frontpagebigbox ul.products .button-buy {margin-top: 3px; height: 25px;line-height: 25px;}
    .mypage .infobox {float: left;width: 272px;}

}

@media only screen and (min-width:701px) and (max-width:1000px) 
{
    #articlewrapper{width: 510px;}
    article#productlist{width: 510px;}
    article#productlist ul{width: 467px;}

    .mypage #confirmation{ margin-left: 70px;}
    .mypage #confirmation .buttons.narrow{ width: 326px;margin-bottom: 20px;margin-top: 0;}
        .mypage #confirmation .buttons .button,
    .mypage #confirmation .buttons .button-right { width: 150px;font-size: 0.8em;}

    article#productlist li{width: 450px;}

    #productlist .fav-edit a img,#productlist .fav-delete a img{ width: 23px;height: 23px;}
    /*#productlist a button.list-btn-buy{ width: 145px;}*/
    #productlist .favoritelist li {width: 510px;}
    #productlist .favoritelist .list-description { display: block }
    #productlist .list-index{width: 25px;}
    #productlist .list-controls{width: 60px;}
    #productlist .list-name{}
    #productlist .list-quantity{ }
    #productlist .list-price{width: 75px;}
    #productlist .list-price{width: 75px;}
    #productlist .list-btn-buy{}
    #productlist .navigation-bottom{}
    #productlist .navigation-bottom .btn-right{}
    #productlist .list-description{ display: none;}
    .narrow,.narrowouter,.section-frontpage,  #contentwrapper .wideouter .col1{ width: 380px;}
    #contentwrapper .wideouter .col2 { width: 375px;}    
    /*.mypage .left,.mypage .right{ clear: both;width: 100%;}*/ 
    .product img {max-width: 98%;padding: 1%;}    
    #contentwrapper #customerinfoandgamificaionboxes .infobox {margin: 10px 2%;width: 270px;}
    #contentwrapper #customerinfoandgamificaionboxes .product img {width: 270px;}
    #contentwrapper #customerinfoandgamificaionboxes .product .product-top {width: 266px;}
    #contentwrapper #customerinfoandgamificaionboxes .infobox .mypage .left,
    /*#contentwrapper #customerinfoandgamificaionboxes .infobox .mypage .right { clear: both;width: 100%;}*/  
    #contentwrapper #customerinfoandgamificaionboxes .infobox.box2 {min-height: 264px;}

    
    #customerinfoandgamificaionboxes .infobox h2{ font-size: 13px; }
    #customerinfoandgamificaionboxes .infobox .product-header h2 { font-size: 14px;}
    #customerinfoandgamificaionboxes .narrows  { position: relative;}
    #customerinfoandgamificaionboxes .narrows .buttons { position: absolute;bottom: 10px;}
    .frontpagebigbox ul.products li{ height: 35px;line-height: 35px;}
    .frontpagebigbox ul.products .button-buy {margin-top: 3px; height: 25px;line-height: 25px;}

    .backlink { top: 15px;}
    .backlink a { background: url(/images/webshop/700/back-arrow-line.png) no-repeat;width: 75px;height: 18px;}
    .mypage .infobox {float: left;width: 230px;}
}
@media only screen and (max-width:700px) {
    #articlewrapper{width: 400px;}
    article#productlist{width: 470px;}
        article#productlist ul{ width: 100%;}
    article#productlist li{ width: 100%;}

    #productlist a.button{height: 20px;line-height: 20px;font-size: 9px;}
    #productlist a.button.list-btn-buy{ width: 35px;}
    #productlist .addtobasket i{ display: none;}
    #productlist .fav-edit a img,#productlist .fav-delete a img{ width: 20px;height: 20px;}
    #productlist .favoritelist li { width: 55%;}
    #productlist .favoritelist .list-description { display: block }
    #productlist .list-index{width: 25px;display: none;}
    #productlist .list-controls{width: 60px;}
    #productlist .list-name{ width: 65px;}
    #productlist .list-quantity{ display: none;}
    #productlist .list-price{width: 75px;font-size: 12px;}
    #productlist .list-price{width: 75px;}
    #productlist .list-btn-buy{width: 40px;}
    #productlist .navigation-bottom{}
    #productlist .navigation-bottom .btn-right{ width: 125px;}
    #productlist .list-description{ display: none;}
    
    .narrow, .narrowouter, .section-frontpage, #contentwrapper .wideouter .col1, #contentwrapper .wideouter .col2 {margin: 10px 2%;max-width: 96%;width: 375px;}
    /*.mypage .left, .mypage .right {clear: both;width: 100%;}*/
    .product img {max-width: 98%;padding: 1%;}
    #customerinfoandgamificaionboxes .infobox h2 {font-size: 13px;}
    #customerinfoandgamificaionboxes .infobox .product-header h2 {font-size: 14px;}
    #customerinfoandgamificaionboxes .narrows  { position: relative;}
    #customerinfoandgamificaionboxes .narrows .buttons { position: absolute;bottom: 10px;}
    #contentwrapper #customerinfoandgamificaionboxes .infobox {margin: 10px 2%;width: 270px;}
    #contentwrapper #customerinfoandgamificaionboxes .product img {width: 270px;}
    #contentwrapper #customerinfoandgamificaionboxes .product .product-top {width: 261px;}
        #contentwrapper #customerinfoandgamificaionboxes .infobox.box2 {min-height: 264px;}
        #contentwrapper #customerinfoandgamificaionboxes .infobox.box2 .button {width: 160px;}

    #articlemiddle header {max-width: 100%;min-width: 200px;}


    #confirmation .wbox {margin-left: 0;margin-right: 0;}
    .confirmation-section {width: 80%;}
    .ulProductList .colCount {display: none;}
    .cartline-text {font-size: 12px;}

    .mypage #confirmation .ulProductList .colText, .mypage .narrow .colImageText {width: 150px;}
    .mypage #confirmation .cart-line .colCount {clear: none;width: 20%;}
    .mypage #confirmation .buttons input {width: 90%;margin-bottom: 15px;float: none;}
    .mypage #confirmation .text-delivery {width: 250px;}
    .mypage #confirmation .buttons.narrow{ width: 250px;margin: 10px;}
            .mypage #confirmation .buttons .button,
    .mypage #confirmation .buttons .button-right { width: 230px;font-size: 0.8em;}

    .mypage #confirmation .infobox{ width: 300px;}
    .mypage #confirmation .cart-info{ width: 250px;}
    .mypage #confirmation .price-summary { width: 250px;}
    .mypage #confirmation .price-summary.title { width: 108px;}
    
    .mypage #confirmation .confirmation-section { width: 220px;}
    .mypage #confirmation li{ width: 300px;}
    .mypage #confirmation .ulHeader .header{width: 250px;}
    .mypage #confirmation .narrow .colImageText{width: 170px;}
    .mypage #confirmation .narrow .ulProductList .colText{ width: 175px;}
    .mypage #confirmation .narrow .colCount, 
    .mypage #confirmation .narrow .ulProductList .colCount{ display: none;}
    .mypage #confirmation .narrow .colPriceCurrentTotal, 
    .mypage #confirmation .narrow .ulProductList .colPriceCurrentTotal{ width: 45px;float: left;}
    .mypage #confirmation #sublayout_0_content_0_ShoppingCartAndOrderView_summary_divVat{ margin-bottom: 20px;}
    .mypage #confirmation #sublayout_0_content_0_ShoppingCartAndOrderView_summary_divVat div.title{width: 189px;float: left;}
    .mypage #confirmation #sublayout_0_content_0_ShoppingCartAndOrderView_summary_divVat div.priceTotal{float: left;}
    .mypage #confirmation #sublayout_0_content_0_ShoppingCartAndOrderView_delivery_lblShippingMethod{ width: 189px;}
    .mypage #confirmation #sublayout_0_content_0_ShoppingCartAndOrderView_summary_divPriceInc{ clear: both;}
    
    #productlist .favoritelist .list-description .sub-products {max-width: 205px;}
    
    .mypage #confirmation #sublayout_0_content_0_ShoppingCartAndOrderView_delivery_lblShippingMethod,
    .mypage #confirmation #sublayout_0_content_0_ShoppingCartAndOrderView_delivery_lblShippingCost{ float: left !important;}

    .mypage .cart-line .ulProductList .colPriceCurrentTotal {margin-top: 10px;}
    .mypage .infobox label, .mypage .infobox span, .mypage .infobox .content,
    .mypage .price-summary, .infobox .header {font-size: 12px;}
    .price-summary .title {width: 60%;}
    .price-summary .priceTotal, #delivery .price-summary .priceTotal, #confirmation .price-summary .priceTotal {width: 28%;margin-right: 5%;}
    .narrow .summary-outer {width: 99%;}
    #customerinfoandgamificaionboxes .buttons input {float: none;margin-bottom: 15px;margin: 0 auto;padding: 0 15px;}
    #registerprivate.wideouter .wbox,
    #registercompany.wideouter .wbox {margin-left: 0;}
    #registerprivate .forminput,
    #registercompany .forminput {margin-left: 5%;width: 90%;margin-bottom: 5px;}
    #registerprivate .forminput input,
    #registercompany .forminput input {width: 85%;}
    #registerprivate .forminput, #registerprivate .formtext, #registerprivate .formtext-alt2,
    #registercompany .forminput, #registercompany .formtext, #registercompany .formtext-alt2 {line-height: 25px;}
    #registerprivate .formtext,
    #registercompany .formtext {line-height: 20px;}
    .orderhistory.infobox {margin-left: 0;}
    .frontpagebigbox ul.products li{ height: 35px;line-height: 35px;}
    .frontpagebigbox ul.products .button-buy {margin-top: 3px; height: 25px;line-height: 25px;}
    .mypage .backlink {top: 10px;}
    .mypage .backlink a {background: url(/images/webshop/320/back-arrow-line.png) no-repeat;width: 60px;height: 14px;}

    .sidebar-functions #spot, 
   .sidebar-functions #spot:hover { top: auto;bottom: 0;left: 0;height: 35px; padding: 0px 0 2px 0px;
        border: 1px solid #3f2c22;border-bottom: 0;border-left: 0;  -webkit-border-radius: 0 15px 0 0;-moz-border-radius: 0 15px 0 0;border-radius:0 15px 0 0;position: fixed;
        font-size: 12px;color: #fff;width: 225px;max-width:63%;overflow: hidden;}
   .sidebar-functions #spot.active { height: auto;}
   .sidebar-functions #spot .spot-close{ display: none;}
   .sidebar-functions #spot.active .spot-close { display: block;width: 30px;height: 29px; background: url(/images/webshop/320/close-btn.png) no-repeat;text-indent: 100%;overflow: hidden;position: absolute;right: -4px;top: 4px;}
   .sidebar-functions #spot a { color: #fff;}
   .sidebar-functions #spot.active h3 {margin-top: 0;margin-bottom: 2px;}
   .sidebar-functions #spot h3 {text-align: center;margin-top: 0;margin-bottom: 0;} 
   .sidebar-functions #spot h3 a { display: block;width: 100%; padding-bottom: 9px;padding-top: 8px;}
   .sidebar-functions #spot .sum { overflow: hidden;}
   .sidebar-functions #spot  { /*height: auto;*//*padding-left: 0;font-size: 12px;*//*width: 259px;*/}
   .sidebar-functions #spot .top {border-bottom: 1px solid #7f6f66;margin: 0 10px;position: relative; }
   .sidebar-functions #spot ul { margin-top: 5px;padding-top: 0;border-top: none;}
   .sidebar-functions .cart-itemlist  {float: left;padding-left: 10%;width: 90%;}
   .sidebar-functions .cart-buttons {margin-right: 3%;margin-top:10px;}
   .sidebar-functions  #spot .btn-link { clear: right;border-radius: 5px 0 0 5px;width: 100%;margin-left: 0;}
   .mobile{ display: block;}
   .nomobile{ display: none;}
}
@media only screen and (max-width:320px) {
    #articlewrapper{width: 300px;}
    article#productlist{width: 300px;}
    article#productlist ul{width: 300px;}
    article#productlist li{width: 300px;}
    #productlist .favoritelist li { width: 82%;}
        #productlist a img{ width: 23px;height: 23px;}
    #productlist .fav-edit a img,#productlist .fav-delete a img{ width: 23px;height: 23px;}

        .mypage #confirmation .text-delivery {width: 250px;}
    .mypage #confirmation .buttons.narrow{ width: 250px;margin: 10px;}
            .mypage #confirmation .buttons .button,
    .mypage #confirmation .buttons .button-right { width: 230px;font-size: 0.8em;}


    #productlist .favoritelist .list-description { display: block;}


    #productlist .list-index{width: 25px;}
    #productlist .list-controls{width: 60px;}
    #productlist .list-name{ width: 60px;}
    #productlist .list-quantity{ display: none;}
    #productlist .list-price{width: 75px;}
    #productlist .list-price{width: 75px;}
    #productlist .list-btn-buy{width: 40px;}
    #productlist .navigation-bottom{}
    #productlist .navigation-bottom .btn-right{ width: 100px;}
    #productlist .list-description{ display: none;}
    #bottom-right a { width: 58px;max-width: 25%;overflow: hidden}
    
   .sidebar-functions #spot, 
   .sidebar-functions #spot:hover { top: auto;bottom: 0;left: 0;height: 35px; padding: 0px 0 2px 0px;
        border: 1px solid #3f2c22;border-bottom: 0;border-left: 0;  -webkit-border-radius: 0 15px 0 0;-moz-border-radius: 0 15px 0 0;border-radius:0 15px 0 0;position: fixed;
        font-size: 12px;color: #fff;width: 225px;max-width:63%;overflow: hidden;}
   .sidebar-functions #spot.active { height: auto;}
   .sidebar-functions #spot .spot-close{ display: none;}
   .sidebar-functions #spot.active .spot-close { display: block;width: 30px;height: 29px; background: url(/images/webshop/320/close-btn.png) no-repeat;text-indent: 100%;overflow: hidden;position: absolute;right: -4px;top: 4px;}
   .sidebar-functions #spot a { color: #fff;}
   .sidebar-functions #spot.active h3 {margin-top: 0;margin-bottom: 2px;}
   .sidebar-functions #spot h3 {text-align: center;margin-top: 0;margin-bottom: 0;} 
   .sidebar-functions #spot h3 a { display: block;width: 100%; padding-bottom: 9px;padding-top: 8px;}
   .sidebar-functions #spot .sum { overflow: hidden;}
   .sidebar-functions #spot  { /*height: auto;*//*padding-left: 0;font-size: 12px;*//*width: 259px;*/}
   .sidebar-functions #spot .top {border-bottom: 1px solid #7f6f66;margin: 0 10px;position: relative; }
   .sidebar-functions #spot ul { margin-top: 5px;padding-top: 0;border-top: none;}
   .sidebar-functions .cart-itemlist  {float: left;padding-left: 10%;width: 90%;}
   .sidebar-functions .cart-buttons {margin-right: 3%;margin-top:10px;}
   .sidebar-functions  #spot .btn-link { clear: right;border-radius: 5px 0 0 5px;width: 100%;margin-left: 0;}
   .mobile{ display: block;}
   .nomobile{ display: none;}



}