/*****************************************************************************************/
/************************************ Default styles *************************************/
/*****************************************************************************************/
html {
    min-height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    min-height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans';
    overflow-x: hidden;
}

@media (max-width: 480px) {
    body {
        font-size: 18px;
        font-weight: 300;
    }
}

a {
    cursor: pointer;
    color: inherit;
    font-size: inherit;
}

    a:hover, a:focus {
    }

div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.hidden {
    display: none;
}

.hiddenImportant {
    display: none !important;
}

input,
textarea,
select {
    border: 1px solid #CECECE;
    padding: 10px;
    font-size: 16px;
    line-height: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    input[type="checkbox"] {
        border: 1px solid #CECECE;
        width: 15px;
        height: 15px;
        -webkit-appearance: none !important;
        vertical-align: middle;
    }

        input[type="checkbox"]:checked {
            background-image: url(../design/check.png);
            background-repeat: no-repeat;
            background-position: 2px;
        }

    input[type="number"],
    input[type="tel"] {
        padding: 5px;
    }

#loadingpage {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgb(237,237,237);
    background-image: url(../design/loading.gif);
    background-repeat: no-repeat;
    background-position: 50% 10%;
    z-index: 10000;
}

img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    border-style: none;
}

.notouchhighlight * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Softer movements of products when passing breakpoints */
.renderboxtr, .renderlisttr, #sidemenu, #dropdownmenu, #facebooklikebox {
    -moz-transition: height, width, ease-in-out 0.15s;
    -o-transition: height, width, ease-in-out 0.15s;
    -webkit-transition: height, width, ease-in-out 0.15s;
    transition: height, width, ease-in-out 0.15s;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    text-align: center;
}

input {
    -webkit-appearance: none;
}

    input[type="radio"] {
        -webkit-appearance: radio;
    }

    input[type="checkbox"] {
        -webkit-appearance: checkbox;
    }

.cssbutton {
    border: 0;
    padding: 10px 15px;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
    min-width: 83px;
}

/* Removes glow effect around input elements in chrome */
*:focus {
    outline: 0;
}

.clear {
    clear: both;
}

#open_menu_mobile,
#open_search_mobile,
#open_cart_mobile,
.mobileorderheader,
#neworno_submit,
input[type=submit],
input[type=radio],
label,
li.item,
a.link,
span.text,
#mypagelogout,
#closeregisterkundebox,
#closeLogon,
.addDeliverAdd,
.addComment,
.singlecartv {
    cursor: pointer !important;
}

#content {
    background-color: #fff;
}

#displaywrapper {
    position: relative;
}

#facebooklikebox.hover {
    width: 340px;
}

/* Column1 and column 2 */
@media (min-width: 745px) {
    .column1 {
        display: block;
        width: 20%;
        float: left;
        clear: both;
        text-align: left;
    }

    .column2 {
        display: block;
        width: 80%;
        float: left;
        text-align: left;
    }

    .main_container:not(.frontpage) #column2:not(.instagram) {
        padding-left: 1%;
    }
}

@media (min-width: 481px) and (max-width: 744px) {
    .column1 {
        display: block;
    }

    .column2 {
        display: block;
    }
}

@media (max-width:480px) {
    .maxwidthwrapper {
        width: 95%;
        margin: 0 auto;
    }

    .cssbutton2 {
        border: 1px solid rgb(42,42,42);
        padding: 5px 15px;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
    }

    #deliverAddressNotSpecified {
        border: 1px solid rgb(42,42,42);
        padding: 5px 15px;
        text-align: center;
        font-weight: 600;
        font-size: 14px;
    }
}

#venstrekolonne.hide #sidemenu {
    display: none;
}

/*****************************************************************************************/
/************************************ Top menu *******************************************/
/*****************************************************************************************/

.slide {
    top: 42px !important;
}

@media (max-width: 530px) {
    #top_menu_mobile.loginlink_container {
        display: none;
    }
}

/* Top menu */


@media (min-width: 745px) {

    /********************* HORISONTALMENY **********************/
    .radmenu iframe { /* Fix for horizontal menues in IE */
        display: none;
    }

    .horizontal_menu {
        overflow: hidden;
        float: left;
    }

    #menu_bar_content {
        max-width: 1200px;
        margin: 0 auto;
    }

    #loginlinklogout, #loginlinkaa, #loginlink {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9;
    }

    /* HORISONTAL DYNAMISK MENY START */
    .RadMenu_Inox {
        width: auto !important;
        background-image: none !important;
    }

    #radtopmenu {
        z-index: 15 !important;
    }

    .radmenu {
        position: relative !important;
        float: none !important;
        text-align: left;
    }

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

        .radmenu .slide .item {
            display: block; /* [EDIT] Fix for � f� undermenypunktene til � plasseres under hverandre - 20140113 JG */
        }

        .radmenu .item {
            position: relative;
            float: none !important;
            display: inline-block;
            border: 1px solid rgba(255, 255, 255, 0.1);
            margin-right: -1px;
        }

        .radmenu .slide .item {
            margin-bottom: -1px;
        }

        .radmenu .item a span, #loginlinklogout a, #loginlinkaa a, #loginlink a {
            display: block;
            padding: 10px 20px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            max-width: 100%;
            text-align: left;
            text-decoration: none;
        }

        .radmenu .text {
            text-decoration: none;
            display: block;
            width: 100%;
        }

        .radmenu .expandTop {
            cursor: default !important;
        }

        .radmenu .expandLeft {
            background-image: url('../design/bg_horizmenu_groupimage.png') !important;
        }

        .radmenu .slide {
            position: absolute;
            z-index: 1000;
            left: -1px !important;
        }
    /* HORISONTAL DYNAMISK MENY SLUTT */
}

/* Slide in menu */
@media (max-width: 744px) {
    /* Swipe menu start */
    #menu_bar .item .link, #menu_bar #loginlink, #menu_bar #loginlinka, #menu_bar #loginlinklogout, #menu_bar #loginlinkaa {
        border-bottom: 1px solid #323233;
        clear: both;
        padding: 20px;
        display: block;
        width: 745px;
    }

        #menu_bar .item a, #menu_bar #loginlink a, #menu_bar #loginlinka a, #menu_bar #loginlinklogout a, #menu_bar #loginlinkaa a {
            text-decoration: none;
        }

    #menu_bar {
        position: fixed !important;
        width: 100%;
        overflow: hidden;
        display: none;
        height: 100%;
        z-index: 15;
    }

    #menu_bar_content {
        overflow-x: hidden;
        overflow-y: scroll;
        width: 115%;
        height: 85%;
    }

    @media (min-width:481px) {
        #menu_bar {
            top: 50px;
        }
    }

    @media (max-width:480px) {
        #menu_bar {
            top: 40px;
        }
    }



    #menu_bar .radmenu .slide {
        position: static !important;
        overflow-x: visible !important;
        overflow-y: hidden !important;
    }

    #menu_bar .item .item .link {
        border-bottom: 1px solid rgb(42,42,42);
        left: -10px;
        padding-left: 20px;
    }
    /* Swipe menu end */
}

/* Open close menu icon */
@media (min-width: 481px) and (max-width: 744px) {
    #top_menu_mobile.maxwidthdesktop {
        display: block;
        height: 100%;
    }

    #open_menu_mobile {
        height: 100%;
        width: 60px;
        margin-right: 5px;
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        float: left;
        background-image: url(../design/menu_open.png);
        background-repeat: no-repeat;
        background-position: center;
    }
}

/* Searchbar / searchicon */
::-webkit-input-placeholder {
    color: #AFAFAF;
    font-weight: 300;
    font-family: 'Open Sans';
}

:-moz-placeholder {
    color: #AFAFAF;
    font-weight: 300;
    font-family: 'Open Sans';
}

::-moz-placeholder {
    color: #AFAFAF;
    font-weight: 300;
    font-family: 'Open Sans';
}

:-ms-input-placeholder {
    color: #AFAFAF;
    font-weight: 300;
    font-family: 'Open Sans';
}


@media (max-width: 744px) {

    #open_search_mobile {
        height: 100%;
        width: 60px;
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        float: left;
        background-image: url(../design/imgsok.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    /* Search start */
    #divsearch {
        display: none;
        width: 90%;
        left: 5%;
        position: fixed;
        z-index: 50;
        border: 1px solid #D7D7D7;
        border-top: 0;
        background-color: white;
        font-family: "Open Sans";
        font-weight: 300;
    }

        #divsearch #searchresults {
            margin: 0 0 -1px -1px;
            width: 100%;
            font-family: 'Open Sans Condensed', sans-serif;
            font-weight: 700;
        }

    a.advSearchGotoResults {
        font-weight: 300;
    }

    .renderlisttr {
        padding: 25px 15px;
    }

        .renderlisttr .spanpicture {
            margin-right: 5px;
            display: inline-block;
            width: 49%;
        }

    .renderboxtr a.prodlinkdb, .spandesc a.prodlinkd {
        font-size: 26px;
        font-weight: 400;
    }

    @media (max-width: 480px) {
        #divsearch {
            top: 40px;
        }
    }

    @media (min-width: 481px) {
        #divsearch {
            top: 50px;
        }
    }

    .inputWithBgContainerDiv {
        float: left;
        width: 85%;
    }

    .searchbutton {
        float: right;
        padding: 10px;
        text-align: right;
    }

    .dosearchbutton {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        border: 0;
        background-color: transparent;
        background-image: url(../design/search_btn_icon.png);
        background-position: center;
        background-repeat: no-repeat;
    }

    input.inputWithBg {
        width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
        line-height: 30px;
        font-size: 20px;
        padding: 7px 0 7px 10px;
        font-family: "Open Sans";
        font-weight: 300;
    }

    #matches {
        display: none;
    }

    .renderlist2 {
    }
    /* Search end */
}

@media (min-width: 745px) {
    #open_search_mobile {
        float: left;
        width: 25%;
        min-width: 200px;
    }
    /********************* S�K **********************/

    .divsearch {
        width: 100%;
        margin-top: 5px;
        margin-left: 5px;
        position: relative;
        float: left;
        display: block !important;
    }

    #searchinput {
        float: left;
        width: 100%;
    }

    #searchinp {
        border: 1px solid white;
        width: 100%;
        position: relative;
        line-height: 25px;
        padding: 5px 35px 5px 5px;
        font-size: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .searchbutton {
        height: 35px;
        width: 35px;
        position: absolute;
        top: 3px;
        right: 0px;
        padding-top: 4px;
        text-align: center;
    }

    .dosearchbutton {
        background-color: transparent;
        background-image: url(../design/imgsok.png);
        background-position: center;
        background-repeat: no-repeat;
        border: 0 !important;
        height: 100%;
        width: 100%;
    }

    .searchbutton img {
        cursor: pointer;
        position: absolute;
        top: 5px;
        z-index: 100;
        right: 5px;
    }

    .fonticons .searchbutton img {
        top: 0;
        right: 0;
        height: 100%;
        opacity: 0;
    }
}

@media (max-width: 480px) {

    #top_menu_mobile.logout_link_container, #top_menu_mobile.loginlink_container {
        display: none;
    }

    #top_menu_mobile #top_menu_mobile.maxwidthdesktop {
        height: 40px;
    }

    #open_menu_mobile {
        height: 100%;
        width: 60px;
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        float: left;
        min-height: 40px;
        background-image: url(../design/menu_open.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    #open_search_mobile {
        background-image: url(../design/imgsok.png);
        background-repeat: no-repeat;
        background-position: center;
        min-height: 40px;
    }

    #open_cart_mobile {
        height: 100%;
        width: 70px;
        float: right;
        background-image: url(../design/cart_icon.png);
        background-repeat: no-repeat;
        background-position: center;
        padding-top: 9px;
        padding-right: 6px;
        padding-left: 31px;
        font-size: 12px;
        text-align: center;
        min-height: 40px;
    }

    div#open_cart_mobile,
    div#open_cart_mobile .cart_sum {
        background-color: transparent;
    }

    .cart_sum {
        display: none;
    }

    /* Top menu end */

    /* Small cart start */

    #smallcart_container {
        display: none;
    }

        .payment_logos, #smallcart_bottom,
        #smallcart_container .cart_shopping_bag,
        #smallcart_container .cartExtraTotalSumContainer,
        #smallcart_container .smallcart_link,
        #smallcart_container .cartmediumsumm,
        #smallcart_container .cartmediumtr :not(.cartmediumq),
        #expandCartButton, .cartmediumsumtr {
            display: none !important;
        }

    .cartmediumq {
        width: 20px;
        text-align: center;
    }
    /* Small cart end */

    /* Logo start */
    #logocontainer {
        margin: 0 auto;
        padding: 65px 0 25px 0;
        text-align: center;
        max-width: 100%;
    }

        #logocontainer a {
            width: 100%;
            display: block;
        }

        #logocontainer img {
            max-width: 100%;
        }
    /* Logo end */
}

@media (min-width: 481px) {
    /* Top menu start */
    .header1 #top_menu_mobile {
        height: 50px;
    }

    #top_menu_mobile {
        height: 50px;
    }

    .maxwidthwrapper {
        max-width: 1200px;
        margin: 0 auto 10px auto;
        width: 98%;
    }

    .maxwidthdesktop {
        max-width: 1200px;
        margin: 0 auto 10px auto;
    }

    .header1 #top_menu_mobile.maxwidthdesktop {
        position: relative;
    }

    #open_cart_mobile .cart_sum {
        float: right;
        padding: 11px 40px 5px 55px;
        background-image: url(../design/cart_icon_desktop.png), url(../design/cart_expand.png);
        background-position: 5% 50%, 95% 50%;
        background-repeat: no-repeat,no-repeat;
        margin-top: 4px;
        margin-right: 5px;
        height: 41px;
    }

    body.fonticons #open_cart_mobile .cart_sum {
        background-image: none;
    }

    #open_cart_mobile .cart_sum:before {
        content: "Sum: ";
    }

    #open_cart_mobile .cart_number {
        display: none;
    }

    #logocontainer.header1 {
        padding-top: 60px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        width: 100%;
        display: inline-block;
        text-align: left;
        max-height: 250px;
    }

        #logocontainer.header1 a {
            display: block;
            margin: 0 auto;
            max-width: 1200px;
            max-height: 175px;
        }

        #logocontainer.header1 img {
            height: auto;
            width: auto;
            max-height: 100%;
            max-width: 100%;
        }
    /* Top menu start */

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

    .logout_link_container {
        float: right;
        text-align: right;
        display: block;
        height: 50px;
        line-height: 50px;
        overflow: hidden;
        margin-right: 20px;
    }

    a.logout_link {
        text-decoration: none;
        font-weight: 600;
    }

        a.logout_link:hover {
        }

    .main_container {
        width: 100%;
        padding-bottom: 10px;
        position: relative;
    }

    #historyStorageForm /* tar vekk meld som vises noen ganger i explorer under hele siden: oaded":true} */ {
        display: none;
    }


    /********************* INPUT FELT MED BAKGRUNNSBILDE FOR BUEDE HJ�RNER *******************/
    /* Felles stil brukes p� bla.a. s�kefelt og login felter - om det �nskes ulike stiler p� hvert felt s� bruk id */
    .inputWithBgContainerDiv {
        display: block;
    }

    .inputWithBg {
    }

    #smallcart_container {
        position: fixed;
        top: 50px;
        width: 100%;
        height: 0;
        z-index: 20;
        overflow: visible;
    }

        #smallcart_container #cartHidden {
            position: relative;
            max-width: 1200px;
            width: 100%;
            margin: 0 auto;
            display: none;
        }

    #cartHidden .smallcart_link {
        float: right;
        clear: right;
        position: relative;
        top: -44px;
        right: 28px;
    }

    #cartHidden #cart {
        float: right;
        clear: right;
        width: 350px;
        padding: 10px 10px 50px 10px;
        margin-top: 0px;
        margin-right: 0px;
    }
    /* Antall ekstra produkter */
    #ekstraProdukterContainer {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #ekstraProdukterv {
        margin-left: 4%;
        width: 11%;
        display: inline-block;
    }

    #ekstraProduktertext {
        width: 80%;
        display: inline-block;
    }
}

/* Toppmeny Alternativ B (Pitney Bowes) */
#header2 #logoholder a img {
    max-width: 100%;
}

@media (max-width: 744px) {
    #header2 #logoholder {
        float: left;
        width: 100%;
        margin-right: 2%;
    }

    .maxwidthdesktop.maxheight #open_cart_mobile.header3 {
        background-image: url(../design/cart_icon_inactive.png);
    }

    .topmenu li.item span {
        border: none;
    }

        .topmenu li.item span.hovereffect:hover {
            border: none;
            background-color: none;
        }
}

@media (min-width: 745px) {
    #header2 #logoholder {
        float: left;
        width: 48%;
        margin-right: 2%;
    }
}


/*****************************************************************************************/
/************************************ Sidemeny *******************************************/
/*****************************************************************************************/

/* Side menu */
@media (min-width: 745px) {
    /* Side menu begin */
    #dropdownmenu {
        display: none;
    }

    #sidemenuheader {
        padding: 10px;
        display: none;
    }

    #sidemenucontent {
        overflow: hidden;
    }

        #sidemenucontent a {
            text-decoration: none;
            padding: 12px 15px;
            display: block;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-bottom: 1px solid rgba(255, 255, 255, 0.11);
        }

            #sidemenucontent a.asubmenuclosed, #sidemenucontent .asubmenuclosed:hover {
                border-top: none;
            }

            #sidemenucontent a.asubmenuopen, #sidemenucontent .asubmenuopen:hover {
                border-top: none;
            }

        #sidemenucontent .submenuopen1 a,
        #sidemenucontent .submenuclosed1 a {
            padding-left: 10%;
        }

        #sidemenucontent .submenuopen2 a,
        #sidemenucontent .submenuclosed2 a {
            padding-left: 15%;
        }

        #sidemenucontent .submenuopen3 a,
        #sidemenucontent .submenuclosed3 a {
            padding-left: 20%;
        }

        #sidemenucontent .submenuopen4 a,
        #sidemenucontent .submenuclosed4 a {
            padding-left: 25%;
        }

        #sidemenucontent .submenuopen5 a,
        #sidemenucontent .submenuclosed5 a {
            padding-left: 30%;
        }

        #sidemenucontent .submenuopen6 a,
        #sidemenucontent .submenuclosed6 a {
            padding-left: 35%;
        }
    /* Side menu end */
}

/*****************************************************************************************/
/************************************ Dropdown meny **************************************/
/*****************************************************************************************/
/* Drop down menu */
@media (max-width: 744px) {

    #logocontainer.header3 {
        padding: 0 0 0 10px;
        width: 43%;
        height: 250px;
    }

    #main_container_content.header3 {
        margin-top: 0px;
    }

    #main_container, #top_container_content {
        padding: 0 !important;
    }
    /* Dropdown menu start */
    #sidemenu {
        display: none;
    }

    #dropdownmenu {
        width: 100%;
        cursor: pointer;
        font-weight: 600;
        position: relative;
        margin-bottom: 10px;
    }

    #dropdownmenuheader {
        background-image: url(../design/products_expand.png);
        background-repeat: no-repeat;
        background-position: 95% 50%;
        padding: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

        #dropdownmenuheader.dropdownmenuopen {
            background-image: url(../design/products_collapse.png);
            background-repeat: no-repeat;
            background-position: 95% 50%;
        }

    #dropdownmenucontent {
        display: none;
        position: absolute;
        width: 100%;
        z-index: 11;
    }

        #dropdownmenucontent a {
            text-decoration: none;
        }

        #dropdownmenucontent .menuitem {
            display: block !important;
        }

        #dropdownmenucontent .expandable > .menuitem:first-child {
            background-image: url(../design/expand_menu.png);
            background-repeat: no-repeat;
            background-position: 95% 50%;
        }

        #dropdownmenucontent .expandable > .open.menuitem:first-child {
            background-image: url(../design/collapse_menu.png);
            background-repeat: no-repeat;
            background-position: 95% 50%;
        }

    .submenuwrap {
        text-indent: 20px;
    }

        .submenuwrap .submenuwrap {
            text-indent: 40px;
        }

            .submenuwrap .submenuwrap .submenuwrap {
                text-indent: 60px;
            }

                .submenuwrap .submenuwrap .submenuwrap .submenuwrap {
                    text-indent: 80px;
                }

    #dropdownmenucontent .menuitem a {
        display: block;
        height: 100%;
        width: 100%;
        padding: 15px !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    /* Dropdown menu end */
}

/*****************************************************************************************/
/************************************ Banner *********************************************/
/*****************************************************************************************/
/* Banner begin */
#secrets {
    display: none;
}

#bannerContainer {
    margin-top: 10px;
    width: 100%;
    display: none;
    position: relative;
    z-index: 0;
}

.multipic {
    cursor: pointer;
}

.singlepicture a, .singlepicture img {
    max-width: 100%;
}

#smallbanners .flex-direction-nav {
    display: none;
}


.rendersingle_fanemeny_content_element {
    display: block;
    padding: 25px 20px 25px 20px;
    clear: both;
    background-color: #fff;
    border: 1px solid #CECECE;
}

    .rendersingle_fanemeny_content_element * {
        max-width: 100%;
        max-height: 100%;
    }

.flex-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    width: auto;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#smallbanners .flex-caption {
    display: none;
}

.flexslider .slides img {
    width: 100%;
}

@media (max-width: 480px) {
    /* Banner begin */
    #smallbanners {
        display: none;
    }
    /* Banners end */


}

@media (min-width:481px) {
    /* Banner begin */
    #smallbanners {
        width: 100%;
        margin-top: 20px;
    }

        #smallbanners .flexslider {
            width: 32.33%;
            float: left;
            margin-bottom: 15px;
        }

            #smallbanners .flexslider.center {
                margin: 0 1.5% 15px 1.5%;
            }
}

.flex-next img,
.flex-prev img {
    display: block;
    max-height: 100%;
    max-width: 100%;
}
/* Banner end*/


/*****************************************************************************************/
/************************************ Mobilbanner ****************************************/
/*****************************************************************************************/
@media (max-width:480px) {
    .hasmobilebanner .flexslider.main, .hasmobilebanner #smallbanners {
        display: none;
    }
}

@media (min-width:481px) {
    .flexslider.mobile {
        display: none;
    }
}


/*****************************************************************************************/
/************************************ Forside ********************************************/
/*****************************************************************************************/
/* Box view on front page begin */

.frontpage .menuintrotext {
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.frontpage #product_category {
    display: none;
}
/* Box view on front page begin */
/* Box view front page */
/* 2 products side by side */
@media (min-width: 481px) and (max-width: 591px) {
    .frontpage .renderboxtr {
        width: 48%;
    }
}

/* 3 products side by side */
@media (min-width: 592px) and (max-width: 799px) {
    .frontpage .renderboxtr {
        width: 31%;
    }
}
/* 4 products side by side*/
@media (min-width: 800px) and (max-width: 1015px) {
    .frontpage .renderboxtr {
        width: 23%;
    }
}
/* 5 products side by side */
@media (min-width: 1016px) {
    .frontpage .renderboxtr {
        width: 18%;
    }
}
/* Box view end */

/*****************************************************************************************/
/************************************ Products *******************************************/
/*****************************************************************************************/

#product_category {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.notinstock {
    width: 400%;
    display: inline-block;
    font-weight: 600;
}

.renderboxtr a.prodlinkdb, .spandesc a.prodlinkd {
    text-decoration: none;
}

.boxalt06, .spanalt06 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

    .boxalt06 img, .spanalt06 img, .boxalt06 a, .spanalt06 a {
        max-width: 100%;
    }

.renderboxtr, .renderlisttr {
    background-color: #fff;
}

@media (max-width:480px) {
    .boxalt06, .spanalt06 {
        max-width: 15% !important;
        top: 10px !important;
    }
    /* Common list and box styles start */
    .renderboxtr, .renderlisttr {
        padding: 10px;
    }

    .boxorgprice, .spanorgprice {
        margin-top: auto;
        color: #000;
        text-decoration: line-through;
        font-size: 14px;
        font-weight: normal;
    }


    .boxpicture,
    .renderlisttr .spanpicture {
        width: 33%;
        float: left;
        margin-right: 5%;
        height: 100%;
        max-height: 120px;
    }

        .boxpicture div, .boxpicture img, .spanpicture a, .spanpicture img {
            max-width: 100%;
            max-height: 100%;
            display: block;
        }

    .boxprice, .spanprice {
        font-weight: 600;
        font-size: 22px;
    }
    /* Common list and box styles end */
    #added_to_cart {
        position: fixed;
        top: -55px;
        width: 95%;
        left: 2.5%;
        background-image: url(../design/msg_addtocart_bg.gif);
        background-position: 5% 50%;
        background-repeat: no-repeat;
        border: 1px solid rgb(147,149,152);
        padding: 10px 10px 10px 60px;
        z-index: 1;
        -moz-transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
        transition: all ease-in-out 0.5s;
    }

        #added_to_cart.added_to_cart {
            top: 55px;
        }

    #added_to_cart_img {
        position: fixed;
        top: 40px;
        width: 20%;
        left: 77.5%;
        display: none;
        -moz-transition: ease-in-out;
        -o-transition: ease-in-out;
        -webkit-transition: ease-in-out;
        transition: ease-in-out;
    }

        #added_to_cart_img img {
            max-width: 100%;
        }
}




/*****************************************************************************************/
/************************************ Products Single ************************************/
/*****************************************************************************************/

.singledesc {
    font-size: 24px;
    text-align: center;
    font-weight: 600;
    margin: 10px 0;
}

    .singledesc h1 {
        margin: 0;
        padding: 0;
        font-size: inherit;
        font-weight: inherit;
        line-height: 1;
        font-weight: 400;
        font-size: 42px;
    }
/* Varians */
.singlevariantstuff {
    margin-top: 15px;
    position: relative;
    z-index: 1;
}

.singlevariantpictures {
    display: none;
}

.singlevariantstuff .singlevariancolortd {
    width: 100%;
    float: left;
}

.singlevariancolortd {
    width: 49%;
    clear: right;
    float: right;
}

.singlevariantd:not(.singlevariantstuff .singlevariancolortd ) {
    width: 100%;
    float: left;
    margin-top: 5px;
}

.singlevariantstuff select {
    width: 100%;
}

.singlepricev:before, .boxpricev:before, .listpricev:before {
}

/* Prodrequest, tipafriend etc */
.singleprinterfriend, .singletipafriend, .singleuserlist {
    float: left;
    margin-left: 1%;
    padding: 5px;
    border: 1px solid rgb(147,149,152);
}


    .singleprinterfriend a, .singletipafriend a, .singleprodrequest a, .singleuserlist a, .singleprinterfriend img, .singletipafriend img, .singleprodrequest img, .singleuserlist img {
        display: block;
        max-width: 100%;
        max-height: 100%;
    }

.singleprinterfriendtxt, .singletipafriendtxt, .singleprodrequesttxt {
    display: none;
}

.printerfriendv, .tipafriendv, .prodrequestv, .planpurchasebtn {
    float: left;
    cursor: pointer;
    position: relative;
}


