@media screen {

    /* Layout and structure specific styles */
    /* Guiljoutine fix */
    .mainWrap:after, .footer:after, .l-layoutWide:after, .pager:after, .l-carSearch:after,
    .productIconsContainer:after, .linkToDocumentsArea:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    * html .l-mainWrap, * html .l-footer {
        height: 1%;
    }
    /* END guiljoutine fix */
    body {
        padding-left: 10px;
        padding-right: 10px;
    }

        body .mainWrap {
            max-width: 1180px;
            margin: 0 auto;
            display: block;
        }

    .lt-ie8 .mainWrap {
        -moz-min-width: 1180px;
        -ms-min-width: 1180px;
        -o-min-width: 1180px;
        -webkit-min-width: 1180px;
        min-width: 1180px;
    }

    #themeWrap {
        display: none;
    }

    /* column equal height fix */
    #mainContainer {
        overflow: hidden;
    }

    /* IE7 - Mr Bergs main container fix */
    .lt-ie8 #mainContainer {
        min-height: 2800px;
        margin-top: 0.75em;
    }

    #mainContainer .l-wideCol,
    #mainContainer .l-narrowCol {
        margin-bottom: -99999px;
        padding-bottom: 99999px;
        float: left;
    }
    /* end equal height */

    /* LAYOUT CONTAINERS */
    .l-headerContainer, .l-mainNavContainer, .l-container,
    .l-footerContainer, .l-mainContainer {
        display: inline;
        float: left;
        position: relative;
        min-height: 1em;
    }

    .l-headerContainer, .l-mainNavContainer,
    .l-footerContainer, .l-mainContainer,
    .l-footerContainer {
        width: 100%;
    }

    .l-headerContainer {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .l-mainNavContainer {
        margin-bottom: 9px;
    }

    /* Positions, Floats */
    .grid, .l-container, .l-productGrid li, .supportNav, .searchBtn,
    .disclaimer {
        float: left;
        display: block;
    }

        .supportNav li, .shoppingListBtn, .parentNav li a {
            display: block;
        }

        .supportNav li, .pushLink {
            float: right;
        }

    .disclaimer {
        clear: left;
    }

    .pixelArea {
        width: 1px;
        height: 1px;
        color: #FFF;
        padding: 0;
    }

    /* GRID COMPONENTS */
    .l-logo, .l-supportMenu, .l-fullWidth, .l-search,
    .l-storeInfo, .l-shoppingListBtn, .l-wideCol, .l-narrowCol,
    .l-widget, .manualCarSelection {
        display: inline;
        float: left;
        position: relative;
        min-height: 1em;
    }

    .l-storeInfo {
        height: 2em;
    }

    .l-fullWidth {
        margin-right: 0.5%;
        margin-left: 0.5%;
    }

    .l-logo {
        width: 32.5%;
        margin-right: 2%;
    }

    .l-supportMenu {
        width: 65.5%;
    }

    .lt-ie8 .l-supportMenu {
        width: 64%;
    }

    .l-fullWidth {
        width: 99%;
        display: block;
    }

    .l-search {
        width: 40.5%;
    }

    .l-shoppingListBtn,
    #shoppingList ul.sorter {
        width: 25%;
    }

    .l-search, .l-shoppingListBtn, #shoppingList ul.sorter {
        margin-right: 0;
        margin-left: 0;
    }

    .l-storeInfo {
        width: 33%;
        margin-right: 0.75%;
        margin-left: 0.75%;
    }

    /* grid Modules */
    .l-shoppingListTable {
        width: 100%;
        -moz-min-width: 360px;
        -ms-min-width: 360px;
        -o-min-width: 360px;
        -webkit-min-width: 360px;
        min-width: 360px;
    }

    #shoppingList .l-wideCol, #shoppingList .l-narrowCol {
        margin-right: 0.75%;
        margin-left: 0.75%;
        width: 98.50%;
        padding: 0;
    }

    #shoppingList h1.postTitle {
        padding: 0;
        margin-top: 3%;
    }

    #shoppingList ul.sorter {
        width: 25%;
        margin: 0;
        float: left;
        margin-top: 1%;
        margin-bottom: 1%;
        float: right;
    }

    .l-layout-1-3 .l-wideCol {
        width: 74.25%;
        margin-left: 0.75%;
    }

    .l-layout-1-3-alt2 .l-wideCol {
        width: 73.50%;
        padding-right: 0.75%;
        padding-left: 0.75%;
    }

    .l-layout-3-1 .l-wideCol {
        width: 74.25%;
        margin-right: 0.75%;
    }

    .l-layout-4 .l-wideCol {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        margin: 0;
    }

    .l-layout-1-2-1 .l-wideCol {
        width: 47.75%;
        margin-right: 0.75%;
        margin-left: 0;
        padding-left: 0.75%;
        padding-right: 0.75%;
    }

    .l-layout-1-2-1-v2 .l-wideCol {
        width: 47%;
        margin-right: 0.75%;
        margin-left: 0.75%;
        padding-left: 0.75%;
        padding-right: 0.75%;
    }

    .l-narrowCol {
        width: 25%;
        margin-right: 0;
        margin-left: 0;
    }

    .lt-ie8 .l-narrowCol {
        width: 24.95%;
    }

    .l-widget {
        margin-right: 3%;
        margin-left: 3%;
        width: 94%;
    }

    .shoppingListBtn {
        padding-left: 3%;
    }

    #customerTools #cartCountShort {
        display: none;
    }

    #mainContent .sectionTitle {
        padding-left: 1.5%;
        padding-left: 1.5%;
    }

    .l-widget .widgetTitle, .l-carSearch .widgetTitle {
        padding-left: 3%;
        padding-right: 3%;
    }

    ul.shoppingListIcons, body ul.supportNav {
        margin-left: 0;
        padding-left: 0;
    }

        ul.shoppingListIcons li {
            margin-right: 1%;
        }

    .l-infoText {
        margin-right: 1%;
        margin-left: 1%;
    }

    ul.shoppingListIcons li, .breadCrumbs li, .footerLinks li {
        display: inline;
    }

    .selectStoreHeading {
        margin-right: 0.75%;
    }

    td.storeOpeningHours {
        padding-left: 2% !important;
    }

    td.quantity,
    #shoppingList th:first-child,
    #shoppingList tbody td:first-child {
        padding-left: 1%;
    }

    /* Start page */
    .productGridHidden {
        display: none;
    }
    /* END - Start page */

    /* Shopping list - NEW */

    .shoppingListPage #mainContent {
        background-color: inherit !important;
    }

    .shoppingListPage .postTitle {
        color: #fff;
    }

    a.copyShoppingListToClipboard {
        color: #fff;
    }

    #shoppingList .shoppingListItem {
        background-color: #fff;
        margin-top: 10px;
        /*padding: 8px;*/
        overflow: hidden;
    }

        #shoppingList .shoppingListItem .shoppingListItemHeader a:first-child {
            white-space: nowrap;
            overflow: hidden;
            width: 93%;
            display: inline-block;
        }


        #shoppingList .shoppingListItem.catid_1000015081 {
            border-left: #00519E solid 15px;
        }

        #shoppingList .shoppingListItem.catid_1000015801 {
            border-left: #00519E solid 15px;
        }

        #shoppingList .shoppingListItem.catid_1000015083 {
            border-left: #90C4E7 solid 15px;
        }

        #shoppingList .shoppingListItem.catid_1000015084 {
            border-left: #00763B solid 15px;
        }

        #shoppingList .shoppingListItem.catid_1000015125 {
            border-left: #00763B solid 15px;
        }

        #shoppingList .shoppingListItem.catid_1000015124 {
            border-left: #00763B solid 15px;
        }

        #shoppingList .shoppingListItem.catid_1000015088 {
            border-left: #97BE0D solid 15px;
        }

        #shoppingList .shoppingListItem.catid_1000015082 {
            border-left: #FFF048 solid 15px;
        }

        #shoppingList .shoppingListItem.catid_1000015085 {
            border-left: #F5A32E solid 15px;
        }

        #shoppingList .shoppingListItem.catid_1000015086 {
            border-left: #CA0039 solid 15px;
        }

        #shoppingList .shoppingListItem.catid_1000015087 {
            border-left: #A3A4A6 solid 15px;
        }

        #shoppingList .shoppingListItem.catid_1000016144 {
            border-left: #F5A200 solid 15px;
        }

        #shoppingList .shoppingListItem.closedOutShoppingListItem {
            background-color: #AAA;
            position: relative;
        }

            #shoppingList .shoppingListItem.closedOutShoppingListItem .shoppingListInfoContainer > div {
                /*display: none;*/
                max-height: 0;
                opacity: 0;
                padding: 0;
                background-color: white;
                transition: max-height 0.4s, background-color 0.4s, opacity 0.4s, padding 0.4s;
            }

    #shoppingList .shoppingListInfoContainer > div {
        max-height: 500px;
        opacity: 1;
        transition: max-height 0.4s, background-color 0.4s, opacity 0.4s, padding 0.4s;
    }

    #shoppingList .shoppingListItem.closedOutShoppingListItem .shoppingListCheckedItem {
        position: absolute;
        left: 0;
        top: 0;
        padding: 0.5em 0 0.5em 92.25%;
    }

    #shoppingList .shoppingListItem.closedOutShoppingListItem .checkmark,
    .checkmark-active {
        display: none;
    }

    #shoppingList .shoppingListItem.closedOutShoppingListItem .checkmark-active,
    .checkmark {
        display: inline-block;
    }

    #shoppingList .shoppingListItemHeader {
        font-weight: bold;
    }

    #shoppingList .shoppingListRemoveItem,
    #shoppingList .shoppingListCheckedItem {
        float: right;
        width: 3%;
    }

    #shoppingList .shoppingListItem .shoppingListItemHeader a > img {
        max-width: 1.7em;
    }

    #shoppingList .shoppingListItemImage {
        float: left;
        width: 120px;
        text-align: center;
    }

    #shoppingList img.shoppingCartSmallImage {
        max-height: 100px;
    }

    #shoppingList .shoppingListItem .shoppingListItemChangeQuantityArea {
        margin-top: 8px;
    }

    #shoppingList .shoppingListItemTotalPrice {
        font-weight: bold;
        font-size: 1.6em;
        text-align: right;
    }

    #shoppingList .shoppingListItemPrice {
        font-size: 0.8em;
        text-align: right;
    }

    #shoppingList .shoppingListItem .quantityField {
        width: 40px;
        padding-top: 0;
        padding-bottom: 0;
    }

    #shoppingList span.shoppingListItemDesc {
        font-weight: bold;
        line-height: 2em;
    }

    #shoppingList .shoppingListItemDescription span.shoppingListItemDesc {
        display: block;
    }

    #shoppingList .shoppingListItemImage {
        width: 30%;
        padding: 1%;
    }

        #shoppingList .shoppingListItemImage .shoppingCartSmallImage {
            max-width: 80%;
            max-height: 150px;
        }

    #shoppingList .shoppingListItemHeader {
        max-height: 2em;
    }

    #shoppingList .shoppingListItemHeader {
        width: 96%;
        float: right;
        padding: 0.5% 2%;
    }

    #shoppingList .shoppingListItemPriceArea {
        width: 63.6%;
        float: right;
        padding: 0 2%;
    }

    /*#shoppingList .shoppingListItemPriceArea {
        float: right;
    }*/
    #shoppingList .shoppingListItemDetails {
        width: 25%;
        padding: 1%;
        float: left;
    }

    #shoppingList .shoppingListItemDescription {
        width: 35%;
        padding: 1%;
        float: left;
    }

    #shoppingList .shoppingListItemDescriptionArea {
        width: 30%;
        padding: 1%;
        float: left;
    }

        #shoppingList .shoppingListItemDescriptionArea .shoppingListItemDesc {
            display: block;
        }


    /* Shopping list - OLD */
    #shoppingList td.cartArticleImage,
    #shoppingList td.cartBuyMore {
        -moz-min-width: 50px;
        -ms-min-width: 50px;
        -o-min-width: 50px;
        -webkit-min-width: 50px;
        min-width: 50px;
        width: 4%;
    }

    #shoppingList td.cartArticleName {
        width: 20%;
    }

    #shoppingList td.cartQuantity,
    #shoppingList td.cartPrice,
    #shoppingList td.cartRemoveArticle {
        width: 10%;
    }

    #shoppingList td.cartStockPlacement {
        width: 10%;
    }

    #shoppingList td.cartTotalPrice {
        width: 11%;
    }

    #shoppingList td.cartArticleNumber,
    #shoppingList td.cartStockStatus,
    #shoppingList td.cartBuyableOnline {
        width: 7%;
    }

    #shoppingList td.cartBuyableOnline {
        -moz-min-width: 16px;
        -ms-min-width: 16px;
        -o-min-width: 16px;
        -webkit-min-width: 16px;
        min-width: 16px;
    }

    #shoppingList td.cartQuantity {
        max-width: 77px;
        -moz-min-width: 50px;
        -ms-min-width: 50px;
        -o-min-width: 50px;
        -webkit-min-width: 50px;
        min-width: 50px;
        white-space: nowrap;
        padding-top: 0.3em;
        padding-bottom: 0;
    }

    #shoppingList td .quantityField {
        padding-top: 0.1em;
        padding-bottom: 0.1em;
        margin-top: 0;
        margin-bottom: 0;
        -moz-min-width: 25px;
        -ms-min-width: 25px;
        -o-min-width: 25px;
        -webkit-min-width: 25px;
        min-width: 25px;
        max-width: 25px;
        height: 18px;
    }

    #shoppingList td.cartPrice,
    #shoppingList td.cartTotalPrice,
    #shoppingList td.cartDiscounts,
    #shoppingList td.cartTotalDiscount,
    #shoppingList td.cartTotalSum {
        white-space: nowrap;
    }

    #shoppingList td,
    .checkoutPage td {
        vertical-align: middle;
    }

        #shoppingList td.cartTotalDiscount,
        #shoppingList td.cartDiscounts,
        #shoppingList td.cartTotalSumText,
        #shoppingList td.cartTotalSum,
        .checkoutPage td.cartTotalDiscount,
        .checkoutPage td.cartTotalSum,
        .checkoutPage td.SumArticlesValue,
        .checkoutPage td.shippingAndHandlingValue,
        .checkoutPage td.grandTotalValue {
            text-align: right !important;
            padding-left: 20px;
            padding-right: 10px;
            white-space: nowrap;
        }

        #shoppingList td.cartDiscountItems {
            text-align: left !important;
            white-space: nowrap;
        }

    #shoppingList .cartSum {
        background-color: #fff;
        overflow: hidden;
    }

    #shoppingList .discountItems .discount {
        font-size: 0.8em;
        font-weight: normal;
    }

    #shoppingList .cartSum .cartSumHeader {
        display: none;
    }

    #shoppingList .cartTotalSumArea,
    .checkoutPage .cartTotalSumArea {
        background: #fff;
        color: #222;
        font-size: 18px;
        float: right;
    }

    #shoppingList .discountItems {
        overflow: hidden;
    }

    #shoppingList .cartDiscountItems,
    #shoppingList .cartDiscounts {
        float: left;
    }

    #shoppingList .cartTotalDiscount {
        float: right;
    }

    #shoppingList .cartDiscountItems,
    #shoppingList .cartDiscounts {
        margin-right: 0.75em;
    }

    #shoppingList .cartSumDeviders {
        clear: both;
        border-style: dashed;
    }
    
    .klarnaCheckoutPage .discount.l-widget .shippingOptions {
        margin-top: 1em;
    }

    .sendShoppingList input[type="submit"] {
        padding: 8px;
    }

    .lt-ie9 #shoppingList td .quantityField {
        width: 50%;
    }

    .rekoSearchPage .childNav {
        display: none;
    }

    body .l-verticalSpacer {
        height: 100%;
        height: auto !important;
        height: 500px;
        float: left;
    }

    .l-horizontalSpacer {
        height: 0.75em;
        float: left;
    }

    .l-horizontalSpacer {
        display: none;
    }

    .l-search, .l-shoppingListBtn, #shoppingList, ul.shoppingListIcons li {
        margin-bottom: 0.75em;
    }

    .promoSlide, .l-productGrid, .l-widget, #footer .infoText {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
    }

    .selectStore {
        margin-top: 0.75em;
    }

    .footer {
        margin-top: 0.85em;
        margin-bottom: 3em;
    }

    .wrapper, .selectStore, .mainBody,
    #ArticleList, #productsInCategory {
        margin-bottom: 1.5em;
    }

    .l-footer {
        padding: 0.75em 0;
    }


    input[type="text"].softStyle {
        border: 1px solid #bbb5b1;
        padding: 4px 0 4px 8px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 2px 1px 5px #999 inset;
        -ms-box-shadow: 2px 1px 5px #999 inset;
        box-shadow: 2px 1px 5px #999 inset;
        min-height: 25px;
        width: 97%;
    }

    /* HEADER */
    #shoppingList, #supportMenuBtn, #mainNavBtn {
        display: none;
    }

    .nav-menu-icon {
        display: none;
    }

    .shoppingListPage #shoppingList {
        display: block;
    }

    #shoppingList .l-narrowCol {
        float: right;
    }

    .biltemaNav.l-fullWidth {
        margin-right: 0.5%;
        margin-left: 0.5%;
        width: 99%;
    }

    .biltemaNav {
        margin-bottom: 0.75em;
    }

        .biltemaNav li a {
            width: 100%;
        }

    .no-js .biltemaNav {
        display: block !important;
    }

    .biltemaNav li {
        width: 12.5%;
        float: left;
        white-space: nowrap;
    }

    .lt-ie8 .biltemaNav li {
        width: 12.25%;
    }

    .supportNavMobile,
    .l-mainNavContainer .logoImg,
    .l-mainNavContainer .storeAreaTopmost,
    .l-shoppingListBtnMobile {
        display: none;
    }

    .l-mainNavContainer .storeSelectorTopmost {
        -webkit-appearance: none;
        border: none;
        margin: 0;
        background-color: inherit;
        color: #fff;
        font-size: 0.9em;
        width: 100%;
        direction: rtl;
        padding-right: 10px;
        font-weight: bold;
    }

    .l-mainNavContainer .storeAreaTopmost img {
        display: inline-block;
        position: absolute;
        right: -5px;
        top: 2px;
        height: 18px;
    }

    /* biltema Navigation - Finland specifik style */
    .fi .biltemaNav li {
        width: 12%;
        float: left;
    }

        .fi .biltemaNav li.kontorTeknik {
            width: 16%;
        }


    .biltemaNav li a {
        margin-bottom: 0;
        text-align: center;
    }

    .supportNav, .biltemaNav, .biltemaNav li, .biltemaNav a, .languages {
        margin: 0;
        padding: 0;
    }

    .languages {
        margin-bottom: 0.75em;
        overflow: hidden;
    }

        .languages li {
            float: right;
            margin-left: 0.75%;
        }

    .supportNav {
        width: 100%;
    }

    .no-js .supportNav {
        display: block !important;
    }

    .supportNav li {
        margin-left: 2%;
    }

    .supportNav a, .biltemaNav a, .biltemaNav li, .languages li {
        display: inline-block;
    }

        .biltemaNav li.productSelectionItem,
        .languages li.productSelectionItem {
            display: none;
        }

    ul.shoppingListActions {
        display: block;
        float: left;
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

        ul.shoppingListActions li {
            width: 24.5%;
            float: left;
            margin-top: 1%;
            margin-left: 0.5%;
        }

    .lt-ie9 ul.shoppingListActions li {
        width: 24%;
    }

        .lt-ie9 ul.shoppingListActions li.checkoutListItem {
            width: 49%;
        }

    ul.shoppingListActions li a {
        padding-left: 20%;
        padding-right: 10%;
        display: block;
        /*width: 75%;*/
        /* max-height: 36px; */
        white-space: nowrap;
        overflow: hidden;
    }

    ul.shoppingListActions {
        padding-right: 0;
        width: 100%;
    }

    #shoppingList .infoText {
        margin: 0.75em 0;
    }

    #shoppingList th, #shoppingList td {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        padding-right: 1.5%;
        padding-left: 1.5%;
    }

        #shoppingList th.cartBuyMore,
        #shoppingList td.cartBuyMore {
            padding-right: 0;
            padding-left: 0;
        }

    #mainContent #shoppingList {
        margin-bottom: 0;
        min-height: 25em;
        position: relative;
    }



    #search,
    .storeInfo.l-storeInfo,
    .l-shoppingListBtn {
        height: 3em;
    }

        #search input, #onPageSearch input {
            display: block;
        }

        #search .searchBtn, #onPageSearch .searchBtn {
            width: 30px;
            height: 30px;
            position: absolute;
            top: 0;
            margin-top: 0.25em;
            -ms-background-size: 100%;
            background-size: 100%;
        }

        #search .searchField, #onPageSearch .searchField {
            width: 99%;
            padding-left: 1%;
        }

    .searchBtn {
        right: 0.75%;
        z-index: 800;
    }

    /* END HEADER */

    /* NEW REKO RESULT PAGE */
    .rekoSearchPage .rekoResultHeader {
        background-color: #00519E;
        color: #fff;
        font-size: 1.5em;
        margin: 10px 0;
        padding: 8px;
        /* overflow: hidden; */
        float: left;
        width: 95%;
    }

    .rekoSearchPage span.showAllInMainCategory {
        float: right;
        font-size: 0.65em;
        font-weight: bold;
    }

        .rekoSearchPage span.showAllInMainCategory a {
            color: #fff;
        }

    .rekoSearchPage span.itemAmountArea {
        text-transform: uppercase;
        font-size: 0.65em;
    }

    .rekoSearchPage ul.productGrid li {
        height: 22.25em;
    }

    .rekoSearchPage .rekoAttributes.s-hidden {
        position: absolute;
        z-index: 998;
        top: 0;
        width: 95%;
        bottom: 0;
        left: 0;
        border: 1px solid #999;
        margin-bottom: 0;
    }

    .rekoSearchPage ul.productGrid .productInfo {
        bottom: 6em;
    }

    .rekoSearchPage ul.productGrid .productPriceContainer {
        bottom: 2.75em;
    }

    .rekoSearchPage .infoIcon {
        position: absolute;
        bottom: 4.5em;
        right: 5%;
        z-index: 300;
        margin-right: 0;
    }

    .rekoSearchPage .storePlacementSearchResult {
        position: absolute;
        bottom: 0.75em;
        right: 0.5em;
    }

    .rekoSearchPage #rekoInfoSearchCloseImage {
        position: absolute;
        right: 10px;
        cursor: pointer;
    }
    /* END - NEW REKO RESULT PAGE */

    /* SIDEBAR MODULES */
    ul.rekoLinkList {
        display: inline;
        float: left;
    }

    .sidebar ul {
        margin: 0;
        padding: 0.75em 3%;
        width: 94%;
        list-style: none;
    }

        .sidebar ul li {
            margin: 0;
            display: block;
        }

        .sidebar ul.parentNav {
            padding-right: 0;
            padding-left: 0;
            width: 100%;
        }

            .sidebar ul.parentNav a, ul.rekoLinkList a {
                padding: 0.25em 2% 0.25em 10%;
            }

        .sidebar ul.childNav {
            padding-left: 8%;
            padding-right: 0;
            width: 92%;
        }

    .l-carSearch, .carInfo {
        padding-right: 3%;
        padding-left: 3%;
    }

    ul.carInfoList {
        padding: 0;
    }

    .carInfo {
        width: 94%;
        padding-top: 0.75em;
        padding-bottom: 0.75em;
    }

    .carPlate {
        margin-bottom: 0.75em;
        padding-left: 26px;
        position: relative;
    }

    ul.rekoLinkList {
        padding-right: 0;
        padding-left: 0;
        width: 100%;
    }

        ul.rekoLinkList li a {
            width: 92%;
            display: block;
        }

    ul.manualCarList li {
        margin-bottom: 0.75em;
    }

    .manualCarSelection, .manualCarList, .manualCarList select {
        width: 100%;
    }

    .l-carSearch, .carInfoList {
        padding-top: 0.75em;
        padding-bottom: 0.75em;
    }

    #selectCar input, .inputContainer {
        display: block;
    }

    #selectCar .inputContainer {
        padding-top: 0.35em;
    }

    #selectCar .searchField {
        width: 90%;
    }

    #selectCar .searchBtn {
        position: absolute;
        right: 0;
        top: 0;
    }

    .subNavContainerMobile .home {
        width: 6%;
        margin-right: 4%;
        padding-right: 2%;
        display: block;
        float: left;
    }

    .subNavContainerMobile .expandSubNav {
        display: block;
    }

    .subNavContainerMobile ul {
        float: left;
        margin-bottom: 0.75em;
    }

    .subNavContainerMobile.l-widget {
        margin-bottom: 0;
    }

    .subNavContainerMobile {
        display: none;
    }

    /* END SIDEBAR */

    /* MAINCONTENT */
    #mainContent ul {
        padding-left: 0;
        list-style: none;
    }

    .rekoAttributes, #onPageSearch {
        display: block;
        float: left;
    }

    .hideElement {
        display: none !important;
    }

    /*Sortcontrol ddl*/
    ul.sorter {
        list-style: none;
        position: relative;
        float: left;
        margin: 0;
        padding: 0;
        z-index: 1000;
        margin-bottom: 0.5em;
        width: 279px; /*set to desired width*/
    }

        ul.sorter a,
        ul.sorter label {
            display: block;
            padding: 10px 15px;
        }

        ul.sorter li {
            position: relative;
            float: left;
            margin: 0;
            padding: 0;
        }

        ul.sorter ul {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            padding: 0;
            margin: 0;
        }

            ul.sorter ul li {
                float: none;
            }

            ul.sorter ul ul {
                top: 0;
                left: 100%;
            }

        ul.sorter > li,
        ul.sorter > li ul {
            width: 100%;
            text-align: center;
        }

        ul.sorter ul > li {
            overflow: hidden;
        }

        ul.sorter li a {
            padding: 1em 0;
        }

    .shoppingListPage ul.sorter {
        width: 100%;
    }

        .shoppingListPage ul.sorter ul > li {
            border-width: 1px;
        }

            .shoppingListPage ul.sorter ul > li:first-child {
                border-top-width: 2px;
            }

            .shoppingListPage ul.sorter ul > li:last-child {
                border-bottom-width: 2px;
            }

    /*pager control*/
    ul.pager {
        clear: both;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }

        ul.pager li a {
            padding-left: 0.75em;
            padding-right: 0.75em;
            display: block;
        }

    .categoryPageReko ul.pager,
    .documentSearch ul.pager,
    .searchPage ul.pager {
        display: block;
    }

    ul.pager li {
        display: block;
        float: left;
        margin-right: 1.5%;
    }

    .storePage .l-container ul,
    .storePage .l-container ul li p {
        margin-top: 0;
    }

    .storePage .l-container ul {
        margin-bottom: 1.5em;
    }

    .tab .infoText {
        margin-bottom: 0.75em;
        margin-top: 0.75em;
        margin-left: 0.25em;
    }

    #onPageSearch {
        width: 100%;
        margin-bottom: 1.5em;
        clear: both;
        position: relative;
    }

    .rekoAttributes {
        width: 96%;
        padding: 0.75em 2%;
        margin-bottom: 0.75em;
    }

    .breadCrumbs, .footerLinks {
        margin-left: 0;
        padding-left: 0;
    }

    .l-layout-4 .breadCrumbs {
        margin: 0.5em;
    }

    #productMainImage {
        cursor: pointer;
        max-height: 320px;
    }

    .articleImg, .warehouseImg {
        -webkit-user-select: none; /* webkit (safari, chrome) browsers */
        -moz-user-select: none; /* mozilla browsers */
        -khtml-user-select: none; /* webkit (konqueror) browsers */
        -ms-user-select: none; /* IE10+ */
    }

    .articleImg {
        height: 30em;
        margin-bottom: 1.75em;
        position: relative;
        border: 1px solid #888;
    }

    .warehouseImg {
        margin-bottom: 1.75em;
        border: 1px solid #888;
        width: 100%;
    }


    .mainProductPresContainer {
        height: 100%; /* equals max image height */
        width: 100%;
    }

    #productMainImage {
        background: #3A6F9A;
        vertical-align: middle;
        position: absolute;
        max-width: 99%;
        max-height: 100%;
        top: 50%;
        left: 50%;
        z-index: 50;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: transparent;
    }

    #youtubeFrame, #youtubeLinksArea {
        width: 100%;
        height: 100%;
        border: none;
        z-index: 0;
    }



    .productPage .previousImage,
    .productPage .nextImage {
        position: absolute;
        top: 12.5%;
        width: 50px;
        height: 75%;
        cursor: pointer;
        z-index: 1500;
    }

    .productPage .previousImage {
        background: url(../img/graphics/goleft.png) no-repeat 0 50%;
        left: -8px;
    }

        .productPage .previousImage:hover {
            background-image: url(../img/graphics/goleft_active.png);
        }

    .productPage .nextImage {
        background: url(../img/graphics/goright.png) no-repeat 100% 50%;
        right: -8px;
    }

        .productPage .nextImage:hover {
            background-image: url(../img/graphics/goright_active.png);
        }

    .youTubeImageSmallArea .productImageSmall {
        max-width: 60%;
    }

    .productPage #productImages .productImageSmallArea {
        width: 16%;
        height: 5em;
        margin: 0 0 0.75% 0;
        margin-right: 0.75%;
        display: block;
        float: left;
        position: relative;
        outline: 1px solid #BBB;
        cursor: pointer;
        /* border: 1px solid #BBB; */ /*took quite a while to figure out that the border 1px took up space use outline instead*/
    }

        .productPage #productImages .productImageSmallArea:nth-child(6n+6) {
            margin-right: 0;
        }

    a.cboxElement {
        width: 100%;
        height: 100%;
        display: block;
    }

    .productPage #productImages .productImageSmall {
        display: block;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        max-height: 100%;
    }

    .fbLikeContainer,
    #pinItContainer,
    #googlePlusContainer,
    #twitterContainer {
        float: left;
        /*width: 25%;*/
        height: 2em;
        margin-top: 1em;
    }

    .fbLikeContainer {
        width: 7em;
    }

    #pinItContainer {
        width: 4em;
    }

    #twitterContainer {
        width: 8em;
    }

    #googlePlusContainer {
        width: 5em;
    }


    .clearBothArea {
        clear: both;
    }

    a.cboxElement {
        width: 100%;
        height: 100%;
        display: block;
    }

    .clearBothArea {
        clear: both;
    }

    /* products Lists + Grid */
    ul.productList,
    ul.productList li,
    ul.productList .productInfo,
    ul.productList .productImgWrap,
    ul.productList .productPriceQuantity,
    ul.productList .productScore {
        float: left;
        display: block;
    }

    ul.productList, .pubDate {
        margin-bottom: 0.75em;
    }

        ul.productList li {
            position: relative;
        }

        ul.productList, ul.productList li {
            width: 100%;
            margin-top: 0;
        }

            ul.productList li {
                padding: 1.25em 0;
            }

            ul.productList .productsIcons {
                margin-bottom: 0.50em;
            }

            ul.productList .productImgWrap,
            ul.productList .productPriceQuantity,
            ul.productList .productScore {
                width: 25%;
                padding: 0;
            }

            ul.productList .productInfo {
                width: 48.5%;
                margin-right: 0.75%;
                margin-left: 0.75%;
            }

            ul.productList .productPriceQuantity span {
                display: block;
                float: right;
                clear: both;
            }

    .productScore * {
        float: right;
    }

    ul.productArticleList .productAdd {
        margin-bottom: 0.5em;
    }

    ul.productList {
        margin-top: 0.75em;
        margin-bottom: 0.75em;
    }

    .expandAttributes {
        margin-bottom: 0.75em;
    }

    p.rekoAttributeHeading {
        text-transform: capitalize;
    }

    ul.productList .addToList {
        margin-bottom: 0.75em;
    }

    ul.productList {
        margin-top: 0.25em;
        margin-right: 5px;
        float: left;
    }

    .infoIcon {
        margin-right: 5px;
        float: left;
    }

    .productArticleList li {
        padding: 0.75em 0;
    }



    /* Product Grid */
    #featProducts {
        margin-bottom: 0.75em;
    }

    ul.productGrid, ul.productGrid li,
    ul.productGrid .productImgWrap,
    ul.productGrid .productImgWrap a {
        display: block;
        float: left;
    }

    ul.productGrid {
        margin-right: 0;
        margin-left: 0;
        padding: 0;
        width: 100%;
    }

    .l-layout-1-3 #featProducts,
    .l-layout-3-1 #featProducts {
        padding-right: 1%;
        padding-left: 1%;
        width: 98%;
    }

    .l-layout-1-3 ul.productGrid li,
    .l-layout-3-1 ul.productGrid li {
        width: 19.8%;
    }

    .l-layout-1-2-1 ul.productGrid li,
    .l-layout-1-2-1-v2 ul.productGrid li {
        width: 33%;
    }

    #newProducts ul.productGrid li {
        width: 100%;
    }

    ul.productGrid li {
        position: relative;
        padding: 0;
        margin: 0;
        height: 18.5em;
        overflow: hidden;
    }

    ul.productGrid .productIconsContainer,
    ul.productGrid .productImgWrap,
    ul.productGrid .productInfo,
    ul.productGrid .productPriceContainer {
        width: 84%;
        margin-right: 8%;
        margin-left: 8%;
    }

    #newProducts ul.productGrid .productInfo,
    #newProducts ul.productGrid .productPriceContainer {
        width: 68%;
        margin-right: 16%;
        margin-left: 16%;
    }


    #newProducts ul.productGrid .productIconsContainer {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0;
    }

    ul.productGrid .productImgWrap {
        display: block;
    }

        ul.productGrid .productImgWrap a {
            height: 12em;
            width: 100%;
            line-height: 12em;
            display: block;
            vertical-align: middle;
            float: none;
            text-align: center;
        }

    div[class^="shelf_"],
    div[class^="shelfPlacement_"] {
        text-transform: uppercase;
    }

    ul.productGrid .productImgWrap img {
        display: inline;
    }

    ul.productGrid .productIconsContainer,
    ul.productGrid .productInfo,
    ul.productGrid .productPriceContainer {
        position: absolute;
        z-index: 200;
        left: 0;
        right: 0;
    }

    ul.productGrid .productIconsContainer {
        width: 75%;
    }

    ul.productGrid .productIconsContainer {
        top: 0;
    }

    ul.productGrid .productInfo {
        bottom: 3em;
    }

    ul.productGrid .productPriceContainer {
        bottom: 0.75em;
    }

    ul.productGrid .productIconsContainer {
        margin-top: 0.75em;
        height: 27px;
        /* overflow: hidden; */
    }

        ul.productGrid .productIconsContainer span {
            float: left;
            display: block;
            margin-right: 3px;
            padding: 0;
        }

    .testedProductPage .reviewsArea ul.productGrid .productInfo {
        bottom: 0;
    }

    #newProducts ul.productGrid .productIconsContainer span {
        margin-right: 2%;
    }

    .productImgWrap img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        max-width: 100%;
    }

    ul.productGrid .productImgWrap img {
        margin-bottom: 0.75em;
    }

    ul.productGrid .productAdd {
        position: absolute;
        right: 0;
        z-index: 88;
    }

    .productPrice {
        float: left;
        overflow: hidden;
        white-space: nowrap;
    }

    ul.productList .addToList {
        margin-top: 1.75em;
    }

    ul.productGrid .addToList {
        margin-top: 0.5em;
    }

    .productMultiPrice, .productUnitPrice {
        float: right;
        clear: both;
    }

    .productDesc {
        margin-bottom: 1em;
        padding: 0;
        display: block;
    }

    .productMeta span:last-child {
        margin-right: 0;
    }

    .priceRange {
        clear: right;
        display: block;
    }

    a.expandAttributes {
        padding-left: 45px;
        padding-top: 3px;
        background: url(../img/graphics/arrow_side_icon.jpg) no-repeat 33px 9px;
        display: block;
        cursor: pointer;
    }

        a.expandAttributes.expanded {
            background: url(../img/graphics/arrow_down_icon.jpg) no-repeat 33px 9px;
        }

    .artnr {
        display: block;
        width: 100%;
        margin-top: 0.75em;
        font-weight: bold;
    }
    /* END product List/Grid */


    /* Search */
    /*
.searchPage .storePlacementSearchResult {
    display: none;
}

#EasyFindStyle.searchPage .storePlacementSearchResult {
    display: block;
}*/
    .comingProductsPage .storePlacementSearchResult,
    .categoryPage .storePlacementSearchResult,
    .searchPage .storePlacementSearchResult {
        display: none;
        position: absolute;
        top: 9px;
        right: 0;
        width: 84%;
        margin-right: 2%;
        z-index: 997;
        background: #EEE;
        padding: 10px;
        border: solid #AAA 1px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 3px 4px 5px #999999;
        -ms-box-shadow: 3px 4px 5px #999999;
        box-shadow: 3px 4px 5px #999999;
    }

    .comingProductsPage .storePlacementSearchResult,
    .categoryPage .storePlacementSearchResult {
        width: 75%;
    }

    .comingProductsPage .popupFoldUpImage,
    .categoryPage .popupFoldUpImage,
    .searchPage .popupFoldUpImage {
        position: absolute;
        right: 4%;
        bottom: 4%;
    }

    .comingProductsPage .stockCheckInfoIcon,
    .categoryPage .stockCheckInfoIcon,
    .searchPage .stockCheckInfoIcon {
        position: absolute;
        right: 0;
        margin-right: 8%;
        margin-top: 8%;
        z-index: 996;
    }

    .searchPage #sidebarLeft #sidebarLeft {
        width: 100%;
    }

    .searchPage .specialAreaSection {
        margin: 0 10%;
    }

    #searchResultTop {
        clear: both;
    }

    span.searchAll a,
    span.searchAll a:hover,
    span.searchAll a:visited,
    span.searchAll a:active,
    span.searchAll a:focus {
        font-weight: bold;
        color: white;
    }

    span.header {
        font-weight: bold;
        text-transform: uppercase;
    }

    .searchResultCompiled {
        margin: 10px 3% 0 3%;
        text-align: center;
        /*border: rgb(172, 172, 172) solid 1px;*/
    }

    .searchResultCompiledExtraSpacing {
        margin: 20px 3% 0 3%;
    }

    .searchResultCompiled .header {
        color: white;
        width: 100%;
        display: block;
        padding: 5px 0;
        /*border-bottom: rgb(172, 172, 172) solid 1px;*/
    }

        .searchResultCompiled .header.searchAll {
            border-bottom: 0 !important;
        }

    #searchPageLoading {
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 0;
        display: block;
        padding: 0;
        position: fixed;
        z-index: 999999;
        -ms-border-radius: 8px;
        border-radius: 8px;
        background: #0070b8;
        width: 0;
        height: 0;
        display: none;
        -webkit-transition: padding 1s, border-width 1s;
        -moz-transition: padding 1s, border-width 1s;
        -ms-transition: padding 1s, border-width 1s;
        -o-transition: padding 1s, border-width 1s;
        transition: padding 1s, border-width 1s;
    }

    .nrOfArticlesText {
        font-size: 0.8em;
    }

    .parentDivArea .nrOfArticlesText {
        font-size: 0.7em;
    }

    .searchColorArea {
        min-height: 10px;
        margin: 10px 3% 0 3%;
    }

    .searchColorAreaWithText, .searchColorAreaWithTextSpecial {
        color: #FFFFFF;
        text-transform: uppercase;
        padding: 5px 10px;
        font-weight: bold;
        font-size: 1.2em;
    }

    .darkText {
        color: #000000 !important;
    }

    .searchAll {
        background-color: #000000;
    }

    .searchCarAndMC {
        background-color: #00519E;
    }

    .searchBoat {
        background-color: #90C4E7;
    }

    .searchLeisure {
        background-color: #00763B;
    }

    .searchHome {
        background-color: #97BE0D;
    }

    .searchOfficeAndTechnics {
        background-color: #FFF048;
        color: #000 !important;
    }

    .searchBuilding {
        background-color: #F5A32E;
    }

    .searchCarCare {
        background-color: #CA0039;
    }

    .searchTools {
        background-color: #A3A4A6;
    }

    .searchNewProducts {
        background-color: #F5A200;
    }

    .searchTestedProducts {
        background-color: #FFE500;
    }

    .searchLoweredPriceProducts {
        background-color: #E2001A;
    }

    .searchNewestReviews {
        background-color: #A8319B;
    }

    .searchPage .headerSpecial {
        font-weight: bold;
        text-transform: uppercase;
        color: white;
        width: 100%;
        display: block;
        padding: 5px 0;
    }

    /*.searchColorAreaWithTextSpecial.searchNewProducts {
    border: rgb(0, 81, 158) solid 3px;
}

.searchColorAreaWithTextSpecial.searchTestedProducts {
    border: rgb(0, 118, 59) solid 3px;
}

.searchColorAreaWithTextSpecial.searchLoweredPriceProducts {
    border: rgb(202, 0, 57) solid 3px;
}
*/

    .searchAreaSpacing {
        height: 30px;
        clear: both;
    }

    img.expandToShowMoreArticles,
    img.expandToShowMoreArticlesSpecial,
    div.expandToShowMoreReviews {
        margin: 0 auto;
        display: block;
        cursor: pointer;
        text-align: center;
        clear: both;
    }

    div.expandToShowMoreReviews {
        background-image: url("/templates/styles/images/icons/expanddown.png");
        width: 28px;
        height: 7px;
    }

        div.expandToShowMoreReviews.active {
            background-image: url("/templates/styles/images/icons/expandup.png");
        }

    .productImgWrap.badge {
        margin-top: 10px;
    }

    .searchResultCompiled span {
        cursor: pointer;
    }

    .searchPage .searchColorAreaWithText,
    .searchPage .searchColorAreaWithTextSpecial {
        cursor: pointer;
    }

    .categoryHits {
        display: block;
        /*text-align: left;*/
        line-height: 1.6em;
        padding-left: 0.8em;
    }

    .categoryHitsArea {
        display: none;
    }

    .expandCategoryHits {
        position: absolute;
        display: block;
        right: 10px;
        width: 15px;
        height: 8px;
        margin-top: -28px;
        padding: 10px 10px;
    }

        .expandCategoryHits:hover {
            background-color: #999;
            -ms-opacity: 0.7;
            opacity: 0.7;
        }

        .expandCategoryHits div {
            background-image: url("/templates/styles/images/icons/expanddown_white.png");
            width: 15px;
            height: 8px;
            position: inherit;
        }

        .expandCategoryHits.dark div {
            background-image: url("/templates/styles/images/icons/expanddown_black.png");
        }

        .expandCategoryHits.expanded div {
            background-image: url("/templates/styles/images/icons/expandup_white.png");
        }

        .expandCategoryHits.dark.expanded div {
            background-image: url("/templates/styles/images/icons/expandup_black.png");
        }


    /* END Search */

    /* Checkout */

    /* Hide add button if in checkout step */
    .checkoutPage .productAdd {
        display: none;
    }

    div.checkoutStepsBar {
        width: 100%;
        display: block;
        margin-bottom: 40px;
        clear: both;
        overflow: hidden;
    }

        div.checkoutStepsBar div {
            background-color: #E0E0E0;
            width: 30%;
            display: block;
            float: left;
            margin: 1%;
            text-align: center;
            border: 1px solid #808080;
        }

            div.checkoutStepsBar div.active {
                background-color: #C0C0C0;
            }

    .checkoutPage table {
        width: 99%;
        margin-left: 0.5%;
        white-space: nowrap;
    }

    .checkoutPage .discountsSummary,
    .checkoutPage .checkoutSummary {
        margin-right: 0.5%;
        font-weight: bold;
    }

    .checkoutPage table tr {
        border: 1px solid #c9c9c9;
        background-color: #fff;
    }

    .checkoutPage table th,
    .checkoutPage table td {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        padding-right: 1.5%;
        padding-left: 1.5%;
    }

        .checkoutPage table th.articleName,
        .checkoutPage table td.articleName,
        .checkoutPage table th.articleNumber,
        .checkoutPage table td.articleNumber {
            text-align: left;
        }

        .checkoutPage table th.articleImage,
        .checkoutPage table th.articleStockStatus,
        .checkoutPage table td.articleImage,
        .checkoutPage table td.articleStockStatus {
            text-align: center;
        }

        .checkoutPage table th.numberOfArticles,
        .checkoutPage table th.pricePerArticle,
        .checkoutPage table th.totalPriceperArticle,
        .checkoutPage table td.numberOfArticles,
        .checkoutPage table td.pricePerArticle,
        .checkoutPage table td.totalPriceperArticle {
            text-align: right;
        }

    .checkoutSection {
        display: block;
        width: 99%;
        margin: 0.5%;
        margin-top: 40px;
        overflow: hidden;
    }

    .checkoutPage a.backToShoppinglist {
        text-decoration: none !important;
    }

    #paymentAlternatives div,
    #socialOrOrgNumber div {
        margin-top: 10px;
    }

    #paymentAlternatives div {
        display: block;
        float: left;
        width: 50%;
    }


    #userInformation .checkoutUserFormField {
        /*width: 50%;*/
        margin-top: 10px;
    }

    .checkoutPage .fullWidth {
        width: 415px;
        max-width: 100%;
        margin-top: 10px;
        overflow: hidden;
        clear: both;
    }

    .checkoutPage .zipcode,
    .checkoutPage .homePhone,
    .checkoutPage .mobilePhone,
    .checkoutPage .shipping {
        width: 40%;
        float: left;
    }

    .checkoutPage .city,
    .checkoutPage .email {
        width: 58%;
        float: left;
    }

    .checkoutPage .zipcode input,
    .checkoutPage .homePhone input,
    .checkoutPage .mobilePhone input {
        width: 80%;
        float: left;
    }

    .checkoutPage .city input,
    .checkoutPage .email input {
        width: 100%;
        float: left;
    }

    .checkoutPage .radioButtonArea {
        width: 50%;
        display: block;
        float: left;
    }

    #paymentAlternatives .radioButtonArea input,
    #userInformation .radioButtonArea input,
    #deliveryType .radioButtonArea input {
        width: 20px;
        margin-top: 5px;
    }

    .checkoutPage .radioButtonArea input,
    .checkoutPage .radioButtonArea label,
    .checkoutPage .fortyWidth {
        display: block;
        float: left;
    }

    .checkoutPage a.backToShoppinglist span:hover,
    #useDifferentShipmentAddress:hover,
    #summaryAndToPayment .toPaymentButton:hover {
        color: #EEE !important;
    }

    #useDifferentShipmentAddress,
    #backToShoppinglist {
        cursor: pointer;
        background-color: #97be0d;
        color: #FFF;
        font-weight: bold;
        padding: 7px 15px;
        text-align: center;
        border: 1px solid #565656;
        -ms-border-radius: 5px;
        border-radius: 5px;
    }

    #backToShoppinglist {
        margin-right: 0.5%;
        margin-top: 10px;
    }

    .checkoutPage .fortyfiveWidth:nth-child(n+4) {
        margin-left: 10%;
    }

    .checkoutPage div span {
        display: block;
    }

    .checkoutPage .fullWidth span {
        margin-left: 10px;
        margin-bottom: 3px;
    }

    .checkoutPage .customerInputError,
    .checkoutPage .shippingInputError,
    #summaryAndToPayment [id*="paymentButtonErrorArea"] {
        border: 1px solid #FF8888;
        background: #FFCCCC;
        -ms-border-radius: 5px;
        border-radius: 5px;
        padding: 10px;
        color: #BB6666;
        font-weight: bold;
        width: 90%;
    }

    .checkoutPage .checkoutFormError,
    .checkoutPage .checkoutFormValidatorError {
        color: Red;
        font-size: smaller;
        clear: both;
    }

    .checkoutPage .paymentButtonArea {
        display: none;
    }

        .checkoutPage .paymentButtonArea.Enabled {
            display: block;
        }

    .checkoutPage [id*="paymentButtonErrorLabel"] {
        color: #BB6666;
    }

    .checkoutPage .checkoutFormError {
        display: none;
    }

    .checkoutPage .couldNotFindCusomerWithEmail {
        display: none;
    }

    .checkoutPage .checkoutFormValidatorError[style*="inline"] {
        display: block !Important;
    }


    #userInformation div input[type="text"],
    #deliveryInformation div input[type="text"] {
        width: 90%;
        border: 1px solid #bbb5b1;
        padding: 4px 0 4px 10px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 2px 1px 5px #999 inset;
        -ms-box-shadow: 2px 1px 5px #999 inset;
        box-shadow: 2px 1px 5px #999 inset;
        min-height: 25px;
    }

    #deliveryInformation {
        display: none;
    }

    #summaryAndToPayment .checkoutSummary,
    #summaryAndToPayment .toPaymentButton {
        display: block;
        float: right;
    }

    .checkoutPage .rightAligned {
        float: right;
    }

    #summaryAndToPayment .checkoutSummary {
        width: 100%;
    }

    #summaryAndToPayment table {
        width: 99.7%;
    }

    #paymentAlternatives div span,
    .checkoutSection > span {
        display: block;
        border-bottom: 5px solid #0071b9;
        width: 100%;
    }

    #userInformation .returningCustomerButton,
    #summaryAndToPayment .toPaymentButton {
        color: #FFF;
        background-color: #97be0d;
        border: 1px solid #565656;
        font-weight: bold;
        padding: 7px 15px;
        margin: 10px 0;
        -ms-border-radius: 3px;
        border-radius: 3px;
    }

    #summaryAndToPayment .toPaymentButton {
        background-repeat: no-repeat;
        background-position: 5px 0;
        padding-left: 40px;
    }

    #summaryAndToPayment .toPaymentButton {
        background-image: url(../img/graphics/item_checkout_large.png);
    }

    /* Product listing */

    .comingProductsPage #productList ul.productGrid .storePlacementSearchResult,
    .categoryPage #productList ul.productGrid .storePlacementSearchResult {
        position: absolute;
        margin-left: 8%;
        margin-right: 8%;
    }

    /* Article table */

    .manualsAndDocumentsHeader {
        font-size: 1.2em;
        font-weight: bold;
        color: #0071b9;
        cursor: pointer;
    }

    .manualsAndDocumentsHeader {
        margin-bottom: 10px;
    }

    .linkToDocumentsArea {
        display: none;
        margin-bottom: 10px;
    }

        /*
.linkToDocuments {
    float: left;
    margin-right: 20px;
}*/

        /* only do this if there is one or more documents displayed */
        .linkToDocumentsArea + section.rekoAttributes {
            margin-top: 20px;
        }

        .linkToDocumentsArea + a.linkToExternalReview {
            display: block;
            padding-top: 20px;
        }

    #ArticleList {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

        #ArticleList th {
            text-align: left;
        }

        #ArticleList th, #ArticleList td {
            padding-right: 0.5em;
            padding-left: 0.5em;
        }

        #ArticleList table th.firstTH, #ArticleList table th.lastTH,
        #ArticleList table td.productImgWrap, #ArticleList table td.productPriceQuantity {
            padding-right: 0;
            padding-left: 0;
        }

        #ArticleList .productPriceQuantity div {
            display: block;
        }

        #ArticleList .productArticleTable {
            width: 100%;
        }

            #ArticleList .productArticleTable td {
                padding-top: 2.5em;
                padding-bottom: 2.5em;
                display: table-cell;
            }

    tr.productArticleItem td {
        padding-bottom: 0 !important;
    }

    td.storeAvaliablity {
        padding-top: 1em !important;
    }

    #ArticleList .productArticleTable .group-header td {
        padding: 0.5em 3%;
    }

    #ArticleList .productPriceQuantity, #ArticleList th.lastTH {
        width: 25%;
        padding-left: 0.75em;
    }

    #ArticleList .productImgWrap, #ArticleList th.firstTH {
        width: 25%;
        padding-right: 0.75em;
        padding-left: 0;
    }

        #ArticleList .productImgWrap span img {
            margin-left: 0;
        }

        #ArticleList .productImgWrap a {
            display: block;
            clear: both;
        }

    .productIconsContainer {
        margin-bottom: 0.75em;
    }

        .productIconsContainer span:last-child {
            margin-right: 0;
        }

    #ArticleList .quantityField, table .addToList {
        display: inline-block;
        float: right;
    }

    #ArticleList .addToList {
        margin-top: 0;
        margin-left: 8%;
    }

    #ArticleList .productPrice,
    #ArticleList .productMultiPrice,
    #ArticleList .productUnitPrice {
        margin-bottom: 0.25em;
    }

    #ArticleList .productQuantity {
        margin-bottom: 0.55em;
        float: right;
    }

    .productIconsContainer span {
        display: block;
        float: left;
        margin-bottom: 0.25em;
        margin-right: 1%;
    }

    #ArticleList .productArticleItem p {
        margin-top: 0;
    }

    #ArticleList .quantityField {
        padding: 0.28em 0.5em;
        width: 25%;
    }

    #ArticleList .addToList, #ArticleList .productPrice {
        float: right;
    }

    #ArticleList .productPrice, #ArticleList .productQuantity, #ArticleList .infoText {
        clear: both;
    }

    .quantityField, .artnr {
        text-align: center;
    }

    table .infoText {
        text-align: right;
    }

    /* First hide all meta icons...
.productIconsContainer .productMetaIcon {
    display:none !important;
}
...then only show the first three
.productIconsContainer .productMetaIcon:nth-child(-n+3){
    display:block !important;
}
*/

    /* END article table */

    .stockCheckDisclaimer {
        clear: both;
        margin-bottom: 1.5em;
    }

    /* START - External links */
    .externalLinksArea,
    .youTubeLinksArea {
        clear: both;
        font-weight: bold;
    }
    /* END - External links */

    .productPage .youTubeLinksArea {
        background-color: #000;
        height: 100%;
        width: 100%;
    }


    /* contact Table */
    #contactForm table {
        width: 100%;
    }

    #contactForm {
        margin-top: 0.75em;
    }

        #contactForm table td {
            padding-bottom: 0.75em;
        }

        #contactForm input[type="submit"] {
            width: auto;
        }

        #contactForm textarea,
        #contactForm input {
            width: 96%;
            padding: 0.25em;
        }

    /* fb like */
    .fb-like {
        height: 30px;
        width: 100%;
    }

    /* Gmap / storePage */
    #mapCanvas {
        width: 100%;
        height: 400px;
        display: block;
        float: left;
        margin-bottom: 1.75em;
    }

    ul.storePageContactList {
        list-style: none;
        padding: 0;
        margin-top: 0;
    }

    /* Doc list */
    #documentList a {
        display: block;
    }

    #documentList ul {
        padding: 2%;
        margin-top: 0;
    }

        #documentList ul li {
            margin-bottom: 0.5em;
        }

    /* newsList */
    #newsList ul.newsList li {
        padding: 1.75em 0;
    }

    #newsList ul.newsList {
        margin-top: 0;
    }

    /* form */
    #contactForm {
        width: 100%;
        display: block;
        float: left;
    }

        #contactForm input[type="text"], #contactForm input[type="email"] {
            display: block;
            width: 96%;
        }

        #contactForm input[type="text"], #contactForm input[type="email"] {
            padding: 0.5em;
            margin-bottom: 1em;
        }

        #contactForm textarea {
            height: 20em;
        }

    /* Msgs */
    ul.errorMsg, ul.successMsg, ul.alertMsg {
        margin: 0 0 0.75em 0;
    }

    .successMsg li, .errorMsg li, .alertMsg li {
        margin: 2%;
    }

    .browserMsg {
        width: 100%;
        display: none;
        float: left;
    }

        .browserMsg ul {
            list-style: none;
            padding: 0;
        }

            .browserMsg ul li {
                margin: 1em;
                text-align: center;
            }

    /* END MAINCONTENT */

    .l-footer {
        margin-left: 1%;
        margin-right: 1%;
    }

    #footer .l-container {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0.75em;
    }

    #footer ul li {
        margin-right: 0.75em;
    }

    #footer ul {
        margin-bottom: 0.75em;
        margin-top: 0.75em;
    }

    .l-container {
        margin-left: 0;
        margin-right: 0;
    }

    .l-container, .l-horizontalSpacer {
        width: 100%;
    }

    .l-footer {
        width: 98%;
    }

    .l-infoText, .l-select {
        width: 98%;
    }

    .breadCrumbs, .footerLinks {
        margin-top: 1.25em;
        margin-bottom: 2em;
    }

    .standardPage .breadCrumbs,
    .standardPageWide .breadCrumbs,
    .storePage .breadCrumbs,
    .contactPage .breadCrumbs,
    .newsListPage .breadCrumbs,
    .newsPage .breadCrumbs {
        display: none;
    }

    /* Campaign components */
    .l-campaignArea {
        padding-right: 1%;
        padding-left: 1%;
    }

    ul.campaignGrid {
        margin-right: 0;
        margin-left: 0;
        padding: 0;
        float: left;
        width: 100%;
    }

        ul.campaignGrid li {
            display: block;
            float: left;
            position: relative;
        }

    .l-layout-1-3 ul.campaignGrid li,
    .l-layout-3-1 ul.campaignGrid li {
        width: 47.8%;
        padding: 0.75em 1%;
    }

    .lt-ie9 .l-layout-1-3 ul.campaignGrid li,
    .lt-ie9 .l-layout-3-1 ul.campaignGrid li {
        width: 47.65%;
        padding: 0.75em 1%;
    }

    .l-layout-1-2-1-v2 ul.campaignGrid li,
    .l-layout-1-2-1-v2 ul.campaignGrid li {
        width: 100%;
        padding: 0.75em 0;
    }

    .campaignDesc {
        overflow: hidden;
    }

    .l-layout-1-3 .campaignDesc {
        min-height: 6.75em;
    }

    .l-layout-1-2-1-v2 .campaignDesc {
        min-height: 4.5em;
    }

    .rwdVideo {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

        .rwdVideo iframe,
        .rwdVideo object,
        .rwdVideo embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .campaignArticle {
        margin: 0.75em 0;
    }

        .campaignArticle .postTitle {
            padding-top: 0;
        }

    #mobBackToAllResults {
        display: none;
    }

    /* Promo Area */
    /* slider - Flex slider plugin */
    #mainContent .promoArea {
        margin-bottom: 0;
    }

    .promoArea {
        width: 100%;
        padding: 0;
        margin: 0;
        zoom: 1;
    }

        .promoArea ul, .promoArea ol {
            list-style: none;
            margin: 0 0;
            padding: 0;
        }

    .js .flexslider .slides > li {
        display: none;
    }

    .flexslider .slides img {
        max-width: 100%;
        display: block;
    }

    .flex-pauseplay span {
        text-transform: capitalize;
    }

    .flexslider {
        padding: 0;
        margin: 0;
        position: relative;
    }

    .s-hidden {
        display: none;
    }

    .slides:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    html[xmlns] .slides {
        display: block;
    }

    * html .slides {
        height: 1%;
    }

    .no-js .slides > li:first-child {
        display: block;
    }

    .no-js .slides > li {
        display: none;
    }

    /* Control Nav */
    .flex-control-nav {
        position: absolute;
        bottom: 0.6em;
        right: 4em;
    }

        .flex-control-nav li {
            margin: 0 0 0 5px;
            display: inline-block;
            zoom: 1;
            *display: inline;
        }

            .flex-control-nav li:first-child {
                margin: 0;
            }

            .flex-control-nav li a {
                width: 13px;
                height: 13px;
                display: block;
                background: url(../img/graphics/flexControlSprite.png) no-repeat 0 0;
                cursor: pointer;
                text-indent: -9999px;
            }

                .flex-control-nav li a:hover {
                    background-position: 0 -13px;
                }

                .flex-control-nav li a.active {
                    background-position: 0 -26px;
                    cursor: default;
                }

    .flex-pauseplay {
        position: absolute;
        bottom: 1em;
        right: 1em;
    }

        .flex-pauseplay span {
            width: 20px;
            height: 20px;
            display: block;
        }

        .flex-pauseplay .pause {
            background: url(../img/graphics/flex_pause.png) no-repeat 0 0;
        }

        .flex-pauseplay .play {
            background: url(../img/graphics/flex_play.png) no-repeat 0 0;
        }

    /* Visually hidden elements */
    .promoTitle, .siteTitle {
        visibility: hidden;
        position: absolute;
        left: -10000px;
    }

    /*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
    #colorbox, #cboxOverlay, #cboxWrapper {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999;
        overflow: hidden;
    }

    #cboxOverlay {
        position: fixed;
        width: 100%;
        height: 100%;
    }

    #cboxMiddleLeft, #cboxBottomLeft {
        clear: left;
    }

    #cboxContent {
        position: relative;
    }

    #cboxLoadedContent {
        overflow: auto;
    }

    #cboxTitle {
        margin: 0;
    }

    #cboxLoadingOverlay, #cboxLoadingGraphic {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
        cursor: pointer;
    }

    .cboxPhoto {
        float: left;
        margin: auto;
        border: 0;
        display: block;
    }

    .cboxIframe {
        width: 100%;
        height: 100%;
        display: block;
        border: 0;
    }

    #colorbox img {
        max-width: none;
    }

    /* Altered settings */
    .productPage #cboxLoadedContent {
        overflow: hidden !important;
    }

    #cboxOverlay {
        -ms-opacity: 0.5 !important;
        opacity: 0.5 !important;
    }

    /* END - Altered settings */

    /* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
    #cboxOverlay {
        background: url(../img/graphics/overlay.png) repeat 0 0;
    }

    #cboxTopLeft {
        width: 21px;
        height: 21px;
        background: url(../img/graphics/controls.png) no-repeat -101px 0;
    }

    #cboxTopRight {
        width: 21px;
        height: 21px;
        background: url(../img/graphics/controls.png) no-repeat -130px 0;
    }

    #cboxBottomLeft {
        width: 21px;
        height: 21px;
        background: url(../img/graphics/controls.png) no-repeat -101px -29px;
    }

    #cboxBottomRight {
        width: 21px;
        height: 21px;
        background: url(../img/graphics/controls.png) no-repeat -130px -29px;
    }

    #cboxMiddleLeft {
        width: 21px;
        background: url(../img/graphics/controls.png) left top repeat-y;
    }

    #cboxMiddleRight {
        width: 21px;
        background: url(../img/graphics/controls.png) right top repeat-y;
    }

    #cboxTopCenter {
        height: 21px;
        background: url(../img/graphics/border.png) 0 0 repeat-x;
    }

    #cboxBottomCenter {
        height: 21px;
        background: url(../img/graphics/border.png) 0 -29px repeat-x;
    }

    #cboxContent {
        background: #fff;
        overflow: hidden;
    }

    .cboxIframe {
        background: #fff;
    }

    #cboxError {
        padding: 50px;
        border: 1px solid #ccc;
    }

    #cboxLoadedContent {
        margin-bottom: 28px;
        width: inherit;
        height: 95% !important;
        border: 1px solid #000;
        margin: 7px;
        -ms-border-radius: 7px;
        /*border-radius: 7px;*/
    }

        #cboxLoadedContent .cboxPhoto {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            max-width: 96%;
            max-height: 96%;
            margin: auto !important;
        }

    #cboxTitle {
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
        width: 100%;
        color: #949494;
    }

    #cboxCurrent {
        position: absolute;
        bottom: 0;
        left: 0;
        color: #949494;
    }

    #cboxSlideshow {
        position: absolute;
        bottom: 4px;
        right: 30px;
        color: #0092ef;
    }

    #cboxPrevious {
        position: absolute;
        top: 33%;
        left: 0;
        background: url(../img/graphics/goleft.png) no-repeat 0 50%;
        width: 50px;
        height: 33%;
        text-indent: -9999px;
    }

        #cboxPrevious:hover {
            background-image: url(../img/graphics/goleft_active.png);
        }

    #cboxNext {
        position: absolute;
        top: 33%;
        right: 0;
        background: url(../img/graphics/goright.png) no-repeat 100% 50%;
        width: 50px;
        height: 33%;
        text-indent: -9999px;
        z-index: 99999;
    }

        #cboxNext:hover {
            background-image: url(../img/graphics/goright_active.png);
        }

    #cboxLoadingOverlay {
        background: url(../img/graphics/loading_background.png) no-repeat center center;
    }

    #cboxLoadingGraphic {
        background: url(../img/graphics/loading.gif) no-repeat center center;
    }

    #cboxClose {
        position: absolute;
        top: -1px;
        right: -1px;
        background: url(../img/graphics/x-button.png) no-repeat;
        width: 23px;
        height: 23px;
        text-indent: -9999px;
    }
    /*#cboxClose:hover{background-position:-25px -25px;}*/

    /*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
    .cboxIE #cboxTopLeft,
    .cboxIE #cboxTopCenter,
    .cboxIE #cboxTopRight,
    .cboxIE #cboxBottomLeft,
    .cboxIE #cboxBottomCenter,
    .cboxIE #cboxBottomRight,
    .cboxIE #cboxMiddleLeft,
    .cboxIE #cboxMiddleRight {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    }

    /*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
    .cboxIE6 #cboxTopLeft {
        background: url(../img/graphics/ie6/borderTopLeft.png);
    }

    .cboxIE6 #cboxTopCenter {
        background: url(../img/graphics/ie6/borderTopCenter.png);
    }

    .cboxIE6 #cboxTopRight {
        background: url(../img/graphics/ie6/borderTopRight.png);
    }

    .cboxIE6 #cboxBottomLeft {
        background: url(../img/graphics/ie6/borderBottomLeft.png);
    }

    .cboxIE6 #cboxBottomCenter {
        background: url(../img/graphics/ie6/borderBottomCenter.png);
    }

    .cboxIE6 #cboxBottomRight {
        background: url(../img/graphics/ie6/borderBottomRight.png);
    }

    .cboxIE6 #cboxMiddleLeft {
        background: url(../img/graphics/ie6/borderMiddleLeft.png);
    }

    .cboxIE6 #cboxMiddleRight {
        background: url(../img/graphics/ie6/borderMiddleRight.png);
    }

    .cboxIE6 #cboxTopLeft,
    .cboxIE6 #cboxTopCenter,
    .cboxIE6 #cboxTopRight,
    .cboxIE6 #cboxBottomLeft,
    .cboxIE6 #cboxBottomCenter,
    .cboxIE6 #cboxBottomRight,
    .cboxIE6 #cboxMiddleLeft,
    .cboxIE6 #cboxMiddleRight {
        _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
    }

    #cookie-banner {
        display: block;
        background-color: #5a5a5a;
        border: none;
        color: #fff;
        font-weight: bold;
        margin: 0px -15px;
        padding: 5px 0;
        /* padding-left: 0; */
        /* padding-right: 0; */
        /* position: absolute; */
        width: 110%;
        width: calc(100% + 30px);
        z-index: 999;
        font-size: 12px;
        font-family: arial,sans-serif;
        /* height: 4em; */
    }

        #cookie-banner .text {
            padding: 0 15px;
            display: block;
            line-height: 2em;
        }

        #cookie-banner a {
            background-color: #303030;
            border: 1px solid rgba(0,0,0,.1);
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            color: #fff;
            cursor: pointer;
            line-height: 19px;
            padding: 4px 8px;
            text-decoration: none;
            margin-left: 5px;
            white-space: nowrap;
        }

            #cookie-banner a:hover {
                background-color: white;
                border: 1px solid rgba(0,0,0,.1);
                color: #303030;
            }

    .shoppingListPrintView {
        display: none;
    }

    #shoppingListHasBeenSent,
    #sendShoppingListForm {
        display: none;
        width: 100%;
        overflow: hidden;
    }

        #sendShoppingListForm input {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        #sendShoppingListForm .close-curtain {
            z-index: 15000;
            position: fixed;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: lightgray;
            background: rgba(150, 150, 150, 0.5);
        }

        #sendShoppingListForm .sendShoppingListContainer {
            position: fixed;
            z-index: 15000;
            top: 25%;
            left: 25%;
            width: 30em;
            background: white;
            color: black;
            padding: 1.5%;
            border: 1px #aaaaaa solid;
            -ms-border-radius: 5px;
            border-radius: 5px;
        }

            #sendShoppingListForm .sendShoppingListContainer .close-button {
                z-index: 15000;
                display: block;
                top: 0;
                right: 0;
                width: 2em;
                height: 2em;
                float: right;
                background-image: url('/Templates/styles/img/graphics/x-button.png');
                -ms-background-size: 2em;
                background-size: 2em;
            }

                #sendShoppingListForm .sendShoppingListContainer .close-button:hover {
                    cursor: pointer;
                }

        #sendShoppingListForm > div > span.sendShoppingListDisclaimer {
            width: 80%;
            margin: 1% 10%;
            display: block;
        }

        #sendShoppingListForm .sendShoppingListContainer > div,
        #sendShoppingListForm .sendShoppingListContainer > h2 {
            width: 100%;
            margin: 3% 0 0 0;
        }

        #sendShoppingListForm .sendShoppingListContainer > img {
            width: 40%;
            margin: auto;
            display: block;
        }

        #sendShoppingListForm .sendShoppingListDisclaimer {
            text-align: center;
        }

        #sendShoppingListForm .sendShoppingListContainer .sendShoppingListUserDetails label,
        #sendShoppingListForm .sendShoppingListContainer .sendShoppingListMessage label {
            display: none;
        }

        #sendShoppingListForm .sendShoppingListContainer input[type=text],
        #sendShoppingListForm .sendShoppingListContainer input[type=submit] {
            width: 100%;
            -webkit-box-shadow: 0 0.4px 0.4px;
            -ms-box-shadow: 0 0.4px 0.4px;
            box-shadow: 0 0.4px 0.4px;
            border: 1px solid #ededed;
            -ms-border-radius: 0;
            border-radius: 0;
            padding: 10px 10px;
        }

        #sendShoppingListForm .sendShoppingListContainer input[type=checkbox] {
            vertical-align: middle;
        }

        #sendShoppingListForm .sendShoppingListContainer input[type=submit] {
            color: white;
            background: #0071B9;
            border: none;
        }

    .youTubeContainer {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }

        .youTubeContainer iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    table tr td.tc-70-w {
        width: 70%;
    }

    table tr td.tc-30-w {
        width: 30%;
    }

    #EasyFindStyle li.inspiration {
        display: none;
    }

    #mainContainer .l-narrowCol.sidebar.sidebar-force-right {
        float: right;
    }

    .biltema-highlighted-field {
        display: block;
        margin: 6px 0px 0px 0px;
    }
}
/* media screen */
@media (max-width: 720px) {

    #cookie-banner .text span {
        display: block;
        margin-bottom: 5px;
    }
}

/* Media Queries */
@media screen and (max-width: 1140px) {
    .biltemaNav li {
        width: 12%;
        float: left;
    }

        .biltemaNav li.kontorTeknik {
            width: 16%;
        }

    .fi .biltemaNav li.kontorTeknik {
        width: 17%;
    }

    .fi .biltemaNav li {
        width: 11.85%;
    }
}

@media screen and (max-width: 1024px) {
    #selectCar .searchField {
        width: 80%;
    }

    #selectCar .searchBtn {
        /*top: 0.5em;*/
        /*width: 15%;*/
    }
}

@media screen and (min-width: 481px) {
    .sv ul.biltemaNav,
    .da ul.biltemaNav,
    .no ul.biltemaNav,
    .sv-FI ul.biltemaNav {
        display: block !important;
    }
}

@media screen and (min-width: 768px) {
    ul.supportNav {
        display: block !important;
    }
}

@media screen and (min-width: 651px) {
    .fi ul.biltemaNav {
        display: block !important;
    }
    /*.no-productnews .l-layout-1-2-1 .l-wideCol {
        width: 64%;
    }*/

    .no-productnews #sidebarRight {
        display: none;
    }
}

@media screen and (min-width: 900px) {

    .no-productnews .l-layout-1-2-1 .l-wideCol {
        width: 73.5%;
        margin: 0;
    }
}