.planpurchasebtn {
    padding: 2px 5px;
    border: 1px solid rgb(147,149,152);
}

#planPurchaseAddButton {
    display: none;
}

#singlePlanPurchaseListSelect {
    background-color: #fff;
}

@media (max-width: 480px) {
    .singleprodrequest {
        float: left;
        margin-bottom: 10px;
        position: relative;
        z-index: 1;
    }

    .singledesc {
        margin: 0 0 20px 0;
    }

    .singleprice {
        position: relative;
        z-index: 10;
    }
}

@media (min-width: 481px) {
    .singleprodrequest {
        float: right;
        clear: right;
        width: 49%;
        margin-top: 10px;
    }
}

.singleproductidenttxt {
    display: none;
}

#render .singlevarlongdesc {
    display: none;
}

.singletwitter, .singlefacebook, .singlepinterest, .singlegoogle {
    float: right;
    display: inline-block;
    max-width: 80px;
    height: 25px;
    margin-right: 10px;
    overflow: hidden;
}

@media (max-width: 480px) {

    .singlesocial {
        width: 100%;
        margin: 0 auto;
        max-width: 275px;
        padding: 0;
        min-height: 20px;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .singlefacebook, .singletwitter {
        width: 35%;
        max-width: 35%;
        margin: 0;
    }

    .singlepinterest, .singlegoogle {
        width: 15%;
        max-width: 15%;
        margin: 0;
    }
}

@media (max-width:745px) {
    #socialmedia,
    #facebooklikebox {
        display: none;
    }
}

@media (min-width: 481px) {
    #displaywrapper .singlesocial {
        position: absolute;
        right: 0;
        top: auto;
        bottom: 5px;
    }
}

/******************************************/
/*            LIGHTBOX START              */
/******************************************/
#lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100000;
    text-align: center;
    line-height: 0;
}

    #lightbox a img {
        border: none;
    }

#outerImageContainer {
    position: relative;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto;
    font-size: 0 !important;
}

#imageContainer {
    display: inline-block;
    padding: 10px;
}

    #imageContainer img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

#loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#imageContainer > #hoverNav {
    left: 0;
}

#hoverNav a {
    outline: none;
}

#prevLink, #nextLink {
    width: 49%;
    height: 100% !important;
    background-image: url(../dep/blank.gif);
    background-repeat: no-repeat; /* Trick IE into showing hover */
    display: block;
}

#prevLink {
    left: 0;
    float: left;
}

#nextLink {
    right: 0;
    float: right;
}

#prevLink:hover, #prevLink:visited:hover {
    background-image: url(../dep/prevlabel.gif);
    background-position: left 15%;
    background-repeat: no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
    background-image: url(../dep/nextlabel.gif);
    background-position: right 15%;
    background-repeat: no-repeat;
}


#imageDataContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    max-width: 100%;
}

#imageData {
    padding: 0 10px;
}

    #imageData #imageDetails {
        width: 50%;
        float: left;
        text-align: left;
    }

    #imageData #caption {
        font-weight: 600;
    }

    #imageData #numberDisplay {
        display: block;
        clear: left;
        padding-bottom: 1.0em;
    }

    #imageData #bottomNavClose {
        width: auto;
        padding-bottom: 0.7em;
        float: right;
    }

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90000;
    width: 100%;
    height: 500px;
}
/******************************** LIGHTBOX SLUTT *************************************/


/* Tips en venn / Send �nskeliste til en venn / Produktforesp�rsel */

.tipafriendtop, .senduserlisttop, .prodrequesttop {
    clear: right;
    position: relative;
    overflow: hidden;
    border: 1px solid #aaaaaa;
    width: 49%;
    float: right;
    margin-top: 10px;
}

@media (max-width: 480px) {
    .tipafriendtop, .senduserlisttop, .prodrequesttop {
        width: 100%;
    }
}

/* Sosiale medier */
.tipafriendsocialtr {
    float: left;
    width: 49%;
}

    .tipafriendsocialtr a {
        text-decoration: none;
        line-height: 1.83em;
        padding-bottom: 1em;
        display: block;
    }

        .tipafriendsocialtr a:hover {
        }

        .tipafriendsocialtr a img {
            display: inline;
            vertical-align: middle;
        }

.tipafriendnettbytr {
    display: none;
}

.tipafriendfav img {
    float: left;
    padding-bottom: 1em;
    padding-right: 2px;
}

.tipafriendtwitttr, .tipafriendnettbytr, .tipafriendfavtr {
    float: right;
    width: 36%;
}

.tipafriendfacetr, .tipafrienddelitr, .tipafriendrsstr {
    float: left;
    width: 55%;
    margin-left: 8%;
}

.tipafriendtoptr {
    float: right;
    width: 49%;
}

.prodrequesttoptr {
    float: left;
    margin-left: 8%;
}

.tipafriendhead, .senduserlisthead, .prodrequesthead {
    font-weight: 600;
    overflow: hidden;
}

.tipafriendheadtxt img, .prodrequestheadtxt img {
    display: none;
}

.tipafriendheadtxt, .prodrequestheadtxt, .senduserlistheadtxt {
    font-weight: 600;
    position: absolute;
    left: 1em;
    top: 1em;
}

    .senduserlistheadtxt img {
        display: none;
    }

.tipafriendheadclose, .senduserlistheadclose, .prodrequestheadclose {
    cursor: pointer;
    position: absolute;
    right: 1em;
    top: 1em;
}

.tipafriendpname, .senduserlistpname, .prodrequestpname {
    display: none;
}

.tipafrienderrmsg, .prodrequesterrmsg {
    color: Red;
    padding-bottom: 0.5em;
}

.tipafriendmsg, .prodrequestmsg {
    color: Green;
    font-weight: 600;
    padding-bottom: 0.5em;
}

.senduserlistmsg, .senduserlisterrmsg {
    color: Red;
}

input.tipafriendinp, textarea.tipafriendcommentinp, input.senduserlistinpinp, textarea.senduserlistcommentinp, input.prodrequestinpinp, textarea.prodrequestcommentinp, .prodrequestinp {
    width: 80%;
    border: 1px solid #cccccc;
}

.prodrequestfrom {
    margin-top: 50px;
}

.prodrequesttoptr {
    margin-bottom: 10px;
}

.tipafriendsubmit, .senduserlistsubmit, .prodrequestsubmit {
    margin-top: 0.5em;
}

.tipafriendsubmittxt, .senduserlistsubmittxt, .prodrequestsubmittxt {
    cursor: pointer;
    float: left;
}

.tipafriendsubmittv, .senduserlistsubmittv, .prodrequestsubmittv {
    display: none;
    cursor: pointer;
}

.tipafriendsendtxt, .tipafriendcommenttxt, .tipafriendfromtxt, .senduserlistsendtxt, .senduserlistfromtxt, .senduserlistcommenttxt, .prodrequestsendtxt, .prodrequestfromtxt, .prodrequestcommenttxt {
    font-weight: normal;
}

.tipafriendheadtxt, .prodrequestheadtxt {
    font-weight: 600;
}

/*-----------------------------------------------------------------------------------*/

/* PRODUCTS */
.singledimen, .singlecolor {
    display: none;
}

.rendersingle {
    background-color: #fff;
    position: relative;
    border: 1px solid #CECECE;
    padding: 10px;
    margin-bottom: 20px;
}

@media (max-width: 480px) {
    /* Single start */
    .singleproductrating, .singleproductident, #myprodslider, .singlealt01txt, .singlepricetxt, .singleprice .singleorgprice, .singletipafriend .txt, .singleprinterfriend, .singleprodrequest .txt, .singlesuppliersdescr, .singlelongdesc, .singlealt07txt, .singlealt08 {
        display: none !important;
    }

    #singleallmultipics {
        display: block;
        text-align: center;
        height: 60px;
        overflow: hidden;
    }

        #singleallmultipics .singlemultipic {
            display: inline-block;
            height: 60px;
            width: 60px;
            max-height: 60px;
            max-width: 60px;
            border: 1px solid rgb(230,230,230);
            padding: 5px;
        }

            #singleallmultipics .singlemultipic:nth-child(even) {
                margin: 0 10px;
            }

            #singleallmultipics .singlemultipic img {
                width: 100%;
                height: auto;
                display: block;
                margin: 0 auto;
            }

    .singlepicture {
        text-align: center;
    }

    .singlealt01v {
        font-weight: 600;
    }

    .singlealt01v, .singlealt07v {
        width: 100% !important;
    }

    #divmulitpic {
        position: relative;
        padding: 10px;
    }

    #mulitpictureaft, #mulitpicturepre {
        position: absolute;
        height: 20%;
        width: 25%;
        top: 40%; /* 50% - (20%/2) */
        z-index: 1;
    }

        #mulitpictureaft img, #mulitpicturepre img {
            display: none;
        }

    #mulitpicturepre {
        left: 0;
        text-align: left;
    }

    #mulitpictureaft {
        right: 0;
        text-align: right;
    }

    .prodrequesttop .txt {
        width: 100%;
    }

    .prodrequestsubmittv {
        display: none !important;
    }

    .rendersingle .txt {
        display: inline-block;
        width: 30%;
    }

    .singlealt01, .singlealt07 {
        text-align: center;
    }

    .singlealt07 {
        margin-bottom: 20px;
    }

    .rendersingle .value:not(.prodrequestv):not(.singlecartv) {
        display: inline-block;
        margin-top: 5px;
    }

    .singlepricev.value {
        float: right;
        font-weight: 600;
        margin-bottom: 10px;
        font-size: 36px;
    }

    .singlepurchasebtn {
        width: 100%;
        margin: 20px 0 5px;
        font-size: 22px;
    }

    .singlecart {
        padding: 10px 0;
        margin: 2px 0;
    }

        .singlecart .txt, .singlecart .value, .singlecart input, .singlecart .label {
            display: inline-block;
            float: left;
        }

    @media (max-width: 300px) {
        .singlecarttxt {
            display: none !important;
        }

        .singlecartv {
            width: 85% !important;
        }
    }

    .singlecart .txt {
        width: auto;
        margin-right: 10px;
        margin-top: 9px;
    }

    .singlecart .singlerender {
        width: 35px;
        height: 35px;
        text-align: center;
    }

    .singletwitter, .singlefacebook {
        display: inline-block;
        float: left;
        width: 85px;
    }

    .singlecartinp {
        width: 10%;
        float: left;
        margin-top: 4px;
    }

    .singlecartv {
        cursor: pointer;
        width: 65%;
        display: none !important;
        float: right !important;
    }

        .singlecartv img {
            max-width: 100%;
        }

    #singlemultipicwrap {
        position: relative;
    }

    /* Logo p� vare */
    .singlealt06txt {
        display: none !important;
    }

    .singlealt06 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 8;
    }

    .singlealt06v img {
        padding-bottom: 10px;
    }
}

@media (min-width:481px) {
    /* Felles stiler for h�yrejusterte felter singelvisning*/
    .singleproductident,
    .singledesc,
    .singledimen,
    .singlecolor,
    .singleunit,
    .singlequantityonhand,
    .singleprice,
    .singlecart,
    .singlealt01,
    .singlealt02,
    .singlealt03,
    .singlealt04,
    .singlealt05,
    .singlealt07,
    .singlealt08,
    .singlealt09,
    .singlealt10,
    .singlevariantstuff,
    .singleproductrating,
    .singlePlanPurchase,
    .singleCustomWrp {
        width: 49%;
        font-weight: 600;
        clear: right;
        float: right;
    }

    .singleproductidenttxt, .singledimentxt, .singlecolortxt, .singleunittxt, .singlequantityonhandtxt, .singlealt02txt, .singlealt03txt, .singlealt04txt, .singlealt05txt, .singlealt08txt, .singlealt09txt, .singlealt10txt, .singlevariantcolordtxt, .rendersingle .customtxt {
        width: 25%;
        float: left;
        min-width: 90px;
    }

    .singleproductidentv, .singledimenv, .singlecolorv, .singleunitv, .singlequantityonhandv, .singlealt02v, .singlealt03v, .singlealt04v, .singlealt05v, .singlealt08v, .singlealt09v, .singlealt10v, .rendersingle .customvalue {
        width: 40%;
        float: left;
        font-weight: normal;
    }

    .singlevariantdv,
    .singlevariantcolordv {
        width: 80%;
        float: left;
        max-width: 150px;
        font-weight: normal;
    }

    .singlealt07txt, .singlealt08, .singlelongdesc {
        display: none !important;
    }

    .singlealt07v {
        width: 100%;
        font-weight: normal;
        font-size: 14px;
    }


    /* Lang beskrivelse */
    .singlelongdesc, .singlevarlongdesc {
        padding: 0;
        border-top: 1px solid #cccccc;
        padding-top: 5px;
        display: block;
        clear: both;
    }

    .longdescv {
        margin: 0;
        padding: 0;
    }

    .singlelongdesctxt {
        display: none;
    }

    /* Lang beskrivelse 2 (leverand�rbeskrivelse) */
    .singlesuppliersdescr {
        padding: 0;
        padding-top: 5px;
        display: block;
        clear: both;
        display: none;
    }

    .singlesuppliersdescrtxt {
        display: none;
    }

    /* Logo p� vare */
    .singlealt06txt {
        display: none;
    }

    .singlealt06 {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }

    .singlealt06v img {
        padding-bottom: 10px;
    }
    /* Single product begin */
    #singlemultipicwrap {
        width: 48%;
        float: left;
        top: -20px;
        position: relative;
    }

    #divmulitpic {
        width: 100%;
        position: relative;
        padding: 10px;
    }

    #singleallmultipics {
        display: inline-block;
    }

    .singlepicture {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .singlemultipic {
        float: left;
        cursor: pointer;
        margin-right: 15px;
        padding: 5px;
    }

    .singlealt01txt {
        display: none !important;
    }

    #mulitpicturepre {
        position: absolute;
        left: 0;
        top: 40%;
        opacity: 0;
        -moz-transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
        transition: all ease-in-out 0.5s;
    }

    #mulitpictureaft {
        position: absolute;
        right: 0;
        top: 40%;
        opacity: 0;
        -moz-transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
        transition: all ease-in-out 0.5s;
    }

    #divmulitpic:hover #mulitpictureaft, #divmulitpic:hover #mulitpicturepre {
        opacity: 1;
    }

    .singledesc h1 {
        text-align: left;
        margin-bottom: 20px;
    }

    .singleproductident {
        font-weight: normal;
        font-size: 12px;
        padding-top: 5px;
    }

    .singleprice {
        margin: 25px 0;
    }

    .singlepricetxt {
        display: none !important;
    }

    .singlepricev {
        font-size: 34px;
        font-weight: 600;
    }


    .singleorgprice {
        font-weight: normal;
        text-decoration: line-through;
    }

    .singlecart {
        padding: 10px 0;
        font-weight: normal;
        margin-bottom: 55px;
    }

        .singlecart div {
            display: inline-block;
            vertical-align: middle;
            margin-right: 5%;
        }

    .singlepurchasebtn {
        padding: 10px 50px;
    }

    .singlecart .singlecarttxt {
        max-width: 20%;
    }

    @media (max-width: 775px) {
        .singlecarttxt label {
            display: none !important;
        }
    }

    .singlecart .singlecartinp {
        height: 35px;
        width: 35px;
        max-width: 20%;
    }

        .singlecart .singlecartinp input {
            border: 1px solid #CECECE;
            height: 100%;
            width: 100%;
            display: block;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: center;
        }

    .singlecart .singlecartv {
        height: 35px;
        max-width: 60%;
        margin-right: 0 !important;
    }

        .singlecart .singlecartv img {
            display: none !important;
        }



    /* Single product end */
}


/*****************************************************************************************/
/************************************ Fanemeny *******************************************/
/*****************************************************************************************/
#rendesingle_fanemeny_container {
    clear: both;
    margin-bottom: 20px;
}


@media (max-width:480px) {
    /* Fanemeny */
    #rendesingle_fanemeny_container {
        position: relative;
        padding-bottom: 10px;
    }

    .rendersingle_fanemeny_header_wrapper {
        display: none;
    }

    .rendersingle_fanemeny_wrapper {
        margin-bottom: 10px;
    }

    .rendersingle_fanemeny_header_element {
        display: block;
        clear: both;
        cursor: pointer;
        line-height: 50px;
        font-size: 26px;
        font-weight: 400;
        text-indent: 10px;
        background-image: url(../design/collapse_menu.png);
        background-repeat: no-repeat;
        background-position: 95% 50%;
        padding: 5px;
    }

    .rendersingle_fanemeny_content_element {
        border-top: none;
    }

    .rendersingle_fanemeny_header_element.closedtab {
        border: 1px solid #CECECE;
        /*border-bottom: 0;*/
        background-image: url(../design/expand_menu.png);
    }

    .rendersingle_fanemeny_content_element p:first-child {
        margin-top: 0;
        padding-top: 10px;
    }

    .disabled_tab {
        display: none;
    }
}

@media (min-width:481px) {
    /************ START FANEBASERT MENY SINGELVISNING  ***********/
    .rendersingle_fanemeny_header_wrapper {
        display: block;
    }

    .rendersingle_fanemeny_header_element {
        display: block;
        float: left;
        cursor: pointer;
        padding: 10px 20px;
        margin: 0px 1px -2px 1px;
        font-weight: 600;
        font-size: 90%;
    }

    .disabled_tab {
        cursor: default !important;
        background-color: #CECECE;
    }


    .rendersingle_fanemeny_wrapper {
        display: block;
    }

        .rendersingle_fanemeny_wrapper:first-child {
            margin-left: 0px;
        }

        .rendersingle_fanemeny_wrapper .rendersingle_fanemeny_header_element {
            display: none;
        }

    .rendersingle_fanemeny_header_element.activetab {
        background-color: #FFF;
        color: inherit;
        border: 1px solid #CECECE;
        border-bottom: 1px solid #FFF;
        margin-left: 0px;
    }
    /************ SLUTT FANEBASERT MENY SINGELVISNING  ***********/
}


/*****************************************************************************************/
/************************************ Products Box ***************************************/
/*****************************************************************************************/
.boxorgpricenull, .boxproductident {
    display: none;
}

.boxalt06 {
    max-width: 33%;
}

.boxreadmorebtn, .boxpurchasebtn {
    margin: 10px 0;
    padding: 5px 10px;
    display: inline-block;
    font-weight: 600;
    min-width: 80px !important;
}

    .boxreadmorebtn img, .boxpurchasebtn img {
        vertical-align: middle;
    }


/* 2 products side by side */
@media (min-width: 481px) and (max-width: 744px) {
    .renderboxtr {
        width: 48%;
    }
}

/* 3 products side by side */
@media (min-width: 745px) and (max-width: 1010px) {
    .renderboxtr {
        width: 31%;
    }
}
/* 4 products side by side*/
@media (min-width: 1011px) {
    .renderboxtr {
        width: 23%;
    }
}
/* BOX VIEW */
.boxcarttxt, .boxcartinp, .boxreadmore, .boxcartv img {
    display: none;
}

.boxorgprice {
    text-decoration: line-through;
    font-weight: 300;
    font-size: 14px;
    margin-top: -45px;
}

@media (max-width: 480px) {
    /* Box start */
    .renderboxtr {
        width: 100%;
        border: 1px solid #CECECE;
        margin-bottom: 10px;
        clear: both;
        position: relative;
        min-height: 120px;
    }

    .boxalt01, .boxproductrating, .boxreadmore .prodlinkdb {
        display: none;
    }

    .boxdesc, .boxprice, .boxreadmore, .boxcart {
        float: right;
        width: 62%;
    }

    .boxorgprice {
        margin-top: 0;
    }
    /* Box end */
}

@media (min-width:481px) {

    .renderboxtr {
        min-width: 180px;
        float: left;
        margin: 1%;
        overflow: hidden;
        display: table-cell;
        position: relative;
        height: 395px;
        padding: 10px;
        border: 1px solid #CECECE;
    }

        .renderboxtr .boxpicture {
            width: 95%;
            margin: 0 auto;
            line-height: 225px;
            margin-bottom: 10px;
            text-align: center;
        }

    .boxpicture img, .boxpicture a {
        max-width: 100%;
        max-height: 100%;
    }

    .boxpicture img {
        vertical-align: middle;
    }

    .renderboxtr .boxalt01txt {
        display: none;
    }

    .renderboxtr .boxdesc {
        font-weight: 400;
        text-align: center;
        height: 45px;
        overflow: hidden;
        font-size: 24px;
        line-height: 1;
    }

    .renderboxtr .boxalt01 {
        height: 50px;
        overflow: hidden;
        text-align: center;
        padding-top: 10px;
    }

    .boxprice {
        display: inline-block;
        float: left;
        margin-top: 10px;
        margin-left: 5px;
        font-weight: 800;
    }

    .boxpricev {
        display: inline-block;
        font-size: 22px;
        font-weight: 600;
    }



    .boxreadmore, .boxcart {
        float: right;
        margin-right: 5px;
    }

        .boxreadmore .prodlinkdb {
            display: none;
        }

    #product_category {
        display: none;
    }
}




/*****************************************************************************************/
/************************************ Products List **************************************/
/*****************************************************************************************/
.spanalt06 {
    max-width: 6%;
}

@media (min-width:901px) {
    .renderlisttr .svgwrapper {
        display: none !important;
    }
}


/* List view */
@media (min-width: 481px) and (max-width: 900px) {
    .spanproductident, .fieldproductident, .spancart img, .spanreadmore img {
        display: none !important;
    }

    .spandesc, .fielddescription {
        width: 50%;
        padding: 0 15px;
    }

    .spanprice, .fieldprice {
        width: 17.5%;
    }

    .spancart, .spanreadmore {
        width: 10%;
    }
}

@media (max-width: 480px) {
    /* List start */
    #fieldheader, .spanproductident, .seconddesc, .spancartinp, .spancart img, .spanreadmore img {
        display: none;
    }

    .spanpicture {
        min-height: 100px;
    }

    .spandesc, .spanprice, .spancart, .spanreadmore {
        width: 62%;
        float: right;
    }

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

        a.prodlinkimg, a.prodlinkimg img {
            margin: 0 auto;
        }

    .renderlisttr {
        border-top: 1px solid rgb(42,42,42);
        clear: both;
        position: relative;
    }

    /* List end */

}

@media (min-width:481px) {
    /****************************************** LISTEVISNING PRODUKTER *************************************/
    .fieldheader {
        width: 100%;
        overflow: hidden;
        clear: both;
        border: 1px solid #cccccc;
        text-transform: uppercase;
        font-weight: 600;
    }

    .fieldheadertr {
        display: table;
        width: 100%;
    }

        .fieldheadertr div {
            display: table-cell;
            line-height: 30px;
        }

            .fieldheadertr div:first-line {
                font-size: 14px;
            }

    .renderlisttr {
        overflow: hidden;
        display: table;
        position: relative;
        width: 100%;
        margin-top: 10px;
        padding: 20px 10px;
        border: 1px solid #CECECE;
    }

        .renderlisttr div {
            display: table-cell;
            line-height: 1;
        }

    .spanpicture, .spanproductident, .spandesc, .spanprice, .spanorgprice, .spancartinp, .spancart, .spanreadmore {
        vertical-align: middle;
        line-height: 100%;
    }

    .fieldreadmore {
        display: none !important;
    }

    .afieldheader {
        text-decoration: none;
    }

        .afieldheader:hover {
            text-decoration: underline;
        }

    /* Feltene */
    .fieldthumbnailpic {
        width: 13%;
        padding-left: 2%;
    }

    .spanpicture {
        width: 8%;
        display: block;
        overflow: hidden;
        text-align: center;
    }

        .spanpicture div, .spanpicture a, .spanpicture img {
            display: inline-block;
            text-align: center;
            width: 100%;
            overflow: hidden;
        }

    .fieldproductident, .spanproductident {
        width: 15%;
        overflow: hidden;
        text-align: center;
    }

    .spanproductident {
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        font-size: 12px;
    }

    .fielddescription, .spandesc {
        width: 50%;
    }

    .fieldprice, .spanprice {
        width: 13.5%;
        text-align: left;
        white-space: nowrap;
    }

    .spanprice {
        font-size: 22px;
        font-weight: 600;
    }

    .spanorgprice {
        text-align: left;
        text-decoration: line-through;
        white-space: nowrap;
        font-weight: normal;
        display: none;
        font-weight: 300;
        font-size: 14px;
        color: black;
    }

    .spanprice .spanorgprice {
        display: block;
        padding-top: 5px;
    }

    .spanorgpricenull {
        display: none;
    }

    .fieldcart {
        width: 24.5%;
    }

    .spancartinp input {
        width: 100%;
        max-width: 35px;
        text-align: center;
    }

    .spancartinp {
        width: 11%;
        max-width: 25px;
        margin-left: 2.5%;
    }

    .spancart, .spanreadmore {
        width: 19%;
        margin-left: 2%;
        text-align: right;
    }

        .spancart img, .spanreadmore img {
            display: none;
            max-width: 100%;
            cursor: pointer;
        }

    a.prodlinkd {
        font-weight: 400;
        text-decoration: none;
        font-size: 24px;
    }

        a.prodlinkd:hover {
            text-decoration: underline;
        }
}

.fieldheader {
    display: none;
}


/*****************************************************************************************/
/************************************ Products Menu **************************************/
/*****************************************************************************************/
/* MENU DISPLAY BEGIN */
/* Indre boks-container som er lik Lynx Standard i h�yde/bredde */
.rendermenutr {
    position: relative;
    width: 100%;
    display: inline-block;
    max-height: 250px;
    overflow: hidden;
}

    .rendermenutr:hover {
        -webkit-box-shadow: 0px 0px 15px rgba(65, 65, 65, 0.4);
        -moz-box-shadow: 0px 0px 15px rgba(65, 65, 65, 0.4);
        box-shadow: 0px 0px 15px rgba(65, 65, 65, 0.4);
    }


.rendermenudesc {
    height: 30px;
    width: 100%;
    text-align: center;
    padding-left: 10px;
    overflow: hidden;
    bottom: 0;
    left: 0;
    position: absolute;
}

a.prodlinkdm {
    font-size: 20px;
    text-decoration: none;
    overflow-wrap: break-word;
}


.rendermenupicture {
    width: 100%;
    text-align: center;
}

    .rendermenupicture img, .rendermenupicture a {
        max-width: 100%;
    }

@media (min-width: 481px) {

    .rendermenu1, .rendermenu2, .rendermenu3, .rendermenu4, .rendermenu5, .rendermenu6 {
        display: inline-block;
        width: 48%;
        margin: 5px 1%;
        cursor: pointer;
        -moz-transition: all ease-in-out 0.15s;
        -o-transition: all ease-in-out 0.15s;
        -webkit-transition: all ease-in-out 0.15s;
        transition: all ease-in-out 0.15s;
    }
}


@media (max-width: 480px) {
    .rendermenu1, .rendermenu2, .rendermenu3, .rendermenu4, .rendermenu5, .rendermenu6 {
        display: inline-block;
        width: 95%;
        margin: 5px 2.5%;
        cursor: pointer;
        -moz-transition: all ease-in-out 0.15s;
        -o-transition: all ease-in-out 0.15s;
        -webkit-transition: all ease-in-out 0.15s;
        transition: all ease-in-out 0.15s;
    }


    /* MENU DISPLAY END */
}