/*here*/
/* Tablet - portrait */
@media screen and (max-width: 900px) {
    #shoppingList .l-fullWidth, #footer .l-fullWidth,
    #shoppingList .l-wideCol, #shoppingList .l-narrowCol {
        width: 98%;
        margin-right: 1%;
        margin-left: 1%;
        padding-left: 0;
    }

    #shoppingList .shoppingListItemDescriptionArea {
        display: none;
    }

    #shoppingList .shoppingListItemImage {
        width: 30%;
    }

    .l-layout-3-1 .l-wideCol,
    .l-layout-1-3 .l-wideCol {
        width: 65%;
    }

    .checkoutPage .l-layout-3-1 .l-wideCol {
        width: 100%;
    }

    .l-layout-1-2-1-v2 .l-wideCol {
        width: 63%;
        padding-right: 1%;
        padding-left: 1%;
        margin-right: 0;
    }

    .l-narrowCol {
        width: 34%;
    }

    .checkoutPage .l-narrowCol {
        display: none;
    }

    .l-layout-1-2-1 .l-wideCol,
    .l-layout-1-3-alt2 .l-wideCol {
        width: 64%;
        margin-right: 0;
        padding-right: 1%;
        padding-left: 1%;
    }

    .l-layout-3-1 .l-wideCol {
        margin-right: 1%;
    }

    .l-layout-1-3 .l-wideCol,
    .l-layout-1-2-1-v2 .l-wideCol {
        margin-left: 1%;
    }

    .l-layout-1-2-1 #sidebarRight.l-narrowCol,
    .l-layout-1-2-1-v2 #sidebarRight.l-narrowCol {
        width: 100%;
    }

    #newProducts.l-widget {
        width: 98%;
        margin-right: 1%;
        margin-left: 1%;
    }

    #newProducts .widgetTitle {
        padding-right: 1%;
        padding-left: 1%;
    }

    #mainContent ul.productGrid li,
    #sidebarRight ul.productGrid li {
        width: 33%;
    }

    #newProducts ul.productGrid .productInfo,
    #newProducts ul.productGrid .productPriceContainer,
    #newProducts ul.productGrid .productIconsContainer {
        width: 84%;
        margin-right: 8%;
        margin-left: 8%;
    }

    .l-search, .l-shoppingListBtn, #shoppingList ul.sorter {
        width: 34%;
    }

    .l-storeInfo {
        width: 30%;
        margin-right: 1%;
        margin-left: 1%;
    }

    .campaignStandardPage #sidebarRight .l-widget {
        width: 23%;
        margin-right: 1%;
        margin-left: 1%;
    }

    ul.shoppingListActions li {
        width: 49%;
        margin-top: 2%;
        margin-left: 0;
        margin-right: 0;
    }

        ul.shoppingListActions li:nth-child(even) {
            margin-left: 2%;
        }

    #sendShoppingListForm .sendShoppingListContainer {
        top: 2%;
    }
}