/*****************************************************************************************/
/************************************ Render *********************************************/
/*****************************************************************************************/
.menuintrotext img, .menumaintext img {
    max-width: 100%;
    height: auto !important;
}

@media (min-width: 481px) {
    /****************************************** RENDER *************************************/
    #render {
        width: 100%;
    }

    .menuintrotext, .menumaintext {
        overflow: hidden;
        padding-bottom: 10px;
        clear: both;
        font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    }

        .menuintrotext ul, .menumaintext ul, .longdescv ul, .singlealt01 ul, .singlesuppliersdescr ul {
            list-style-position: inside;
        }

        .menuintrotext h1 {
            margin: 0;
            padding: 0;
            font-size: 24px;
            font-weight: normal !important;
            font-family: 'Open Sans';
        }

        .menuintrotext a, .menumaintext a {
        }

            .menuintrotext a:hover, .menumaintext a:hover {
            }

    .menumaintext {
        margin-top: 5px;
    }
}


/*****************************************************************************************/
/************************************ Order **********************************************/
/*****************************************************************************************/
/* checkout */
.cartwrap .orderCart h2 {
    text-indent: 3px;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 0;
    vertical-align: bottom;
    font-weight: 400;
}

    .cartwrap .orderCart h2:before {
        background-color: #F00;
        padding: 4px 2px 3px 5px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        color: #FFF;
        font-size: 18px;
        margin-left: 7px;
    }


    .cartwrap .orderCart h2 img {
        height: 20px;
        vertical-align: bottom;
        display: none;
    }

.ocdpersonnummer, .ocfpersonnummer {
    display: none;
}

/*.KlarnaPartLine,*/
.KlaraTerms {
    margin-left: 10px;
}

#comments {
    width: 100%;
}

/* Betingelser */
#betingelser {
    text-align: right;
    margin-top: 10px;
    padding-bottom: 5px;
    clear: both;
}

#betingelser_container {
    text-align: left;
    margin-top: 10px;
}

#betingelser_link a {
}

/* Feilmelding */
#custformorder #errormessage {
    color: Red;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Knapper nederst */
.cartformbottom {
    overflow: hidden;
}

/********************************************************/
/************** Order begin *****************************/
/********************************************************/


#ocfpayment label {
    font-size: 12px;
}

#desktopoptionallogin {
    padding: 15px 10px;
    margin-top: 20px;
    background-color: #CEF3BD;
    margin-bottom: 10px;
}

@media (max-width: 480px) {
    .mobileordercontent, #desktopoptionallogin {
        display: none;
    }

    #displaywrapper #desktopoptionallogin {
        display: block;
    }

    .mobileorderheader, #kundelogonhead, #newcusthead {
        padding: 10px;
        margin-top: 10px;
        font-size: 24px;
        cursor: pointer;
        background: rgba(0, 0, 0, 0.15);
        font-weight: 600;
        display: block;
        width: 100%;
    }

    input.ordercustform {
        height: 30px;
        border: 1px solid rgba(0, 0, 0, 0.3);
        line-height: 30px;
        font-size: 20px;
        text-indent: 10px;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mobileordercontent .neworno,
    #payopt2,
    #orderformfields3,
    #cart4, #kundelogon,
    #newcustform,
    .mypagearound .boxcontent {
        padding: 10px;
        margin-top: 10px;
    }

    #orderformfields3,
    .mobileorderheader {
        clear: both;
    }

    .optlogin_login, .neworno #neworno_submit {
        display: none;
    }

    #ordreregistrerkunde {
        width: 100%;
    }

    .neworno input, #ocfpayment input {
        margin-top: 10px;
        -webkit-appearance: radio;
    }



    #ocfpayment label img {
        display: inline-block;
        vertical-align: middle;
        margin: 5px 0;
    }

    #neworno_submit, .mobileordercontent input[type=submit] {
        padding: 5px 15px;
        margin-top: 10px;
        border: 1px solid rgb(42,42,42);
        width: auto;
        display: inline-block;
    }

    #neworno_submit {
        width: 45%;
        text-align: center;
    }

    .ocfpayment input[type=radio] {
        margin-right: 5px;
    }

    #orderformsubmit {
        margin: 10px 0 0 0;
        float: right;
    }

    #betingelser {
        clear: both;
        font-size: 10px;
    }


    /* Adress begin */
    #ocdcityplace,
    #ocddelivername,
    #ocfdelivername,
    #ocddeliveraddress,
    #ocfdeliveraddress,
    #ocddeliverzipcode,
    #ocfdeliverzipcode,
    #ocddelivercityplace,
    #ocfdelivercityplace,
    #ocdcomments,
    #ocfcomments {
        display: none;
    }

    #ocfdelivercityplace,
    #ocfcityplace {
        margin-top: 5px;
    }

    .addDeliverAdd, .addComment {
        margin-top: 10px;
        width: 100%;
    }

    #cart4 .cartmediumtr {
        clear: both;
    }

    #cart4 .cartmediumsumtr {
        display: block !important;
        clear: both;
        position: relative;
        height: 45px;
        border-top: 1px solid rgb(42,42,42);
    }

        #cart4 .cartmediumsumtr .cartmediumsumtxt {
            position: absolute;
            left: 0;
        }

        #cart4 .cartmediumsumtr .cartmediumsumv {
            position: absolute;
            right: 0;
            width: 30%;
        }

    #c1, #c2, #c3, #c4, #c5, #cart4 .cartmediumq, #cart4 .cartmediumd, #cart4 .cartmediump {
        float: left;
        text-align: left;
    }

    #cart4 .cartmediumq, #c1 {
        width: 20%;
    }

    #cart4 .cartmediumd, #c2 {
        width: 50%;
        max-height: 45px;
        overflow: hidden;
    }

    #cart4 .cartmediump, #c3 {
        width: 30%;
    }

    #cart4 .cartmediuml, #c4 {
        display: none;
    }

    #cart4 h2 {
        margin: 0;
    }
    /* order end */

}

/****************************************** 2: REGISTRERING / BESTILLINGSSKJEMA *************************************/

@media (min-width: 745px) {
    #fraktguiden, #manuellfraktguide {
        width: 33%;
    }

    .paymentOptions, #divorderform {
        width: 33%;
    }
}


@media (min-width:481px) and (max-width: 744px) {
    .freightheader {
        clear: both;
        margin-top: 20px;
        float: left;
    }

    #fraktguiden, #manuellfraktguide {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .paymentOptions, #divorderform {
        width: 50%;
    }

    #newshopstep {
        display: none;
    }

    #freight5 {
        width: 95%;
        margin: 0 auto;
    }
}

@media (min-width:481px) {

    #newshopstep {
        margin-bottom: 10px;
        height: 50px;
    }

    #fakttext, #paytext, #delivertext {
        width: 330px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .newshopstepdiv {
        width: 33.3%;
        width: calc(100% / 3);
        float: left;
        padding-top: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 50px;
        text-align: center;
        font-size: 20px;
        margin-top: 10px;
        background-image: url(../dep/btn-arrow-dark.png);
        background-repeat: no-repeat;
        background-position: 90% 50%;
    }

    .newshopstepdiva {
        background-image: url(../dep/btn-arrow.png);
        background-repeat: no-repeat;
        background-position: 90% 50%;
    }
}


#orderwrapper {
    padding-top: 10px;
    background-color: #fff;
    color: #000;
}

#toptext {
    font-weight: 600;
    overflow: hidden;
    display: block;
    width: 100%;
    margin-top: 60px;
}

.toptextdiv {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
}

.toptextnum {
    height: 30px;
    width: 30px;
    display: inline-block;
    border: 0;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
    font-size: 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 4px;
}

.toptexttext {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 15px;
}


#copyadr {
    position: relative;
    width: 50%;
    float: right;
    font-weight: normal;
}

    #copyadr #deladdress {
        position: absolute;
        top: -0.4em;
        margin-left: 0.3em;
        cursor: pointer;
    }

#custformorder {
    width: 100%;
}

#divorderform {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 3%;
    margin-bottom: 10px;
}

@media (min-width:481px) {
    #fraktguiden, #manuellfraktguide {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2%;
        min-height: 248px;
        margin-left: 1%;
    }
}

#fraktguiden table {
    display: none;
}

#fraktguiden .divTD {
    display: inline-block;
}

@media (min-width: 481px) {

    #divorderform, #fakttext {
        border-left: 1px solid rgb(237,237,237);
        border-right: 1px solid rgb(237,237,237);
    }
}

#ocfdatetime,
#ocddatetime,
#ocfcompanyname,
#ocdcompanyname,
#ocfcompanyregno,
#ocdcompanyregno {
    display: none;
}

/* Selve input feltene */
.ordercustform {
    display: block;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* For � f� postnr/sted ved siden av hverandre */
#ocdcityplace {
    display: none;
}

/* Registrering */
#ocfdeliverzipcode, #deliverzipcode, #ocfzipcode, #zipcode {
    width: 100%;
    float: left;
}

#zipcode,
#deliverzipcode {
    padding: 10px;
}

#ocfdelivercityplace, #delivercityplace, #ocfcityplace, #cityplace {
    width: 100%;
    float: left;
}

/* Ordreskjema */
#divorderform #ocfdeliverzipcode, #divorderform #ocfzipcode {
    width: 27%;
    margin-right: 2%;
    float: left;
    min-width: 40px;
}

#divorderform #ocfdelivercityplace, #divorderform #ocfcityplace {
    width: 71%;
    float: left;
}

#ocfemailaddress {
    padding-bottom: 0.2em;
}
/* Kommentar */
#ocfcomments {
    display: none;
}


#ocdcomments {
    display: none;
}

#comments {
    height: 6em;
}

/* Leveringsadresse */
#ocddelivername,
#ocddeliveraddress,
#ocddeliverzipcode,
#ocddelivercityplace,
#ocddelivercountry {
    display: none;
}

#ocfdelivername,
#ocfdeliveraddress,
#ocfdeliverzipcode,
#ocfdelivercityplace,
#ocfdelivercountry {
    display: none;
}

.addDeliverAdd, .addComment {
    clear: both;
}

.orderformsubmit {
    width: 200px;
    height: auto;
    border: 0;
    text-align: center;
    font-weight: 600;
    background-image: url(../dep/btn-arrow.png);
    background-position: 90% 50%;
    background-repeat: no-repeat;
    -moz-background-size: 15px;
    -o-background-size: 15px;
    -webkit-background-size: 15px;
    background-size: 15px;
}
/*********** HANDLEKURV UNDER ORDRESKJEMA ***********/
#custformorder .cartmediumtr {
    overflow: hidden;
    height: 40px;
    line-height: 20px;
    font-size: 16px;
    border-bottom: 1px solid rgb(238,238,238);
}

    #custformorder .cartmediumtr div, #custformorder .cartmediumsumtr div, #custformorder .cart2header div {
        float: left;
    }

/* Antall */
#custformorder .cartmediumq, #c1 {
    width: 11%;
    margin-left: 4%;
}

/* Varenavn */
#custformorder .cartmediumd, #c2 {
    width: 57%;
}

/* Vare pris per stk*/
#custformorder .cartmediump, #c3 {
    width: 12%;
    text-align: right;
    visibility: hidden;
}

/* Vare linjesum */
#custformorder .cartmediuml, #c4 {
    width: 12%;
    text-align: right;
}

#custformorder .cartmediuml, #custformorder .cartmediumsumv {
    font-size: 20px;
    font-weight: 600;
}

    #custformorder .cartmediumsumv:before {
        content: "Total:\00a0\00a0";
    }

/* Totalsum */
#custformorder .cartmediumsumtr {
    overflow: hidden;
    padding: 10px 0;
}

#custformorder .cartmediumsumtxt {
    margin-left: 4%;
    text-align: right !important;
    width: 80%;
    font-weight: 600;
    display: none;
}

#custformorder .cartmediumsumv {
    margin-right: 1%;
    float: right !important;
    font-weight: 600;
}
/* order.aspx begin */
@media (min-width:481px) {
    .optlogheader {
        display: none !important;
    }
}



@media (min-width: 481px) {
    #optlogin1, #payopt2, #orderformfields3, #cart4, #freight5 {
        display: block !important;
    }

    .neworno, .optlogin_login {
        display: none;
    }
}

#cart4 {
    clear: both;
}

#payopt2, #divorderform {
    padding-top: 20px;
}



@media (min-width:481px) {
    .mobileorderheader {
        display: inline-block;
        text-indent: 3%;
        white-space: nowrap;
    }

        .mobileorderheader.cartformheader {
            display: none;
        }
}

.stepindicator {
    text-align: center;
    padding: 2px 8px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
}

@media (min-width:481px) {
    .freightheader {
        top: -20px;
        position: relative;
    }
}

#fraktinfounder {
    font-size: 12px;
    text-indent: 43px;
}

.optionallogin {
    min-height: 50px;
    margin: 10px 0 0 0;
}

    .optionallogin span, .addDeliverAdd, .addComment {
        text-decoration: underline;
        cursor: pointer;
    }

#cart4 .cartmediumtr {
    display: table;
    width: 100%;
}

#cart4 .cart2header {
    display: table;
    width: 98%;
    margin: 0 auto;
}

    #cart4 .cartmediumtr > div, #cart4 .cart2header > div {
        display: table-cell;
        vertical-align: middle;
        float: none !important;
        visibility: visible !important;
    }

#cart4 .cartmediumq, #cart4 #c1 {
    width: 10%;
    text-align: center;
}

#cart4 .cartmediumd, #cart4 #c2 {
    width: 50%;
}

#cart4 .cartmediump, #cart4 #c3 {
    width: 20%;
    text-align: right;
}

#cart4 .cartmediuml, #cart4 #c4 {
    width: 20%;
    text-align: right;
    padding-right: 1%;
}

/***********************************************************************************
**********************************ORDER FIX*********************************************
***********************************************************************************/

.newshopstepdiv {
    background-color: #e0e0e0;
    border: 1px solid #cecece;
    /*margin-right: -1px;*/
}

@media (min-width:481px) {
    .paymentOptions,
    #divorderform {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 3%;
        margin-bottom: 10px;
    }
}

.orderCart .cartmediumtr {
    background-color: #fff;
}

/***********************************************************************************
**********************************ORDER FIX END*****************************************
***********************************************************************************/




/*****************************************************************************************/
/************************************ Ordrebekreftelse ***********************************/
/*****************************************************************************************/
/* ORDER CONFIRMATION */
#toporderwrap td {
    vertical-align: bottom;
}

#toporderwrap .orderlinetr td {
    vertical-align: top;
}

.seconddesc {
    display: none;
}


@media (max-width: 480px) {
    /* ORDER CONFIRMATION */
    #toporderwrap {
        border: 1px solid rgb(42,42,42);
        padding: 5px;
    }

        #toporderwrap table {
            width: 100%;
            margin-top: 10px;
        }

    #otmcompanynametr {
        margin-top: 10px;
    }

    .printOrderDiv {
        display: none;
    }

    .orderlistlinetr {
        margin-bottom: 10px;
    }
}

@media (min-width:481px) {
    /****************************************** 3: ORDREBEKREFTELSE *************************************/
    .cartformheadtr {
        text-align: left;
        width: 100%;
        margin-top: 0.5em;
        padding-bottom: 1em;
        font-weight: 600;
    }

    .cartorderconfirmhead {
        overflow: hidden;
        padding-bottom: 0.5em;
    }
    /* Handlekurv - steg over */
    .cartorderconfirmheadImg {
        padding-bottom: 0.5em;
    }

    .cartorderconfirmheadTxt {
        float: left;
        font-size: 24px;
        margin-top: 10px;
        font-weight: normal !important;
    }

    .printOrderDiv {
        float: right;
    }

    #mssubpagecontent table.toporderwrap {
        width: 100%;
        left: 0;
    }

    #toporderwraptd {
        padding-bottom: 10px;
    }


    table.toporderwrap {
        overflow: hidden;
        width: 100%;
        position: relative;
        background-color: #FFF;
    }

    table.ordercust {
        width: 100%;
        border: 1px solid #b3b3b3;
        text-align: left;
    }

        table.ordercust div {
            margin-top: 5px;
            padding-left: 10px;
        }

    td.otmsessionno {
        width: 50%;
    }

    .ocmsessionno {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    #ocmsessionno {
        font-size: 18px;
        font-weight: 600;
    }

    #ocmsessionno, #ocdatetime {
        border-bottom: 1px solid rgb(217,217,217);
        font-size: 18px;
    }

    .ocdatetime {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        text-align: right;
        padding-right: 0.5em;
    }

    .ocmsessionno, .occompanyname, .occustomername, .ocemailaddress, .ocaddress, .oczipcode, .occityplace, .octelephone, .occcomments {
        padding-left: 10px;
    }

    #otmemailaddresstr td, #otmcityplacetr td {
        padding-bottom: 10px;
    }

    td.otmcomments, .occomments {
        padding-bottom: 0.8em;
    }

    .ocmcompanyname, .ohtotalsumtx, .ohtotalsum {
        font-weight: 600;
    }

    .ocmcompanyname, .occcompanyname_modified {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
    }

    table.orderprod {
        width: 100%;
    }

    .orderheadtr {
    }

        .orderheadtr td {
            padding-top: 0.5em;
            padding-bottom: 0.5em;
            font-weight: 600;
            border-bottom: 1px solid rgb(204,204,204);
        }

    tr.orderlinetr {
    }

        tr.orderlinetr td {
            padding-top: 0.5em;
            padding-bottom: 0.5em;
        }

    .opheadquantity, .opquantity, .opheadproductident, .opproductident, .opheadproductdesc, .opproductdesc, .opheadprice, .opprice, .opheadlinesum, .oplinesum {
    }

    .opheadquantity, .opquantity {
        text-align: left;
        padding-left: 0.5em;
    }

    .opheadproductident, .opproductident {
        text-align: left;
    }

    .opheadproductdesc, .opproductdesc {
        text-align: left;
        width: 55%;
    }

    .opheadprice, .opprice {
        text-align: right;
    }

    .opheadlinesum, .oplinesum {
        text-align: right !important;
        padding-right: 0.5em;
    }

    .opproductdesc a {
        text-decoration: none;
    }

        .opproductdesc a:hover {
            text-decoration: underline;
        }

    table.tableototalsum {
        border-top: 1px solid #b3b3b3;
        width: 100%;
    }

    .ototalsummvatxt, .ototalmvatxt, .ohtotalsumtx {
        text-align: right;
    }

    .ototalsummvav, .ototalmvav, .ohtotalsum {
        text-align: right;
        padding-right: 0.5em;
    }

    td.ototalsummvatxt, td.ototalsummvav {
        padding-top: 0.5em;
    }

    .ocordercomments1 {
    }

    .ocordercomments3td {
        text-align: right;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .ocordercomments4 {
        font-weight: 600;
        font-size: 20px;
        text-align: center;
        padding-top: 10px;
    }

    .ocordercomments3 {
        border-bottom: 1px solid #b3b3b3;
        padding-top: 3em;
    }

    .betalingsfeil h4 {
        font-size: 1.8em;
        font-weight: normal !important;
        margin: 0;
        padding: 0;
    }

    .betalingsfeil a {
    }

    /* Kassen */
    #divorderprod {
        padding: 20px 5px;
    }
    /*-----------------------------------------------------------------------------------*/
}



/*****************************************************************************************/
/************************************ Cart ***********************************************/
/*****************************************************************************************/
/* Cart begin */
.preventEnterKeySubmit, #expandCartButton, #cartExtraTotalSumContainer, .cart_shopping_bag, .payment_logos {
    display: none;
}
/* Cart end */
.cartbigbottoml {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    float: left;
    width: 100%;
}

@media (max-width: 480px) {
    /* Cart begin */
    #cartheadertr {
        border: 1px solid rgb(42,42,42);
        width: 100%;
        padding: 5px;
    }

        #cartheadertr div {
            display: inline-block;
        }

    #cartbigheadprice, .cartbigprice, #topcartframe, #cartbigbottom, #sendcartemail, #c3 {
        display: none !important;
    }

    .cartbigtr {
        width: 100%;
        border-bottom: 1px solid rgb(42,42,42);
        margin: 10px 0;
    }

        .cartbigtr div {
            display: inline-block;
            overflow: hidden;
        }

        .cartbigtr div, .cartbigtr a, .cartbigtr input {
            max-width: 100%;
            vertical-align: top;
        }


    .cartbigthumbnailpic, .cartbigheadthumbnailpic {
        width: 20%;
    }

        .cartbigthumbnailpic div, .cartbigthumbnailpic img {
            max-width: 100%;
            max-height: 100%;
        }

    .cartbigd, .cartbigheadproductdesc {
        width: 30%;
    }

    .cartbigd {
        height: 45px;
    }

        .cartbigd .cartprodlinkd {
            max-height: 45px;
            overflow: hidden;
            display: block;
            text-decoration: none;
        }

    .cartbigwcart, .cartbigheadcart {
        width: 15%;
    }

    .cartbigwcart {
        text-align: center;
    }

        .cartbigwcart input.bigcart {
            width: 80%;
            text-align: center;
        }

    .cartbigprice, .cartbigheadprice {
        width: 20%;
        text-align: right;
    }

    .cartbigdelete, .cartbigheaddelete {
        width: 15%;
        text-align: right;
    }

        .cartbigdelete img {
            height: 15px;
            width: 15px;
            margin-right: 5px;
            margin-top: 5px;
        }

    .cartbigsummva, .cartbigmva, .cartbigsum {
        padding: 10px 15px 0;
        border-right: 1px solid rgb(42,42,42);
        border-left: 1px solid rgb(42,42,42);
        font-size: 14px;
    }

        .cartbigsummva div div, .cartbigmva div div, .cartbigsum div div {
            display: inline-block;
            float: right;
        }

            .cartbigsummva div div:first-child, .cartbigmva div div:first-child, .cartbigsum div div:first-child {
                float: none;
            }

    .cartbigsummva {
        display: none;
    }

    .cartbigsum {
        border-top: 1px solid rgb(42,42,42);
    }

    .cartbigmva {
        border-bottom: 1px solid rgb(42,42,42);
        padding-bottom: 10px !important;
    }

    #botcartframe {
        height: 85px;
        overflow: hidden;
    }

    .cartbigbottomnext {
        float: right;
    }

    .cartnextbutton {
        height: 30px;
        border: 0;
        padding: 0 15px;
        font-weight: 600;
        margin: 10px 0 0 0;
    }

    #botcartiframe {
        width: 100%;
    }
    /* Cart end */
}

@media (min-width:481px) {


    /********* Vanlig handlekurvboks (type 1) **********************/
    .cartsmalltr {
        padding-left: 0.5em;
        padding-right: 0.5em;
        overflow: hidden;
    }

    .cartqwrap, .cartpwrap {
        clear: both;
    }

    .cartsmallqtxt, .cartsmallptxt {
        float: left;
    }

    .cartsmallq, .cartsmallp {
        float: right;
    }

    .cartsmallptxt, .cartsmallp {
        font-weight: 600;
    }

    .cart2header {
        overflow: hidden;
        height: 25px;
        line-height: 25px;
        font-weight: 600;
    }

    #cart2 {
        width: 98%;
        margin: 0 auto;
    }
    /********* Varelinjer i handlekurvboks (type 2) ****************/

    #cartHidden .cartmedium {
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    #cartHidden #cartmediumwrap {
        max-height: 435px;
        overflow: hidden;
    }

    /* Varelinje handlekurv - s�rg for at bredde p� antall, varenavn, pris pr stk og linjesum til sammen ikke blir over 99% */
    #smallcart_container .cartmediumtr {
        overflow: hidden;
        height: 1.5em;
        line-height: 1.5em;
    }

        #smallcart_container .cartmediumtr div, #smallcart_container .cartmediumsumtr div, #smallcart_container .cart2header div {
            float: left;
        }

    /* Antall */
    #smallcart_container .cartmediumq, #c1 {
        width: 11%;
        margin-left: 4%;
    }

    /* Varenavn */
    #smallcart_container .cartmediumd, #c2 {
        width: 57%;
        text-align: left;
    }

    /* Vare pris per stk*/
    #smallcart_container .cartmediump, #c3 {
        display: none;
        width: 12%;
        text-align: right;
    }

    /* Vare linjesum */
    #smallcart_container .cartmediuml, #c4 {
        width: 23%;
        text-align: right;
    }

    /* Totalsum */
    #smallcart_container .cartmediumsumtr {
        overflow: hidden;
        padding-top: 0.5em;
        border-bottom: 1px solid #ffffff;
        padding-bottom: 0.5em;
        margin-top: 0.5em;
    }

    #cartHidden .cartmediumsumtr {
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }

    #smallcart_container .cartmediumsumtxt {
        margin-left: 4%;
        text-align: left !important;
        width: 50%;
        font-weight: 600;
    }

    #smallcart_container .cartmediumsumv {
        margin-right: 4%;
        float: right !important;
        font-weight: 600;
    }
    /****************************************** 1: HANDLEKURV *************************************/

    #topcartaround {
        margin-top: 10px;
    }

    body.cartframe {
        background-image: none;
    }

    #topcartframe {
        display: none;
    }

    #topcartiframe {
        width: 100%;
        height: 3.6em;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

    .carttextheader {
        text-align: left;
        width: 100%;
        margin-top: 0.5em;
        padding-bottom: 0.5em;
        font-weight: 600;
    }

    .cartwrap {
        width: 100%;
        margin: 10px 0;
        clear: both;
        padding: 10px 0 0 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .cartwrap .cartmedium {
            height: auto;
            min-height: 40px;
        }



    .cartheader {
        font-weight: 600;
        overflow: hidden;
        text-transform: uppercase;
        width: 98%;
        margin: 0 auto;
        line-height: 34px;
    }

    #cartheadertr {
        border-bottom: 1px solid #CCCCCC;
        display: table;
        width: 100%;
    }

    .carttitle {
        padding-left: 10px;
        font-weight: 300;
        font-size: 24px;
    }

    .cartbig {
        width: 98%;
        margin: 0 auto;
    }

    .cartbigtr {
        border-bottom: 1px solid rgb(238,238,238);
        padding-top: 5px;
        overflow: hidden;
        padding-bottom: 5px;
        width: 100%;
        display: table;
    }

        .cartbigtr div {
        }

    #cart2 .cartheader div, #cart2 .cartbigtr div {
        display: table-cell;
        vertical-align: middle;
    }

    #cart .cartheader div, #cart .cartbigtr div {
        display: inline-block;
        vertical-align: middle;
    }

    .cartheader div:first-line {
        font-size: 12px;
    }

    .cartbigtr div:not(.cartbigthumbnailpic) img {
        width: 25px;
        height: 25px;
        margin-left: 5px;
        vertical-align: middle;
    }

    .cartbigheadthumbnailpic, .cartbigthumbnailpic {
        width: 8%;
        padding: 0 1%;
        text-align: center;
    }

        .cartbigthumbnailpic a, .cartbigthumbnailpic img {
            width: 100%;
        }

    .cartbigheadproductdesc, .cartbigd {
        width: 50%;
    }

    .cartbigheadcart, .cartbigwcart {
        width: 10%;
    }

    .cartbigprice:first-line, .cartbiglinesum:first-line {
        font-size: 16px;
        font-weight: 600;
    }

    .cartbigheadprice, .cartbigprice {
        width: 10%;
        text-align: left;
        padding-left: 10px;
    }

    .cartbigheadlinesum, .cartbiglinesum {
        width: 10%;
        text-align: right;
    }

    .cartbigheaddelete, .cartbigdelete {
        width: 10%;
        text-align: center;
    }

        .cartbigdelete img {
            cursor: pointer;
            height: 15px;
            width: 15px;
            display: inline-block;
        }

    input.bigcart {
        width: 50px;
        padding: 10px;
    }

    .cartprodlinkd {
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
    }

    .cart {
        position: relative;
    }

    .cartbigcart img {
        cursor: pointer;
    }

    .cartbigd, .cartbigprice, .cartbiglinesum, .cartbigdelete {
        font-size: 20px;
        font-weight: 600;
    }

    .cartbigsummva, .cartbigmva, .cartbigsum {
        overflow: hidden;
    }

    .cartbigsumtr, #cartbigmva {
        width: 100%;
        float: right;
        padding-right: 11%;
        text-align: right;
    }

    #cartbigmva {
        padding-top: 10px;
    }

    .cartbigsum {
        padding-top: 10px;
        font-weight: 600;
    }

    .cartbigmvatxt {
        text-align: right;
        display: inline-block;
    }

    .cartbigsummva {
        display: none;
    }

    .cartbigsumtxt {
        display: inline-block;
    }

        .cartbigsumtxt:first-line, .cartbigsumv:first-line {
            font-weight: 600;
        }

    .cartbigsummvav, .cartbigmvav, .cartbigsumv {
        margin-left: 20px;
        display: inline-block;
    }

    #divcartbigmvatr2 {
        font-size: 14px;
    }

    .cartbigbottomtr {
        display: none;
    }

    .botcartframe, .botcartiframe {
        width: 100%;
        height: 100px;
    }


    .cartbigbottomback,
    .cartbigbottommore,
    .cartbigdeleteall {
        cursor: pointer;
        border: 0;
        margin: 0;
        padding: 0.3em 0.5em;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }

    .cartbigbottomback {
        display: inline;
        float: left;
    }

    .cartbigbottommore {
        display: inline;
        float: left;
        margin-left: 0.5em;
    }

    #cartreadmorebutton {
    }

    .cartbigdeleteall {
        display: inline;
        float: left;
        margin-left: 0.5em;
        cursor: pointer;
    }

    .cartreadmorebutton {
    }

    .cartdelallbutton {
        padding-left: 1.67em;
        background-image: url("../design/icon_cart_deleteall.png");
        background-position: left top;
        background-repeat: no-repeat;
    }

    .cartbigbottomnext {
        display: inline;
        float: right;
    }

    input.cartnextbutton {
        font-weight: 600;
        margin: 0 10px 0 0;
        padding-right: 30px;
        background-image: url(../dep/btn-arrow.png);
        background-position: 90% center;
        background-repeat: no-repeat;
        -moz-background-size: 15px;
        -o-background-size: 15px;
        -webkit-background-size: 15px;
        background-size: 15px;
    }

    .emptyCartWarning {
        margin-right: 3.3em;
        margin-top: 0.5em;
    }

    .cartformbottomsend {
        display: inline;
        float: right;
        cursor: pointer;
    }

    .preventEnterKeySubmit {
        display: none;
    }

    #custformorder .cartbigbottomback {
    }

    .cartbigsummva, .cartbigmva, .cartbigsum, .cartbigbottom {
        width: 100%;
        margin: 0 auto;
    }

    #render #cartheadertr {
        border: none;
        background-color: #fff;
        border-bottom: 1px solid rgb(230,230,230);
        color: rgb(141,141,141);
    }

    #render .cartbigtr {
        background-color: #fff;
        border-bottom: 1px solid rgb(230,230,230);
    }

    #render #cartheadertr div {
        display: table-cell;
    }

    #render .cartbigtr div {
        display: table-cell;
        vertical-align: middle;
    }

    #render input.bigcart {
        border: 1px solid rgb(236,238,239);
        text-align: center;
    }

    #gotoorder {
        display: inline;
        float: right;
    }

    #discountcodecontainer {
        top: 0;
    }
}

/*************************************************************************************************/
/******************************** START PLANPURCHASE *********************************************/
/*************************************************************************************************/

/* START PLANPURCHASE */
.planpurchase {
    margin: 25px 0;
}

.PlanPurchaseChoice {
    padding: 2%;
    width: 100%;
    border: 1px solid rgb(230,230,230);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px 0;
}

.PPCRight input {
    height: 33px;
    line-height: 30px;
    font-size: 20px;
    border: 1px solid rgb(230,230,230);
}

.PPCRight a {
    display: inline-block;
    margin: 0;
    height: 33px;
    position: relative;
    top: -3px;
}

.lblNewPPList {
    display: none;
}

@media (min-width: 600px) {
    .PPCLeft {
        width: 40%;
        padding-right: 1%;
        display: inline-block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .PPCRight {
        display: inline-block;
        padding-left: 4%;
        width: 54%;
    }
}

@media (max-width: 599px) {
    .PPCLeft {
        width: 100%;
        display: inline-block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .PPCRight {
        margin-top: 10px;
        padding-top: 10px;
        display: inline-block;
        width: 100%;
    }

        .PPCRight a {
            display: inline-block;
        }
}

.planpurchaseloading {
    display: none;
    width: 100%;
    text-align: center;
    position: absolute;
    margin-top: 100px;
    z-index: 1000;
}

a.planPurchaseSaveAsList, a.planPurchaseDeleteList, a.lbNewPPListSave, a.planPurchaseBuyCompleteList, a.planPurchaseAddToCartButton, a.planPurchaseOpenEmailDiv, a.ppEmailSendButton, a.ppEditSaveButton {
    margin-right: 5px;
    cursor: pointer;
    display: inline-block;
    padding: 0.4em 0.8em 0.4em 0.8em;
    margin: 5px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}

.planpurchasehead span {
    font-size: 2em;
}

.planpurchaseempty {
    width: 100%;
    padding-top: 2em;
    text-align: center;
}

.planPurchaseSavedList, .singlePlanPurchaseListSelect, .planPurchaseEditDiv, .planPurchaseEmailListDiv {
    position: absolute;
    display: none;
    width: 300px;
    padding: 0em 1em 1em 1em;
    border: 1px solid #d0d0d0;
    margin-top: 2em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 300;
}

.planPurchaseCloseButton {
    width: 100%;
    text-align: right;
}

    .planPurchaseCloseButton img {
        position: relative;
        top: 0.1em;
        left: 0.8em;
        cursor: pointer;
    }

.planPurchaseSavedStar img {
    position: relative;
    top: 0.2em;
    padding-right: 0.5em;
}

.planPurchaseAddToListsButton, .ppEmailHeaderStatusText, .planPurchaseEditStatusText {
    width: 100%;
    text-align: center;
    margin-top: 2em;
}

.planPurchaseChooseText {
    font-weight: bold;
    margin-bottom: 1.5em;
}

.planPurchaseEmailListDiv input {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.planPurchaseEmailListDiv textarea {
    resize: none;
    width: 100%;
    height: 4em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.planPurchaseEmailListDiv {
    display: none;
    background-color: #fff;
}

.ppEmailHeaderSendButton {
    width: 100%;
    text-align: right;
    margin: 1em 0.5em 0em 0em;
}

a.amyplanpurchases {
    cursor: pointer;
    white-space: nowrap;
}

.myplanpurchases {
    padding-left: 2em;
    background-image: url('../dep/favorites.png');
    background-repeat: no-repeat;
    height: 2.50em;
    width: 15em;
    overflow: hidden;
    clear: left;
}

img.planPurchaseOpenEditDiv {
    cursor: pointer;
}

.planPurchaseEditSaveButton {
    margin-top: 1em;
}

    .planPurchaseEditSaveButton a {
        margin-left: 0em;
    }

#planpurchaseemailorsave {
    margin: 10px 0;
}

.planpurchase .spancart {
    text-align: center;
}

@media (min-width: 481px) {
    .planpurchase .spancart .cart {
        display: block;
        margin: 0 auto 10px auto;
    }
}

.divPlanPurchaseButtons {
    clear: both;
    padding-top: 15px;
}

    .divPlanPurchaseButtons a {
        display: inline-block;
        margin: 10px 0;
    }



/*************************************************************************************************/
/********************************* STOP PLANPURCHASE *********************************************/
/*************************************************************************************************/

/*************************************************************************************************/
/********************************* START HURTIGKASSE *********************************************/
/*************************************************************************************************/
@media (max-width: 629px) {
    .hurtigkasse {
        display: none;
    }
}

@media (min-width: 630px) {
    .hurtigkasse {
        margin-top: 0.833em;
        margin-bottom: 0.833em;
        width: 590px;
        height: 75px;
        position: relative;
        font-size: 11px;
        z-index: 6;
    }

        .hurtigkasse .divprodsearch {
            position: absolute;
            top: 5px;
            left: 5px;
            width: 280px;
            overflow: visible;
            z-index: 8;
        }

        .hurtigkasse #prodsearchinp {
            width: 270px;
        }

        .hurtigkasse #prodmatches {
            height: auto;
            float: left;
        }

    .cssbutton.hurtigkasse {
        height: auto;
        width: auto;
        margin: 0;
    }

    #cartextra {
        position: absolute;
        top: 5px;
        left: 295px;
        width: 340px;
        z-index: 7;
    }

        #cartextra img {
            cursor: pointer;
        }

    #cartbigtop, .carttext {
        position: relative;
        float: right;
        width: 605px;
    }

    .customshop {
        width: 100%;
        float: left;
        height: 40px;
        text-align: left;
        position: relative;
    }

    .customshop_varenr {
        width: 170px;
        float: left;
    }

        .customshop_varenr input {
            width: 150px;
        }

    .customshop_antall {
        width: 50px;
        float: left;
    }

        .customshop_antall input {
            width: 40px;
        }

    .customshop_leggtil {
        float: left;
        padding-top: 3px;
    }

    #errormessage2 {
        float: left;
        width: 295px;
    }
}
/*************************************************************************************************/
/********************************** STOP HURTIGKASSE *********************************************/
/*************************************************************************************************/


/*****************************************************************************************/
/************************************ Bring freight **************************************/
/*****************************************************************************************/
/********** Frakt/Bring START ************/
.fraktguidenheader {
    display: none;
}

#freightmessage {
    display: none;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
}

    #freightmessage.freightmessage-error {
        background-color: rgb(213, 16, 36);
    }

    #freightmessage.freightmessage-ok {
        background-color: rgb(10, 153, 90);
    }

#bringPopUpValgfrittPostkontorButton {
    display: none;
}

#bringFrakt {
    width: 100%;
    z-index: 1;
    position: relative;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 13px;
}

    #bringFrakt .bringFraktHovedkategori {
        font-size: 15px;
        text-align: left;
    }

    #bringFrakt .bringFraktUnderkategori {
        display: none;
    }

    #bringFrakt .bringFraktvalgPrisHeader {
        text-align: center;
    }

    #bringFrakt .bringFraktvalg label {
        font-weight: 600;
        font-size: 12px;
    }

    #bringFrakt .bringFraktvalg .bringFraktvalgRadio {
        margin-right: 1%;
    }

    #bringFrakt .bringFraktvalg {
        width: 100%;
        display: inline-block;
        float: left;
    }

    #bringFrakt .bringFraktvalgPris {
        margin-left: 22px;
    }

        #bringFrakt .bringFraktvalgPris:before {
            content: "Kr.";
        }

        #bringFrakt .bringFraktvalgPris:after {
            content: "/";
        }

    #bringFrakt .bringFraktvalgPris, #bringFrakt .bringFraktvalgTransporttiddato, #bringFrakt .bringFraktvalgTips {
        display: inline-block;
        float: left;
        font-weight: 600;
    }

    #bringFrakt .bringFraktvalgTransporttiddato, #bringFrakt .bringFraktvalgTips {
        margin-left: 5px;
    }


    #bringFrakt .bringFraktvalgAnkomstdato {
        width: 80px;
        text-align: center;
    }

    #bringFrakt .bringFraktvalgMiljobelastning {
        width: 15ex;
        text-align: center;
    }



    #bringFrakt .bringHelpIconCell {
        display: inline-block;
        float: right;
        position: relative;
        top: -10px;
    }

    #bringFrakt .bringSelectedPostautomatInfo {
        margin: 7px 0px 7px 16px;
        padding: 6px;
    }

    #bringFrakt #bringPopUpPostautomatButton {
        padding: 0px 3px 0px 3px;
        font-size: 11px;
        margin-left: 16px;
        width: auto;
        overflow: visible;
    }

    #bringFrakt #bringPopUpValgfrittPostkontorButton {
        padding: 0px 3px 0px 3px;
        font-size: 11px;
        margin: -5px 0 5px 16px;
        width: auto;
        overflow: visible;
    }

    #bringFrakt .bringSelectedPostautomatInfoLine {
        margin-bottom: 6px;
    }

#bringHelp_A-POST_body,
#bringHelp_PA_DOREN_body,
#bringHelp_SERVICEPAKKE_body,
#bringHelp_EKSPRESS09_body,
#bringHelp_BPAKKE_DOR-DOR_body {
    display: none;
    width: 290px;
    font-size: 11px;
    font-family: Arial, Tahoma, sans-serif;
    position: absolute;
    left: 00px;
    top: 0px;
    z-index: 3000;
    border: 2px solid #919195;
    opacity: 1;
}

.bringHelpText {
    position: relative;
    float: left;
    width: 285px;
    left: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.bringHelpBox h3, .bringHelpBox div {
    margin: 0;
    color: #000;
    background-color: #fff;
}

.bringHelpBox {
    position: relative;
    left: 0;
    top: 10px;
}

#bringSERVICEPAKKEradio, #bringA-POSTradio, #bringBPAKKE_DOR-DORradio, #bringEKSPRESS09radio {
    cursor: pointer;
}

.bringHeaderRow, .bringFraktvalgdetaljer {
    display: none;
}

#bringFrakt table {
    width: 100%;
}

#bringFrakt .bringFraktvalg.Transporttiddato {
    width: auto;
}

#bringFrakt .bringFraktvalgPris.freefreight {
    color: green;
    font-weight: bold;
    margin-right: 5px;
}

    #bringFrakt .bringFraktvalgPris.freefreight:before,
    #bringFrakt .bringFraktvalgPris.freefreight:after {
        content: none;
    }

#bringFrakt .divTR {
    display: none;
}


/*****************************************************************************************/
/************************************ My page ********************************************/
/*****************************************************************************************/
/* Common styles */
.orderhisttxt, .ordertotalsum, .msbilde, #msadresse b, .boxcontent #product_category, #mssubpagecontent #product_category, .fieldalt06 {
    display: none !important;
}

#ordrebokstop {
}

#mscustname {
}

.mypagearound, #mssubpagearound {
    padding: 0 10px 10px 10px;
    background-color: #fff;
}
/* Tab/desktop */
@media (min-width: 700px) {
    .boxheader {
        display: none;
    }

    .boxcontainer {
        padding: 10px 0;
    }

    #myprofilecontent, #ordrebokscontent, #kjopbokscontent {
        display: block !important;
    }

    @media (max-width: 1000px) {
        #myprofilecontainer {
            width: 100%;
            padding-bottom: 50px;
        }

        #ordrebokscontainer {
            width: 100%;
            margin-top: 10px;
            padding-bottom: 50px;
        }
    }

    @media (min-width: 1001px) {
        #myprofilecontainer {
            width: 28%;
            float: left;
        }

        #ordrebokscontainer {
            width: 70%;
            margin-left: 2%;
            float: left;
        }
    }



    #mscustname b {
        font-style: normal;
        font-weight: 600;
    }

    .orderlistline {
        padding: 5px;
        margin-top: 10px;
    }

    #mssubpagecontent .orderlistline {
    }

    #kjopbokscontainer {
        width: 100%;
        clear: both;
        padding-right: 0;
        padding-left: 0;
    }

    .mypagearound .cssbutton {
        float: right;
        margin: 10px 0 0 0;
        clear: both;
    }

    #mypagelogout {
        float: right;
    }

    .mypagearound, #mssubpagearound {
        border: 1px solid #CECECE;
        padding: 30px 10px 10px 10px;
    }

    body.fonticons .mypagetabheader {
        padding: 10px 15px;
        margin-bottom: -1px;
    }

    .mypagetabheader {
        font-weight: 400;
        display: inline-block;
        padding: 15px 25px 16px 50px;
        cursor: pointer;
        position: relative;
        background-color: #2B2B2B;
        color: #FFF;
        font-size: 18px;
    }

        .mypagetabheader.active {
            position: relative;
            padding: 15px 25px 15px 50px;
            border: 1px solid #CECECE;
            border-bottom: 1px solid #FFF;
            background-color: #FFFFFF;
            color: #000;
        }


            .mypagetabheader.active:after {
                background-image: url(../dep/mypage_active_arrow.png);
                background-repeat: no-repeat;
                background-position: center;
                /*content: " ";*/
                display: block;
                position: absolute;
                z-index: 1000;
                top: 40px;
                left: 40%;
                height: 30px;
                width: 30px;
            }

    body.fonticons #mypage,
    body.fonticons #profile,
    body.fonticons #history,
    body.fonticons #lastpurchase,
    body.fonticons #mypage.active,
    body.fonticons #profile.active,
    body.fonticons #history.active,
    body.fonticons #lastpurchase.active {
        background-image: none !important;
    }

    #mypage {
        background-image: url(../dep/mypage_white.png);
        background-repeat: no-repeat;
        background-position: 10% 50%;
    }

    #profile {
        background-image: url(../dep/profile_white.png);
        background-repeat: no-repeat;
        background-position: 10% 50%;
    }

    #history {
        background-image: url(../dep/history_white.png);
        background-repeat: no-repeat;
        background-position: 10% 50%;
    }

    #lastpurchase {
        background-image: url(../dep/lastpurchase_white.png);
        background-repeat: no-repeat;
        background-position: 10% 50%;
    }

    #mypage.active {
        background-image: url(../dep/mypage_black.png);
        background-repeat: no-repeat;
        background-position: 10% 50%;
    }

    #profile.active {
        background-image: url(../dep/profile_black.png);
        background-repeat: no-repeat;
        background-position: 10% 50%;
    }

    #history.active {
        background-image: url(../dep/history_black.png);
        background-repeat: no-repeat;
        background-position: 10% 50%;
    }

    #lastpurchase.active {
        background-image: url(../dep/lastpurchase_black.png);
        background-repeat: no-repeat;
        background-position: 10% 50%;
    }

    #planpurchasetab {
        background-image: url(../dep/planpurchase_white.png);
        background-repeat: no-repeat;
        background-position: 10% 50%;
    }

        #planpurchasetab.active {
            background-image: url(../dep/planpurchase_black.png);
            background-repeat: no-repeat;
            background-position: 10% 50%;
        }

    .mypagearound #divorderlisttr {
        max-height: 220px;
    }
}
/* Tab/Mobile */
@media (max-width: 699px) {
    /* Mypage start */
    .mypagearound .boxheader, .msheader span {
        padding: 10px;
        margin-top: 10px;
        font-weight: 600;
        cursor: pointer;
        display: block;
    }

        .mypagearound .boxheader img, .mypagearound .boxheader span {
            vertical-align: top;
            height: auto;
        }

    .mypagearound .boxcontent, #mypagetabs, #msbilde {
        display: none;
    }

    .boxheader_icon {
        margin-right: 10px;
        width: 25px;
    }

    .boxtop,
    #ordrebokstop {
        display: none;
    }

    #mypagelogout {
        width: 100%;
        padding: 10px;
        font-weight: 600;
        text-align: center;
        cursor: pointer;
        margin-top: 10px;
    }
    /* Mypage end */
    .mypagearound .boxcontent {
        padding: 10px;
        border: 1px solid #CECECE;
        margin-top: 10px;
    }

    #kjopbokscontent {
    }
}
/* My Profile - My Page */
#newcustform:not(.customerLoginRegisterContainer #newcustform) {
    padding: 10px;
    border: 1px solid rgb(42,42,42);
    margin-top: 10px;
}

.ncddiv, .labelandinputcontainer label {
}

#deliverAddressTitle, #invoiceAddressTitle {
    font-style: normal;
    font-weight: 600;
    margin-top: 10px;
}

@media (max-width: 480px) {
    /* My profile start */
    #mssubpagecontent #newcustform {
        display: block;
    }

    #toporderwrap, #divordercust, #divorderprod, #tableototalsum {
        width: 100% !important;
        table-layout: fixed;
    }

    #divorderprod {
        font-size: 12px;
    }

    .ohtotalsumtx, .ototalmvatxt, .ototalsummvatxt {
        width: 70%;
    }

    .ototalsummvav, .ototalmvav, .ohtotalsum {
        width: 30%;
        text-align: right;
    }
}

@media (min-width:481px) {
    /****************************************** ORDREHISTORIKK *************************************/
    #divorderlist {
        overflow: hidden;
    }

    .orderHistoryHeader {
        padding-bottom: 1em;
    }

        .orderHistoryHeader span {
            font-size: 1.8em;
            font-weight: normal !important;
        }

    .backToOrderHistoryLink {
        padding-bottom: 0.5em;
    }

        .backToOrderHistoryLink a {
            text-decoration: none;
        }

            .backToOrderHistoryLink a:hover {
            }

    .orderhisttxt, .orderlistline {
        overflow: hidden;
        padding-bottom: 0.5em;
    }

    .olgensestxt, .oldatetxt, .olcustnotxt, .olpricetxt {
        display: inline;
        font-weight: 600;
    }

    .olsessionno, .olentrydatetime, .olcustomerno, .ollinesum {
        display: inline;
    }

    .olgensestxt, .olsessionno {
        width: 30%;
        float: left;
    }

    .oldatetxt, .olentrydatetime {
        width: 20%;
        float: left;
    }

    .olcustnotxt, .olcustomerno {
        width: 30%;
        float: left;
    }

    .olpricetxt, .ollinesum {
        width: 15%;
        text-align: right;
        float: right;
    }

    .olsessionno a {
        text-decoration: none;
    }

        .olsessionno a:hover {
            text-decoration: underline;
        }

    .ordertotalsum {
        padding-top: 0.5em;
    }

    .oltotalsumtx {
        font-weight: 600;
        display: inline;
        float: left;
        text-align: right;
    }

    .oltotalsum {
        font-weight: 600;
        display: inline;
        float: right;
        text-align: right;
    }
}

/*****************************************************************************************/
/************************************ Customer *******************************************/
/*****************************************************************************************/
.customerLoginRegisterContainer {
    background-color: #fff;
}

/* new customer popup begin */
#ordreregistrerkunde {
    display: none;
    margin: 10px auto;
    border: 1px solid rgb(42,42,42);
    position: relative;
    z-index: 1;
}

    #ordreregistrerkunde .boxcontainer {
        -moz-box-shadow: 4px 4px 4px rgba(42,42,42,0.5);
        -webkit-box-shadow: 4px 4px 4px rgba(42,42,42,0.5);
        box-shadow: 4px 4px 4px rgba(42,42,42,0.5);
    }

@media (min-width:481px) {
    #ordreregistrerkunde {
        width: 75%;
    }
}
/* new customer popup end */
/* login popup begin */
#kundelogon.order {
    padding: 10px;
    border: 1px solid rgb(42,42,42);
    margin-top: 10px;
    position: relative;
    width: 100%;
    z-index: 1;
}

#closeLogon {
    position: absolute;
    top: 0;
    right: 0;
}

@media (min-width: 481px) {
    #kundelogon.order {
        max-width: 300px;
        margin-left: 10px;
        -moz-box-shadow: 4px 4px 4px rgba(42,42,42,0.5);
        -webkit-box-shadow: 4px 4px 4px rgba(42,42,42,0.5);
        box-shadow: 4px 4px 4px rgba(42,42,42,0.5);
    }
}
/* login popup end */
#ordreregistrerkunde iframe {
    width: 100%;
    display: block;
}

@media (max-width: 660px) {
    #ordreregistrerkunde iframe {
        min-height: 620px;
    }
}

@media (min-width: 661px) {
    #ordreregistrerkunde iframe {
        min-height: 580px;
    }
}

#ordreregistrerhead {
    padding: 10px;
}

#customerframe {
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#closeregisterkundebox {
    position: absolute;
    top: 0;
    right: 0;
}

#newcustformsubmit {
    display: inline-block;
    margin-top: 10px;
}
/* new customer popup end */

@media (max-width: 480px) {
    /* customer.aspx begin */
    /* Login */
    #newcustform, #ncdemailok, #ncfemailok, #ncdcityplace {
        display: none;
    }

    #customerframe #newcustform {
        display: block;
    }

    /* Register */
    #ncfdelivercityplace, #ncfcityplace {
        margin-top: 5px;
    }

    /* Deliver adr */
    #ncddelivername,
    #ncfdelivername,
    #ncddeliveraddress,
    #ncfdeliveraddress,
    #ncddeliverzipcode,
    #ncfdeliverzipcode,
    #ncddelivercityplace,
    #ncfdelivercityplace {
        display: none;
    }

    #copyAdrContainer {
        font-weight: normal;
    }

    #deliverAddressNotSpecified {
        display: block;
        font-style: normal;
        text-decoration: none;
    }

    #ncdpassword {
        margin-top: 10px;
    }

    #newshopstep {
        display: none;
    }
    /* customer.aspx end */
}