/* Tablets / SmartPhones */
@media screen and (max-width: 767px) {
    .l-logo, .errorPage404 .backToStart {
        margin-bottom: 0.75em;
    }

    .biltemaNav li {
        width: 11.5%;
        float: left;
    }

        .biltemaNav li.kontorTeknik {
            width: 19.5%;
        }

    #supportMenuBtn, .languageList {
        float: right;
        position: absolute;
    }

    #supportMenuBtn {
        right: 0.75em;
        top: -33px;
        display: block;
    }

    .languageList {
        width: 80px;
        right: 7em;
        top: 0;
    }

        .languageList ul li {
            margin-left: 6%;
        }

    .l-headerContainer {
        margin-bottom: 0;
    }

    ul.supportNav {
        display: none;
        width: 100%;
        margin-bottom: 1.5em;
    }

        ul.supportNav li {
            margin: 0;
            padding: 0;
        }

            ul.supportNav li a {
                padding: 0.75em;
            }

    .l-supportMenu {
        width: 100%;
    }

    .l-layout-1-3 .campaignDesc {
        height: 8.75em;
    }

    #shoppingList .shoppingListItem .shoppingListItemHeader a:first-child {
        width: 84%;
    }

    #shoppingList .shoppingListItem.closedOutShoppingListItem .shoppingListCheckedItem {
        padding: 0.5em 0 0.5em 82.5%;
    }

    #shoppingList .shoppingListRemoveItem,
    #shoppingList .shoppingListCheckedItem {
        width: 8%;
    }
}