@media (min-width:481px) {
    /* Loginboks containerdiver*/
    #kundelogonaround {
        float: left;
        width: 40%;
        padding: 0 12px;
    }

    #kundelogonhead {
        padding-bottom: 1em;
    }

    .logondiv {
        margin-top: 0.5em;
    }

    /* Brukernavn/passord */
    #logonnameinput, #logonpassinput {
        width: 100%;
    }

    /* Lagre info */
    #logonsaveinfo {
        margin-top: 5px;
    }

    /* Logg inn/ut knapp */
    #logonbuttondiv input, #logoutbuttondiv {
        cursor: pointer;
    }

    /* Login feilmelding*/
    #divlogonerr {
        color: red;
    }

    /* Skillelinje f�r loginboks-lenkene */
    .logonborder {
        border-top: 1px solid #cccccc;
        margin-top: 0.5em;
        padding-bottom: 0.5em;
    }

    /* Loginboks-lenkene */
    .logonlinks img {
        display: inline;
        vertical-align: middle;
        margin-right: 0.5em;
    }
    /****************************************** NY BRUKER / REDIGER BRUKER - SKJEMA *************************************/
    .customerLoginRegisterContainer {
        overflow: hidden;
        margin-top: 10px;
        padding: 12px 0;
        background-image: url("../design/bg_orderform_separator.gif");
        background-position: 42% 0;
        background-repeat: repeat-y;
    }

    .customerFormHeader {
        font-size: 1.5em;
        font-weight: 600;
    }

    .newCustomerContainer {
        width: 55%;
        float: right;
    }

    form#newcustform {
        overflow: hidden;
    }

    #newcustform, #kundelogon {
        display: block;
    }

    /* Tekst over kundeskjema */
    #newcusthead {
        padding-bottom: 1em;
    }

    #editcusthead {
        padding-bottom: 1em;
    }
    /* Stor overskrift over rediger bruker skjemaet */
    .editCustomerHeader {
        padding-bottom: 1em;
    }

        .editCustomerHeader span {
            font-size: 1.8em;
            font-weight: normal !important;
        }
    /* Felt-tittel */
    .ncddiv {
        margin-top: 0.5em;
        text-align: left;
        width: 100%;
    }

        .ncddiv label {
        }

    /* Felt-input */
    .ncfdiv {
        text-align: left;
        width: 100%;
    }

    input.newcustform {
        border: 1px solid #cecece;
        width: 90%;
        display: block;
        max-width: 450px;
    }

    /* Meld p� kunde-nyhetsbrev */
    #ncdemailok {
        display: none;
    }

    #ncfemailok {
        display: none;
    }

    #emailok {
        display: none;
    }

    /* Lager litt skille mellom noen felter, slik at feks adresse feltene st�r litt for seg */
    #invoiceAddressTitle, #deliverAddressTitle, #ncdpassword {
        margin-top: 12px;
    }

    /* Titler for � skille fakturaadresse fra leveringsadresse i rediger bruker skjema */
    #invoiceAddressTitle, #deliverAddressTitle {
        padding-bottom: 0.5em;
        font-size: 16px;
    }

    /* Checkbox ikon for � kopiere fakturaadresse til leveringsadresse, og vise/skjule leveringsadresse felter */
    #copyAdrContainer {
        font-weight: normal;
    }

    #copyAdrImg {
        cursor: pointer;
    }

    /* Leveringsadresse felter - skjult f�r man klikker p� checkbox for � vise de */
    #ncddelivername,
    #ncfdelivername,
    #ncddeliveraddress,
    #ncfdeliveraddress,
    div#ncddeliverzipcode,
    div#ncfdeliverzipcode,
    div#ncddelivercityplace,
    div#ncfdelivercityplace {
        display: none;
    }


    /* Postummer feltet smalere enn de andre */
    #ncfzipcode, #ncfdeliverzipcode {
        width: 20%;
        float: left;
        min-width: 60px;
        max-width: 100px;
        margin-right: 10px;
        display: inline-block;
    }

    #ncfcityplace, #ncfdelivercityplace {
        width: 38%;
        min-width: 120px;
        max-width: 340px;
        display: inline-block;
    }
    /* Postnummer og poststed felter opp p� siden av hverandre */
    #ncfzipcode, #ncfcityplace {
        display: inline-block;
    }

    #ncdcityplace, #ncddelivercityplace {
        display: none;
    }

    /* Feilmelding */
    #newcustform #errormessage {
        margin-top: 20px;
        color: Red;
    }

    .loginexists {
        margin-top: 20px;
        color: Red;
    }

    /* Tilbakemelding ved lagring av rediger bruker skjema */
    #custedit {
        color: Green;
        padding-bottom: 10px;
        font-weight: 600;
    }

    /* Send skjema knapper*/
    #newformsubmit {
        margin-top: 0;
    }
}

/*****************************************************************************************/
/************************************ Rabattkode *****************************************/
/*****************************************************************************************/

#loadingcart {
    display: none;
    text-align: center;
    width: 100%;
    position: relative;
    top: 50px;
}

@media (min-width: 745px) {
    #discountcodecontainer {
        position: relative;
        top: -90px;
        width: 65%;
    }
}


@media (min-width: 481px) {


    /**** Rabattkode cart ****/

    #discountcodecontainer {
        margin-bottom: 8px;
    }

    #discountcodeheader {
        color: inherit;
        background-color: inherit;
    }

        #discountcodeheader span {
            display: block;
            font-size: 20px;
        }

    #discountcodecontent {
        overflow: hidden;
    }

    #discounttext {
        margin-bottom: 5px;
    }

    #discountinp {
        display: inline-block;
    }

        #discountinp input {
            height: 39px;
            border: 1px solid #cccccc;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

    #discountbtn {
    }

    #discountres {
        clear: left;
        color: Green;
        line-height: 25px;
    }
}

@media (max-width: 480px) {

    #discountcode {
        width: 50%;
        margin: 10px 0;
    }
}
/**** Rabattkode cart slutt ****/

/*****************************************************************************************/
/************************************ Bottom menu ****************************************/
/*****************************************************************************************/

/* Bottom menu start */
.bottom_container {
    width: 100%;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 15px;
    position: relative;
}

    .bottom_container a {
        text-decoration: none;
    }

    .bottom_container #bottom_content {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        overflow: hidden;
        display: table;
    }

#bot_digisign {
    width: 100%;
    text-align: center;
    clear: both;
    margin-top: 75px;
    padding-bottom: 55px;
    color: rgb(150,150,150) !important;
}

    #bot_digisign a {
        color: rgb(150,150,150) !important;
    }

        #bot_digisign a:hover {
            text-decoration: underline;
        }

    #bot_digisign img {
        vertical-align: middle;
        margin-right: 10px;
    }

@media (min-width: 600px) {
    .botdiv {
        width: 33%;
        padding: 0 2%;
        min-height: 100%;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        display: table-cell;
        vertical-align: top;
    }

        .botdiv:first-of-type {
            border-left: 1px solid rgba(255, 255, 255, 0.2);
        }
}

@media (max-width: 600px) {
    .botdiv {
        width: 100%;
        padding: 0 2% 10px 2%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    .header3 #headereditor {
        padding: 15px 10px 5px 10px;
        height: auto;
        top: 70px;
    }
}



.botdiv img {
    max-width: 100%;
}

#bottom_logo {
    padding-top: 20px;
}

    #bottom_logo #autorized_dealer {
        width: 100%;
        padding-top: 20px;
    }

#autorized_dealer img {
    max-width: 100px;
}

#contact_info .facebook, #contact_info .instagram {
    display: inline-block;
    margin: 5px;
}

/* Bottom menu end */

/*****************************************************************************************/
/************************************ AJAX Search ****************************************/
/*****************************************************************************************/
/*Rangert AJAX-s�k start*/

#mainSearchMainContainer {
    margin-top: 10px;
}

.RadMenu_vista {
    position: relative;
}

#searchresults {
    z-index: 100000;
    display: none;
    width: 200%;
    padding: 5px 0 0 0;
    position: relative;
    float: left;
    text-align: left;
    margin: -2px 0 0 0;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.25);
    box-shadow: 0 0 3px rgba(0,0,0,0.25);
}

@media (max-width: 749px) {
    #searchresults {
        width: 100%;
        max-height: 400px;
        max-height: 80vh;
        overflow-y: auto !important;
    }
}


.searchresults li {
    list-style-type: none;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}

    .searchresults li a {
        padding: 1px 2px 1px 2px;
        margin: 0 3px 0 3px;
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid #bbbbbb;
    }

.searchresults .active, .searchresults .active .advsearchtitle {
}

.searchresults .advsearchtitles {
    width: 66%;
    width: calc(100% - 60px);
    line-height: 16px;
    vertical-align: middle;
    float: right;
}

.searchresults .advsearchtitle {
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
    height: 20px;
    margin: 15px 0;
}

.searchresults .advsearchsubtitle, .searchresults .advsearchtitle {
    display: inline-block;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
}

.searchresults .advsearchsubtitle {
    display: none;
}

.searchresults .advsearchimg, .searchresults .advsearchtitles, .searchresults .advsearchimgwrapper {
    display: inline-block;
}

.searchresults .advsearchimg {
    max-width: 50px;
    max-height: 50px;
    float: left;
    height: auto;
    width: auto;
}

.searchresults .advsearchimgwrapper {
    width: 25%;
    width: calc(50px);
    max-height: 50px;
    float: left;
}

#advSearchLoadingGif {
    margin: 0 auto;
    width: 16px;
    height: 16px;
    display: block;
}

#advSearchLoadingGifWrapper {
    width: 100%;
    padding: 2px 0 2px 0;
    cursor: default;
}

a.advSearchGotoResults {
    margin: 0 0 0 3px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
    font-size: 16px;
}

.advSearchGotoResults:hover {
}
/*Rangert AJAX-s�k slutt*/

/*****************************************************************************************/
/************************************ Instagram ******************************************/
/*****************************************************************************************/
/* Instagram BEGIN */
#main_container #column2.instagram {
    padding: 0 !important;
}

.pnlMedias {
    display: block;
    margin: 0 auto;
    -moz-transition: all ease-in-out 0.15s;
    -o-transition: all ease-in-out 0.15s;
    -webkit-transition: all ease-in-out 0.15s;
    transition: all ease-in-out 0.15s;
}

.pnlMedia, .pnlMedia img, .pnlMedia a {
    display: inline;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.pnlMedia {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 0;
}

    .pnlMedia img {
        display: inline-block;
        padding: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 150px;
        max-height: 150px;
    }

        .pnlMedia img:hover {
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

    .pnlMedia .url {
        display: inline;
    }

@media (min-width:745px) {
    #instagramwrapper {
        position: relative;
    }
}

/* Width: 8 images */
@media (min-width: 1200px) {
    .pnlMedias {
        width: 1200px;
    }

    .pnlMedia:nth-child(20n) img {
        float: right !important;
    }

    .pnlMedia:nth-child(10n) img {
        width: 300px;
        float: left;
        max-height: 300px;
    }
}

/* Width: 7 images */
@media (min-width: 1050px) and (max-width: 1199px ) {
    .pnlMedias {
        width: 1050px;
    }

    .pnlMedia:nth-child(18n) img {
        float: right !important;
    }

    .pnlMedia:nth-child(9n) img {
        width: 300px;
        float: left;
        max-height: 300px;
    }
}

/* Width: 6 images */
@media (min-width: 900px) and (max-width: 1049px ) {
    .pnlMedias {
        width: 900px;
    }

    .pnlMedia:nth-child(16n) img {
        float: right !important;
    }

    .pnlMedia:nth-child(8n) img {
        width: 300px;
        float: left;
        max-height: 300px;
    }
}
/* Width: 5 images */
@media (min-width: 750px) and (max-width: 899px ) {
    .pnlMedias {
        width: 750px;
    }

    .pnlMedia:nth-child(24n) img {
        float: right !important;
    }

    .pnlMedia:nth-child(12n) img {
        width: 300px;
        float: left;
        max-height: 300px;
    }
}

/* Width: 4 images */
@media (min-width: 600px) and (max-width: 749px ) {
    .pnlMedias {
        width: 600px;
    }

    .pnlMedia:nth-child(10n) img {
        float: right !important;
    }

    .pnlMedia:nth-child(5n) img {
        width: 300px;
        float: left;
        max-height: 300px;
    }
}
/* Width: 3 images */
@media (min-width: 450px) and (max-width: 599px ) {
    .pnlMedias {
        width: 450px;
    }

    .pnlMedia:nth-child(16n) img {
        float: right !important;
    }

    .pnlMedia:nth-child(8n) img {
        width: 300px;
        float: left;
        max-height: 300px;
    }
}
/* Width: 2 images */
@media (max-width: 449px) {
    .pnlMedias {
        width: 300px;
        max-height: 300px;
        max-width: 100%;
    }

    .pnlMedia img {
        width: 50%;
        float: left;
    }

    .pnlMedia:nth-child(5n-4) img {
        width: 100%;
        max-height: 300px;
    }
}
/* INSTAGRAM END */

/*****************************************************************************************/
/************************************ Breadcrumbs ****************************************/
/*****************************************************************************************/

/* Breadcrumbs start */
.breadcrumbs:not(:last-of-type):after {
    content: " → ";
    color: rgb(175,175,175);
}

.breadcrumbs a {
    color: rgb(175,175,175);
    text-decoration: none;
}

.breadcrumbs:last-of-type a {
}
/* Breadcrumbs end */
@media (max-width: 480px) {
    /* Skjuler p� mobil */
    .breadmain, #breadcrumbs {
        display: none;
    }
}

.frontpage .breadmain {
    display: none;
}

.breadmain {
    width: 100%;
    position: relative;
    font-size: 14px;
    margin-bottom: 10px;
}

.breadcrumbs {
    display: inline;
    white-space: normal;
    position: relative;
}

    .breadcrumbs a:hover {
    }

#custname {
    display: none;
}

/*****************************************************************************************/
/************************************ Klarna *********************************************/
/*****************************************************************************************/
/*Klarna*/
#singleklarna1 {
    width: 100%;
    text-align: left;
    padding-top: 20px;
    background-image: url(../dep/klarnapaymentsingle.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    z-index: 5000;
    margin: 10px 0;
}

@media (max-width: 480px) {
    #singleklarna1 {
        position: relative;
        top: 15px;
        padding-left: 10px;
        background-position: 10px 5px;
    }
}

#singleklarna1 .txt {
    margin-bottom: 10px;
}

@media (min-width: 481px) {
    #singleklarna1 {
        float: right;
        clear: right;
        width: 49%;
    }
}

.singleklarnatxt, .singleklarna, .singleklarnatxtl, .singleklarnajs {
    display: inline;
}

.singleklarnatxtl, .singleklarnajs {
    margin-left: 3px;
}

.singleklarnatxt {
    display: none;
}

#klarna_partpayment {
    color: #692F68;
}

    #klarna_partpayment:hover {
    }

/*Klarna*/
.klarnacart {
    width: auto;
    text-align: right;
}

.klarnacartin:first-of-type {
    background-image: url(../dep/klarnapaymentcart.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 15px 0;
}

.klarnaorder {
    width: 100%;
    background-image: url(../dep/klarnapaymentcart.png);
    background-repeat: no-repeat;
    background-position: right top;
    margin-top: 25px;
    text-align: right;
}

#rendercontent_klarnacartlbl {
    margin-right: 10px;
}

#rendercontent_klarnacartjslbl {
}

.klarnamndprice {
    display: block;
}

/**********************************************************************************************/
/****************************************** GLEMT PASSORD *************************************/
/**********************************************************************************************/
/****************************************** GLEMT PASSORD *************************************/
#forgotUsernamePassword_container {
    padding: 1em;
    overflow: hidden;
}

#sendup {
    overflow: hidden;
}

.sendupusere {
    float: left;
}

#sendupeinp {
    border: 1px solid #cecece;
    display: block;
    padding: 0.37em;
}

.sendupsub {
}

.sendupsubmit {
    margin-left: 0.5em;
}

#sendupcfinito {
    color: Green;
    font-weight: 600;
}

#senduptrfinitoerr {
    padding-top: 1em;
    color: Red;
}

/*******************************************************/
/**************** Kontaktskjema ************************/
/*******************************************************/
#contactform {
    max-width: 100%;
}

    #contactform textarea, #contactform input {
        max-width: 100%;
    }

#contact_tel input {
    padding: 10px;
}

/*************************************************************/
/************* Rabattprosen p� vare **************************/
/*************************************************************/

.discountpercent {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    cursor: default;
}

    .discountpercent.big {
        height: 75px;
        width: 75px;
        padding: 22.5px 0;
        font-size: 20px;
    }

    .discountpercent.small {
        height: 45px;
        width: 45px;
        font-size: 16px;
        padding: 11px 0;
    }


/*******************************************************/
/*************** PRINT STYLES **************************/
/*******************************************************/

@media print {
    .renderboxtr {
        width: 30% !important;
    }
    /* Generell struktur */
    .bottom_container,
    #socialmedia,
    #top_container .flex-direction-nav,
    #dropdownmenu,
    #facebooklikebox,
    #menuWrp {
        display: none !important;
    }
    /* Singelvarevisning */
    .singlesocial, .singleprodrequest {
        display: none !important;
    }
    /* Cart */
    #discountcodecontainer {
        display: none !important;
    }

    .boxcontent {
        display: block !important;
    }
}


.superadminActiveElement {
    border: 3px solid red !important;
}

    .superadminActiveElement .superadminActiveElement {
        border: none;
    }


.renderlisttr .svgwrapper {
    display: inline-block;
    margin: 0 auto;
    height: 30px;
    width: 30px;
}

.svgwrapper {
    height: 50px;
    width: 50px;
    display: inline-block;
    margin: 0 auto;
}


/*********************************************************************/
/********************** Zoom prod pic on hover ***********************/
/*********************************************************************/
#productpichoverpreview {
    display: none;
    position: absolute;
    background-repeat: no-repeat;
    height: 150px;
    width: 150px;
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    border-radius: 150px;
    top: 0;
    z-index: 10000;
    cursor: none;
}


/***************************************************************************************************************/
/********************************* Ny toppmeny for RBK *********************************************************/
/***************************************************************************************************************/


.maxheight {
    height: 100%;
    min-height: 40px;
}


/**************************************************************************************/
/******************** Boksvisning uten luft mellom boksene ****************************/
/**************************************************************************************/

.boxpaddingfalse .renderboxtr {
    margin: 0;
    border: 1px solid rgb(231,231,231);
}
/* 2 products side by side */
@media (min-width: 481px) and (max-width: 744px) {
    .boxpaddingfalse .renderboxtr {
        width: 50%;
    }
}

/* 3 products side by side */
@media (min-width: 745px) and (max-width: 1010px) {
    .boxpaddingfalse .renderboxtr {
        width: 33%;
    }
}
/* 4 products side by side*/
@media (min-width: 1011px) {
    .boxpaddingfalse .renderboxtr {
        width: 25%;
    }
}
/* Box view front page */
/* 2 products side by side */
@media (min-width: 481px) and (max-width: 591px) {
    .frontpage .boxpaddingfalse .renderboxtr {
        width: 50.1%;
    }
}

/* 3 products side by side */
@media (min-width: 592px) and (max-width: 799px) {
    .frontpage .boxpaddingfalse .renderboxtr {
        width: 33.4%;
    }
}
/* 4 products side by side*/
@media (min-width: 800px) and (max-width: 1015px) {
    .frontpage .boxpaddingfalse .renderboxtr {
        width: 25%;
    }
}
/* 5 products side by side */
@media (min-width: 1016px) {
    .frontpage .boxpaddingfalse .renderboxtr {
        width: 20%;
    }
}
/* Box view end */


/* Navision stuff */
#customeraspx {
    position: relative;
}

.navision_container_customer {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 225px;
    width: 45%;
}

#navisionlagring {
    float: left;
    overflow: hidden;
}

#navisionlagringinnhold {
    float: left;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #000;
}

    #navisionlagringinnhold img {
        margin-top: 10px;
    }

.navision_tech_status {
}

.newsletteriframe {
    width: 100%;
    height: 200px;
    color: #fff;
}

#mailingListen_newsletterSubscription, #singleframemailing {
    text-align: center;
    padding-top: 5px;
}

.newsletterEmailInputText, .newsletterListText, .newsletterListDdl {
    display: none;
}

#mailingListen_rblNewsletterOnOff {
    margin: 0px auto;
}

    #mailingListen_rblNewsletterOnOff tr {
        display: inline-block;
    }

#newsletterEmailInput {
    margin: 5px 0;
}

#mailingListen_btnSend {
    width: 45px !important;
    padding: 5px 10px;
    min-width: 0;
    margin-left: 10px;
    background-color: #fff;
}

#mailingListen_rblNewsletterOnOff {
    margin: 0px auto;
}

    #mailingListen_rblNewsletterOnOff tr {
        display: inline-block;
    }

/***********************************************************************************
**********************************STOCKNOTIFICATION*********************************
***********************************************************************************/
@media (min-width: 481px) {
    #singlestocknotification {
        width: 49%;
        clear: right;
        float: right;
        background-color: rgb(254,251,244);
        border: 1px solid rgb(230,230,230);
        padding: 10px;
    }

    input#slvEpost {
        border: 2px solid rgb(207,212,216);
        margin-right: 10px;
        margin-top: 0;
        padding: 6px;
        color: rgb(106,115,124);
        width: 70%;
    }

    #slvTekst {
        margin-bottom: 10px;
    }

    #slvSend {
        float: right;
        margin-right: 30px;
    }
}

@media (max-width: 1200px) and (min-width: 481px) {
    input#slvEpost {
        width: 70%;
    }

    #slvSend {
        float: right;
        margin-right: 0;
    }
}

@media (max-width: 920px) and (min-width: 481px) {
    input#slvEpost {
        width: 50%;
    }
}

@media (max-width: 765px) and (min-width: 481px) {
    input#slvEpost {
        width: 90%;
    }

    #slvSend {
        margin-top: 10px;
        float: left;
        display: block;
    }
}

@media (max-width: 480px) {
    #singlestocknotification {
        clear: both;
        margin: 10px 0;
        background-color: rgb(254,251,244);
        border: 1px solid rgb(230,230,230);
        padding: 10px;
    }

    input#slvEpost {
        border: 2px solid rgb(207,212,216);
        margin-right: 10px;
        margin-top: 0;
        padding: 6px;
        color: rgb(106,115,124);
        width: 70%;
    }

    #slvTekst {
        margin-bottom: 10px;
    }

    #slvSend {
        float: right;
        margin-right: 10px;
    }
}
/***********************************************************************************
**********************************STOCKNOTIFICATION END*****************************
***********************************************************************************/
.addOrderToCart {
    float: right;
    margin-top: 0 !important;
    margin: 10px;
}

.backToOrderHistoryLink {
    float: right;
    margin-top: 0 !important;
    margin: 10px;
}

.printOrderDiv {
    margin: 10px;
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90000;
    width: 100%;
    height: 500px;
    background-color: #000;
}

#imageDataContainer {
    background-color: #fff;
}

#imageContainer {
    background-color: #fff;
}

/***********************************************************************************
***************** Social Media i bunnmeny ******************************************
***********************************************************************************/
.socialmediabottom {
    display: inline-block;
    margin: 5px;
}

/***********************************************************************************
***************** Stuff to hide ****************************************************
***********************************************************************************/
.boxpricetxt,
#venstrekolonne.hide .CustLeftBox,
#top_most,
.shopStepIndicator_container,
#render #cartheadertr {
    display: none;
}

/***********************************************************************************
***************** Variantpictures **************************************************
***********************************************************************************/
.variantpic {
    max-height: 34px;
    display: inline-block;
    cursor: pointer;
    max-width: 34px;
    padding: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .variantpic.activeVariant {
        border: 1px solid black;
        position: relative;
        top: -1px;
    }

    .variantpic:hover {
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }


/* Singelvarevisning klarna */
.klarna-widget {
    width: 49%;
    height: 70px;
    float: right;
    clear: right;
    position: relative;
}

/* Order klarna */
div.klarnaTerms {
    position: fixed;
    top: 40%;
    padding: 20px;
    background-color: #fff;
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    z-index: 100;
}

div.klarnaTermsClose {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 15px;
    width: 15px;
    cursor: pointer;
    background-image: url("../design/close_klarna_terms.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

div#klarnaRemoteTerms {
    padding: 0;
    height: auto;
}

    div#klarnaRemoteTerms iframe {
        height: 500px;
        width: 100%;
        display: block;
    }

@media (max-width:480px) {
    div.klarnaTerms {
        width: 100%;
        max-width: 90%;
        max-width: calc(100% - 20px);
        left: 10px;
    }
}

@media (min-width:481px) {
    div.klarnaTerms {
        width: 50%;
        max-width: 75%;
        right: 1%;
        left: auto;
    }
}

@media (min-width:768px) {
    div.klarnaTerms {
        width: 500px;
        max-width: 75%;
        left: 33.3%;
    }
}
/* NYE KLARNA STYLES */
span.klarna-data-label {
    display: inline-block;
    width: 115px;
}

.paymentoptgroup-data {
    line-height: 2;
    margin-left: 10px;
    font-size: 11px;
}

span.klarna-data-value {
    font-weight: bold;
}

.paymentoptgroup-use_case {
    margin-left: 10px;
    font-size: 11px;
}

.paymentoptgroup-select {
    margin-left: 10px;
    padding: 5px;
}

a.klarna-checkout-terms-link {
    display: block;
    text-decoration: underline;
}

.paymentoptgroup {
    background-color: #E7E7E7;
    padding: 10px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

/****************************************************************
********* Gothia Stuff ****************************************/
.GothiaCloseTerms {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 15px;
    width: 15px;
    cursor: pointer;
    background-image: url("../design/close_klarna_terms.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.GothiaReadMoreLink {
    display: block;
    font-size: 12px;
    margin-left: 10px;
}

@media (min-width: 481px) {
    #Gothiafakturainfo, #Gothiapartinfo {
        max-width: 500px;
        padding: 20px;
        position: fixed;
        z-index: 999;
        height: 35%;
        width: 50%;
        overflow: auto;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #fff;
        -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
        box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    }

    #Gothiapartinfo {
        height: 75%;
    }
}

@media (max-width: 480px) {
    #Gothiafakturainfo, #Gothiapartinfo {
        padding: 20px;
        position: fixed;
        z-index: 999;
        height: 35%;
        width: 100%;
        overflow: auto;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #fff;
        max-width: 90%;
        max-width: calc(100% - 40px);
        -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
        box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    }

    div#Gothiapartinfo {
        margin-top: -380px;
        font-size: 14px;
    }
}

/* Tydeligere visualisering av at et produkt har blitt kjøpt */
.cssbutton.addedtocart {
    color: #000;
    background-color: #cecece;
}


/* Center read more button for users not logged in when noshoppingforall is enabled */
@media (min-width:481px) {
    .hidepricefornonuser .boxreadmore {
        float: none;
        text-align: center;
    }
}

.hidepricefornonuser .singlecart {
    display: none;
}

.renderboxtr .boxchildcolor,
.renderboxtr .boxchilddimen,
.renderlisttr .spandimen {
    display: none;
}


/* Clarify that order/purchase containers are empty in mypage */
#ordrebokscontainer.noorderlines #ordrebokscontent,
#kjopbokscontainer.nopurchaselines #kjopbokscontent {
    min-height: 200px;
    position: relative;
    background-color: #cecece;
}

    #ordrebokscontainer.noorderlines #ordrebokscontent:after {
        content: "Ingen ordrer";
    }

    #kjopbokscontainer.nopurchaselines #kjopbokscontent:after {
        content: "Ingen siste kjøp";
    }

    #ordrebokscontainer.noorderlines #ordrebokscontent:after,
    #kjopbokscontainer.nopurchaselines #kjopbokscontent:after {
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 45%;
        left: calc(50% - 100px);
        width: 200px;
        text-align: center;
    }

.noorderlines #mssealleordre,
.nopurchaselines #msseallekjop {
    display: none;
}


/*************************************************************************************/
/*************************************************************************************/
/***********                        VERSION 2.006                        *************/
/*************************************************************************************/
/*************************************************************************************/

.onepagecart #botcartframe {
    display: none;
}

/*************************************************************************************/
/*************************************************************************************/
/***********                        VERSION 2.007                        *************/
/*************************************************************************************/
/*************************************************************************************/

.onepagecart #cartformbottom {
    clear: both;
}

/*************************************************************************************/
/*************************************************************************************/
/***********                        VERSION 2.1                        *************/
/*************************************************************************************/
/*************************************************************************************/
/* JSON BRING STYLES */
.bringfreightwrp {
    margin-bottom: 10px;
}

    .bringfreightwrp .bringPrice {
        font-weight: bold;
        display: inline-block;
        margin-left: 5px;
    }

    .bringfreightwrp .bringfreightdescription {
        font-size: 12px;
        color: #999;
    }

h4.bringcategorytitle {
    margin-top: 0;
    margin-bottom: 5px;
}

.bringcategory {
    margin-bottom: 10px;
}

.bringTip {
    color: green;
    font-size: 10px;
    display: inline-block;
    margin-left: 5px;
}

div#fraktguiden.loading {
    background-image: url(../design/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
}

    div#fraktguiden.loading * {
        display: none;
    }
/* END JSON BRING STYLES */

@media (min-width: 745px) and (max-width: 1200px) {
    div#menu_bar {
        font-size: 1.25vw;
        max-width: 1200px;
    }
}
/* IPAD SPESIFIC STYLES */
@media only screen and (device-width: 768px) {
    ul#searchresults {
        width: 150%;
    }
}
/* IPAD SPESIFIC STYLES */

.rendersingle_fanemeny_header_element.disabled_tab.hidden {
    display: none;
}

@media (min-width: 481px) {
    div#planPurchaseEmailListDiv {
        height: 400px;
        width: 400px;
        overflow: auto;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    div.planpurchase div.spancartinp {
        width: 11%;
    }

    div.spancartinp input.listquantity {
        width: 100%;
        max-width: 25px;
        text-align: center;
        height: 25px;
        padding: 0;
        margin-right: 5px;
        border: none;
        background-color: rgb(230,230,230);
    }

    div.planpurchase img.ppListQuantityUpdate {
        float: right;
    }

    .PPCRight {
        width: 59%;
    }

        .PPCRight input {
            width: 220px;
        }
}

/*************************************************************************************/
/*************************************************************************************/
/***********                        VERSION 2.102                        *************/
/*************************************************************************************/
/*************************************************************************************/

/* Generelle loading styles */
.loading {
    background-image: url(../design/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
}

    .loading * {
        visibility: hidden;
    }

/* Plankjøp / hurtigkasse */

#planpurchase .spancart .cart {
    display: none;
}

#planpurchase .spancart .ppListQuantityDelete {
    max-height: 30px;
}

#planpurchase .spancart {
    text-align: center;
}

#planpurchase .ppListQuantityUpdate {
    max-height: 30px;
}

@media (min-width:481px) {
    #planpurchase .ppListQuantityUpdate {
        float: left;
    }

    #planpurchase .listquantity {
        float: left;
    }
}

@media (max-width:480px) {
    #planpurchase img.ppListQuantityDelete {
        display: none !important;
    }

    #planpurchase .listpurchasebtn {
        float: left;
    }
}

@media (min-width:481px) {
    /* Bilder i handlekurven (onepage) og listevisning */
    .onepagecart .cartbigthumbnailpic a,
    .onepagecart .cartbigthumbnailpic img,
    .spanpicture a,
    .spanpicture img {
        width: auto;
        max-width: 100%;
        max-height: 100px;
        height: auto;
    }
}



/*************************************************************************************/
/*************************************************************************************/
/***********                        VERSION 3.001                        *************/
/*************************************************************************************/
/*************************************************************************************/

a#deliverAddressNotSpecified {
    text-decoration: underline;
}

/*************************************************************************************/
/*************************************************************************************/
/***********                        VERSION 3.002                        *************/
/*************************************************************************************/
/*************************************************************************************/

/* Set same padding for phone field in contact form as the other fields */
#contact_telephone > input {
    padding: 10px;
}

/* Style fix for product rating */
#prodrequestmsg, #prodrequesterrmsg {
    position: absolute;
    bottom: 0;
    left: 35px;
}

.prodrequesttop {
    padding-bottom: 40px;
}

.rendersingle {
    padding-bottom: 35px;
}
/* Hide labels for variant select on desktop*/
@media (min-width:481px) {
    .singlevariantdtxt,
    .singlevariantcolordtxt {
        display: none;
    }
}


/* Mobile cart fix */
@media (max-width:480px) {
    #cartheader, #cart4 .cart2header, .onepagecart .botcartframe {
        display: none;
    }

    .cartbigdelete img {
        height: 26px;
        width: 26px;
        margin: 0;
    }



    #visualFreeFreight {
        width: 100%;
        margin-top: 0;
    }

    .cartbigd {
        width: 35%;
    }

    .cartbigtr {
        padding: 10px;
    }

    .cartbigwcart {
        width: 16%;
    }

    .cartbiglinesum {
        width: 20%;
    }

    .cartbigwcart .cartbigcart {
        max-width: 50%;
    }

    #cartbigmva {
        font-style: italic;
    }

    #cartbigmvatxt {
        text-transform: capitalize;
        font-size: 16px;
    }

    #cartbigsum {
        font-size: 16px;
        font-weight: 600;
    }

    #cartformbottom input.orderformsubmit,
    #cartnextbutton {
        width: 100%;
        font-size: 22px;
        height: 50px;
        font-weight: 300;
        text-align: center;
        padding: 15px 0 15px 0;
    }

    #cart4.mobileordercontent {
        display: block !important;
    }

    .orderCart h2 img, .cartformheader.mobileorderheader {
        display: none;
    }

    .orderCart h2 {
        text-transform: uppercase;
        font-weight: 400;
        margin-bottom: 10px;
    }

    #render .cartwrap {
        margin: 10px 0;
        background-color: rgb(255,255,255);
        padding: 0;
    }

        #render .cartwrap .cartbigtr {
            background-color: rgb(255,255,255);
            padding: 20px 5px 5px 5px;
            border: none;
            border-top: 1px solid rgb(230,230,230);
        }

    .cartbigsummva, .cartbigmva, .cartbigsum {
        border: none;
        background-color: rgb(230,230,230);
        color: #000;
    }

    #render #cartheadertr {
        margin-top: 10px;
        border: none;
        background-color: rgb(255,255,255);
        display: block;
    }

    .cartbigthumbnailpic div, .cartbigthumbnailpic img.lprodimg {
        max-width: 90%;
        max-height: 90%;
    }

    .cartbigwcart input.bigcart {
        width: 100%;
        padding: 5px;
        float: left;
        height: 26px;
        width: 26px;
        margin-right: 3px;
        font-size: 13px;
        border: none;
        background-color: rgb(230,230,230);
    }

    .cartbigcart img {
        max-width: 25px;
        max-height: 25px;
        cursor: pointer;
    }

    .cartbigthumbnailpic, .cartbigthumbnailpic img {
        max-width: 90%;
        max-height: 90%;
    }

    .cartbiglinesum, div.cartbigheadlinesum {
        width: 25%;
        padding-left: 10px;
        font-weight: 700;
        text-align: center;
    }

    .cartbigdelete, .cartbigheaddelete {
        width: 9%;
    }

    .cartbigbottomnext {
        width: 100%;
        float: none;
    }

    span.carttitle {
        padding-top: 5px;
    }

    #discountcodeheader {
        padding: 15px 5px;
    }

    #discountcodecontent {
        border: 1px solid rgb(230,230,230);
        padding: 10px 5px;
        text-align: center;
    }

    input#discountcode {
        border: 1px solid rgb(230,230,230);
        padding: 10px;
        width: 100%;
    }

    #discountbtn {
        width: 100%;
    }

    .cartbigbottomnext.typcn.typcn-cartnextbutton:after {
        content: "";
    }

    #cart4 {
        padding: 10px 0;
    }

    #orderformfields3 #ocfdelivercityplace,
    #orderformfields3 #ocfcityplace {
        margin-top: 0;
        margin-bottom: 10px;
    }

    #mssubpagearound #ncfcityplace {
        padding-top: 5px;
        clear: both;
    }
}

/*************************************************************************************/
/*************************************************************************************/
/***********                        VERSION 3.010                        *************/
/*************************************************************************************/
/*************************************************************************************/


/********************************************/
/*********            TILES        **********/
/********************************************/
.tile {
    display: none;
    overflow: hidden;
    float: left;
    margin: 5px;
    background-color: #fff;
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    /*max-height: 100%;*/
}

    .tile:hover {
        -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
        box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
        -moz-transition: all ease-in-out 0.15s;
        -webkit-transition: all ease-in-out 0.15s;
        -o-transition: all ease-in-out 0.15s;
        transition: all ease-in-out 0.15s;
    }

    /* 
        Bredde på tileene 
        Dette beregnes basert på % av bredden til container med kompensasjon for margin.
        I tillegg er det trukket fra 0.1px ekstra for å gjøre at IE ikke klikker
        */
    .tile.w-1 {
        width: calc(((100% / 6)*1) - 10px);
    }

    .tile.w-2 {
        width: calc(((100% / 6)*2) - 11px);
    }

    .tile.w-3 {
        width: calc(((100% / 6)*3) - 13px);
    }

    .tile.w-4 {
        width: calc(((100% / 6)*4) - 14px);
    }

    .tile.w-5 {
        width: calc(((100% / 6)*5) - 15px);
    }

    .tile.w-6 {
        width: calc(((100% / 6)*6) - 16px);
    }
/*
        Høyde på tileene med sidemeny.
        Her brukes 80% av viewport width -30px for padding og -10px for margins
    */
@media (min-width:745px) {
    .tile.h-1 {
        height: calc((((80vw - 30px) / 6)*1) - 10px);
    }

    .tile.h-2 {
        height: calc((((80vw - 30px) / 6)*2) - 11px);
    }

    .tile.h-3 {
        height: calc((((80vw - 30px) / 6)*3) - 13px);
    }

    .tile.h-4 {
        height: calc((((80vw - 30px) / 6)*4) - 14px);
    }

    .tile.h-5 {
        height: calc((((80vw - 30px) / 6)*5) - 15px);
    }

    .tile.h-6 {
        height: calc((((80vw - 30px) / 6)*6) - 16px);
    }

    /* Special styles for full-width pages with no left menu */
    .frontpage .tile.h-1 {
        height: calc((((100vw - 30px) / 6)*1) - 10px);
    }

    .frontpage .tile.h-2 {
        height: calc((((100vw - 30px) / 6)*2) - 11px);
    }

    .frontpage .tile.h-3 {
        height: calc((((100vw - 30px) / 6)*3) - 13px);
    }

    .frontpage .tile.h-4 {
        height: calc((((100vw - 30px) / 6)*4) - 14px);
    }

    .frontpage .tile.h-5 {
        height: calc((((100vw - 30px) / 6)*5) - 15px);
    }

    .frontpage .tile.h-6 {
        height: calc((((100vw - 30px) / 6)*6) - 16px);
    }

    .frontpage .tile.w-1 {
        width: calc(((100% / 6)*1) - 10px);
    }

    .frontpage .tile.w-2 {
        width: calc(((100% / 6)*2) - 11px);
    }

    .frontpage .tile.w-3 {
        width: calc(((100% / 6)*3) - 13px);
    }

    .frontpage .tile.w-4 {
        width: calc(((100% / 6)*4) - 14px);
    }

    .frontpage .tile.w-5 {
        width: calc(((100% / 6)*5) - 15px);
    }

    .frontpage .tile.w-6 {
        width: calc(((100% / 6)*6) - 16px);
    }
}
/* 
        Høyde uten sidemeny.
        Her brukes 100% av viewport width -30xp for padding og -10px for margins
    */
@media (max-width:744px) {
    .tile.h-1 {
        height: calc((((100vw - 30px) / 6)*1) - 10px);
    }

    .tile.h-2 {
        height: calc((((100vw - 30px) / 6)*2) - 11px);
    }

    .tile.h-3 {
        height: calc((((100vw - 30px) / 6)*3) - 13px);
    }

    .tile.h-4 {
        height: calc((((100vw - 30px) / 6)*4) - 14px);
    }

    .tile.h-5 {
        height: calc((((100vw - 30px) / 6)*5) - 15px);
    }

    .tile.h-6 {
        height: calc((((100vw - 30px) / 6)*6) - 16px);
    }
}
/*
        Overstyring av bredde/høyde for mobilspesifikk bredde/høyde
        .h-m-X og .w-m-X
    */
@media (max-width:480px) {
    .tile.h-m-1 {
        height: calc((((100vw - 40px) / 6)*1) - 10px);
    }

    .tile.h-m-2 {
        height: calc((((100vw - 40px) / 6)*2) - 11px);
    }

    .tile.h-m-3 {
        height: calc((((100vw - 40px) / 6)*3) - 13px);
    }

    .tile.h-m-4 {
        height: calc((((100vw - 40px) / 6)*4) - 14px);
    }

    .tile.h-m-5 {
        height: calc((((100vw - 40px) / 6)*5) - 15px);
    }

    .tile.h-m-6 {
        height: calc((((100vw - 40px) / 6)*6) - 16px);
    }

    .tile.w-m-1 {
        width: calc(((100% / 6)*1) - 10px);
    }

    .tile.w-m-2 {
        width: calc(((100% / 6)*2) - 11px);
    }

    .tile.w-m-3 {
        width: calc(((100% / 6)*3) - 13px);
    }

    .tile.w-m-4 {
        width: calc(((100% / 6)*4) - 14px);
    }

    .tile.w-m-5 {
        width: calc(((100% / 6)*5) - 15px);
    }

    .tile.w-m-6 {
        width: calc(((100% / 6)*6) - 16px);
    }
}
/*
        Overstyring av bredde/høyde for tabletspesifikk bredde/høyde
        .h-t-X og .w-t-X
    */
@media (max-width:1000px) and (min-width:745px) {
    .tile.h-t-1 {
        height: calc((((80vw - 30px) / 6)*1) - 10px);
    }

    .tile.h-t-2 {
        height: calc((((80vw - 30px) / 6)*2) - 11px);
    }

    .tile.h-t-3 {
        height: calc((((80vw - 30px) / 6)*3) - 13px);
    }

    .tile.h-t-4 {
        height: calc((((80vw - 30px) / 6)*4) - 14px);
    }

    .tile.h-t-5 {
        height: calc((((80vw - 30px) / 6)*5) - 15px);
    }

    .tile.h-t-6 {
        height: calc((((80vw - 30px) / 6)*6) - 16px);
    }

    .tile.w-t-1 {
        width: calc(((100% / 6)*1) - 10px);
    }

    .tile.w-t-2 {
        width: calc(((100% / 6)*2) - 11px);
    }

    .tile.w-t-3 {
        width: calc(((100% / 6)*3) - 13px);
    }

    .tile.w-t-4 {
        width: calc(((100% / 6)*4) - 14px);
    }

    .tile.w-t-5 {
        width: calc(((100% / 6)*5) - 15px);
    }

    .tile.w-t-6 {
        width: calc(((100% / 6)*6) - 16px);
    }

    .frontpage .tile.h-t-1 {
        height: calc((((100vw - 30px) / 6)*1) - 10px);
    }

    .frontpage .tile.h-t-2 {
        height: calc((((100vw - 30px) / 6)*2) - 11px);
    }

    .frontpage .tile.h-t-3 {
        height: calc((((100vw - 30px) / 6)*3) - 13px);
    }

    .frontpage .tile.h-t-4 {
        height: calc((((100vw - 30px) / 6)*4) - 14px);
    }

    .frontpage .tile.h-t-5 {
        height: calc((((100vw - 30px) / 6)*5) - 15px);
    }

    .frontpage .tile.h-t-6 {
        height: calc((((100vw - 30px) / 6)*6) - 16px);
    }

    .frontpage .tile.w-t-1 {
        width: calc(((100% / 6)*1) - 10px);
    }

    .frontpage .tile.w-t-2 {
        width: calc(((100% / 6)*2) - 11px);
    }

    .frontpage .tile.w-t-3 {
        width: calc(((100% / 6)*3) - 13px);
    }

    .frontpage .tile.w-t-4 {
        width: calc(((100% / 6)*4) - 14px);
    }

    .frontpage .tile.w-t-5 {
        width: calc(((100% / 6)*5) - 15px);
    }

    .frontpage .tile.w-t-6 {
        width: calc(((100% / 6)*6) - 16px);
    }
}

@media (max-width:744px) and (min-width:481px) {
    .tile.h-t-1 {
        height: calc((((100vw - 30px) / 6)*1) - 10px);
    }

    .tile.h-t-2 {
        height: calc((((100vw - 30px) / 6)*2) - 11px);
    }

    .tile.h-t-3 {
        height: calc((((100vw - 30px) / 6)*3) - 13px);
    }

    .tile.h-t-4 {
        height: calc((((100vw - 30px) / 6)*4) - 14px);
    }

    .tile.h-t-5 {
        height: calc((((100vw - 30px) / 6)*5) - 15px);
    }

    .tile.h-t-6 {
        height: calc((((100vw - 30px) / 6)*6) - 16px);
    }

    .tile.w-t-1 {
        width: calc(((100% / 6)*1) - 10px);
    }

    .tile.w-t-2 {
        width: calc(((100% / 6)*2) - 11px);
    }

    .tile.w-t-3 {
        width: calc(((100% / 6)*3) - 13px);
    }

    .tile.w-t-4 {
        width: calc(((100% / 6)*4) - 14px);
    }

    .tile.w-t-5 {
        width: calc(((100% / 6)*5) - 15px);
    }

    .tile.w-t-6 {
        width: calc(((100% / 6)*6) - 16px);
    }

    .frontpage .tile.h-t-1 {
        height: calc((((100vw - 30px) / 6)*1) - 10px);
    }

    .frontpage .tile.h-t-2 {
        height: calc((((100vw - 30px) / 6)*2) - 11px);
    }

    .frontpage .tile.h-t-3 {
        height: calc((((100vw - 30px) / 6)*3) - 13px);
    }

    .frontpage .tile.h-t-4 {
        height: calc((((100vw - 30px) / 6)*4) - 14px);
    }

    .frontpage .tile.h-t-5 {
        height: calc((((100vw - 30px) / 6)*5) - 15px);
    }

    .frontpage .tile.h-t-6 {
        height: calc((((100vw - 30px) / 6)*6) - 16px);
    }

    .frontpage .tile.w-t-1 {
        width: calc(((100% / 6)*1) - 10px);
    }

    .frontpage .tile.w-t-2 {
        width: calc(((100% / 6)*2) - 11px);
    }

    .frontpage .tile.w-t-3 {
        width: calc(((100% / 6)*3) - 13px);
    }

    .frontpage .tile.w-t-4 {
        width: calc(((100% / 6)*4) - 14px);
    }

    .frontpage .tile.w-t-5 {
        width: calc(((100% / 6)*5) - 15px);
    }

    .frontpage .tile.w-t-6 {
        width: calc(((100% / 6)*6) - 16px);
    }
}

/*
        Overstyring av bredde/høyde for desktopspesifikk bredde/høyde
        .h-d-X og .w-d-X
    */
@media (min-width: 1200px) {
    .tile.h-1,
    .tile.h-d-1 {
        height: calc(((935px / 6)*1) - 10px);
    }

    .tile.h-2,
    .tile.h-d-2 {
        height: calc(((935px / 6)*2) - 11px);
    }

    .tile.h-3,
    .tile.h-d-3 {
        height: calc(((935px / 6)*3) - 13px);
    }

    .tile.h-4,
    .tile.h-d-4 {
        height: calc(((935px / 6)*4) - 14px);
    }

    .tile.h-5,
    .tile.h-d-5 {
        height: calc(((935px / 6)*5) - 15px);
    }

    .tile.h-6,
    .tile.h-d-6 {
        height: calc(((935px / 6)*6) - 16px);
    }

    /* Special styles for full-width pages with no left menu */
    .frontpage .tile.h-1,
    .frontpage .tile.h-d-1 {
        height: calc(((1200px / 6)*1) - 10px);
    }

    .frontpage .tile.h-2,
    .frontpage .tile.h-d-2 {
        height: calc(((1200px / 6)*2) - 11px);
    }

    .frontpage .tile.h-3,
    .frontpage .tile.h-d-3 {
        height: calc(((1200px / 6)*3) - 13px);
    }

    .frontpage .tile.h-4,
    .frontpage .tile.h-d-4 {
        height: calc(((1200px / 6)*4) - 14px);
    }

    .frontpage .tile.h-5,
    .frontpage .tile.h-d-5 {
        height: calc(((1200px / 6)*5) - 15px);
    }

    .frontpage .tile.h-6,
    .frontpage .tile.h-d-6 {
        height: calc(((1200px / 6)*6) - 16px);
    }

    .frontpage .tile.w-1,
    .frontpage .tile.w-d-1 {
        width: calc(((100% / 6)*1) - 10px);
    }

    .frontpage .tile.w-2,
    .frontpage .tile.w-d-2 {
        width: calc(((100% / 6)*2) - 11px);
    }

    .frontpage .tile.w-3,
    .frontpage .tile.w-d-3 {
        width: calc(((100% / 6)*3) - 13px);
    }

    .frontpage .tile.w-4,
    .frontpage .tile.w-d-4 {
        width: calc(((100% / 6)*4) - 14px);
    }

    .frontpage .tile.w-5,
    .frontpage .tile.w-d-5 {
        width: calc(((100% / 6)*5) - 15px);
    }

    .frontpage .tile.w-6,
    .frontpage .tile.w-d-6 {
        width: calc(((100% / 6)*6) - 16px);
    }
}

/*
        Overstyring av bredde/høyde for forside (fullbredde) på tablet
    */
@media (min-width:745px) and (max-width:1000px) {

    #main_container:not(.frontpage) .tile.w-1,
    #main_container:not(.frontpage) .tile.w-t-1 {
        width: calc(((100% / 6)*1) - 10px);
    }

    #main_container:not(.frontpage) .tile.w-2,
    #main_container:not(.frontpage) .tile.w-t-2 {
        width: calc(((100% / 6)*2) - 11px);
    }

    #main_container:not(.frontpage) .tile.w-3,
    #main_container:not(.frontpage) .tile.w-t-3 {
        width: calc(((100% / 6)*3) - 13px);
    }

    #main_container:not(.frontpage) .tile.w-4,
    #main_container:not(.frontpage) .tile.w-t-4 {
        width: calc(((100% / 6)*4) - 14px);
    }

    #main_container:not(.frontpage) .tile.w-5,
    #main_container:not(.frontpage) .tile.w-t-5 {
        width: calc(((100% / 6)*5) - 15px);
    }

    #main_container:not(.frontpage) .tile.w-6,
    #main_container:not(.frontpage) .tile.w-t-6 {
        width: calc(((100% / 6)*6) - 16px);
    }
}
/*
        Overstyring av bredde/høyde for forside (fullbredde) på desktop
    */
@media (min-width:1001px) and (max-width:1199px) {

    #main_container:not(.frontpage) .tile.w-1,
    #main_container:not(.frontpage) .tile.w-d-1 {
        width: calc(((100% / 6)*1) - 10px);
    }

    #main_container:not(.frontpage) .tile.w-2,
    #main_container:not(.frontpage) .tile.w-d-2 {
        width: calc(((100% / 6)*2) - 11px);
    }

    #main_container:not(.frontpage) .tile.w-3,
    #main_container:not(.frontpage) .tile.w-d-3 {
        width: calc(((100% / 6)*3) - 13px);
    }

    #main_container:not(.frontpage) .tile.w-4,
    #main_container:not(.frontpage) .tile.w-d-4 {
        width: calc(((100% / 6)*4) - 14px);
    }

    #main_container:not(.frontpage) .tile.w-5,
    #main_container:not(.frontpage) .tile.w-d-5 {
        width: calc(((100% / 6)*5) - 15px);
    }

    #main_container:not(.frontpage) .tile.w-6,
    #main_container:not(.frontpage) .tile.w-d-6 {
        width: calc(((100% / 6)*6) - 16px);
    }
}

/* Tvinge banner til å passe i tileen */
.tile-Banner .tile-content,
.tile-Banner .slides,
.tile-Banner .slides > li,
.tile-Banner .slides > li > img {
    display: block;
    height: 100%;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

.slides img.linkimg {
    cursor: pointer;
}

.tile-Custom {
    padding: 5px;
}

.tile-Blank,
.tile-Blank:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}

@media (min-width: 1001px) {
    .tile.visible-desktop {
        display: block;
    }

    .tile.tile-Product.visible-desktop {
        display: inline-block;
    }
}

@media (max-width:1000px) and (min-width:481px) {
    .tile.visible-tablet {
        display: block;
    }

    .tile.tile-Product.visible-tablet {
        display: inline-block;
    }
}

@media (max-width: 480px) {
    .tile.visible-mobile {
        display: block;
    }

    .tile.tile-Product.visible-mobile {
        display: inline-block;
    }
}

/**********************************/
/****** PRODUKT-tile **************/
/**********************************/
#main_container #tiles .tile.tile-Product {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: none;
    overflow: visible;
    position: relative;
}

.tile-Product .tile-content {
    padding-bottom: 5px; /* Fix for margins causing a gap between product tiles */
}

.tile-prod-renderwrp {
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 5px;
}

.tile-prod-title {
    margin: 0 auto;
    border-bottom: 2px solid #000;
    text-indent: 10px;
    padding-top: 10px;
}
/* Full width background */
@media (min-width: 1200px) {
    .frontpage .tile-prod-renderwrp,
    .frontpage .tile-prod-title {
        width: 1200px;
        max-width: 95vw;
    }

    .frontpage .tile-product-stylable-title {
        width: 300%;
        position: relative;
        left: -100%;
    }
}


.useProductSlider .tile-prod-renderwrp {
    height: 410px;
    overflow: hidden;
}


.prodSlider .prodSliderButtonWrp .prodSliderButton {
    position: absolute;
    top: 50%;
    top: calc(50% - (45px / 2));
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 10;
    height: 45px;
    width: 45px;
    color: transparent;
    cursor: pointer;
    opacity: 0;
    -moz-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
    background-repeat: no-repeat;
    background-position: center;
}

.prodSlider:hover .prodSliderButtonWrp .prodSliderButton {
    opacity: 1;
}

.prodSlider .prodSliderButtonWrp .prodSliderPrev {
    left: 0;
    background-image: url(../design/bannerPrevBtn.png);
    background-size: contain;
}

.prodSlider .prodSliderButtonWrp .prodSliderNext {
    right: 0;
    background-image: url(../design/bannerNextBtn.png);
    background-size: contain;
}

.prodSliderMoving {
    width: 0 !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0;
}