@media screen and (max-width: 650px) {
    .searchPage #sidebarLeft,
    .campaignAreaPage #sidebarLeft .sidebarPromoArea,
    .campaignStandardPage #sidebarLeft .sidebarPromoArea, .mainContentTextField {
        display: none;
    }

    l-container /*?*/
    #customerTools .l-storeInfo {
        width: 49%;
        margin-right: 2%;
    }

    #customerTools .l-shoppingListBtn, #shoppingList ul.sorter {
        width: 49%;
        margin-left: 1%;
    }

    #customerTools #cartCount {
        display: none;
    }

    #customerTools #cartCountShort {
        display: block;
    }

    .l-headerContainer {
        margin-top: 9px;
    }

    #supportMenuBtn {
        top: -30px;
    }

    .biltemaNav li {
        width: 11%;
        float: left;
    }

        .biltemaNav li.kontorTeknik {
            width: 23%;
        }

    .l-storeInfo {
        padding-bottom: 0.75em;
        width: 49%;
        margin: 0 1% 0.75em 0;
    }

    .l-search, .l-shoppingListBtn, #shoppingList ul.sorter, .storeSelector {
        width: 100%;
        margin: 0 0 0.75em 0;
    }

    .sidebar ul.parentNav a, ul.rekoLinkList a {
        padding-left: 8%;
    }

    #mainContainer.l-layout-3-1 .l-wideCol,
    #mainContainer.l-layout-1-3 .l-wideCol,
    .l-narrowCol {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
    }

    .l-layout-1-2-1 .l-wideCol,
    .l-layout-1-2-1-v2 .l-wideCol,
    .l-layout-1-3-alt2 .l-wideCol {
        width: 98%;
        padding-right: 1%;
        padding-left: 1%;
    }

    .campaignStandardPage .l-layout-1-2-1-v2 .l-wideCol {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .l-layout-1-2-1-v2 ul.campaignGrid li,
    .l-layout-1-2-1-v2 .campaignArticle {
        padding-left: 2%;
        padding-right: 2%;
        width: 96%;
    }

    .l-layout-1-2-1-v2 .l-wideCol {
        margin-left: 0;
    }

    .l-widget, .sidebarPromoArea,
    .campaignAreaPage #sidebarLeft .sidebarPromoArea .l-widget,
    .campaignStandardPage #sidebarLeft .sidebarPromoArea .l-widget {
        width: 48%;
        margin-right: 1%;
        margin-left: 1%;
    }

    .l-layout-1-2-1-v2 #sidebarRight .sidebarPromoArea,
    .campaignAreaPage #sidebarLeft .sidebarPromoArea,
    .campaignStandardPage #sidebarLeft .sidebarPromoArea {
        width: 100%;
        margin: 0;
    }

    #sidebarLeft .l-widget, #selectCar {
        width: 98%;
    }

    #selectCar {
        padding-right: 1%;
        padding-left: 1%;
    }

    .subNavContainerMobile {
        display: block;
    }

        .subNavContainerMobile ul.parentNav li a {
            padding-left: 3%;
            padding-top: 0.5em;
            padding-bottom: 0.5em;
        }

        .subNavContainerMobile.rekoCategories ul.parentNav li a {
            padding-left: 8%;
        }

    .sidebarPromoArea .l-widget {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    /*#sidebarLeft .subNavContainer,
    .startPage .sidebarPromoArea section:nth-child(n+2),
    .searchPage #onPageSearch {
        display: none;
    }*/

    #sidebarLeft .subNavContainer {
        display: none;
    }

    .searchPage .mainBody {
        margin-bottom: 0;
    }

    .breadCrumbs {
        margin-top: 0;
        margin-bottom: 1em;
    }

    #mainContainer .l-wideCol,
    #mainContainer .l-narrowCol {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #shoppingList .tableWrapper {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    .productAreaPage #mainContent,
    .campaignAreaPage #mainContent,
    .videoPageGrid #mainContent {
        margin-top: 0.75em;
    }

    .fi nav a#mainNavBtn {
        width: 100%;
        display: block;
    }

    .fi ul.biltemaNav {
        margin-bottom: 0.75em;
        display: none;
    }

        .fi ul.biltemaNav li, .fi ul.biltemaNav li.kontorTeknik {
            width: 100%;
        }

            .fi ul.biltemaNav li a {
                padding-left: 3%;
                padding-right: 3%;
                width: 94%;
            }

    #mobBackToAllResults {
        padding: 5px;
        background: #000;
        color: #FFF;
        font-weight: bolder;
        clear: right;
        display: block;
        width: 248px;
        margin: 0 0 10px 0;
        text-align: center;
        cursor: pointer;
    }

    #shoppingList .shoppingListItemPriceArea {
        /*margin-top: 5%;*/
    }

    #shoppingList .shoppingListItemImage {
        /*display: none;*/
        width: 48%;
    }

    #shoppingList .shoppingListItemDetails {
        width: 48%;
    }

    #shoppingList .shoppingListItemDescription {
        display: none;
    }

    #shoppingList .shoppingListItemPriceArea {
        width: 45.6%;
    }

    #sendShoppingListForm .sendShoppingListContainer {
        max-height: 100%;
        overflow: scroll;
    }
}