@media (max-width:480px) {
    .useProductSlider .tile-prod-renderwrp {
        height: 290px;
        overflow: hidden;
    }

    .prodSlider .renderboxtr {
        min-width: 0;
        float: left;
        margin: 1%;
        overflow: hidden;
        display: table-cell;
        position: relative;
        height: 280px;
        padding: 10px;
        border: 1px solid #CECECE;
        width: 48%;
        clear: none;
    }

        .prodSlider .renderboxtr .boxpicture {
            width: 95%;
            margin: 0 auto;
            line-height: 225px;
            margin-bottom: 10px;
            text-align: center;
        }

    .prodSlider .boxpicture img, .boxpicture a {
        max-width: 100%;
        max-height: 100%;
    }

    .prodSlider .boxpicture img {
        vertical-align: middle;
    }

    .prodSlider .renderboxtr .boxalt01txt {
        display: none;
    }

    .prodSlider .boxpicture,
    .prodSlider .boxdesc,
    .prodSlider .prodlinkdb {
        width: 100%;
        text-align: center;
    }

    .prodSlider .boxdesc,
    .prodSlider a.prodlinkdb {
        font-size: 20px;
        text-align: center;
    }

    .prodSlider .renderboxtr .boxprice,
    .prodSlider .renderboxtr .boxcart,
    .prodSlider .renderboxtr .boxreadmore {
        vertical-align: top;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        text-align: center;
    }

        .prodSlider .renderboxtr .boxcart .cssbutton,
        .prodSlider .renderboxtr .boxreadmore .cssbutton {
            width: 100%;
        }

    .prodSlider .boxreadmore .prodlinkdb {
        display: none;
    }

    .prodSlider .renderboxtr .boxdesc {
        font-weight: 400;
        text-align: center;
        height: 45px;
        overflow: hidden;
        font-size: 24px;
        line-height: 1;
    }

    .prodSlider .renderboxtr .boxalt01 {
        height: 50px;
        overflow: hidden;
        text-align: center;
        padding-top: 10px;
    }

    .prodSlider .boxprice {
        display: inline-block;
        float: left;
        margin-top: 10px;
        margin-left: 5px;
        font-weight: 800;
    }

    .prodSlider .boxpricev {
        display: inline-block;
        font-size: 22px;
        font-weight: 600;
    }

    .prodSlider .boxorgprice {
        display: inline-block;
    }

    .prodSliderButtonWrp {
        display: none;
    }
}


/********************************************/
/***      START FULL WIDTH BANNER      ******/
/********************************************/

.frontpage #tiles .tile-BannerFullwidth {
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 1200px) {
    .frontpage #tiles .tile-BannerFullwidth {
        width: 100vw;
        position: relative;
        left: -30%;
        left: calc((1200px - 100vw) / 2);
    }

    .frontpage .tile-BannerFullwidth .flex-direction-nav .flex-prev {
        left: calc((100vw - 1200px) / 2);
    }

    .frontpage .tile-BannerFullwidth .flex-direction-nav .flex-next {
        right: calc((100vw - 1200px) / 2);
    }
}

/********************************************/
/***      SLUTT FULL WIDTH BANNER      ******/
/********************************************/

/********************************************/
/*********        END TILES        **********/
/********************************************/

.tipafriendtop {
    padding-top: 40px;
}


/********************************************/
/******** START KLARNA FIX ******************/
/********************************************/

.klarna-widget {
    display: none;
}

#render .klarna-widget {
    display: block;
}

/********************************************/
/******** END KLARNA FIX ********************/
/********************************************/


/********************************************/
/******** START RELATED PRODUCT SEARCH ******/
/********************************************/

#relatedProductSearchPanel {
    background-color: #fff;
    border: 1px solid #CECECE;
}

#relatedProductSearchHeader,
#relatedProductSearchBody {
    padding: 10px;
}

/********************************************/
/******** END RELATED PRODUCT SEARCH ********/
/********************************************/


/*************************************************************************************/
/*************************************************************************************/
/***********                        VERSION 3.100                        *************/
/*************************************************************************************/
/*************************************************************************************/

/************************************************************/
/********          START PRODUCT RATING                ******/
/************************************************************/
.productrating_wrp {
    padding: 10px;
    background-color: #f1f1f1;
    margin-bottom: 10px;
    position: relative;
    min-height: 50px;
}

    .productrating_wrp.myproductrating {
        background-color: #E5FFE5;
    }

.productrating-title {
    font-size: 20px;
    border-bottom: 1px solid black;
}

.productrating-nick {
    font-size: 14px;
    color: #585858;
}

#writereview_wrp {
    margin-bottom: 20px;
}

    #writereview_wrp.loading {
        background-image: url(design/loading.gif);
        background-color: #cecece;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 450px;
    }

        #writereview_wrp.loading * {
            display: none;
        }

@media (min-width:481px) {
    .productrating-title {
        padding-right: 100px;
    }

    .productrating-rating {
        position: absolute;
        top: 10px;
        right: 10px;
    }
}

@media (max-width:480px) {
    .productrating-rating {
        width: 100%;
        display: block;
        text-align: center;
    }
}

#productratings_toggle_haspurchased {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 12px;
}

.productratings_toggle_btn {
    cursor: pointer;
    display: block;
}

    .productratings_toggle_btn:before {
        content: "";
        border: 1px solid #000;
        width: 10px;
        height: 10px;
        display: inline-block;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        margin-right: 5px;
    }

    .productratings_toggle_btn.selected:before {
        background-color: #60b233;
    }

#writereview_wrp h4 {
    margin-top: 0;
    margin-bottom: 10px;
}

.ratinglabel {
    display: block;
}

.ratinginput,
.ratinglabel {
    width: 100%;
    max-width: 400px;
}

    .ratinginput.invalid,
    #visual_rating.invalid {
        background-color: rgb(255, 231, 231);
    }

.visualratingstar {
    font-size: 20px;
    cursor: pointer;
}

#totalProductRating .visualratingstar,
.productrating-rating .visualratingstar {
    cursor: default;
}

#visual_rating {
    width: auto;
    cursor: default;
    display: inline-block;
}

    #visual_rating:hover .visualratingstar.activestar .goldstar,
    #visual_rating:not(:hover) .visualratingstar.activestarselected .goldstar,
    #totalProductRating .activestar .goldstar {
        display: inline-block;
    }

    #visual_rating:hover .visualratingstar.activestar .blackstar,
    #visual_rating:not(:hover) .visualratingstar.activestarselected .blackstar,
    #totalProductRating .activestar .blackstar {
        display: none;
    }

img.goldstar, img.blackstar {
    height: 20px;
    width: 20px;
    margin-right: 3px;
}

#reviewvalidation {
    width: 100%;
    background-color: rgb(237, 63, 63);
    color: white;
    padding: 20px;
    margin: 10px 0;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width:481px) {
    #totalProductRating {
        width: 49%;
        float: right;
        clear: right;
    }
}

@media (max-width:480px) {
    #totalProductRating {
        text-align: center;
    }
}

/************************************************************/
/********            END PRODUCT RATING                ******/
/************************************************************/


/************************************************************/
/********                 START MCASH                  ******/
/************************************************************/
.mcash_title {
    font-size: 20px;
    text-align: center;
}

.mcash_app.mcash_title {
    font-size: 14px;
}

.mcash {
    text-align: center;
}

.mcash_status {
    font-size: 20px;
}

/************************************************************/
/********                   END MCASH                  ******/
/************************************************************/

/************************************************************/
/*****        BEGIN ORDREBEKREFTELSE MOBIL            *******/
/************************************************************/
@media (max-width:480px) {
    #divordercust td {
        display: block;
    }

    #oczipcode,
    #occityplace,
    #ocaddress,
    #occustomername,
    #occompanyname.occcompanyname_modified {
        display: none;
    }

    #occwebsite,
    #occbringvalgtfraktprodukt,
    #occcomments,
    #occpaymenttype,
    #ocmcompanyname,
    #ocmsessionno {
        font-weight: 600;
        margin-top: 10px;
    }
}

/************************************************************/
/*****          END ORDREBEKREFTELSE MOBIL            *******/
/************************************************************/

/**************************************************/
/****          BEGIN PRODUCT HOVER PIC         ****/
/**************************************************/

.renderboxtr .hoverprodpic-new,
.renderboxtr:hover .hoverprodpic-original {
    opacity: 0;
    z-index: 1;
}

.renderboxtr .hoverprodpic-original,
.renderboxtr:hover .hoverprodpic-new {
    opacity: 1;
    z-index: 9;
}

.boxpicture {
    height: 225px;
    position: relative;
}

img.bprodimg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}
/**************************************************/
/****          END PRODUCT HOVER PIC           ****/
/**************************************************/

/**************************************************/
/****         BEGIN SHOWSTOCKSTATUSBOXES       ****/
/**************************************************/
@media (min-width:481px) {
    div.renderboxtr.instock, div.renderboxtr.out-of-stock {
        height: 395px;
    }

    .visualstock {
        height: 9px;
        width: 10px;
        float: right;
        background-image: url(../design/checkmark2.png);
        background-repeat: no-repeat;
        margin: 0 9px;
        position: absolute;
        top: 10px;
        right: 0;
    }

    div.renderboxtr:hover .stocktext, div.renderlisttr:hover .stocktext {
        display: block;
    }

    div.renderboxtr .stocktext, div.renderlisttr .stocktext {
        display: none;
    }
}

out-of-stock .visualstock {
    background-image: url(../design/notinstock2.png);
}

.stocktext {
    position: absolute;
    top: 5px;
    right: 24px;
    font-size: 12px;
    z-index: 9;
}

.renderboxtr .stocktext, .renderlisttr .stocktext {
    color: #00a241;
}

.renderboxtr.out-of-stock .stocktext, .renderlisttr.out-of-stock .stocktext {
    color: #aa0000;
}

@media (max-width: 480px) {
    .visualstock {
        height: 9px;
        width: 13px;
        float: right;
        background-image: url(../design/checkmark2.png);
        background-repeat: no-repeat;
        margin: 0 5px;
        top: 10px;
        right: 0;
        position: absolute;
    }

    out-of-stock .visualstock {
        background-image: url(../design/notinstock2.png);
    }
}

@media (min-width: 480px) and (max-width: 744px) {
    .visualstock {
        top: 7px;
    }
}
/**************************************************/
/****          END SHOWSTOCKSTATUSBOXES        ****/
/**************************************************/


/**************************************************/
/****        START REVAMPED PRODREQUEST        ****/
/**************************************************/

/**************************************************/
/****         END REVAMPED PRODREQUEST         ****/
/**************************************************/

.fixedrightdiv {
    padding: 10px 0px 10px 10px;
    line-height: 25px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    -moz-box-shadow: 0px 0px 15px rgba(65, 65, 65, 0.4);
    -webkit-box-shadow: 0px 0px 15px rgba(65, 65, 65, 0.4);
    box-shadow: 0px 0px 15px rgba(65, 65, 65, 0.4);
    width: 55px;
    overflow: hidden;
    white-space: nowrap;
    background-color: #F5F5F5;
    display: block;
    background-repeat: no-repeat;
    background-position: 5px center;
    height: 45px;
    margin: 3px 0px;
    float: right;
    clear: right;
    -moz-transition: height 0s ease 0s, width 0s ease 0s, all 0.15s ease-in-out 0s;
    -o-transition: height 0s ease 0s, width 0s ease 0s, all 0.15s ease-in-out 0s;
    -webkit-transition: height 0s ease 0s, width 0s ease 0s, all 0.15s ease-in-out 0s;
    transition: height 0s ease 0s, width 0s ease 0s, all 0.15s ease-in-out 0s;
}

/**************************************************/
/****          START GOTOFIRSTPRODUCT          ****/
/**************************************************/
.mypagearound .rendersingle, .mypagearound #singleprevnext, #mssubpagearound .rendersingle, #mssubpagearound #singleprevnext {
    display: none;
}

#singleprevnext {
    width: 96%;
    margin: 0 auto 10px auto;
    height: 36px;
    background-color: #EEE;
}

.singleprevious {
    float: left;
}

.singlenext {
    float: right;
}

.cssbutton.singleprevnextbtn {
    position: relative;
    margin: 0;
    padding: 8px 15px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}



#singlenextbtn:after, #singleprevbtn:after {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(206,206,206, 0);
    border-width: 18px;
    margin-top: -18px;
}

#singlenextbtn:after {
    left: 100%;
    border-left-color: #CECECE;
}

#singleprevbtn:after {
    right: 100%;
    border-right-color: #CECECE;
}

/* HOVER STYLES */
#singlenextbtn:hover:after {
    border-left-color: #CCC;
}

#singleprevbtn:hover:after {
    border-right-color: #CCC;
}

#singlenextbtn.end:hover, #singleprevbtn.end:hover {
    background-color: #CCC;
}

    #singlenextbtn.end:hover:after {
        border-left-color: #CCC;
    }

    #singleprevbtn.end:hover:after {
        border-right-color: #CCC;
    }
/* HOVER STYLES END */
/* NO NEXT PRODUCT STYLES */
.cssbutton.singleprevnextbtn.end {
    background: #000;
}

#singlenextbtn.end:after, #singleprevbtn.end:after {
    border-color: rgba(0,0,0,0);
}

#singlenextbtn.end:after {
    border-left-color: #000;
}

#singleprevbtn.end:after {
    border-right-color: #000;
}
/* NO NEXT PRODUCT STYLES END */
/**************************************************/
/****           END GOTOFIRSTPRODUCT           ****/
/**************************************************/

/**************************************************/
/****         START RECOMENDED PRODUCT         ****/
/**************************************************/
#recomended div.renderboxtr {
    width: 98%;
    height: 200px;
}

#recomended .renderboxtr .boxpicture {
    width: 25%;
    float: left;
    line-height: 0;
    height: 100%;
}

#recomended div.boxsuppliersdescr {
    display: block;
    float: right;
    width: 48%;
}

#recomended .boxsuppliersdescrtxt {
    display: none;
}

#recomended .renderboxtr .boxdesc, #recomended .boxprice, #recomended .boxreadmore {
    float: left;
    width: 25%;
    text-align: center;
    margin: 0;
}

#recomended .renderboxtr .boxsuppliersdescrv {
    height: 175px;
    overflow: hidden;
}

#recomendedhead {
    width: 98%;
    margin-left: 1%;
    margin-top: 1%;
    padding: 10px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
/**************************************************/
/****          END RECOMENDED PRODUCT          ****/
/**************************************************/


/*************************************************************************************/
/*************************************************************************************/
/***********                        VERSION 3.101                        *************/
/*************************************************************************************/
/*************************************************************************************/
#telephone.newcustform,
#telephone.ordercustform,
#companyregno.newcustform,
#companyregno.ordercustform {
    padding: 10px;
}

#cart * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/**************************************************/
/****           BEGIN EASY INPUT CLICK         ****/
/**************************************************/
#autoUpdateCartMessage {
    padding: 10px;
    width: 100%;
}

@media (max-width:480px) {
    #autoUpdateCartMessage {
        position: fixed;
        top: 70px;
        left: 0;
        left: calc(10px);
        width: 100%;
        width: calc(100% - 20px);
    }
}

@media (min-width:481px) {
    #autoUpdateCartMessage {
        position: absolute;
        top: -10px;
        left: 0;
    }
}

#autoUpdateCartMessageWrp {
    position: relative;
}
/**************************************************/
/****             END EASY INPUT CLICK         ****/
/**************************************************/


/**************************************************/
/****    BEGIN NEW STYLES FOR ONE PAGE CART    ****/
/**************************************************/
#cart4 .orderCart .cart2header {
    display: none;
}

@media (max-width:480px) {
    div.cartbigtr {
        overflow: hidden;
    }

    div.cartbigd {
        width: 80%;
        height: 60px;
        max-height: 60px;
    }

        div.cartbigd a.cartprodlinkd {
            height: 60px;
            max-height: 60px;
        }

    div.cartbigwcart, div.cartbigprice, div.cartbiglinesum, div.cartbigdelete {
        float: right;
    }

    div.cartbigwcart {
        margin-right: 2%;
        width: 22%;
    }

        div.cartbigwcart div.cartbigcart {
            margin: 0px 2.5px;
            max-width: 25px;
            max-height: 25px;
        }
}
/**************************************************/
/****      END NEW STYLES FOR ONE PAGE CART    ****/
/**************************************************/

/**************************************************/
/****     START STYLES FOR KLARNA CHECKOUT     ****/
/**************************************************/
#klarnadiv {
    display: block;
    overflow: hidden;
}

#zipcodewrapper {
    display: block;
    overflow: hidden;
    margin: 10px 0;
}

#klarnadiv #fraktguiden {
    background-color: #fff;
}

#zipcodewrapper label {
    float: left;
    padding: 6px;
    min-width: 110px;
}

#zipcodewrapper #zipcode {
    min-width: 225px;
}

#klarnacheckoutwrapper {
    overflow: hidden;
    max-width: 750px;
    width: 100%;
    display: block;
    border: none;
}

@media (min-width: 1180px) {
    #klarnacheckoutwrapper {
        float: left;
        width: 70%;
    }

    #zipcodewrapper label {
        width: 10%;
    }

    #zipcodewrapper #zipcode {
        width: 20%;
    }

    #klarnadiv #fraktguiden {
        margin-left: 0;
        margin-right: 1%;
    }
}

@media (min-width: 481px) and (max-width: 1179px) {
    #zipcodewrapper label {
        width: 15%;
    }

    #zipcodewrapper #zipcode {
        width: 30%;
    }

    #klarnadiv #fraktguiden {
        margin-left: 0;
        width: 100%;
    }

    #klarnacheckoutwrapper {
        margin: 0 auto;
        width: 100%;
    }
}

@media (max-width: 480px) {
    #zipcodewrapper #zipcode {
        height: auto;
        line-height: 0;
        font-size: 14px;
        text-indent: initial;
        min-width: 200px;
        margin-right: 0;
    }

    #zipcodewrapper label {
        font-size: 14px;
        padding: 8px;
        min-width: 85px;
    }
}
/**************************************************/
/****      END STYLES FOR KLARNA CHECKOUT      ****/
/**************************************************/

/**************************************************/
/****            COOKIEBAR STYLES              ****/
/**************************************************/
#cookie-bar {
    line-height: 24px;
    color: #eeeeee;
    text-align: center;
    padding: 10px;
    z-index: 9999;
}

    #cookie-bar.fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }

        #cookie-bar.fixed.bottom {
            bottom: 0;
            top: auto;
        }

    #cookie-bar p {
        margin: 0;
        padding: 0;
    }

    #cookie-bar a {
        color: #ffffff;
        display: inline-block;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        text-decoration: none;
        padding: 0 6px;
        margin-left: 8px;
    }

    #cookie-bar .cb-enable {
        background: #007700;
    }

        #cookie-bar .cb-enable:hover {
            background: #009900;
        }

    #cookie-bar .cb-disable {
        background: #990000;
    }

        #cookie-bar .cb-disable:hover {
            background: #bb0000;
        }

    #cookie-bar .cb-policy {
        background: #0033bb;
    }

        #cookie-bar .cb-policy:hover {
            background: #0055dd;
        }
/**************************************************/
/****          COOKIEBAR STYLES END            ****/
/**************************************************/

/**************************************************/
/****          FILTERMODULE BEGIN              ****/
/**************************************************/
#filterModule {
    position: relative;
}

.filter {
    float: left;
    display: inline-block;
    opacity: 1;
}

#filterContent {
    border: 1px solid #696264;
}

.filterPriceSlider {
}

.filterTbPrice {
}

.filterValues {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 7px;
}

.filterHeaderValue {
}

.filterHeaderDiv {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dotted Black;
    color: black;
    font-weight: bold;
    text-transform: capitalize;
    padding-top: 5px;
}

.filterValue {
    padding-top: 2px;
    /*display: inline-block;*/
    width: 100%;
    font-size: 14px;
}

.filterCb > input {
    vertical-align: middle;
}

.filterLbValue {
    color: #333333;
    text-decoration: none;
}

    .filterLbValue:hover {
        text-decoration: underline;
    }


.filterPriceInputs {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}

.filterTbMaxPrice {
    width: 45%;
    float: right;
    text-align: center;
}

.filterTbMinPrice {
    width: 40%;
    float: left;
    text-align: center;
}

.RadSlider .rslHorizontal a.rslDraghandle {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: 20px;
    width: 20px;
    border: 1px solid black;
}

.RadSlider_Default .rslHorizontal .rslTrack {
    background: #AAAAAA;
}

.RadSlider {
    display: inline-block;
}

.RadSlider_Default .rslHorizontal .rslSelectedregion {
    background: #383838;
}

.filterGroup {
    padding: 15px;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

#sliderParent {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

#filterloader {
    position: absolute;
    display: none;
    width: 19%;
    top: 45px;
    left: 0;
    opacity: 0.1;
    background: black;
    z-index: 10;
}

#filterloader2.hidden {
    display: none;
}

.filterGroup span {
    width: 140px;
    display: inline-block;
    float: left;
}

#firsttimeloadfilter {
    background: url(../dep/loading.gif);
    height: 100px;
    width: 200px;
    position: absolute;
    background-repeat: no-repeat;
    margin-left: 70px;
    margin-top: 5px;
}

#RadSliderDrag_RadPriceSlider,
#RadSliderEndDrag_RadPriceSlider {
    background-image: none;
    width: 25px;
    height: 25px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    margin-top: -10px;
}

.filterTbMaxPrice,
.filterTbMinPrice {
    padding: 5px;
}

.filter-showmore {
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
}

#filterContent.loading > * {
    opacity: .5;
}

#filterContent.loading * {
    visibility: visible;
}

#filterLoadingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
}

@media (min-width: 745px) {
    .main_container:not(.frontpage) #upResult .renderlisttr {
        margin-left: 1%;
        width: 99%;
    }

    #filterContent {
        margin-top: 5px;
    }

    #toggleFilterMobile {
        display: none;
    }

    div#filterContent {
        position: absolute;
        z-index: 10;
        background-color: #fff;
        width: 25%;
        left: -25%;
        -moz-transition: all ease-in-out 0.5s;
        -o-transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
        transition: all ease-in-out 0.5s;
        opacity: 1;
    }

    #filterModule .column2 {
        width: 100%;
    }

    div#filterModule {
        width: 80%;
        float: right;
    }

    .hiddenFilter #filterContent {
        /*left: -50%;
    opacity: 0;*/
        height: 54px;
        overflow: hidden;
    }

    #toggleFilterBtn {
        color: rgb(0, 43, 92);
        text-decoration: underline;
        cursor: pointer;
        text-indent: 10px;
        padding-top: 5px;
    }

    #menuWrp > .MenuItem {
        opacity: 1;
    }

    .visibleFilter #menuWrp > .MenuItem {
        opacity: 0;
    }

    .visibleFilter #menuWrp,
    .hiddenFilter #menuWrp {
        padding-top: 55px;
    }

    .filterGroup:after {
        content: "-";
        height: 20px;
        width: 20px;
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        border: 1px solid #000;
        text-align: center;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        line-height: 20px;
        cursor: pointer;
    }

    .hiddenFilter .filterGroup:after {
        content: "+";
    }
}


@media (max-width:744px) {

    .filter #filterContent {
        -moz-transition: all ease-in-out 0.25s;
        -o-transition: all ease-in-out 0.25s;
        -webkit-transition: all ease-in-out 0.25s;
        transition: all ease-in-out 0.25s;
        border: 0;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        padding-top: 125px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: rgba(255,255,255,0.95);
        background-position: center;
        z-index: 11;
    }


    .filter.filter-closed #filterContent {
        /*display: none;*/
        top: 100%;
        top: 100vh;
        bottom: -100%;
        bottom: -100vh;
    }

    body.filter-open {
        overflow: hidden;
        height: 100%;
        height: 100vh;
    }

    .filterGroup {
        display: none;
    }

    #toggleFilterMobile {
        display: inline-block;
        position: fixed;
        top: 55px;
        right: 5px;
        z-index: 12;
    }

    .toggleFilterMobileBtn.hidden {
        display: none;
    }

    .filterHeaderDiv {
        font-size: 24px;
    }

    .filterValue {
        font-size: 20px;
    }
}

@media (max-width:480px) {
    .filter #filterContent {
        padding-top: 115px;
    }

    #toggleFilterMobile {
        top: 45px;
    }

    #filterloader2 {
        top: 40px;
    }
}
/**************************************************/
/****          FILTERMODULE END                ****/
/**************************************************/

/* Fix for første element i listevisning */
#divrenderlisttr1 {
    margin-top: 0;
}

/* [FIX] Skjuler send mail fra hele løsningen, skal kun vises i singelvarevisning */
#send_email {
    display: none;
}

/**************************************************/
/****           BEGIN PRODUCT RATING           ****/
/**************************************************/
#sendreviewbtn {
    margin-top: 10px;
}
/**************************************************/
/****             END PRODUCT RATING           ****/
/**************************************************/

/**************************************************/
/****            BEGIN INVALID PAYMENT         ****/
/**************************************************/

#invalidPaymentMessage {
    position: fixed;
    top: 25%;
    width: 50%;
    left: 25%;
    background-color: #FFFFFF;
    padding: 20px;
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    z-index: 10000;
}

.closeParent {
    color: rgb(231, 20, 20);
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    border-left: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    -moz-border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
    cursor: pointer;
}

@media (max-width:480px) {
    #invalidPaymentMessage {
        left: 5%;
        width: 90%;
    }
}
/**************************************************/
/****              END INVALID PAYMENT         ****/
/**************************************************/

/* Fix for banner arrows who are not perfect size */
.flex-next img {
    float: right;
}

/**************************************************/
/****        BEGIN LAST VIEWED PRODUCT         ****/
/**************************************************/
@media (max-width: 480px) {
    #orderlastviewedproducts #lastviewedproductscontent, #discountcodecontent {
        display: none;
    }

    #discountcodecontainer {
        margin: 10px 0;
    }

    div#orderlastviewedproducts div#lastviewedproductsheader {
        padding: 15px 5px;
    }
}

.rendersingle_fanemeny_wrapper #lastviewedproductsheader {
    display: none;
}

#lastviewedproductswrapper {
    overflow: hidden;
}

#orderlastviewedproducts, #cartlastviewedproducts {
}

    #orderlastviewedproducts #lastviewedproductsheader, #cartlastviewedproducts #lastviewedproductsheader {
        padding: 10px;
        cursor: pointer;
    }