/* Smartphone */
@media screen and (max-width: 480px) {

    .l-search {
        margin-top: 1em;
    }

    #shoppingList h1.postTitle {
        margin-top: 0%;
    }

    #supportMenuBtn {
        top: -26px;
    }

    #shoppingList div.cartSum {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 9999;
        margin-bottom: 0;
        -webkit-box-shadow: rgb(0, 82, 158) 0 -3px 20px 0;
        -ms-box-shadow: rgb(0, 82, 158) 0 -3px 20px 0;
        box-shadow: rgb(0, 82, 158) 0 -3px 20px 0;
    }

    #shoppingList .cartSum {
        margin-left: 10px;
        margin-right: 10px;
    }

        #shoppingList .cartSum .discountItems {
            padding-top: 10px;
        }

        #shoppingList .cartSum .cartSumHeader {
            display: block;
            background-color: #ededed;
            margin-left: -0.75em;
            margin-right: -0.75em;
            margin-top: -0.75em;
            margin-bottom: 0.75em;
            padding-bottom: 10px;
            padding-top: 10px;
            padding-left: 10px;
            font-size: 1.2em;
        }

    #shoppingList div.cartSum table {
        width: 100%;
    }

    #shoppingList .cartTotalSumText {
        display: none;
    }

    #shoppingList .shoppingListItemHeader, #shoppingList .shoppingListItemPriceArea {
        padding: 1.5% 2%;
    }

    #shoppingList .shoppingListItemImage {
    }

    #shoppingList .shoppingListItemDetails {
        width: 48%;
    }

    ul.supportNav li {
        float: none;
        text-align: left;
    }

        ul.supportNav li a {
            display: block;
        }

    ul.biltemaNav {
        margin-bottom: 0.75em;
        margin-top: -0.5em;
        display: none;
        width: 100%;
    }

        ul.biltemaNav li, ul.biltemaNav li.kontorTeknik {
            width: 100%;
            border-bottom: 1px solid #ededed;
            margin-bottom: -1px;
        }

            ul.biltemaNav li a {
                padding-left: 3%;
                padding-right: 3%;
                width: 93%;
            }


    .biltemaNav li.productSelectionItem,
    .languages li.productSelectionItem {
        text-transform: capitalize;
        display: inline-block;
        padding-top: 2%;
        padding-bottom: 2%;
    }

        .languages li.productSelectionItem > a {
        }

    .supportNavMobile {
        text-transform: capitalize;
    }

    .biltemaNav li.productSelectionItem:before {
        content: "";
        border-style: solid;
        border-color: transparent transparent #ffffff transparent;
        border-width: 1.35em;
        display: block;
        height: 0;
        width: 0;
        left: 0.75em;
        top: -2.5em;
        position: absolute;
    }

    .biltemaNav li.bilMc a,
    .biltemaNav li.bat a,
    .biltemaNav li.fritid a,
    .biltemaNav li.hem a,
    .biltemaNav li.kontorTeknik a,
    .biltemaNav li.bygg a,
    .biltemaNav li.bilvard a,
    .biltemaNav li.verktyg a {
        border-left-style: solid;
        border-left-width: 5px;
        border-left-width: 1%;
    }

    .supportNavMobile {
        display: block;
        overflow: hidden;
        font-weight: normal;
        font-size: 0.8em;
        padding-top: 8px;
        padding-left: 8px;
    }

    .l-mainNavContainer .logoImg {
        display: block;
        position: absolute;
        top: 9px;
        left: 8%;
        width: 50%;
    }

    .l-mainNavContainer .storeAreaTopmost {
        display: block;
        color: #fff;
        position: absolute;
        top: 4px;
        right: 0;
        max-width: 40%;
        overflow: hidden;
    }

    .l-mainNavContainer .smallStoreTime {
        display: block;
        font-size: 0.9em;
        text-align: right;
    }

    .l-headerContainer {
        display: none;
    }

    #search {
        width: 87%;
    }

    .storeInfo.l-storeInfo {
        display: none;
    }

    .l-shoppingListBtn {
        display: none;
    }

    .l-shoppingListBtnMobile {
        display: block;
        overflow: hidden;
        padding-top: 1.4em;
        float: right;
    }

        .l-shoppingListBtnMobile #cartCountNrOfItemsOnly {
            position: absolute;
            top: 10px;
            color: #000;
            margin-right: 20px;
            right: 0;
            background-color: #FFFF33;
            border: 1px solid #FFFF33;
            -ms-border-radius: 50%;
            border-radius: 50%;
            height: 2em;
            width: 2em;
            text-align: center;
            font-weight: bold;
            font-size: 0.8em;
            z-index: 999;
        }

    .l-mainNavContainer {
        margin-bottom: 0;
    }

    nav a#mainNavBtn {
        width: 100%;
        display: block;
    }

    .campaignDesc {
        height: auto;
    }

    .l-widget, .sidebarPromoArea {
        width: 98%;
        margin-right: 1%;
        margin-left: 1%;
    }

    #mainContent ul.productGrid li,
    #sidebarRight ul.productGrid li {
        width: 49.75%;
    }

    #sidebarRight {
        display: none;
    }

    body.startPage #sidebarRight,
    #contactForm table td {
        display: block;
    }

    #contactForm input[type="submit"] {
        width: 100%;
    }

    #ArticleList .productPriceQuantity, #ArticleList th.lastTH {
        width: 30%;
    }

    .startPage #featProducts ul.productGrid li:nth-child(n+5),
    .productAreaPage #featProducts ul.productGrid li:nth-child(n+5) {
        display: none;
    }
    /*todo remove*/
    #shoppingList ul.sorter {
        width: 100%;
        margin: 0;
        float: right;
    }

    .articleImg {
        height: 18em;
    }

    ul.shoppingListActions li,
    ul.shoppingListActions li:nth-child(n) {
        width: 100%;
        margin: 2% 0 0 0;
    }

    .nav-menu-icon {
        display: block;
        position: absolute;
        top: 10px;
        width: 6%;
    }

    #sendShoppingListForm .sendShoppingListContainer {
        top: 1%;
        left: 1%;
        width: 94%;
        max-height: 100%;
    }

        #sendShoppingListForm .sendShoppingListContainer > img {
            width: 30%;
        }

        #sendShoppingListForm .sendShoppingListContainer > div, #sendShoppingListForm .sendShoppingListContainer > h2 {
            margin: 2% 0 0 0;
        }
}

@media screen and (max-width: 430px) {
    #search {
        width: 85%;
    }
}

@media screen and (max-width: 365px) {
    #search {
        width: 83%;
    }

    .l-mainNavContainer .smallStoreTime {
        font-size: 0.7em;
    }
}

@media screen and (max-width: 320px) {
    .l-layout-1-2-1 .l-wideCol,
    #sidebarLeft .l-widget,
    #sidebarRight .l-widget,
    .l-layout-1-3 #featProducts,
    .l-layout-3-1 #featProducts,
    .l-layout-1-3 ul.campaignGrid li {
        width: 96%;
    }

    .lt-ie9 .l-layout-1-3 ul.campaignGrid li {
        width: 96%;
    }

    #sidebarLeft .l-widget,
    #sidebarRight .l-widget {
        margin-right: 2%;
        margin-left: 2%;
    }

    .l-layout-1-2-1 .l-wideCol,
    .l-layout-1-3 #featProducts,
    .l-layout-3-1 #featProducts,
    .l-layout-1-3 ul.campaignGrid li,
    .l-campaignArea {
        padding-right: 2%;
        padding-left: 2%;
    }

    .lt-ie9 .l-layout-1-3 ul.campaignGrid li {
        padding-right: 2%;
        padding-left: 2%;
    }

    #mainContent ul.productGrid li,
    #sidebarRight ul.productGrid li {
        width: 100%;
    }

    .l-layout-1-3 ul.productGrid li,
    .l-layout-3-1 ul.productGrid li {
        border-right: none;
    }

    ul.productList .productImgWrap,
    ul.productList .productInfo,
    ul.productList .productPriceQuantity,
    ul.productList .productIconsContainer {
        width: 100%;
    }

        ul.productList .productPriceQuantity span {
            display: block;
            clear: both;
        }

        ul.productList .productPriceQuantity a {
            margin: 0;
        }

    ul.productList .productImgWrap {
        margin-top: 0.75em;
        margin-bottom: 1.5em;
    }

    ul.productList span.productPrice,
    ul.productList span.priceRange {
        float: right;
    }

    ul.productList span.productPrice {
        clear: none;
    }

    ul.productList span.productAdd {
        float: right;
    }

    ul.productList .productPriceQuantity span.priceRange {
        float: none;
    }

    ul.productList a.expandAttributes {
        float: left;
    }

    ul.productList .productInfo p {
        display: none;
    }

    .testedProductPage ul.productList .productInfo p {
        display: block;
    }

    .l-layout-1-3 .campaignDesc {
        height: auto;
    }
}