#lastviewedproductswrapper.leftcolumn {
    margin: 10px 0;
}

    #lastviewedproductswrapper.leftcolumn #lastviewedproductsheader {
        text-decoration: none;
        padding: 12px 15px;
        display: block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid rgba(255, 255, 255, 0.11);
        margin-bottom: 10px;
    }

    #lastviewedproductswrapper.leftcolumn .renderboxtr {
        height: auto;
        max-height: 115px;
        width: 100%;
        margin: 0;
    }

        #lastviewedproductswrapper.leftcolumn .renderboxtr .boxpicture {
            height: 100px;
            line-height: 0;
            margin-bottom: 0;
        }

        #lastviewedproductswrapper.leftcolumn .renderboxtr .boxprice {
            margin: 0;
        }

        #lastviewedproductswrapper.leftcolumn .renderboxtr .boxdesc {
            text-align: left;
            height: auto;
        }

    #lastviewedproductswrapper.leftcolumn .renderlisttr, #lastviewedproductswrapper.leftcolumn .renderboxtr {
        padding: 10px;
        margin-top: 5px;
    }

        #lastviewedproductswrapper.leftcolumn .renderlisttr div {
            display: block;
        }

    #lastviewedproductswrapper.leftcolumn .spanpicture, #lastviewedproductswrapper.leftcolumn .boxpicture {
        width: 40%;
        display: block;
        overflow: hidden;
        text-align: center;
        float: left;
        margin-right: 5%;
    }

    #lastviewedproductswrapper.leftcolumn .spandesc, #lastviewedproductswrapper.leftcolumn .spanprice, #lastviewedproductswrapper.leftcolumn .boxdesc, #lastviewedproductswrapper.leftcolumn .boxprice {
        width: 55%;
        display: block;
        float: right;
    }

    #lastviewedproductswrapper.leftcolumn .spandesc, #lastviewedproductswrapper.leftcolumn .boxdesc {
        font-size: 16px;
        -ms-word-break: break-all;
        word-break: break-all;
        margin-bottom: 10px;
        max-height: 50px;
        overflow: hidden;
    }

        #lastviewedproductswrapper.leftcolumn .spandesc a.prodlinkd, #lastviewedproductswrapper.leftcolumn .boxdesc a.prodlinkd {
            font-size: 16px;
        }

    #lastviewedproductswrapper.leftcolumn .renderlisttr .spanproductident,
    #lastviewedproductswrapper.leftcolumn .renderlisttr .spancart,
    #lastviewedproductswrapper.leftcolumn .renderlisttr .spanreadmore,
    #lastviewedproductswrapper.leftcolumn .renderlisttr .spancartinp,
    #lastviewedproductswrapper.leftcolumn .renderlisttr .spanalt01,
    #lastviewedproductswrapper.leftcolumn .renderlisttr .spanalt02,
    #lastviewedproductswrapper.leftcolumn .renderlisttr .spanalt03,
    #lastviewedproductswrapper.leftcolumn .renderlisttr .spanalt04,
    #lastviewedproductswrapper.leftcolumn .renderlisttr .spanalt05,
    #lastviewedproductswrapper.leftcolumn .renderlisttr .spanalt06,
    #lastviewedproductswrapper.leftcolumn .renderlisttr .spanalt07,
    #lastviewedproductswrapper.leftcolumn .renderlisttr .spanalt08,
    #lastviewedproductswrapper.leftcolumn .renderlisttr .spanalt09,
    #lastviewedproductswrapper.leftcolumn .renderlisttr .spanalt10,
    #lastviewedproductswrapper.leftcolumn .renderlisttr .spandimen,
    #lastviewedproductswrapper.leftcolumn .renderboxtr .boxproductident,
    #lastviewedproductswrapper.leftcolumn .renderboxtr .boxcart,
    #lastviewedproductswrapper.leftcolumn .renderboxtr .boxreadmore,
    #lastviewedproductswrapper.leftcolumn .renderboxtr .boxcartinp,
    #lastviewedproductswrapper.leftcolumn .renderboxtr .boxalt01,
    #lastviewedproductswrapper.leftcolumn .renderboxtr .boxalt02,
    #lastviewedproductswrapper.leftcolumn .renderboxtr .boxalt03,
    #lastviewedproductswrapper.leftcolumn .renderboxtr .boxalt04,
    #lastviewedproductswrapper.leftcolumn .renderboxtr .boxalt05,
    #lastviewedproductswrapper.leftcolumn .renderboxtr .boxalt06,
    #lastviewedproductswrapper.leftcolumn .renderboxtr .boxalt07,
    #lastviewedproductswrapper.leftcolumn .renderboxtr .boxalt08,
    #lastviewedproductswrapper.leftcolumn .renderboxtr .boxalt09,
    #lastviewedproductswrapper.leftcolumn .renderboxtr .boxalt10,
    #lastviewedproductswrapper.leftcolumn .renderboxtr .boxdimen {
        display: none !important;
    }
/**************************************************/
/****         END LAST VIEWED PRODUCT          ****/
/**************************************************/

/**************************************************/
/****      BEGIN PLAN PURCHASE / USERLIST      ****/
/**************************************************/

#userListWrp {
    position: relative;
    padding-top: 20px;
}

    #userListWrp .successmsg {
        color: rgb(6, 92, 6);
    }

    #userListWrp .errormsg {
        color: rgb(221, 32, 32);
    }


#userListNameEdit {
    width: 100%;
}

.ulPopup {
    position: fixed;
    top: 20%;
    width: 50%;
    width: calc(400px);
    left: 25%;
    left: calc((100% - 400px) / 2);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    z-index: 20;
    background-color: #fff;
}

#userListProductsHead,
#userListSearchHead,
#userListBtnWrp {
    margin-top: 10px;
}

#userListSearch {
    clear: both;
}

#addSharedListToCartBtn {
    margin-top: 10px;
    float: right;
}

#saveUserListNameBtn {
    margin-top: 10px;
    margin-bottom: 10px;
}

.closeWindowBtn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    border-left: 1px solid #CECECE;
    border-bottom: 1px solid #CECECE;
    -moz-border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
    color: rgb(219, 24, 24);
    cursor: pointer;
    font-weight: bold;
    z-index: 10;
}

    .closeWindowBtn.illustrationbtn {
        position: static;
        display: inline-block;
        border: 1px solid #CECECE;
    }

.removeFromUserListBtn {
    font-size: 10px;
    background-color: #fff;
}

#userListName {
    font-size: 24px;
    padding: 10px 0;
    min-height: 50px;
    min-width: 50px;
}

#userListHeader {
    position: relative;
    float: left;
    padding-right: 75px;
    margin-right: 40px;
}

#userListsSelectWrp {
    display: inline-block;
}

#userListRename,
#userListDelete {
    position: absolute;
    font-size: 12px;
    right: 0;
    cursor: pointer;
    text-decoration: underline;
}

#userListDelete {
    top: 25px;
}

#userListRename {
    top: 6px;
}

.ulHead {
    position: relative;
    padding: 10px;
    font-weight: bold;
    border: 1px solid #CECECE;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}


.ulBody {
    padding: 10px;
    border: 1px solid #CECECE;
    border-top: none;
}

.ulTooltipBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
    background-color: #fff;
    padding: 5px;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    line-height: 10px;
    cursor: help;
}

    .ulTooltipBtn:hover .ulTooltipMsg {
        display: block;
    }

.ulTooltipMsg {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 500px;
    max-width: 80vw;
    text-align: left;
    background-color: #fff;
    padding: 10px;
    line-height: 1.25;
    font-size: 14px;
    z-index: 9;
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}

.keyboardbtn {
    padding: 0 5px;
    -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.75);
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.75);
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.75);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/* SØKERESULTAT */
.userListSearchResultsProduct {
    padding: 10px 0;
    border-bottom: 1px solid #CECECE;
}

    .userListSearchResultsProduct:last-of-type {
        border-bottom: none;
        margin-bottom: 0;
    }

    .userListSearchResultsProduct.addedtolist {
        background-color: rgb(244, 255, 244);
    }

.userListSearchResultsProductIdent {
    display: inline-block;
    width: 20%;
}

.userListSearchResultsDescription {
    display: inline-block;
    width: 50%;
    width: calc(80% - (40px + 100px + 10px));
}

.userListSearchResultsQuantity {
    width: 40px;
    margin-right: 10px;
}

.userListSearchResultsSubmit {
    width: 100px;
}

.highprodmsg {
    font-weight: bold;
    margin: 10px 0;
}

/* OPPRETTE NY LISTE */

#createUserListMessage {
    margin-top: 10px;
}

#userListOverlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.75);
    z-index: 9;
}

/* SENDE LISTE PÅ EPOST */
.createUserListLabel {
    width: 130px;
    display: block;
}

.createUserListField {
    display: block;
    width: 50%;
    width: calc(100% - 180px);
}

    .createUserListField.invalid {
        background-color: rgb(255, 244, 244);
    }

    .createUserListField.valid {
        background-color: rgb(244, 255, 244);
    }

.ulFieldIsValid {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

    .ulFieldIsValid > div {
        height: 40px;
        width: 40px;
        background-position: center;
        background-repeat: no-repeat;
    }

.ulFieldValid {
    background-image: url(../design/ulOkIcon.png);
}

.ulFieldInvalid {
    background-image: url(../design/ulErrIcon.png);
}

.userListEmailFieldWrp {
    clear: left;
}

    .userListEmailFieldWrp > * {
        float: left;
    }

#userListEmailMessage {
    margin-top: 10px;
}

.ulUpdatedQuantity:after {
    content: "Antall oppdatert";
    display: block;
    position: absolute;
    top: 60%;
    top: calc((100% + 40px) / 2);
    height: 25px;
    padding: 5px;
    color: rgb(6, 92, 6);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    z-index: 10;
    background-color: #fff;
}

@media (min-width:769px) {
    #userListWrp {
        border-top: 1px solid #CECECE;
    }
}

@media (max-width: 768px) {
    .ulUpdatedQuantity:after {
        top: 34%;
        top: calc((100% - 25px) / 2);
        left: 45%;
    }
}

/************************************************/
/*****        MOBILSTYLES                 *******/
/************************************************/
@media (max-width:480px) {
    .ulTooltipBtn {
        display: none;
    }

    #userListHeader {
        width: 100%;
    }

    .userListSearchResultsProductIdent {
        font-size: 12px;
        width: 30%;
    }

    .userListSearchResultsDescription {
        width: 70%;
        margin-bottom: 10px;
    }

    .userListSearchResultsSubmit {
        float: right;
    }

    .userListSearchResultsQuantity {
        margin-left: calc(100% - 140px);
        margin-bottom: 10px;
    }

    .ulPopup {
        width: 90%;
        left: 5%;
    }

        .ulPopup .cssbutton {
            width: 100%;
        }

    #createUserListLabel {
        display: none;
    }

    #createUserListName {
        width: 100%;
        margin-bottom: 10px;
    }

    #addListToCartBtn,
    #sendListToFriendBtn {
        width: 100%;
        margin-bottom: 10px;
    }

    .removeFromUserListBtn {
        border-right: 1px solid #CECECE;
    }

    #userListProducts .spancartinp {
        display: inline-block;
        width: 40px;
    }

    #userListProducts .listquantity {
        width: 100%;
    }

    #userListProducts .spancart {
        width: calc(62% - 50px);
        position: relative;
    }

    .ulUpdatedQuantity:after {
        top: 25%;
        top: calc((100% - 35px - 30px) / 2);
        left: 40%;
        height: 35px;
    }

    #userListEmailComment {
        float: none;
        width: 100%;
        margin-bottom: 10px;
        min-height: 75px;
    }
}


#singleUserList {
    position: fixed;
    right: 0;
    bottom: 135px;
    width: 10%;
    z-index: 99;
    margin: 0;
    border: none;
    padding: 0;
}

#UserListAddButton {
    padding-left: 45px;
    text-decoration: none;
    display: inline-block;
    height: 100%;
    width: 100%;
    font-family: "Open Sans";
    font-weight: normal;
}

#singleUserListAddButton {
    display: block;
    background-image: url("../design/wishlist_gift.png");
    background-repeat: no-repeat;
    background-position: 5px center;
    padding: 10px 0 10px 10px;
    line-height: 25px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    background-size: 32px 32px;
    -moz-box-shadow: 0 0 15px rgba(65, 65, 65, 0.4);
    -webkit-box-shadow: 0 0 15px rgba(65, 65, 65, 0.4);
    box-shadow: 0 0 15px rgba(65, 65, 65, 0.4);
    width: 55px;
    overflow: hidden;
    white-space: nowrap;
    background-color: #F5F5F5;
    float: right;
    clear: right;
    margin: 3px 0;
}

#noUserListsTitle {
    margin-bottom: 10px;
}

#singleUserListsWrp,
#singleNoUserLists {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #CECECE;
}

#singleUserListsWrp {
    max-height: 30vh;
    overflow: auto;
}

#singleCreateUserListTitle {
    margin-bottom: 10px;
}

@media (min-width: 800px) {
    #singleUserListAddButton:hover {
        width: 250px;
    }
}



.singleUserListChkWrp {
    position: relative;
}

.singleUserListChkMsg {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px;
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


    .singleUserListChkMsg.added {
        color: rgb(6, 92, 6);
    }

    .singleUserListChkMsg.removed {
        color: rgb(221, 32, 32);
    }

/*IPAD*/
@media (min-device-width: 768px) and (max-device-width: 1024px) {
    div#singlePlanPurchaseListSelect {
        height: 40%;
        width: 80%;
    }
}
/*IPAD END*/
@media (max-width: 480px) {
    div#singlePlanPurchaseListSelect {
        width: 90%;
        height: 350px;
        max-height: 350px;
    }

    .singlePlanPurchase {
        bottom: 150px;
    }

    #singleCreateUserListBtn {
        margin-top: 10px;
    }
}

/**************************************************/
/****        END PLAN PURCHASE / USERLIST      ****/
/**************************************************/



/**************************************************/
/****      BEGIN BUNDLE BUILDER / PAKKEVARE    ****/
/**************************************************/
#pkvare {
    display: none;
    overflow: hidden;
    float: left;
    width: 100%;
}

.singlealt15 {
    width: 47.167em;
    overflow: hidden;
    position: relative;
    left: 1em;
    background-color: White;
    background-image: url('../design/bg_leftmenucontent.png');
    background-position: center bottom;
    background-repeat: repeat-x;
}

.singlealt15txt, .singlealt15v {
    display: none;
}

div.pkvarelinjer {
    clear: both;
    display: block;
    width: 100%;
}

div#pkvareerror {
    display: none;
    width: 100%;
    float: left;
    text-align: right;
    color: Red;
    margin-bottom: 20px;
}

div.pkvarelinje {
    height: 60px;
    display: table;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

div.pkvarelinjetxt {
    width: 45%;
    background-color: #E4E4E4;
}

div.pkvarelinjev {
    width: 33%;
    display: table-cell;
    background-color: #DEDEDE;
}

select.pkvarelinjev {
    width: 100%;
}

.pkvareAddToCartButtonContainer {
    overflow: hidden;
    clear: both;
}

.pkvareAddToCartButton {
    float: right;
    border: 0px none;
    padding: 10px 15px;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
    min-width: 83px;
    background-color: #000;
    color: #fff;
}

#pkvareheader, #pkvaresummary {
    display: table;
    overflow: hidden;
    width: 100%;
    border: 1px solid #CCCCCC;
    font-weight: bold;
}

#pkvaresummary {
    border: 0;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

.pkvareheaderline {
    display: table-cell;
    padding: 1% 1% 0 1%;
}

#pkvareheaderlinetext, #pkvaresummarylinetext {
    width: 45%;
    background-color: #E4E4E4;
}

#pkvareheaderlineprice, #pkvaresummarylineprice {
    width: 10%;
    text-align: center;
    background-color: #DEDEDE;
}

#pkvareheaderlinelager, #pkvaresummarylinelager {
    width: 10%;
    text-align: center;
    background-color: rgb(235,235,235);
}

#pkvareheaderlinevalgt, #pkvaresummarylinevalgt {
    width: 33%;
    background-color: #DEDEDE;
}

.pkvarelinjefelt, .pkvaresummaryline {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    padding: 0 1%;
}

.pkvarelinjetxtprice {
    width: 10%;
    text-align: center;
    background-color: #DEDEDE;
}

.pkvarelinjetxtlager {
    width: 10%;
    text-align: center;
    background-color: rgb(235,235,235);
}

#pkvarelinjeryousavedvalue {
    margin-top: 20px;
}

#pkvaresummarylinelager img {
    margin: 0 auto;
}

#pkvaresummarylinetext {
    text-align: right;
}

.pkvaresummarylinepricevalue {
    text-decoration: double underline;
}

@media (max-width: 480px) {
    #pkvare {
        font-size: 12px;
    }

    #pkvareheaderlinetext, #pkvaresummarylinetext {
        width: 38%;
    }

    div.pkvarelinjetxt {
        width: 38%;
    }

    #pkvareheaderlineprice, #pkvaresummarylineprice, .pkvarelinjetxtprice {
        width: 15%;
    }

    .pkvarelinjetxtlager, #pkvareheaderlinelager, #pkvaresummarylinelager {
        width: 7%;
    }

    div.pkvarelinjev, #pkvareheaderlinevalgt, #pkvaresummarylinevalgt {
        width: 40%;
    }

    #pkvareheaderlinelager {
        font-size: 0;
    }

        #pkvareheaderlinelager:first-letter {
            font-size: 12px;
        }

    div.pkvarelinje {
        height: 40px;
    }

    select.pkvarelinjev {
        padding: 5px 0;
        font-size: 12px;
    }
}
/**************************************************/
/****        END BUNDLE BUILDER / PAKKEVARE    ****/
/**************************************************/
/**************************************************/
/****      BEGIN VARIANT PRICE DIFFERENCE      ****/
/**************************************************/

.differentPriceVariantText {
    font-size: 12px;
}

/**************************************************/
/****        END VARIANT PRICE DIFFERENCE      ****/
/**************************************************/

/**************************************************/
/****        BEGIN NEW PRODUCT MENU            ****/
/**************************************************/
#menuWrp {
    width: 100%;
    margin: 0;
    padding: 0;
}

    #menuWrp * {
        overflow: hidden;
        -moz-transition: all ease-in-out 0.25s;
        -o-transition: all ease-in-out 0.25s;
        -webkit-transition: all ease-in-out 0.25s;
        transition: all ease-in-out 0.25s;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #menuWrp ul {
        list-style: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #menuWrp li {
        list-style: none;
        list-style-type: none;
        margin: 0;
    }


.MenuItem:hover > .MenuItemLink {
    background-color: #cecece;
    color: #000;
}

.MenuItem:hover > .SubWrpToggle {
    background-color: #000;
    color: #fff;
}

.MenuItemLink {
    padding: 0 10px;
    display: inline-block;
    width: 100%;
}

.SubWrpToggle {
    display: inline-block;
    position: absolute;
    top: 6px;
    right: 5px;
    cursor: pointer;
    height: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 30px;
    text-align: center;
    line-height: 28px;
    z-index: 2;
}

    .SubWrpToggle:after {
        content: "+";
    }

.open > .SubWrpToggle:after {
    content: "-";
}

.MenuItem,
.MenuItemLink {
    position: relative;
    vertical-align: middle;
    line-height: 40px;
    text-decoration: none;
}

.SubMenuWrp > .MenuItem {
    height: 0;
    padding-left: 10px;
}

.open > .SubMenuWrp > .MenuItem {
    height: 40px;
}

    .open > .SubMenuWrp > .MenuItem.open {
        height: auto;
    }

.active > .MenuItemLink {
    font-weight: bold;
}

.MenuItemWrp > .MenuItemLink {
    padding-right: 40px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 745px) {
    .frontpage #menuWrp {
        display: none;
    }

    #MenuItem-touch {
        display: none;
    }
}

@media (max-width: 744px) {
    #menuWrp .MenuItemLink {
        height: 60px;
        line-height: 60px;
    }

    #menuWrp:not(.openTouch) .MenuItem:not(#MenuItem-touch) {
        height: 0;
    }

    .open > .SubMenuWrp > .MenuItem {
        height: 60px;
    }

    .SubWrpToggle {
        height: 50px;
        width: 50px;
        line-height: 44px;
        font-size: 40px;
        vertical-align: middle;
    }
}
/**************************************************/
/****          END NEW PRODUCT MENU            ****/
/**************************************************/

/**************************************************/
/****        BEGIN FREE FREIGHT SLIDER         ****/
/**************************************************/
#visualFreeFreightWrapper {
    padding-left: 15px;
    position: relative;
}

#visualFreeFreight {
    height: 50px;
}

#visualFreeFreightText {
    display: block;
}

#visualFreeFreightSliderText {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
}

#visualFreeFreightSlider {
    height: 100%;
    background-color: #BCED91;
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
}

#visualFreeFreightSliderWrapper {
    width: 100%;
    height: 23px;
    z-index: 2;
    text-align: center;
    background-color: #fff;
    border: 1px solid black;
    color: #000;
    position: relative;
}

.isCart #visualFreeFreightWrapper {
    width: 100%;
    display: inline-block;
    padding-left: 15px;
}

#visualFreeFreightSlider.freeFreightActive {
    background-color: rgb(244,244,244);
}

#visualFreeFreightLocationLoading {
    position: absolute;
    background-color: #FFF;
    z-index: 99;
    text-align: center;
    width: 100%;
    left: 0px;
    height: 100%;
    top: 0;
}

#visualFreeFreightLocationLoadingImage {
    z-index: 100;
    vertical-align: middle;
    display: block;
    margin: 0px auto;
}


@media (min-width:481px) {
    #visualFreeFreight {
        width: 40%;
    }
}

@media (max-width: 480px) {
    #visualFreeFreight {
        width: 95%;
        margin-top: 20px;
    }

    #visualFreeFreightWrapper {
        background-color: rgb(230,230,230);
        color: #000;
        padding: 20px 15px;
    }
}
/**************************************************/
/****          END FREE FREIGHT SLIDER         ****/
/**************************************************/

/**************************************************/
/****      BEGIN VARIANTS W/STOCK STATUS       ****/
/**************************************************/
#SingleBoxVariantsStockStatus {
    display: none;
}

.singlevisualvariant {
    position: relative;
}

.stock-span {
    display: none;
}

.visualvariantdisplay:hover .stock-span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    width: 90%;
    width: calc(100% - 20px);
    height: 60%;
    background-color: #fff;
    text-align: center;
    vertical-align: middle;
    margin: auto;
    font-weight: bold;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: fadeInFromNone;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

.visualvariantdisplay.zero-stock:after, .visualvariantdisplay.out-of-stock:after, .visualvariantdisplay.in-stock:after {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    height: 6px;
    width: 6px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.visualvariantdisplay.in-stock:after {
    background-color: green;
}

.visualvariantdisplay.out-of-stock:after {
    background-color: red;
}

.visualvariantdisplay.zero-stock:after {
    background-color: orange;
}

.visualvariantdisplay {
    position: relative;
    display: inline-block;
    color: #000;
    background-color: #fff;
    border: 2px solid rgb(206,206,206);
    padding: 5px 15px 5px 10px;
    cursor: pointer;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 1%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: normal;
    text-align: center;
}

    .visualvariantdisplay.active {
        border: 2px solid rgb(0,0,0);
    }

@media (min-width: 481px) {
    .singlevisualvariant {
        width: 49%;
        font-weight: 600;
        clear: right;
        float: right;
        margin-top: 15px;
    }

    .visualvariantdisplay {
        font-size: 14px;
        min-width: 100px;
    }
}

@media (max-width: 480px) {
    div.rendersingletr div.singlevariantdtxt {
        width: 100%;
    }

    .visualvariantdisplay {
        font-size: 12px;
        min-width: 90px;
    }
}
/**************************************************/
/****       END VARIANTS W/STOCK STATUS        ****/
/**************************************************/


/**************************************************/
/****        BEGIN LYNX ARTICLE                ****/
/**************************************************/
.lynxArticle {
    margin-bottom: 20px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .lynxArticle img {
        max-width: 100%;
        height: auto;
    }


.lynxArticleFieldWrapperheading .lynxArticleFieldValue, .lynxArticleFieldWrapperheading h1 {
    font-size: 32px;
    font-family: inherit;
    margin: 0;
    padding: 0;
}

.lynxArticleFieldWrapperheading a {
    text-decoration: none;
}

.lynxArticle iframe {
    max-width: 100%;
}

@media (max-width: 745px) {
    #column2 .lynxArticlesWrapper {
        padding-left: 10px;
        padding-right: 10px;
        /*padding-bottom: 10px;*/
    }
}

@media (min-width: 746px) {
    #column2 .lynxArticlesWrapper {
        padding-right: 10px;
        /*padding-bottom: 10px;*/
    }
}
/**************************************************/
/****          END LYNX ARTICLE                ****/
/**************************************************/

/**************************************************/
/****      BEGIN NEW HORIZONTAL MENU           ****/
/**************************************************/
#horizontalmenuWrp,
#horizontalmenuWrp ul {
    list-style: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

    #horizontalmenuWrp > li {
        display: inline-block;
    }

        #horizontalmenuWrp > li > a {
            height: 44px;
            line-height: 44px;
            vertical-align: middle;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        #horizontalmenuWrp > li.MenuItemWrp > a {
            line-height: 22px;
        }

    #horizontalmenuWrp ul.SubMenuWrp {
        position: absolute;
        z-index: 10;
        overflow: hidden;
        -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.5);
        box-shadow: 0 3px 3px rgba(0,0,0,0.5);
        top: 44px;
        left: 0;
    }

    #horizontalmenuWrp .open > ul.SubMenuWrp {
        overflow: visible;
        min-width: 100%;
    }

    #horizontalmenuWrp .MenuItemWrp > .MenuItemLink {
        width: auto;
        padding: 10px;
        padding-right: 40px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 100%;
    }

    #horizontalmenuWrp .SubWrpToggle:after {
        content: "";
        position: absolute;
        width: 200%;
        height: 200%;
        top: -50%;
        left: -50%;
        background-image: url(../design/chevron_down.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    #horizontalmenuWrp .SubWrpToggle {
        -moz-transition: transform 150ms ease-in-out;
        -o-transition: transform 150ms ease-in-out;
        -webkit-transition: transform 150ms ease-in-out;
        transition: transform 150ms ease-in-out;
    }

    #horizontalmenuWrp .MenuItem:hover > .SubWrpToggle {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        background-color: inherit;
        color: inherit;
    }

    #horizontalmenuWrp .MenuItem, 
    #horizontalmenuWrp .MenuItemLink {
        white-space: nowrap;
        width: auto;
    }

#horizontalMenuItem-touch {
    display: none !important;
}

#horizontalmenuWrp .MenuItemLink.hidden {
    display: none;
}

#horizontalmenuWrp .forcedOpen > .SubMenuWrp > .MenuItem {
    height: auto;
}

#horizontalMenuItem-mypage,
#horizontalMenuItem-logout,
#horizontalMenuItem-login {
    float: right;
}

#horizontalMenuItem-logout {
    font-size: 12px;
}
/**************************************************/
/****        END NEW HORIZONTAL MENU           ****/
/**************************************************/

/***************************************/
/***** TOO HEAVY FOR FREE FREIGHT ******/
/*****vvvvvvvvvvvvvvvvvvvvvVVVVVVV******/

#thfff {
    width: 49%;
    font-weight: 600;
    clear: right;
    float: right;
    position: relative;
}

.thfff-msg-wrp {
    cursor: help;
}

.thfff-tooltip-wrp {
    display: inline-block;
}

.thfff-tooltip-msg {
    position: absolute;
    left: 0;
    top: 25px;
    background-color: #fff;
    padding: 10px;
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
    display: none;
    font-size: 14px;
    z-index:10;
}

#thfff:hover .thfff-tooltip-msg {
    display: block;
}

.thfff-ziprange {
    margin: 5px 0;
}

.thfff-msg {
    margin: 0 5px;
}

.thfff-msg-wrp .fa {
    font-size: 18px;
}

@media (max-width:480px) {
    .thfff-tooltip-msg {
        right: 0;
        left: auto;
        width: 85vw;
    }
}
/*****^^^^^^^^^^^^^^^^^^^^^^^^^^^^******/
/***** TOO HEAVY FOR FREE FREIGHT ******/
/***************************************/