/* Minification failed. Returning unminified contents.
(457,23): run-time error CSS1046: Expect comma, found '174'
(457,31): run-time error CSS1046: Expect comma, found '/'
(4827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4829,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4831,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4832,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4845,25): run-time error CSS1039: Token not allowed after unary operator: '-mc-gap'
(4851,17): run-time error CSS1039: Token not allowed after unary operator: '-mc-label'
(4859,28): run-time error CSS1039: Token not allowed after unary operator: '-mc-border'
(4860,25): run-time error CSS1039: Token not allowed after unary operator: '-mc-radius'
(4867,24): run-time error CSS1039: Token not allowed after unary operator: '-mc-border-focus'
(4868,32): run-time error CSS1039: Token not allowed after unary operator: '-mc-shadow-focus'
(4872,24): run-time error CSS1039: Token not allowed after unary operator: '-mc-border-hover'
(4876,24): run-time error CSS1039: Token not allowed after unary operator: '-mc-error'
(4881,24): run-time error CSS1039: Token not allowed after unary operator: '-mc-success'
(4885,17): run-time error CSS1039: Token not allowed after unary operator: '-mc-error'
(4892,17): run-time error CSS1039: Token not allowed after unary operator: '-mc-muted'
(8660,1): run-time error CSS1019: Unexpected token, found '@import'
(8660,9): run-time error CSS1019: Unexpected token, found '"../base/_colors.scss"'
 */
/* Bootstrap migrate fix */
[class*="col-"] {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}
.form-row > .col, .form-row > [class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
.form-select {
    height: calc(1em + .75rem + 2px);
    padding: 0 0.75rem;
}
.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

input[type="radio"] {
    margin: 5px 0;
}

body {
    margin: 0;
    font: 13px Arial, Helvetica, sans-serif;
    color: #666666;
    background-color: #f7f7f7;
}

a {
    cursor: pointer;
}

html {
    overflow-y: scroll !important;
}

.smoothfont {
    -webkit-font-smoothing: antialiased;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
    filter: alpha(opacity=99);
    opacity: .99;
}

.content-row {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
}

.collapse.show {
    display: block;
}

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}


*:focus {
    outline: 0;
    color: inherit;
}

.btn-flat.green:hover,
.btn-flat.green:focus {
    color: white;
}


.hand {
    cursor: pointer;
}

.left {
    float: left;
}

.right {
    float: right;
}

h1 {
    color: #03AFEF;
    font-size: 15px;
}

    h1.lsp {
        letter-spacing: -1px;
    }

    h1 em {
        color: #668691; /*Gray*/
        font-size: 15px;
        font-style: normal;
    }

    h1.lsp em {
        letter-spacing: -1px;
    }

.link-blue {
    margin-top: 10px;
    color: #0496c8;
    display: inline-block;
}

.nobg .panel-title {
    margin-bottom: 10px !important;
}

div.rbSendMethod {
    padding-left: 10px;
    padding-right: 30px;
}

a.nobg input {
    margin-top: 14px;
}


.banner-box {
    margin: 10px 0 0 17px;
    display: inline;
    float: left;
    position: relative;
    /*background-color: #31c2f1;
	background: url(../images/aktie-box.jpg) no-repeat 0 0;*/
    width: 236px;
    height: 103px;
    color: #7a7a7a;
    font-weight: bold;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(132, 132, 132, 0.65);
    -moz-box-shadow: 0px 0px 6px 0px rgba(132, 132, 132, 0.65);
    box-shadow: 0px 0px 6px 0px rgba(132, 132, 132, 0.65);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}



.box-shadow {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(132, 132, 132, 0.65);
    -moz-box-shadow: 0px 0px 6px 0px rgba(132, 132, 132, 0.65);
    box-shadow: 0px 0px 6px 0px rgba(132, 132, 132, 0.65);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.banner-box div.title {
    font-size: 20px;
    padding: 2px 0 0 33px;
}

.banner-box div.bannertext {
    font-size: 16px;
    padding: 12px 0 0 8px;
}

.banner-box2 {
    /*background: url(../images/bannerOfficeSupplies.png) no-repeat 0 0;*/
    display: inline;
    float: left;
    position: relative;
    padding: 5px;
    font-weight: bold;
    border: 1px solid #e4e4e4;
    border-bottom: 2px solid #e4e4e4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: left;
}

    .banner-box2 h2 {
        color: #03AFEF;
        font-size: 16px;
    }

    .banner-box2 a {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }


    .banner-box2 h3 {
        color: #03AFEF;
        font-size: 11px;
        font-weight: 600;
        margin-bottom: 0;
    }

    .banner-box2 p {
        font-size: 11px;
        font-weight: 400;
    }

        .banner-box2 p:first-of-type {
            margin-bottom: 8px;
        }



div.popup {
    color: #666;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: flex;
    flex-direction: column;
}

    div.popup .header {
        height: 46px;
        padding: 0;
        margin: 0;
        color: #000;
        display: block;
        background-image: none;
    }


        div.popup .header img {
            margin: 4px 0 0 4px;
            float: left;
        }

        div.popup .header strong {
            padding: 1rem;
            text-transform: none;
            color: #000;
            display: block;
            font-size: 16px;
            max-width: 626px;
        }

    div.popup .body {
        padding: 0 1rem 1rem 1rem;
    }

.primary {
    padding: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    position: relative;
    text-align: left;
    font-size: 12px;
    padding-right: 40px;
    transition: .3s all;
    background-color: #00aeef;
}

    .primary:hover {
        color: white;
        background-color: #0496c8;
    }

div.popup .body .ink-picture-box {
    float: none;
    width: 85px;
    height: 86px;
    overflow: hidden;
    /*background: url(../images/ink-pict-box-bg.gif) no-repeat 0 0;*/
    background: none !important;
    padding: 6px 0 0 7px;
    margin: 0 8px 0 0;
    border: none;
    display: inline;
}

div.popup .body .ink-picture-box img {
 float:left;
 margin-right:15px;
}




div.popup_kiala {
    width: 350px;
    font: 13px Arial, Helvetica, sans-serif;
    color: #000;
}

div.qgroups {
    padding: 5px 0 5px 0;
}

    div.qgroups a {
        float: left;
    }

div.popup .body span {
    padding: 0px 0 0 0;
    font-weight: bold;
    font-size: 16px;
}


div.popup .popup-item-image img {
    margin: 0 auto;
    display:block;
    padding: 0;
}

div.popup div.popdown {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}


div.popup .product-cta .price.large.black {
    color: black;
    float: right;
    font-size: 18px;
    margin-right: 20px;
}

div.popup .pd_checkout {
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
}

    div.popup .pd_checkout strong {
        font-size: 16px;
        color: black;
        font-weight: bold;
    }

div.popup .body p {
    color: black;
    margin-bottom: 10px;
}

div.popup.drum div.popdown {
    margin: 49px 0 0;
}

div.popup.drum .info {
    font-size: 22px;
}

div.popup .aktie_tip .body, div.popup .voucher .body {
    padding: 0px 0 0 30px;
    font-size: 14px;
    background-color: #F0F2F4;
    height: 295px;
    width: 499px;
}

div.popup div.aktie_tip p, div.popup div.voucher p {
    margin: 25px 0 0 0;
    font-size: 16px;
    font-weight: bold;
}


div.popup div.aktie_tip ul, div.popup div.voucher ul {
    margin: 0px;
    padding: 4px 0 0 20px;
    list-style-type: disc;
}

div.popup div.aktie_tip li, div.popup div.voucher li {
    padding: 3px 0 3px 0;
}

div.popup div.aktie_tip a, div.popup div.voucher a {
    margin: 5px;
}

a.close-popup {
    width: 21px;
    height: 22px;
    background: url(../images/btn_close.gif) no-repeat 0 0;
    float: right;
}

div.popup ul {
    padding-left: 20px;
}

div.popup li {
    font-size: 0.75em;
    font-weight: bold;
}

div.popup.popup-cartridge-choice {
    flex-direction: column;
    flex: 1 1;
    min-height: 230px;
}
.popup-product-container:nth-of-type(2) {
    background: rgb(0 174 239 / 30%);
    width: calc(100% - 4px);
}


a.close-popup:hover {
    background-position: 0 -22px;
}


div.overlay_login {
    position: fixed;
    _position: absolute;
    border: 1px solid #EEEEEE;
    background-color: White;
    top: 50%;
    margin-top: -200px;
    left: 50%;
    margin-left: -260px;
    padding: 15px;
    width: 520px;
}

div.blackout {
    /*}*/
    top: 0;
    left: 0;
    position: fixed;
    _position: absolute;
    width: 100%;
    height: 1800px;
    background-color: Black;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

em.contentml {
    margin: 2px 0 0 0;
    font-size: 11px;
    line-height: 13px;
    height: 12px;
    font-style: normal;
}

em.promo {
    font-size: 12px;
}

.printer-select-cartridges em.promo {
    font-size: 11px;
}

.ink-sel-leftside2 em.contentml, .alt em.contentml {
    /*color: #D60800;
	font-weight: bold;*/
}

em.contentml em.contentunitprice {
    color: #000000;
    margin: 2px 0 0 10px;
    font-weight: normal;
    font-style: normal;
}

div.contentmldiv {
    float: left;
    height: 25px;
    margin-top: 3px;
}

ul.faqsubgroups {
    width: 600px;
    float: left;
}

    ul.faqsubgroups li {
        float: left;
        width: 264px;
    }

        ul.faqsubgroups li a {
            text-align: left;
            width: 250px;
            border: solid 1px #04bdfe;
            margin: 3px;
            padding: 3px;
            display: block;
        }


ul.smalllist li {
    font-size: 10px;
}

    ul.smalllist li em {
        color: #0069BE;
        width: 10px;
        float: left;
        display: block;
    }

    ul.smalllist li div {
        float: left;
        display: block;
    }

ul.minuschar-small {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -0.4em;
}

ul.minuschar {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -0.7em;
}

    ul.minuschar a {
        text-decoration: underline;
    }

    ul.minuschar-small li:before, ul.minuschar li:before {
        content: "\002D \0020";
        color: #0069BE;
    }

    ul.minuschar li em, ul.minuschar-small li em {
        display: none;
    }


ul.ul-corporate-acc li {
    height: 22px;
}

span.corp-name {
    margin-left: 2px;
    width: 300px;
    float: left;
    display: block;
    height: 22px;
}

span.corp-email {
    width: 300px;
    float: left;
    display: block;
    height: 22px;
}

span.corp-remove {
    width: 22px;
    float: right;
    display: block;
    height: 22px;
}



a.meningenenstats {
    background-image: url(../images/btn_meningenenstatistieken.gif);
    color: #fff;
    font-size: 12px;
    overflow: hidden;
    width: 170px;
    height: 22px;
    float: right;
    margin: 0 0 0 0;
    background-position: 0 0;
    background-repeat: no-repeat;
}


a.opslaanenverder {
    background-image: url(../images/btn_opslaanenterug.gif);
    color: #fff;
    font-size: 12px;
    overflow: hidden;
    width: 250px;
    height: 22px;
    float: right;
    margin: 0 0 0 0;
    background-position: 0 0;
    background-repeat: no-repeat;
}


ul.mijnaccount-ul li, ul.charity-ul li {
    padding: 5px 0 0 0;
    margin: 0 0 10px 0;
}

/* Mijn Printers ------------------------- */


ul.mijnprinters-ul li {
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
    height: 95px;
    overflow: hidden;
    position: relative;
}


.edit-printer-description {
    display: none;
    border-radius: 0 6px 6px 0;
    padding: 10px 20px;
    background-color: #F0F2F4;
    position: absolute;
    top: 0px;
    left: 90px;
    right: 0;
}

    .edit-printer-description span {
        display: block;
        margin-bottom: 5px;
    }

ul.mijnprinters-ul li a.my_a {
    background: #f0f2f4;
    height: 95px;
    display: block;
    width:100%;
    border: solid 3px #F0F2F4;
    border-radius: 6px 0 0 6px;
}

ul.mijnprinters-ul li a.remove {
    background: #f0f2f4;
    height: 42px;
    width: 34px;
    position: absolute;
    right: 4px;
    top: 4px;
}

ul.mijnprinters-ul li a.edit {
    background: #f0f2f4;
    height: 41px;
    width: 34px;
    position: absolute;
    right: 34px;
    top: 4px;
}

ul.mijnprinters-ul li a.wh {
    background: #fff;
    border-color: #fff;
}

ul.mijnprinters-ul li a.my_a img {
    padding: 3px 0 0 6px;
    float: left;
    margin: 0 9px 0 0;
    display: inline;
}

ul.mijnprinters-ul li a.my_a strong {
    display: block;
    padding: 9px 0 0 0;
    cursor: pointer;
}

    ul.mijnprinters-ul li a.my_a strong em {
        font-family: MV Boli, Comic Sans MS, Arial;
        font-style: normal;
        font-weight: normal;
        display: inline;
        background-color: #002E42;
        color: #fff;
        padding: 0 8px 2px 8px;
        border-radius: 5px;
        margin-left: 10px;
    }

ul.mijnprinters-ul li a.my_a span {
    display: block;
    float: left;
    padding: 4px 0 0 0;
    width: 500px;
    cursor: pointer;
    height: 55px;
    overflow-y: hidden;
}

.cancel-printer-edit {
    float: left;
    color: red;
    text-decoration: underline;
    cursor: pointer;
}


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

.notextbox {
    border: solid 1px #fff;
}



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

    .newpw li {
        width: 400px;
    }

        .newpw li + li {
            margin-top: 10px;
        }

        .newpw li label {
            display: block;
            width: 100%;
            line-height: inherit;
            padding: 0px 0px 4px 0px;
        }


        .newpw li input {
            display: block;
            width: 100%;
        }

div.myclean {
    clear: both;
    margin: 10px 0 0 0;
}

div.os {
    clear: both;
}

div.os-title {
    float: left;
    width: 350px;
}

.os-table {
    width: 420px;
}

div.os-number {
    width: 50px;
    float: left;
}

    div.os-number h3 {
        color: #0069BE;
        font-size: 25px;
        font-weight: bold;
        text-align: right;
        vertical-align: top;
        margin: 0;
        padding: 0 0 20px 0;
    }

select.multi {
    width: 215px;
    margin: 0 0 0 2px;
    display: inline;
    height: 200px;
    font: 13px Arial, Helvetica, sans-serif;
    color: #03afef;
    border: 1px solid #000;
}

select.multipoint {
    width: 638px;
    margin: 0 0 0 2px;
    display: inline;
    height: 280px;
    font-family: Monospace;
    font-size: 13px;
    color: #03afef;
    border: solid 1px #000;
}

ul.orderstep {
    width: 500px;
    float: left;
    margin: 40px 210px 0 210px;
    padding: 0 0 0 0;
}

    ul.orderstep li {
        width: 485px;
        float: left;
        margin: 9px;
        height: 72px;
        overflow: hidden;
    }

        ul.orderstep li a, ul.orderstep li a.wh {
            background: #f0f2f4;
            height: 72px;
            width: 485px;
            float: left;
        }

            ul.orderstep li a.wh {
                background: url(../images/orderstep-a_485.gif ) no-repeat 0 0;
            }

            ul.orderstep li a:hover, ul.orderstep li a.betalenbg {
                background: url(../images/orderstep-a-hover_485.gif ) no-repeat 0 0;
                text-decoration: none;
            }

            ul.orderstep li a img, ul.orderstep li a.wh img {
                padding: 3px 0 0 6px;
                float: left;
                margin: 0 9px 0 0;
                display: inline;
            }

            ul.orderstep li a strong, ul.orderstep li a.wh strong {
                display: block;
                float: left;
                padding: 9px 0 0 0;
                cursor: pointer;
            }

            ul.orderstep li a span, ul.orderstep li a.wh span {
                display: block;
                float: left;
                padding: 4px 0 0 0;
                width: 300px;
                cursor: pointer;
            }

.priceelsewhereblock {
    border: solid 1px #aaa;
    font-size: 10px;
    width: 300px;
}

    .priceelsewhereblock ul {
        margin: 5px;
    }

.priceelsewhereblockspan {
    margin: 5px;
    font-size: 11px;
    width: 300px;
}

.priceelsewhereblock ul li {
    width: 250px;
}

    .priceelsewhereblock ul li span em {
        display: block;
        text-align: left;
        font-style: normal;
        width: 100px;
        float: left;
        color: Black;
    }

    .priceelsewhereblock ul li span {
        display: block;
        color: Red;
        width: 250px;
        text-align: right;
    }

option.even {
    background-color: #eeeeee;
}

.even {
    background-color: #eeeeee;
}

span.txtarea2 {
    float: left;
    display: block;
    width: 301px;
    height: 120px;
}
/*
div.popup[class] {
	position: fixed;
}
*/
a {
    text-decoration: none;
    color: #666666;
}

    a:hover {
        text-decoration: underline;
    }

img {
    border: 0;
}

p {
    margin: 0;
}

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

form {
    padding: 0;
    margin: 0;
}

ul.comments li {
    display: block;
    margin-bottom: 15px;
}

    ul.comments li em.comment {
        display: block;
        clear: both;
    }

.wwform {
    width: 330px;
}

    .wwform label, .wwform input {
        display: block;
    }

    .wwform input {
        margin-bottom: 5px;
        width: 100%;
    }

.main {
    width: 980px;
    margin: 0px auto 0 auto;
    position: relative;
}

.header {
    width: 100%;
    height: 166px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    position: relative;
    background-size: cover;
    background-image: url(../images/top_bar_tonershop.jpg);
    background-repeat: no-repeat;
}

.sdheader {
    width: 980px;
    float: left;
    height: 30px;
    background-color: #01b7f7;
}

.header h1, .header div.h1 {
    margin: 0px 0 0 15px;
    padding: 0;
    display: inline;
    float: left;
    text-indent: -9999px;
    width: 288px;
}


    .header h1 a, .header div.h1 a {
        float: left;
        background-repeat: no-repeat;
        width: 288px;
        height: 50px;
        overflow: hidden;
        margin-top: 50px;
    }

        .header h1 a, .header div.h1 a.xmas {
            float: left;
            background: url(../images/logo_xmas.gif) no-repeat -88px -253px;
            width: 288px;
            height: 50px;
            overflow: hidden;
        }

    .header h1 a, .header div.h1 span {
        color: #002E42;
        float: right;
        font-weight: bold;
    }

.no-send-cost {
    background: url(../images/tonershop_sprite.png) no-repeat -88px -304px;
    margin: 10px 0 0 95px;
    padding: 2px 0 0 10px;
    float: left;
    height: 50px;
    width: 215px;
}

    .no-send-cost h2, .no-send-cost em.h2 {
        color: #002E42;
        font-size: 15px;
        font-style: normal;
        font-weight: bold;
    }


    .no-send-cost span.smalltext {
        font-size: 13px;
        margin-top: -2px;
        /*color: #444444;*/
    }

.header-new-text-block {
    border: solid 0px red;
    text-align: right;
    width: 300px;
    margin: 14px 22px 0 20px;
    margin-top: 15px;
    float: left;
}

    .header-new-text-block h3 {
        font-size: 15px;
        color: #1e1e1e;
        height: 22px;
    }

        .header-new-text-block h3 span.alarm-clock {
            color: #ffffff;
            padding: 2px 9px 3px 10px;
            line-height: 22px;
            background: #222 url(../images/tonershop_sprite.png) no-repeat -360px -366px;
        }


    .header-new-text-block h2 {
        margin-top: 0px;
        font-size: 10px;
        color: #646a72;
    }


.thuiswinkel-logo {
    margin: 10px 0 0 5px;
    float: left;
    width: 60px;
    height: 100px;
    /*
	margin:14px 25px 0 85px;
	overflow:visible;
*/
}

.sintofsanta-logo {
    float: left;
    height: 100px;
    margin: -14px 60px 0 61px;
    overflow: visible;
    width: 60px;
}

.ipadbanner-logo {
    float: left;
    height: 100px;
    margin: 14px 60px 0 61px;
    overflow: visible;
    width: 60px;
}

#ss_title {
    font-weight: bold;
    left: 328px;
    position: absolute;
    top: 2px;
}

    #ss_title a {
        color: #0069CF;
        padding: 2px 6px;
        text-decoration: underline;
    }

        #ss_title a:hover {
            color: #000;
        }


.thuiswinkelCertificaat {
    background: url(../images/tonershop_sprite.png) no-repeat left -253px;
    width: 85px;
    height: 85px;
    float: left;
}

.thuiswinkel-box {
    background: url(../images/tonershop_sprite.png) no-repeat -650px top;
    width: 55px;
    height: 55px;
    float: left;
    margin-left: 50px;
}

.favoriteIcon {
    background: url(../images/tonershop_sprite.png) no-repeat -613px -66px;
    width: 19px;
    height: 19px;
    float: left;
    left: 50px;
    position: absolute;
}

.winkelmandje-box {
    background: url(../images/winkel-bg.gif) repeat-y 0 0;
    width: 236px;
    float: right;
    margin-right: 12px;
    height: 85px;
    overflow: hidden;
    display: inline;
}

.winkelmandje-top {
    background: url(../images/tonershop_sprite.png) #fff no-repeat -387px -253px;
    width: 236px;
    height: 25px;
    overflow: hidden;
}

.winkelmandje-box ul {
    width: 144px;
    float: left;
    padding: 5px 0 0 12px;
}

    .winkelmandje-box ul li {
        width: 214px;
        display: block;
        float: left;
        line-height: 17px;
    }

        .winkelmandje-box ul li a {
            font-size: 10px;
            float: left;
        }

            .winkelmandje-box ul li a span {
                color: #002E42;
                padding: 0 0 0 6px;
                float: left;
                background: url(../images/tonershop_sprite.png) no-repeat -700px -59px;
                font-weight: bold;
                cursor: pointer;
            }

.winkelmandje-box .empty-basket {
    color: #668691;
    padding: 0 0 0 8px;
    margin: 25px 5px;
    font-size: 10px;
    font-weight: bold;
    background: url(../images/tonershop_sprite.png) no-repeat -700px -77px;
}

.winkelmandje-box ul li a strong {
    color: #668691;
    padding: 0 0 0 6px;
    float: left;
    background: url(../images/tonershop_sprite.png) no-repeat -700px -75px;
    font-weight: bold;
}

.winkelmandje-box ul li a em {
    font-style: normal;
    padding: 0 0 0 6px;
    float: left;
    background: url(../images/tonershop_sprite.png) no-repeat -700px -91px;
    font-weight: bold;
    color: #D40903;
}

a.winkelmandje-header {
    color: white;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 0 0 37px;
    width: 236px;
}

    a.winkelmandje-header:hover,
    a.winkelmandje-header:active {
        text-decoration: none;
    }

a.button-formulier-verzenden {
    background-image: url(../images/verzenden-button.gif);
    width: 84px;
    height: 22px;
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0px 5px 50px 0;
    display: inline;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.button-formulier-verzenden-overrule {
    margin: 20px 55px 15px 0px;
}

a.button-doneer {
    background-image: url(../images/button_doneer.gif);
    width: 84px;
    height: 22px;
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    margin: 35px 5px 5px 0;
    display: inline-block;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.terugaccount {
    background-image: url(../images/btn_terugaccount.gif);
    width: 175px;
    height: 22px;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    margin: 5px 0px 10px 10px;
    display: inline;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.btn_download_factuur {
    background-image: url(../images/btn_download_factuur.gif);
    width: 175px;
    height: 22px;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    margin: 5px 0px 10px 10px;
    display: inline;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.nogmaalsbestellen {
    background-image: url(../images/btn_bestelling_nogmaals.gif);
    width: 175px;
    height: 22px;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    margin: 5px 0px 10px 10px;
    display: inline;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.button_bekijk_voorbeeld {
    background-image: url(../images/btn_bekijk_voorbeeld.gif);
    width: 116px;
    height: 22px;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    margin: 20px 0px 15px 20px;
    display: inline;
    background-position: 0 0;
    background-repeat: no-repeat;
}


a.button-betaal-anders {
    background-image: url(../images/betaal-anders-button.gif);
    width: 106px;
    height: 22px;
    float: right;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0px 5px 50px 0;
    display: inline;
    background-position: 0 0;
    background-repeat: no-repeat;
}

ul.navigation {
    position: absolute;
    bottom: 9px;
}

    ul.navigation.nav-left {
        left: 12px;
    }

    ul.navigation.nav-right {
        right: 12px;
    }

    ul.navigation li:empty {
        display: none;
    }

    ul.navigation li {
        padding: 0 0 0 0;
        float: left;
        padding: 0px 20px;
        font-weight: normal;
    }

        ul.navigation li a {
            overflow: hidden;
            white-space: nowrap;
        }

            ul.navigation li a,
            ul.navigation li a span,
            /*ul.navigation li a em { background-image: url(../images/topmenu_item.png); background-repeat: repeat-x; text-shadow: 1px 1px 1px #fff; }*/
            ul.navigation li a,
            ul.navigation li a em,
            ul.navigation li a span {
                font-family: Arial,Helvetica,sans-serif !important;
                font-size: 12px;
                color: #666666;
            }

                ul.navigation li a span {
                    width: 5px;
                    padding: 0px !important;
                }

                ul.navigation li a,
                ul.navigation li a em {
                    cursor: pointer;
                    display: inline-block;
                    overflow: hidden;
                    position: relative;
                    font-size: 13px;
                    text-decoration: none !important;
                    line-height: 21px;
                }

                    ul.navigation li a:hover {
                        font-family: Arial;
                        color: #00aeef;
                        text-decoration: underline;
                    }

                    ul.navigation li a span.l,
                    ul.navigation li a span.r {
                        float: left;
                    }

                    ul.navigation li a em {
                        width: 110px;
                        background-position: left -52px;
                        padding-top: 8px;
                        height: 26px;
                        float: left;
                        text-align: center;
                    }

                    ul.navigation li a.home em {
                        width: 105px;
                        background-position: left -52px;
                        padding-top: 8px;
                        height: 26px;
                        float: left;
                        padding-left: 5px;
                        text-align: left;
                    }

                    ul.navigation li a span.l {
                        background-position: left 0;
                    }

                    ul.navigation li a span.r {
                        background-position: left -104px;
                    }

                    ul.navigation li a:hover {
                        text-decoration: none;
                    }

                        ul.navigation li a:hover span.l,
                        ul.navigation li a.actives span.l {
                            background-position: left -26px;
                            text-decoration: none;
                        }

                        ul.navigation li a:hover em,
                        ul.navigation li a.actives em {
                            background-position: left -78px;
                            text-decoration: none;
                            color: #666666;
                            text-shadow: none;
                        }

                        ul.navigation li a:hover span.r,
                        ul.navigation li a.actives span.r {
                            background-position: left -130px;
                            text-decoration: none;
                        }

.content {
    /*background: #002E42 url(../images/content-bg.gif) repeat-x 0 0;*/
    width: 969px;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 0;
    position: relative;
}

.zoek-tabs-box {
    padding-left: 200px;
    max-width: 100%;
    margin: 0;
    position: relative;
    z-index: 100;
    float: left;
    border: 1px solid #e4e4e4;
    border-bottom: 2px solid #e4e4e4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .zoek-tabs-box:before {
        content: "ZOEK";
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 64px;
        font-weight: bold;
        color: grey;
        background: rgb(237,28,36);
        background: linear-gradient(90deg, rgba(237,28,36,1) 0%, rgba(0,174,239,1) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

/*span.zoek-img {
	background: url(../images/tonershop_sprite.png) no-repeat -275px 0;
	width: 174px;
	height: 73px;
	float: left;
	margin: 10px 0 0 13px;
}*/

ul.zoek-tabs {
    width: 100%;
    float: left;
    margin-top: 12px;
    border-bottom: 1px solid #00aeef;
}

    ul.zoek-tabs li {
        margin: 0 0 0 0;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        padding: 0px 5px;
        position: relative;
        z-index: 80;
    }

        ul.zoek-tabs li.first {
            padding-left: 10px;
        }

        ul.zoek-tabs li.last {
            padding-right: 10px;
        }



        ul.zoek-tabs li a {
            z-index: 99;
            position: relative;
            background-color: #ffffff;
            border: 1px solid #ccc;
            border-bottom: none;
            float: left;
            text-align: center;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-topright: 4px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            display: block;
        }

            ul.zoek-tabs li a:hover,
            ul.zoek-tabs li a.active {
                background-color: #fff;
                border: 1px solid #00aeef;
                border-bottom: none;
                text-decoration: none;
            }

                ul.zoek-tabs li a.active:after {
                    content: "";
                    position: absolute;
                    height: 4px;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    margin-bottom: -1px;
                    background-color: #fff;
                    z-index: 99999;
                }

            ul.zoek-tabs li a span {
                color: #668691;
                cursor: pointer;
                display: block;
                font-weight: bold;
                overflow: hidden;
                padding: 8px;
                text-align: center;
                font-size: 12px;
                /*text-transform: capitalize;*/
            }

            ul.zoek-tabs li a.active span,
            ul.zoek-tabs li a:hover span {
                color: #000;
            }

.search-form input.search-inp {
    width: 100%;
    margin: 10px auto;
    display: inline-block;
    background: #f7f7f7;
    font-size: 14px;
    position: relative;
    line-height:20px;
    padding: 0 15px;
    height:34px;
}

.search-form .search-word-icon {
    position: absolute;
    right: 10px;
    z-index: 20;
    top:65%;
}

.divsearchresult {
    top:87px;
}



.divsearchresult {
    position: absolute;
    top: 87px;
    background: #fff;
    z-index: 9999;
    right: 0;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    left: 0;
}


    .divsearchresult ul {
        border: 1px solid #ddd;
    }

        .divsearchresult ul li {
            padding: 0.5rem;
            border-bottom: 1px solid #ddd;
        }

            .divsearchresult ul li a {
                width: 100%;
                height: 100%;
        }

            .divsearchresult ul li a span {
                margin-right: 10px;
            }


@media all and (max-width:1024px) {
    .search-form .search-word-icon {
        top: 37%;
    }

    .divsearchresult {
        top: 43px;
    }
}
.tabs-box1 {
    width: 100%;
    position: relative;
}

span.girl-top {
    cursor: pointer;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: -61px;
    left: -112px;
    width: 51px;
    height: 20px;
    background: url(../images/tonershop_sprite.png) no-repeat -160px 2px;
}

span.girl-bottom {
    display: block;
    text-indent: -9999px;
    position: absolute;
    left: -156px;
    top: -24px;
    width: 143px;
    height: 123px;
    /*background: url(../images/tonershop_sprite.png) no-repeat 0 -25px;*/
}

a.girl-bottom-christmas {
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: -59px;
    left: -123px;
    width: 59px;
    height: 53px;
    background: url(../images/Kerstmuts.png) no-repeat 0 0;
    cursor: pointer;
}

span.girl-top2 {
    display: block;
    text-indent: -9999px;
    position: absolute;
    left: 38px;
    top: -31px;
    width: 51px;
    height: 20px;
    background: url(../images/tonershop_sprite.png) no-repeat -160px 2px;
}

span.girl-bottom2 {
    display: block;
    text-indent: -9999px;
    position: absolute;
    left: 10px;
    top: -11px;
    width: 143px;
    height: 123px;
    background: url(../images/tonershop_sprite.png) no-repeat 0 -20px;
}


.search-form {
    width: 100%;
    padding: 0;
    display: block;
    position: relative;
    z-index: 10;
}

    .search-form a span.strong {
        color: #D40903;
        font-weight: bold;
    }

    .search-form div.inactive {
        display: none;
    }

    .search-form div.active {
        display: block;
    }

    .search-form a span.selected {
        width: 120px;
        display: block;
        height: 20px;
        overflow: hidden;
    }


input.search-inp {
    width: 100%;
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #668691;
    margin: 10px 0;
}

    input.search-inp:focus {
        border-color: #00aeef;
    }

a.zoek-submit {
    background-image: url(../images/zoek-submit.gif);
    width: 90px;
    height: 32px;
    float: right;
    background-position: 0 0;
    background-repeat: no-repeat;
}

    a.zoek-submit:hover {
        background-position: 0 -32px;
    }

.aktie-box {
    margin: 10px 0 0 17px;
    display: inline;
    float: left;
    position: relative;
}

.printers-box, .vragen-box {
    margin: 10px 0 0 17px;
    display: inline;
    float: left;
    background: url(../images/printers-box-bg.gif) no-repeat 0 0;
    width: 223px;
    height: 68px;
    padding: 35px 0 0 13px;
    position: relative;
}

    .printers-box h2, .vragen-box h2 {
        padding: 0;
        margin: 0;
        font-size: 11px;
        color: #fff;
    }


.vragen-box {
    background: url(../images/vragen-box.gif) no-repeat 0 0;
}

.vr {
    float: left;
    width: 200px;
    padding: 4px 0 0 0;
}

span.vragen-sp {
    color: #9ee6f7;
    font-size: 14px;
    font-weight: bold;
}

.right-boxes1 h2, .right-boxes2 h2 {
    color: #0069BE;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

a.link1 {
    font-size: 11px;
    color: #9EE6F7;
    background: url(../images/blue-arrow.gif) no-repeat 0 5px;
    float: left;
    margin: 6px 0 0 0;
    padding: 0 0 0 6px;
}

    a.link1 span {
        width: 222px;
    }

a.link2 {
    font-size: 11px;
    color: #9EE6F7;
    padding: 0 0 0 6px;
    background: url(../images/blue-arrow.gif) no-repeat 0 5px;
    float: left;
}

    a.link2 span {
        width: 130px;
        float: left;
    }

a.meer-info-printers, a.klanten-info {
    position: absolute;
    bottom: 4px;
    right: 6px;
    background-image: url(../images/meer-info.gif);
    width: 73px;
    height: 22px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.meer-info-ink {
    background-image: url(../images/meer-info-button.gif);
    width: 76px;
    height: 22px;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 27px;
    right: 75px;
}

a.klanten-info {
    background-image: url(../images/klantenservice-button.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 109px;
    height: 22px;
}

.tabs-box1 span.value {
    color: #668691;
    font-size: 12px;
    font-weight: bold;
    left: 6px;
    position: absolute;
    top: 50px;
    width: 510px;
    z-index: 0;
}

.tabs-box1 span a {
    color: #03AFEF;
}

.main-content-top {
    padding: 0px 0 0 0;
    margin: 10px 0 0 0;
    position: relative;
    z-index: 0;
}

.properties {
    margin-bottom: 50px;
}


.main-content-center h1 {
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0 10px 0;
}


.main-content-home {
    float: left;
    background: #fff;
    min-height: 500px;
    position: relative;
    overflow: visible;
}

.center-bottom a.verder {
    padding-right: 10px;
}


.center-nomargin {
    margin: 0px;
    padding: 0px;
}

.center-image {
    float: left;
    position: relative;
    margin: 0 20px 0 0;
}

    .center-image img {
        float: left;
        position: relative;
    }

.mask {
    background: url(../images/photo-round.png);
    width: 299px;
    height: 199px;
    position: absolute;
    top: 0;
    left: 0;
}

.center-cont-floating {
    width: 930px;
    float: left;
}

    .center-cont-floating p {
        padding: 0 0 16px 0;
        width: auto;
    }

        .center-cont-floating p a {
            color: #03afef;
        }

    .center-cont-floating h3 {
        font-size: 14px;
        padding: 0 0 4px 0 !important;
        margin: 0 !important;
        float: none !important;
        clear: none !important;
    }

ul.center-options-list {
    width: 600px;
    padding: 0 0 16px 0;
    overflow: hidden;
}

    ul.center-options-list li, ul.center-options-list li.grey {
        width: 588px;
        display: block;
        padding: 0 0 0 12px;
        line-height: 24px;
    }

        ul.center-options-list li.grey {
            background: #f0f2f4;
        }

            ul.center-options-list li span, ul.center-options-list li.grey span {
                color: #01bdfe;
                padding: 0 15px 0 0;
                float: left;
                font-weight: bold;
            }

span.appel {
    width: 922px;
    float: left;
    padding: 6px 0 20px 0;
}

.right-boxes1, .right-boxes2 {
    width: 222px;
    float: left;
    margin: 0 0 0 15px;
    display: inline;
}

.center-main h2 {
    color: #444444;
    font-size: 13px;
    padding: 0;
    margin: 0;
    float: left;
    margin: 0 0 12px;
}

h2 em.h2gray {
    color: #58585a;
    font-size: 16px;
    font-style: normal;
}

h2.blue {
    color: #01b6f5;
    font-size: 15px;
    display: inline;
    margin: 0;
}

.center-main h3 {
    font-size: 12px;
    float: left;
    clear: left;
    color: #000;
    padding: 24px 0 8px 0;
    margin: 0;
    white-space: nowrap;
}

    .center-main h3#first-h3 {
        padding: 8px 0;
    }

.pages-left {
    width: 128px;
    height: 19px;
    float: right;
    background: url(../images/page-sel-bg.gif) no-repeat 0 0;
}

a.back-page {
    float: left;
    background-image: url(../images/pages-back-button.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    margin: 2px 0 0 2px;
    display: inline;
}

    a.back-page:hover {
        background-image: url(../images/pages-back-button.gif);
        background-position: 0 -15px;
    }

a.next-page {
    float: right;
    background-image: url(../images/pages-next-button.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    margin: 2px 2px 0 0;
    display: inline;
}

    a.next-page:hover {
        background-position: 0 -15px;
    }


a.dummy-click {
    width: 15px;
    height: 15px;
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

    a.dummy-click:hover {
        background-position: 0 -15px;
        cursor: pointer;
    }

.pages-left span {
    width: 90px;
    margin: 2px 0 0 0;
    float: left;
    text-align: center;
    font-size: 12px;
    color: #0069BE;
    font-weight: bold;
}

.item-box, .item-grey-box {
    width: 446px;
    float: left;
    height: 48px;
    padding: 2px 0 0 4px;
}

* html .item-box, * html .item-grey-box {
    height: 48px;
}

.item-grey-box {
    background: #F0F2F4;
}

.content-item-box {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.fotos {
    float: left;
    display: inline-block;
    margin-right: 10px;
}

ul.fotos li a {
    float: left;
    padding: 5px;
    height: auto;
    border: 1px solid #ccc;
}

.descr-item-box {
    display: inline-block;
    margin-bottom: 10px;
}

.percent-discount-item {
    display: block;
    margin-bottom: 5px;
}

.descr-item-box a {
    font-size: 14px;
}

    .descr-item-box a strong {
        color: #0069BE;
    }


.extra-item-box {
    float: left;
}

.descr-item-box span {
    color: #d40903;
    float: left;
}

.price-item-discount {
    color: #d40903;
    float: left;
    font-size: 12px;
}

.price-item, .price-item-from {
    float: left;
    font-size: 11px;
    line-height: 18px;
}

    .price-item-from span {
        background: url(../images/linethrough.gif) repeat-x center left;
        color: #000;
        padding: 0 0 0 0;
        margin-right: 10px;
        font-weight: normal;
    }

    .price-item span {
        float: right;
        color: #d40903;
        font-weight: bold;
        font-size: 18px;
    }

.item-options {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-end;
}

    .item-options .price-item {
        position: absolute;
        left: 0;
    }

    .item-options a.add-to-cart {
        float: right;
    }

a.info-item {
    padding: 7px;
    background-image: url(../images/info-icon.png);
    width: 30px;
    height: 30px;
    background-size: 9px;
    background-repeat: no-repeat;
    background-position: 9px;
    /*width: 19px;
	background: url(../images/tonershop_sprite.png) no-repeat -473px -102px;
	height: 20px;
	float: left;*/
}


a.cart-item {
    width: 19px;
    float: right;
    background: url(../images/tonershop_sprite.png) no-repeat -452px -102px;
    height: 20px;
    margin: 0 4px 0 6px;
    display: inline;
}


    a.cart-item:hover {
        background-position: -452px -122px;
    }

a.inkt {
    margin: 0;
    right: 100px;
    bottom: 28px;
    position: absolute;
}

.item-box-block {
    background: url(../images/item-box-bg.gif) no-repeat 0 0;
    width: 222px;
    height: 150px;
    float: left;
    margin: 9px 0 0 0;
    overflow: hidden;
    position: relative;
}

.actie-buttons {
    width: 160px;
    position: absolute;
    bottom: 6px;
    right: 0px;
}

.item-image-box {
    margin: 9px 16px 0 14px;
    float: left;
    display: inline;
    width: 78px;
    overflow: hidden;
}

span.prod-title {
    width: 66px;
    float: left;
    font-weight: bold;
    padding: 12px 0 0 0;
}

    span.prod-title a {
        float: left;
        font-size: 11px;
        color: #000;
    }

.item-box-block strong {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
}

    .item-box-block strong a {
        font-size: 12px;
        color: #0069BE;
    }

span.price-old {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    background: url(../images/linethrough.gif) repeat-x center left;
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
}

span.price-new {
    color: #D40903;
    font-size: 16px;
    font-weight: bold;
    float: left;
    width: 100px;
    padding: 4px 0 0 0;
}

a.bestel-button, a.bestel-button2, a.bestel-button-ink {
    float: right;
    background-image: url(../images/bestel-button.gif);
    width: 59px;
    height: 22px;
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 6px 6px 0 0;
    display: inline;
}

a.bestel-button-ink-green {
    background-image: url(../images/bestel-button-green.gif);
}

a.bestel-button-ink {
    margin: 0;
    right: 10px;
    bottom: 27px;
    position: absolute;
}

a.bestel-button2 {
    margin: 0px 0 0 0;
}

a.meer-info-item {
    background-image: url(../images/meer-info-button.gif);
    width: 76px;
    height: 22px;
    float: right;
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 6px 6px 0 0;
    display: inline;
}

.korting {
    width: 222px;
    height: 150px;
    float: left;
    position: relative;
    background: url(../images/visual-korting-home.jpg) no-repeat 0 0;
    margin: 9px 0 0 0;
}

a.meer-kort {
    position: absolute;
    bottom: 6px;
    right: 6px;
    background-image: url(../images/meer-info-button2.gif);
    width: 76px;
    height: 21px;
    background-position: 0 -21px;
    background-repeat: no-repeat;
}

    a.meer-kort:hover {
        background-position: 0 0px;
    }

div.dit-is {
    background: transparent url(../images/rightbox2_background.gif) no-repeat scroll 0 0;
    height: 181px;
    margin: 6px 0 0;
    overflow: hidden;
    text-align: center;
    width: 222px;
}

ul.dit-is {
    margin: 3px 1px 6px 1px;
    text-align: left;
    width: 220px;
}

    ul.dit-is li {
        padding: 4px 4px 4px 6px;
        height: 13px;
        border-bottom: solid 1px #f0f2f4;
        color: #004b86;
        font-size: 13px;
        font-weight: bold;
    }

.klanten {
    width: 222px;
    height: 207px;
    float: left;
    position: relative;
    overflow: hidden;
    background: url(../images/Wazzup_bg.jpg) no-repeat 0 0;
    margin: 12px 0 0 0;
}

    .klanten div {
        margin: 129px 6px 6px 8px;
    }

        .klanten div span {
            font-size: 12px;
            font-weight: bold;
        }

            .klanten div span.blue {
                color: #073A68;
            }

    .klanten span.bottom {
        color: #073A68;
        position: absolute;
        bottom: 12px;
        left: 8px;
        margin: 0;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
        cursor: pointer;
    }

a.meer-meningen {
    background-image: url(../images/arrow_right_blue.gif);
    width: 18px;
    height: 18px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.dropdown {
    width: 100%;
    position: absolute;
    top: 88px;
    left: 0px;
    z-index: 100;
}

    .dropdown ul {
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 360px;
    }

        .dropdown ul li {
            width: 100%;
            border-left: 1px solid #09B9F5;
            border-right: 1px solid #09B9F5;
        }

            .dropdown ul li.psfirst {
                border-top: 1px solid #09B9F5;
            }

            .dropdown ul li.pslast {
                border-bottom: 1px solid #09B9F5;
            }

            .dropdown ul li a {
                background: #FAFAFA;
                display: inline-block;
                border-bottom: 1px solid #eee;
                width: 100%;
                text-decoration: none !important;
            }

                .dropdown ul li a span {
                    background: url(../images/printer-thumb-pad.gif) no-repeat 0 0;
                    width: 37px;
                    height: 23px;
                    float: left;
                    margin: 2px 0 0 7px;
                    display: inline;
                    padding: 2px 0 0 5px;
                    cursor: pointer;
                }

                .dropdown ul li a:hover {
                    background: #F3F6F7;
                    position: relative;
                }

                .dropdown ul li a strong {
                    font-size: 14px;
                    line-height: 29px;
                    padding: 2px 0 0 9px;
                    white-space: nowrap;
                }

                .dropdown ul li a:hover strong {
                    color: #01BDFE;
                }

.typverder {
    border-bottom: 1px solid #09B9F5;
    background: #F3F6F7;
    color: #01BDFE;
    background: url(../images/printer-thumb-pad.gif) no-repeat 0 0;
}



.btn-flat.blue:hover {
    color: white;
}

.printer-company-line2 {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    display: inline-block;
    background-color: #eaf6fe;
}

    .printer-company-line2 img {
        vertical-align: top;
    }

    .printer-company-line2 strong {
        color: #01b6f5;
        font-size: 14px;
        display: block;
    }


.printer-company-line {
    float: left;
    height: 46px;
    padding: 4px 0 0 5px;
    width: 924px;
    background: url(../images/printer-comp-bg-box.gif) repeat-x 0 0;
    margin: 4px 0 0 0;
}

    .printer-company-line img {
        padding: 0 8px 0 0;
        float: left;
    }

    .printer-company-line strong {
        padding: 4px 0 4px 0;
        color: #fff;
        display: block;
    }

    .printer-company-line span {
        color: #fff;
        float: left; /*	padding:0 0 0 8px; 	background:url(../images/small-arrow.gif) no-repeat 0 5px; */
    }

.voordelig-handig-box {
    float: left;
    background: #0083BC url(../images/tonershop_sprite.png) no-repeat -321px -308px;
    width: 75px;
    height: 42px;
    margin: 4px 0 0 1px;
    display: inline;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    vertical-align: middle;
    color: #fff;
    padding-top: 8px;
    position: absolute;
    right: 0;
}

.vertrouwde-box, .vertrouwde-box2 {
    float: left;
    background: #0083BC url(../images/tonershop_sprite.png) no-repeat -321px -308px;
    width: 75px;
    height: 35px;
    margin: 4px 0 0 1px;
    display: inline;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    vertical-align: middle;
    color: #fff;
    padding-top: 15px;
}

.vertrouwde-box2 {
    margin: 6px 0 0 1px;
}

.c-line {
    width: 100%;
    position: relative;
}

.detail-box {
    width: 100%;
    margin: 4px 0 10px 0;
}

    .detail-box h1, .detail-box h3 {
        padding: 0;
        margin: 0;
        float: left;
        width: 100%;
        border-bottom: solid 1px #00609a;
        font-weight: bold;
        font-size: 14px;
    }

        .detail-box h1 span, .detail-box h3 span {
            color: #003d62;
        }

        .detail-box h1 em, .detail-box h3 em {
            color: #003d62;
            font-style: normal;
        }

.characteristic-box {
    width: 100%;
    display: table;
    padding: 4px 0 4px 4px;
    background: #f0f2f4;
    position: relative;
    margin: 4px 0 0 0;
}

.characteristic-left {
}

.characteristic-left-big {
    width: 100%;
}

.characteristic-right {
    margin: 5px 0 0 20px;
}

    .characteristic-right.additional-product-description {
        display: flex;
    }


        .characteristic-right.additional-product-description span {
            font-size: 13px;
        }

    .characteristic-right p {
    }

        .characteristic-right p span {
            padding: 10px 0 0 0;
            display: block;
            font-size: smaller;
        }


.new-bundel-list {
    display: inline-block;
}

    .new-bundel-list .bundel-actie-header {
        font-size: 20px;
        padding: 0 10px;
        color: #00609a;
    }

.bundel-table {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

    .bundel-table tr {
        padding: 0;
        margin: 0;
    }

        .bundel-table tr td .cartridge-title {
            padding-left: 8px;
            background: url("/Themes/TonershopNL/images/tonershop_sprite.png") no-repeat scroll -700px -77px transparent;
        }

        .bundel-table tr td {
            border-bottom: dotted 1px #ddd;
        }

            .bundel-table tr td .overflow-div {
                display: block;
                height: 19px;
                padding-left: 8px;
                overflow: hidden;
                text-overflow: ellipsis;
                word-wrap: normal;
                white-space: nowrap;
            }

        .bundel-table tr.first td {
            padding-top: 5px;
        }

        .bundel-table tr.last td {
            border-bottom: dashed 1px #ccc;
            padding-bottom: 3px;
        }

        .bundel-table tr td.bggreen {
            background-color: #D1E78D;
            border-color: #7DB368;
        }

            .bundel-table tr td.bggreen .huismerk-prijs {
                text-align: center;
                display: block;
                color: #333;
                font-style: normal;
                font-size: 12px;
                padding-top: 0px;
                padding-bottom: 4px;
                height: 22px;
                vertical-align: middle;
            }

                .bundel-table tr td.bggreen .huismerk-prijs strong {
                    font-size: 19px;
                }

        .bundel-table tr td.tddesc {
            font-size: smaller;
            padding: 22px 0 10px 0;
        }

        .bundel-table tr td.bggreen .huismerk-prijs strong, .bundel-table tr td.bggreen .huismerk-prijs b {
            color: red;
        }

        .bundel-table tr td.leftgreenborder {
            border-left: solid 1px #9FCE6E;
        }

        .bundel-table tr td.rightgreenborder {
            border-right: solid 1px #9FCE6E;
        }

        .bundel-table tr.total td {
            border-width: 0px;
            /* font-style: italic; */
            padding: 3px 0 8px 0;
        }


        .bundel-table tr.bundel-header-row td.bggreen {
            border-left: solid 1px #9FCE6E;
            border-right: solid 1px #9FCE6E;
            border-top: solid 1px #9FCE6E;
            border-radius: 5px 5px 0 0;
        }

        .bundel-table tr.total td.bggreen {
            border-left: solid 1px #9FCE6E;
            border-right: solid 1px #9FCE6E;
            border-bottom: solid 1px #9FCE6E;
            border-radius: 0 0 5px 5px;
            /*font-style: italic;*/
            padding: 3px 0 8px 0;
        }

        .bundel-table tr.total td {
            vertical-align: top;
            padding: 5px 8px;
        }

            .bundel-table tr.total td .extra-bundel-voordeel {
                color: #00609a;
                padding-left: 200px;
            }

.homebrand {
    display: block;
    height: auto;
}

.bundelactie {
    width: 260px;
    float: left;
    margin: 6px 0 0 16px;
    display: inline;
}

    .bundelactie li {
        height: 32px;
    }

ul.character-list li.leverbaar, ul.bundelactie li.leverbaar {
    font-size: 11px;
    font-weight: bold;
    height: 22px;
}

    ul.character-list li.leverbaar img, ul.bundelactie li.leverbaar img {
        margin: 0 10px 0 0;
        float: left;
        padding: 0 0 0 0;
    }

    ul.character-list li.leverbaar em.baar, ul.bundelactie li.leverbaar em.baar {
        font-style: normal;
    }

.bundelactie li span {
    color: #666;
    font-size: 19px;
}

    .bundelactie li span em {
        color: #666;
        font-size: 14px;
        font-style: normal;
    }

.bundelopsom li {
    height: auto;
}

    .bundelopsom li span {
        font-size: 12px;
        width: 180px;
        float: left;
    }

    .bundelopsom li em {
        color: #666;
        font-size: 12px;
        float: right;
        font-style: normal;
    }

    .bundelopsom li.bundeltotaal {
        border-top: solid 1px #666;
    }

        .bundelopsom li.bundeltotaal em {
            font-weight: bold;
        }

/*.bundelactie em
{
	float:left;	
}
*/

.bundelactie em.logo-small {
    float: right;
    font-size: 1px;
    line-height: 1px;
    font-style: normal;
}

.bundelactie li em.logo-small img {
    float: left;
}


.bundel-items {
    margin: -25px 0 0 0;
    padding: 0 0 0 0;
}

    .bundel-items em.number {
        display: block;
        float: left;
        width: 10px;
        font-weight: bold;
        font-style: normal;
        color: #04BDFE;
    }

    .bundel-items li {
        font-size: 12px;
    }

.img-character {
    position: relative;
    display: inline-block;
}

.additional-detail.detail-box .characteristic-left .img-character {
    background: none;
    width: auto;
    float: none;
    height: auto;
    padding: 0;
}

.additional-detail .characteristic-left {
    width: 320px;
    border-right: 1px solid #e5e5e5;
}

.additional-detail .characteristic-box {
    background: white;
}

.additional-detail .characteristic-right {
    margin: 5px 0 0 0;
}

.img-container {
    position: relative;
    z-index: 2;
    display: inline-block;
}

.additional-detail .img-container {
    width: auto;
    display: block;
    float: none;
    margin: 0 auto;
}

    .additional-detail .img-container img {
        display: block;
        margin: 0 auto;
    }

.thumbnail-container {
    position: relative;
    margin-left: -18px;
    top: 14px;
    z-index: 1;
}

    .thumbnail-container img {
        width: 40px;
        margin: 0 1px;
        border: 1px solid #ced6db !important;
        border-radius: 3px;
        height: 40px;
    }


a.zoom-tool {
    background: url(../images/zoom.gif) no-repeat 0 0;
    position: absolute;
    bottom: 8px;
    right: 8px;
    right: 5px;
    bottom: 5px;
    display: block;
    width: 15px;
    height: 15px;
}

ul.character-list {
    margin: 6px 0 0 16px;
}

    ul.character-list li {
        font-size: 11px;
        font-weight: bold;
        line-height: 1.2;
        padding: 8px 0 0 0;
    }

        ul.character-list li:first-child {
            padding-top: 0;
        }

        ul.character-list li a {
            color: #03afef;
        }

        ul.character-list li#padd {
            padding: 8px 0 0 0;
        }

        ul.character-list li img {
            margin: 0 5px 0 0;
        }

        ul.character-list li em.logo-small {
            float: right;
            font-size: 1px;
            line-height: 1px;
            font-style: normal;
        }

            ul.character-list li em.logo-small img {
                margin: -3px 0 0 0;
                float: left;
            }

        ul.character-list li.leverbaar img, ul.bundelactie li.leverbaar img {
            margin: 0 5px 0 0;
        }

        ul.character-list li.leverbaar em.baar, ul.bundelactie li.leverbaar em.baar {
            color: #000;
            font-style: normal;
        }

            ul.character-list li.leverbaar em.baar a, ul.bundelactie li.leverbaar em.baar a {
                color: #000;
                font-style: normal;
            }

em.baar a {
    color: #002e42;
    cursor: pointer;
}

em.baar {
    font-weight: bold;
    font-size: 10px;
    display: inline-block;
    height: 12px;
    text-align: left;
}

.bestel-option-box {
    display:flex;
    flex-direction:column;
    margin-top:15px;
}

.bestel-option-box-bundel {
    
}

.brandtextdetail-bundel {
    font-weight: bold;
    padding-top: 3px;
}


.aantal-plus-minus-box {
    width: 22px;
    margin: 0 0 0 5px;
    display: inline;
}

a.aantal-plus {
    background: url(../images/aantal-plus.gif) no-repeat 0 0;
    width: 22px;
    height: 11px;
    font-size: 1px;
    line-height: 1px;
}

a.aantal-minus {
    background: url(../images/aantal-minus.gif) no-repeat 0 0;
    width: 22px;
    height: 11px;
    font-size: 1px;
    line-height: 1px;
}

.price1 {
    margin: 0 0 0 25px;
    display: inline;
    background: url(../images/linethrough.gif) repeat-x center left;
    font-weight: bold;
    font-size: 12px;
    padding: 0px 0 0 0;
    line-height: 33px;
}

.price2 {
    font-size: 12px;
    margin: 0;
    padding: 0;
    line-height: 33px;
}

.price3 {
    font-size: 19px;
    font-weight: bold;
    color: #d40903;
    margin: 0 0 0 12px;
    line-height: 33px;
    display: inline;
}

.bestel-option-box .price3 {
    margin: 0;
    margin-top:5px;
    display:block;
}

.ink-selection-box-top {
    margin: 0px 0 0 0;
}

.ink-selection-box {
}

.ink-sel-leftside {
    margin: 0 0 5px 0;
}

.ink-sel-rightside {
    margin: 0 0 5px 24px;
    display: inline;
}

.ink-sel-leftside2 {
    width: 100%;
    display: inline;
}

.ink-sel-rightside2 {
    float: left;
    width: 100%;
    margin: 0 0 0 12px;
    display: inline;
}

.ink-sel-leftside2-header {
    float: left;
    margin: 5px 0 0 8px;
    width: 904px;
    display: inline;
}

.ink-sel-leftside2-head {
    float: left;
    margin: 5px 0 0 8px;
    width: 100%;
    height: 75px;
    display: inline;
}

.ink-sel-rightside2-head {
    float: left;
    width: 100%;
    margin: 5px 0 0 12px;
    display: inline;
    height: 75px;
}



.ink-header {
    width: 447px;
    float: left;
    height: 46px;
    padding: 4px 0 0 5px;
    margin: 6px 0 0 0;
    background: url(../images/printer-comp-bg-box.gif) repeat-x 0 0;
}

    .ink-header img {
        padding: 0 8px 0 0;
        float: left;
    }

    .ink-header strong {
        text-decoration: none;
        padding: 4px 0 4px 0;
        color: #fff;
        display: block;
    }

        .ink-header strong a, .ink-header strong a:hover {
            text-decoration: none;
            color: #fff;
        }

    .ink-header span {
        color: #fff;
        float: left; /*	background:url(../images/small-arrow.gif) no-repeat 0 5px; 	padding:0 0 0 8px; */
    }

    .ink-header p {
        float: left;
        padding: 4px 0 0 12px;
        color: #fff;
        font-weight: bold;
    }

.ink-data-box {
    margin: 4px 0 0 0;
    float: left;
    width: 448px;
    padding: 4px 0 4px 4px;
    background: #f0f2f4;
    position: relative;
}

.ink-picture-box {
    float: left;
    width: 86px;
    height: 86px;
    overflow: hidden;
    border: 1px solid #eee;
    margin: 0 8px 0 4px;
    display: inline;
}

.ink-picture-box-green {
    float: left;
    width: 85px;
    height: 86px;
    overflow: hidden;
    background: url(../images/ink-pict-box-bg-green.gif) no-repeat 0 0;
    padding: 6px 0 0 7px;
    margin: 2px 6px 4px 5px;
    display: inline;
}

.combinatie-box, .alternatief-goed-box, .voordelige-box, .huismerk-box, .huismerk-box-detail {
    background: #0083BC url(../images/tonershop_sprite.png) no-repeat -321px -308px;
    text-align: center;
    font-size: 9px;
    letter-spacing: 1px;
    font-weight: bold;
    vertical-align: middle;
    color: #fff;
    width: 75px;
    height: 30px;
    float: left;
    margin: 6px 0 0 1px;
    padding-top: 20px;
    display: inline;
}

.huismerk-box {
    background: #0083BC url(../images/tonershop_sprite.png) no-repeat -321px -308px;
}

.huismerk-box-detail {
    background: #0083BC url(../images/tonershop_sprite.png) no-repeat -321px -308px;
    margin: 4px 0 0 1px;
}

.voordelige-box {
    background: #0083BC url(../images/tonershop_sprite.png) no-repeat -321px -308px;
}

.alternatief-goed-box {
    background: #0083BC url(../images/tonershop_sprite.png) no-repeat -321px -308px;
}

.ink-selection-box h3 .ink-selection-box a.h3 {
    padding: 0;
    margin: 0;
}

.ink-selection-box h3 strong {
    width: 400px;
    float: left;
}

.ink-info-box {
    width: 273px;
    float: left;
}

    .ink-info-box strong {
        width: 273px;
        float: left;
        padding: 3px 0 0 0;
    }

    .ink-info-box span {
        width: 273px;
        float: left;
        padding: 3px 0 0 0;
    }

em.ico-link, em.ico-link2 {
    /*width:273px;*/
    float: left;
    font-style: normal;
    margin: 30px 0 0 0;
}

em.ico-link2 {
    margin: 8px 0 0 0;
}

    em.ico-link img, em.ico-link2 img {
        float: left;
        margin: 0 6px 0 0;
        display: inline;
    }

ul.combinatie {
    width: 143px;
    float: right;
    padding: 2px 10px 0 0;
}

    ul.combinatie li {
        width: 143px;
        float: left;
        text-align: right;
        height: 100%;
        line-height: 21px;
    }

        ul.combinatie li.moreprices {
            font-size: 11px;
        }

        ul.combinatie li.moreprices-green {
            color: #089006;
            font-weight: bold;
            font-size: 12px;
        }

        ul.combinatie li span {
            font-size: 12px;
            font-weight: bold;
            background: url(../images/linethrough.gif) repeat-x center left;
        }

        ul.combinatie li strong {
            color: #d40903;
            font-size: 16px;
            white-space: nowrap;
        }

        ul.combinatie li em {
            font-size: 10px;
            font-style: normal;
        }

div.combinatie {
    font-weight:400;
}

    div.combinatie span strong {
        color: #d40903;
        font-size: 16px;
        display:inline-block;
    }


    div.combinatie span, div.combinatie span.large {
        color: #58585A;
        display: block;
        font-size: 16px;
        font-weight: bold;
        margin: 0px;
        text-align: right;
    }

        div.combinatie span.large {
            margin: 0 0 12px;
        }

        div.combinatie span em {
            color: #58585A;
            font-size: 9px;
            font-style: normal;
            font-weight: normal;
            text-align: right;
        }

.printer-description {
    display: block;
    width: 70%;
    float: left;
    margin-top: 3px;
}

a.add-to-cart {
    display: inline-block;
    position: relative;
    text-align: left;
    font-size: 14px;
    padding-right: 40px;
}

    a.add-to-cart:after {
        font-family: 'Font Awesome 5 Pro';
        content: "\f218";
        font-weight: 300;
        color: #fff;
        position: absolute;
        top: 50%;
        right: 15px;
        font-size: 18px;
        transform: translateY(-50%);
    }

.item-rating {
    background-color: transparent;
    margin-top: -3px;
}

    .item-rating span {
        margin-top: 4px;
        font-size: 10px;
        padding-left: 6px;
        line-height: 33px;
        float: none !important;
    }

.h-line {
    width: 452px;
    float: left;
    padding: 15px 0 0 0;
}

.voordel-box {
    width: 75px;
    height: 50px;
    background: url(../images/voordel-box.gif) no-repeat 0 0;
    margin: 6px 0 0 1px;
    float: left;
    display: inline;
}

    .voordel-box span {
        width: 70px;
        float: left;
        text-align: center;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        padding: 8px 0 0 0;
    }

.ink-descr {
    width: 373px;
    float: left;
}

    .ink-descr strong {
        width: 373px;
        float: left;
        padding: 3px 0 0 0;
    }

    .ink-descr span {
        width: 373px;
        float: left;
        padding: 3px 0 0 0;
    }

.thumbs-ink {
    width: 98px;
    float: left;
    padding: 14px 0 0 0;
}

.small-ink-thumb {
    width: 38px;
    height: 40px;
    float: left;
    background: url(../images/small-ink-thumb-bg.gif) no-repeat 0 0;
    padding: 4px 0 0 6px;
    margin: 0 4px 0 0;
    display: inline;
}

    .small-ink-thumb span {
        font-size: 16px;
        color: #002e42;
        padding: 6px 0 0 6px;
        font-weight: bold;
        width: 18px;
        height: 38px;
    }

.package {
    width: 196px;
    float: left;
    padding: 14px 0 0 0;
}

ul.package-list {
    width: 196px;
    float: left;
    overflow: hidden;
}

    ul.package-list li {
        width: 196px;
        float: left;
        padding: 0 0 4px 0;
        overflow: hidden;
    }

    * html ul.package-list li {
        padding: 0;
    }

        ul.package-list li img {
            margin: 0 4px 0 0;
            display: inline;
            float: left;
            overflow: hidden;
        }

        ul.package-list li span {
            float: left;
            width: 100px;
        }

em.bespaar {
    top: 33px;
    right: 75px;
    position: absolute;
    color: #002e42;
    font-size: 10px;
    font-style: normal;
}

.ink-logo {
    right: 162px;
    top: 7px;
    position: absolute;
    font-size: 1px;
    line-height: 1px;
}

.alternatif-box, .alternatif-box-grey {
    width: 100%;
    height: 145px;
    float: left;
    background: #fff;
    padding: 4px 0 4px 0px;
    margin: 1px 0 0 0;
    position: relative;
}

/*.alternatif-box-grey {
	background: #f0f2f4;
}*/

.alternatif-box-head, .alternatif-box-grey-head, a.h3-box-head {
    clear: left;
    font-weight: bold;
    padding: 4px 0 0 3px;
    margin-bottom: 4px;
    color: #003D62;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
}

.alternatif-box-head {
    border-top: solid 1px #00609A;
}

a.h3-box-head {
    border-bottom: none;
}

    a.h3-box-head:hover {
        cursor: pointer;
        text-decoration: underline;
    }

ul.alternatif-list {
    width: 195px;
    float: left;
    padding: 0px 0 0 0;
}

    ul.alternatif-list li, ul.alternatif-list li.padd-li {
        width: 200px;
        float: left;
    }

        ul.alternatif-list li.padd-li {
            padding: 8px 0 0 0;
        }

        ul.alternatif-list li.left-padd {
            margin: 7px 0 0 100px;
            display: inline;
        }

        ul.alternatif-list li strong {
            width: 220px;
            float: left;
        }

        ul.alternatif-list li em {
            font-style: normal;
        }

        ul.alternatif-list li img {
            margin: 0 6px 0 0;
            display: inline;
            float: left;
        }

        ul.alternatif-list li span {
            float: left;
            width: 150px;
        }

        ul.alternatif-list li.bundelvoordeel {
            margin: 0 0 15px 0;
            font-size: 20px;
            color: #666;
        }

a.high-capacity {
    background-image: url(../images/high-capacity-button.gif);
    position: absolute;
    top: 6px;
    right: 76px;
    width: 75px;
    height: 18px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

    a.high-capacity:hover {
        background-position: 0 -18px;
    }

.grey-top-box {
    background: url(../images/grey-top-box.gif) no-repeat 0 0;
    width: 956px;
    height: 97px;
    float: left;
    position: absolute;
    top: -6px;
    left: 0;
}

.grey-top-box2 {
    background-color: #fff;
    width: 956px;
    height: 97px;
    float: left;
    position: absolute;
    top: -6px;
    left: 0;
}

.printerheader {
    overflow: hidden;
    width: 933px;
    margin-bottom: 15px;
    height: auto;
}

.printerheader-detail {
    position: relative;
    overflow: hidden;
    margin-top: 15px;
}

.printer-header-sub-brand {
    width: 750px;
    float: left;
    height: auto !important;
    margin-left: 10px;
}

    .printer-header-sub-brand div {
        margin-left: 0 !important;
        margin: 4px 0 4px 0;
    }


.printerheader-right {
    padding: 1rem;
    padding-left: 15px;
    background: #f7f7f7;
    border-radius: 3px;
}

    .printerheader-right .deliverdate {
        margin: 20px 0 10px 0;
        width: 100%;
        overflow: hidden;
    }

    .printerheader-right h1.printerheader-subbrand {
        margin: 0;
    }

.head-sub-brand {
    position: relative;
    width: 100%;
    margin: 0;
    margin-top: 15px;
}

.printerheader-right .printer-excerpt {
    margin-top: 10px;
}

.printerheader-btns {
    width: 100%;
    display: inline-block;
    position: relative;
}


.deliverdate {
    padding-top: 15px;
}

.printerheader-btns .printer-price {
    padding-top: 15px;
    margin-bottom: 5px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .printerheader-btns .printer-price strong {
        font-size: 18px;
        color: #d40903;
        margin-right: 5px;
    }

    .printerheader-btns .printer-price em {
        font-size: 12px;
    }

.printheader-pop-detailbox-right {
    float: right;
    margin: 1px 0 0;
    min-height: 105px;
    width: 290px;
}

    .printheader-pop-detailbox-right a.info-item {
        background: url(../images/tonershop_sprite.png) no-repeat -494px -102px;
        bottom: 5px;
        margin: 0;
        position: absolute;
        right: 72px;
        height: 21px;
        width: 21px;
    }

        .printheader-pop-detailbox-right a.info-item:hover {
            background-position: -494px -123px;
        }

    .printheader-pop-detailbox-right a.bestel-button-ink {
        bottom: 4px;
        margin: 0;
        position: absolute;
        right: 8px;
    }

.printheader-pop-detailbox-right-prices {
    margin: 0 8px 0 0;
    float: right;
    border-left: solid 1px #fff;
    width: 80px;
}

.printheader-pop-detailbox-left {
    display: block;
    float: left;
    width: 105px;
}

.printheader-pop-preprice {
    float: right;
    clear: right;
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    background: url(../images/linethrough.gif) repeat-x center left;
}

.printheader-pop-price {
    float: right;
    clear: right;
    white-space: nowrap;
    text-align: right;
    color: #f00;
    font-size: 20px;
    font-weight: bold;
}

.printheader-pop-priceex {
    float: right;
    clear: right;
    white-space: nowrap;
    text-align: right;
    font-size: 10px;
}

.printheader-pop-color em.baar .bundel {
    font-size: 20px;
    color: #666;
    margin: 10px 0 10px 0;
    display: block;
    font-weight: normal;
}

.printheader-pop-title, .printheader-pop-leverbaar, .printheader-pop-color, .printheader-pop-inhoud {
    width: 100%;
    margin: 5px 0;
}

.printheader-pop-title {
    font-size: 13px;
    font-weight: bold;
    margin: 2px 0 5px 0;
}

.printerheader img {
    display: inline;
    float: left;
    margin: 1px 6px 0 0;
}

.printerheader-pop-box {
    position: relative;
    margin: 0px 0 0 0;
    float: right;
    width: 396px;
    background: url(../images/pd_pop_bg.gif) repeat-y 0 0;
}

    .printerheader-pop-box em.baar, .printerheader-pop-box em.contentml {
        font-style: normal;
        vertical-align: middle;
    }

.printerheader-pop-box-head {
    float: left;
    width: 396px;
    height: 22px;
    background: url(../images/pd_pop_top.gif) no-repeat 0 0;
    color: #fff;
    font-weight: bold;
    padding: 3px 0 0 3px;
    text-align: center;
}

.printerheader-pop-box-content {
    width: 396px;
    display: inline;
    float: left;
}

.printerheader-pop-box-bottom {
    float: left;
    width: 396px;
    height: 5px;
    background: url(../images/pd_pop_bottom.gif) no-repeat 0 0;
}

.printerheader-printerimage {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    right: 20px;
    top: 0px;
    overflow: visible;
    width: 120px;
    height: 80px;
    float: right;
    display: inline;
}

.printerheader-printertitle {
    display: block;
    float: left;
    width: 390px;
    height: 120px;
    vertical-align: middle;
    display: inline;
}

span.printerheader-brand {
    color: #58585a;
    float: left;
    font-weight: bold;
    width: 100%;
    font-size: 28px;
    margin: 15px 10px 5px 10px;
}

h1.printerheader-subbrand {
    color: #58585a;
    float: left;
    width: 100%;
    font-size: 20px;
    margin: 5px 10px 5px 10px;
    text-transform: none;
    letter-spacing: normal;
}

span.printerheader-subbrand {
    color: #58585a;
    float: left;
    width: 100%;
    font-size: 20px;
    margin: 5px 10px 5px 10px;
}

h1.articledetailheader {
    color: #003D62;
    width: 100%;
    font-size: 20px;
    margin: 5px 0;
    text-transform: none;
    letter-spacing: normal;
}

.google-top-box-left {
    background: url(../images/google-printer.gif) no-repeat 0 0;
    width: 241px;
    float: left;
}

.google-top-cont-left {
    width: 241px;
    height: 97px;
}

.google-top-box-right {
    width: 241px;
    float: right;
}

.google-top-cont-right {
    width: 241px;
    height: 97px;
}

.grey-box-patch {
    margin: 57px 0 0 0;
    float: left;
    width: 939px;
    font-size: 1px;
    line-height: 1px;
}

.grey-top-box-cont {
    width: 956px;
    float: left;
    position: relative;
}

.top-head {
    position: absolute;
    left: 217px;
    top: 23px;
    width: 452px;
}

    .top-head h3 {
        padding: 0;
        margin: 0;
    }

        .top-head h3 em, .top-head h3 span {
            float: left;
            padding: 0;
        }

a.voeg-button {
    position: absolute;
    left: 0px;
    top: 32px;
    background-image: url(../images/voeg-toe-button.gif);
    width: 181px;
    height: 22px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.printer-box {
    position: absolute;
    top: 2px;
    left: 36px;
}

/* printer-detail cartridge overview2 */
.cart-wrapper {
    margin: 0px 0 0 0px;
    float: left;
    border: solid 1px;
    width: 940px;
    background-image: url(../images/pd_pb_back.gif);
    background-repeat: repeat-y;
}

.cart-wrapper-left {
    width: 118px;
    float: left;
}

.cart-wrapper-right {
    width: 816px;
    float: left;
}

.cart-wrapper-right-top {
    width: 816px;
    height: 6px;
    display: inline;
    background-image: url(../images/cart_overview_head.gif);
    background-repeat: no-repeat;
}

.cart-wrapper-right-content {
    width: 816px;
    display: inline;
    background-image: url(../images/cart_overview_back.gif);
    background-repeat: repeat-y;
}

.cart-wrapper-right-bottom {
    width: 816px;
    height: 6px;
    display: inline;
    background-image: url(../images/cart_overview_footer.gif);
    background-repeat: no-repeat;
}


/* header met mijn printer */
.head-mijn-printer {
    position: absolute;
    left: 251px;
    top: 2px;
    width: 452px;
    height: 92px;
    background-image: url(../images/bg-printer.gif);
}

.head-mijn-printer2 {
    /*width:940px;*/
    margin-bottom: 10px;
    overflow: hidden;
}

.head-mijn-printer2-top {
    float: right;
    width: 940px;
    height: 6px;
    display: block;
}

.head-mijn-printer h3 {
    position: absolute;
    right: 43px;
}

    .head-mijn-printer h3 em {
        display: block;
        float: left;
        padding: 0;
    }

    .head-mijn-printer h3 span {
        display: block;
        float: left;
        padding: 0;
    }

.combipacks-lbl {
    width: 452px;
    height: 18px;
    float: left;
    padding: 20px 0 0 0;
}

    .combipacks-lbl h2 {
        padding: 0;
        margin: 0;
        font-size: 14px;
        color: #03afef;
    }

.combi-box1 span, .combi-box2 span {
    width: 44px;
    float: left;
    text-align: center;
    padding: 5px 0 0 0;
}

.pages-combi {
    width: 128px;
    margin: -9px 0 0 170px;
    display: inline;
    float: left;
}

.step-box {
    /*background: url(../images/steps-box.gif) no-repeat 0 0;*/
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ccc;
}

    .step-box ul {
        width: 100%;
        padding: 10px 0;
        display: inline-block;
        width: 100%;
        overflow: hidden;
        margin-bottom: 0;
    }

        .step-box ul li {
            background-position: 0 0;
            background-repeat: no-repeat;
            text-align: left;
            position: relative;
            display: inline-block;
        }


            .step-box ul li.active a {
                color: #ed1c24;
                font-weight: bold;
            }

            .step-box ul li a {
                display: block;
                color: #666;
                padding-left: 35px;
                line-height: 27px;
                margin-left: 15px;
            }

                .step-box ul li a[disabled]:hover, .step-box ul li.active a:hover {
                    text-decoration: none;
                }

            .step-box ul li.step1 {
                width: 23%;
            }

            .step-box ul li.step2 {
                width: 26%;
            }

            .step-box ul li.step3 {
                width: 26%;
            }

            .step-box ul li.step4 {
                width: 24%;
            }

            .step-box ul li a:before {
                text-align: center;
                border-radius: 50%;
                border: 1px solid #dadada;
                position: absolute;
                left: 15px;
                top: 50%;
                font-weight: bold;
                color: #ed1c24;
                line-height: 25px;
                height: 25px;
                width: 25px;
                font-size: 14px;
                margin-top: -13.5px;
                content: "";
            }

            .step-box ul li.step1 a:before {
                content: "1";
            }

            .step-box ul li.step2 a:before {
                content: "2";
            }

            .step-box ul li.step3 a:before {
                content: "3";
            }

            .step-box ul li.step4 a:before {
                content: "4";
            }

            .step-box ul li.link:hover {
                background-position: 0 -14px;
            }

div.girl_orderstep2 {
    background: url(../images/girl.jpg) no-repeat 0px 0px;
    float: right;
    width: 164px;
    height: 211px;
    position: relative;
    left: 60px;
    top: 30px;
}

.text.txt-input a.fa.fa-eye.fa-fw.unmask {
    margin-right: 20px;
    position: absolute;
    top: 10px;
    right: 20px;
}

.unmask-step2 {
    right: 50px;
    top: 10px;
    position: absolute;
}

.form-box-left, .form-box-right2 {
    width: 50%;
    float: left;
    padding: 24px 0 0 0;
    min-height: 200px;
}

* html .form-box-left {
    height: 200px;
}

* html .form-box-right2 {
    height: 200px;
}

.form-box-right, .form-box-left2 {
    width: 435px;
    float: left;
    padding: 24px 0 0 0;
}

.form-box-right {
    float: right;
}

.form-box-left2 {
    float: left;
}

.form-box-padding {
    padding: 24px 0 0 0;
}

    .form-box-padding div {
        padding: 0 0 10px 0;
    }

.form-box-left2 {
    float: left;
    margin-top: -20px;
}

    .form-box-right div, .form-box-left2 div {
        width: 100%;
        float: left;
        padding: 0 0 14px 0;
    }






        .form-box-right div.aftercheckbox {
            width: 100%;
        }

.form-box-left div, .form-box-right2 div {
    width: 100%;
    float: left;
    padding: 0 0 14px 0;
    position: relative;
}

.form-box-left .requiredtext {
    margin: -10px 0 0 0;
}



div.form2 label {
    width: 131px;
    float: left;
    color: #000;
}

    div.form2 label.label2nd {
        float: none;
        width: auto;
        margin-left: 10px;
    }

div.form21 label {
    /*	display: table; */
    display: block;
    margin-left: 0;
    height: 1%;
}

.factuurvinden {
    display: block;
}

div.form21 div.form-box-left label {
    padding-right: 160px;
}

ul.nice-dropdown {
    width: 100%;
    display: flex;
    flex-wrap:wrap;
    padding: 10px 9px;
}

    ul.nice-dropdown li {
        padding: 0 7px 0 0;
        display: inline-block;
        width: 33%;
        position: relative;
    }

        ul.nice-dropdown li a {
            border: 2px solid #e4e4e4;
            padding: 5px;
            width: 100%;
            display: flex;
        }

    ul.nice-dropdown > li > a:after {
        content: "<";
        transform: rotate( 270deg );
        position: absolute;
        top: 8px;
        right: 20px;
    }



.ink-selbox2-content .search-form ul.nice-dropdown li a span.strong {
    font-size: 11px;
}

ul.nice-dropdown li a.disabled {
    border: 2px solid #e4e4e4;
    padding: 5px;
}

ul.nice-dropdown li a.enabledred {
    background: url(../images/tonershop_sprite.png) no-repeat -452px -34px;
}

ul.nice-dropdown li a:hover {
    text-decoration: none;
}

ul.nice-dropdown li.last-drop {
    padding: 0;
    padding-right: 7px;
}
/*ul.nice-dropdown li.hover ul
{
	display: block;
}*/
ul.nice-dropdown li ul {
    width: 100%;
    position: absolute;
    top: 31px;
    left: 0;
    /*display: none;*/
    overflow: auto;
    height: 300px;
}

    ul.nice-dropdown li ul li {
        border-left: 1px solid #00aeef;
        border-right: 1px solid #00aeef;
        width: 100%;
        padding: 0;
        display: block;
    }

        ul.nice-dropdown li ul li.last-dd {
            border-bottom: 1px solid #00aeef;
        }

        ul.nice-dropdown li ul li.first-dd {
            border-top: 1px solid #00aeef;
        }

        ul.nice-dropdown li ul li a {
            height: auto;
            padding: 5px 0 6px 10px;
            width: 100%;
            display: block;
            font: bold 11px Arial, Helvetica, sans-serif;
            color: #002e42;
            background: none no-repeat 0 0 #fafafa;
        }

            ul.nice-dropdown li ul li a:hover {
                color: #01bdfe;
                background: #eff5f5;
            }

        /***/
        ul.nice-dropdown li ul li.brandSub {
        }

            ul.nice-dropdown li ul li.brandSub a.brandSub {
                background: none no-repeat 0 0 #f0f2f4;
                text-decoration: underline;
            }

            ul.nice-dropdown li ul li.brandSub ul {
                width: 154px;
                position: relative;
                top: auto;
                left: auto;
                /*display: none;*/
                overflow: auto;
                height: auto;
            }

                ul.nice-dropdown li ul li.brandSub ul li {
                    border-left: 0px solid #00aeef;
                    border-bottom: 1px solid #ccd5da;
                    border-right: 0px solid #00aeef;
                    float: left;
                    width: 154px;
                    padding: 0;
                }

                    ul.nice-dropdown li ul li.brandSub ul li.last-dd {
                        border-bottom: 1px solid #00aeef;
                    }

                    ul.nice-dropdown li ul li.brandSub ul li.first-dd {
                        border-top: 1px solid #00aeef;
                    }

                    ul.nice-dropdown li ul li.brandSub ul li a {
                        height: auto;
                        float: left;
                        padding: 5px 0 6px 10px;
                        width: 144px;
                        font: bold 11px Arial, Helvetica, sans-serif;
                        color: #002e42;
                        background: #f0f2f4;
                    }

                        ul.nice-dropdown li ul li.brandSub ul li a:hover {
                            color: #01bdfe;
                            background: #FAFAFA;
                        }


input.text {
    width: 300px;
}

input.text2 {
    width: 70px;
}

input.password {
    width: 300px;
}

.form-box-right2 input.text, .form-box-right2 input.text2, .form-box-left2 input.text, .form-box-left2 input.text2 {
    color: #000;
    font-size: 14px;
}

.form-box-left2 label a {
    color: #666;
}

a.wacht {
    background-image: url(../images/wachtwoord-button.gif);
    width: 162px;
    height: 22px;
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.watchwoord {
    background-image: url(../images/watchwoord-button.gif);
    width: 162px;
    height: 22px;
    float: right;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.mvragen {
    background-image: url(../images/mvragen-button.gif);
    width: 93px;
    height: 22px;
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.ncontact {
    background-image: url(../images/ncontact-button.gif);
    width: 182px;
    height: 22px;
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.wwvergeten {
    margin: 4px 0 0 0;
    background-image: url(../images/btn_wachtwoord_service.gif);
    width: 150px;
    height: 22px;
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.zoekcartridge {
    margin: 4px 0 0 0;
    background-image: url(../images/btn_zoekcartridges.gif);
    width: 123px;
    height: 22px;
    float: right;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.green {
    /* background-image: url(../images/btn_zoekcartridges_green.gif);*/
}

a.red {
    /*background-image: url(../images/btn_zoekcartridges_red.gif);*/
}


a.mmail {
    position: relative;
    left: -120px;
    background-image: url(../images/verzenden-button.gif);
    width: 84px;
    height: 22px;
    float: right;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.naar {
    background-image: url(../images/naar-button.gif);
    width: 180px;
    height: 22px;
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.over {
    background-image: url(../images/over-button.gif);
    width: 215px;
    height: 22px;
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.bsearch {
    background-image: url(../images/search-button.gif);
    width: 47px;
    height: 22px;
    float: right;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.wijzig {
    background: url(../images/btn_gegevens_opslaan.gif) no-repeat;
    width: 126px;
    height: 22px;
    float: right;
}

a.wijzigpw {
    background: url(../images/watchwoord-button.gif) no-repeat;
    width: 158px;
    height: 22px;
    float: right;
}

a.verder, a.verder1, a.verder2 {
    background-image: url(../images/verder-met-afrekenen_button.gif);
    width: 155px;
    height: 22px;
    background-position: 0 0;
    background-repeat: no-repeat;
    float: right;
}


a.zoek-kiala {
    background-image: url(../images/but_gray_zoek_een_afhaalpunt.gif);
    width: 145px;
    height: 22px;
    background-position: 0 0;
    background-repeat: no-repeat;
    float: right;
}

a.afhalen-kiala {
    background-image: url(../images/but_red_afhalen_bij_dit_kiala_punt.gif);
    width: 172px;
    height: 22px;
    background-position: 0 0;
    background-repeat: no-repeat;
    float: left;
}

a.search {
    background-image: url(../images/but_red_zoek.gif);
    width: 47px;
    height: 22px;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inherit;
    float: right;
}

a.close {
    background-image: url(../images/but_red_sluiten.gif);
    width: 63px;
    height: 22px;
    background-position: 0 0;
    background-repeat: no-repeat;
    float: left;
    cursor: pointer;
}

a.verdermijnaccount {
    background-image: url(../images/btn_naarmijnaccount.gif);
    width: 133px;
    height: 22px;
    background-position: 0 0;
    background-repeat: no-repeat;
    float: right;
}

a.btn-inloggen {
    background-image: url(../images/btn_inloggen.gif);
    width: 72px;
    height: 22px;
    background-position: 0 0;
    background-repeat: no-repeat;
    float: right;
}

a.verder1 {
    margin: 0 10px 0 0;
    display: inline;
}

a.verder2 {
    margin: 70px 0 0 0;
    float: right;
}

a.verder-only {
    background-image: url(../images/btn_verder.gif);
    width: 66px;
    height: 22px;
    background-position: 0 0;
    background-repeat: no-repeat;
    float: right;
}

.form-box-right div span {
    padding: 0 4px 0 0;
}

em.star {
    background: url(../images/star.gif) no-repeat 0 3px;
    /*height: 7px;*/
    padding: 0 6px 0 0;
}

em.imp {
    font: normal bold 14px Arial, Helvetica, sans-serif;
    height: 20px;
    color: #03afef;
    line-height: 30px;
}

span.radio-sp {
    width: 80px;
    float: left;
    margin: 0 0 0 12px;
    display: inline;
}

span.radio-kiala {
    width: 400px;
    float: left;
    margin: 0 0 0 12px;
    display: inline;
    vertical-align: top;
}

    span.radio-sp label,
    span.radio-kiala label {
        width: auto;
    }

em.sp {
    font-style: normal;
    margin: 0 6px 0 10px;
    display: inline;
}

.str {
    margin: 20px 0 0 0 !important;
    width: 454px;
}


a.vorige, a.vorige2, a.vorige3 {
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    top: 246px;
    left: 14px;
}

a.vorige, a.vorige2 {
    background-image: url(../images/vorige-pagina.gif);
    width: 102px;
    height: 22px;
}

a.vorige3 {
    background-image: url(../images/btn_adresgegevens.gif);
    width: 112px;
    height: 22px;
}

a.vorige2 {
    top: 20px;
}

a.vorige3 {
    top: auto;
    bottom: 10px;
}

.betalen {
    width: 930px;
    float: left;
}

ul.mijnaccount-ul, ul.charity-ul {
    width: 930px;
    float: left;
    padding: 0 0 20px 0;
}

    ul.mijnaccount-ul li, ul.charity-ul li span {
        width: 930px;
        float: left;
        height: 72px;
        overflow: visible;
    }

        ul.mijnaccount-ul li a, ul.mijnaccount-ul li a.wh, ul.charity-ul li span, ul.charity-ul li span.wh {
            background: #f0f2f4;
            height: 75px;
            width: 930px;
            float: left;
        }


        /* mollie container styling */

.mollie-container {
    --mc-bg: #ffffff;
    --mc-border: #dfe3e8;
    --mc-border-hover: #b6c1cd;
    --mc-border-focus: #009de0;
    --mc-shadow-focus: rgba(0, 157, 224, 0.2);
    --mc-label: #22304a;
    --mc-muted: #6b7785;
    --mc-error: #d40903;
    --mc-success: #1f9d55;
    --mc-radius: 8px;
    --mc-gap: 14px;
    max-width: 480px;
}

.mollie-container .mollie-card-component {
    display: grid;
    grid-template-rows: auto auto auto;
    row-gap: 6px;
    margin-bottom: var(--mc-gap);
}

.mollie-container .mollie-card-component__label {
    font-size: 0.92rem;
    line-height: 1.2;
    color: var(--mc-label);
    font-weight: 600;
}

.mollie-container .mollie-component {
    display:flex;
    align-items:center;
    position: relative;
    border: 1px solid var(--mc-border);
    border-radius: var(--mc-radius);
    background: #fff;
    padding: 10px 12px;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.mollie-container .mollie-component:focus-within {
    border-color: var(--mc-border-focus);
    box-shadow: 0 0 0 4px var(--mc-shadow-focus);
}

.mollie-container .mollie-component:hover {
    border-color: var(--mc-border-hover);
}

.mollie-container .mollie-component.is-touched.is-invalid {
    border-color: var(--mc-error);
    box-shadow: 0 0 0 3px rgba(212, 9, 3, 0.12);
}

.mollie-container .mollie-component.is-complete:not(.is-invalid) {
    border-color: var(--mc-success);
}

.mollie-container .mollie-card-component__error {
    color: var(--mc-error);
    font-size: 0.85rem;
    line-height: 1.3;
    margin-top: 4px;
}

.mollie-container .mollie-hint {
    color: var(--mc-muted);
    font-size: 0.85rem;
}

.mollie-container .mollie-component iframe {
    display: block;
    width: 100% !important;
    line-height: 22px;
}

.mollie-container .mollie-card-component--cardHolder .mollie-component,
.mollie-container .mollie-card-component--cardNumber .mollie-component,
.mollie-container .mollie-card-component--expiryDate .mollie-component,
.mollie-container .mollie-card-component--verificationCode .mollie-component {
    min-height: 22px;
}

@media (max-width: 520px) {
    .mollie-container {
        padding: 12px;
        border-radius: 10px;
    }
    .mollie-container .mollie-card-component {
        row-gap: 4px;
        margin-bottom: 12px;
    }
}

.mollie-container.compact {
    padding: 12px;
}
.mollie-container.compact .mollie-component {
    padding: 8px 10px;
    min-height: 38px;
}

.payment-method-button {
    display:flex;
    box-sizing:border-box;
    padding: 14px;
    margin: 20px 0;
    color: #fff;
    font-weight: 600;
    justify-content:center;
    font-size: 18px;
    border-radius:5px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    outline: 0;
    transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
    background-color: #002e42;
    max-width: 480px;
}

.payment-method-button span i {
    margin-right:10px;
}

ul.charity-ul li h2 {
    float: none;
    margin: 5px;
    padding: 0 10px;
    color: #444444;
    display: inline-block;
}

ul.charity-ul li em.charity-text {
    float: none;
    margin: 0;
    padding: 0 15px;
    font-style: normal;
    height: 70px;
    overflow-y: auto;
    width: 495px;
    display: inline-block;
}

ul.charity-ul li span.charity-savingpoints {
    float: right;
    margin: 35px 5px 5px 5px;
    padding: 0 20px;
    width: 120px;
    background-color: transparent;
}


div.idealdiv, div.idealdivwh {
    background: #f0f2f4;
    width: 930px;
    float: left;
    overflow: visible;
    border: 1px solid transparent;
    padding: 4px;
}

div.idealdivwh {
    background: #fff;
}

    div.idealdivwh img, div.idealdiv img {
        display: inline;
        float: left;
        margin: 0 9px 0 0;
        padding: 3px 0 0 6px;
    }

    div.idealdivwh:hover, div.idealdiv:hover {
        border: 1px solid #00aeef;
        text-decoration: none;
    }

    div.idealdiv strong, div.idealdivwh strong strong {
        display: block;
        /*float: left;*/
        margin-bottom: 3px;
        padding: 8px 0 0 0;
        cursor: pointer;
    }

div.idealdiv a.button {
    margin-left: 15px;
    vertical-align: middle;
}

div.idealdiv div.dropdownCustom {
    float: none;
    display: inline-block;
    font-size: 13px;
    width: 300px;
}

    div.idealdiv div.dropdownCustom .dropdown-body {
        padding-top: 0;
    }



ul.mijnaccount-ul li a.wh, ul.charity-ul li span.wh {
    background: #fff;
}

ul.mijnaccount-ul li a:hover, ul.mijnaccount-ul li a.betalenbg {
    background: url(../images/betalen-a-hover.gif) no-repeat 0 0;
    text-decoration: none;
}

ul.mijnaccount-ul li a img, ul.mijnaccount-ul li a.wh img, ul.charity-ul li span img, ul.charity-ul li span.wh img {
    padding: 3px 0 0 6px;
    float: left;
    margin: 0 9px 0 0;
    display: inline;
}

ul.mijnaccount-ul li a strong, ul.mijnaccount-ul li a.wh strong {
    display: block;
    float: left;
    padding: 9px 0 0 0;
    cursor: pointer;
}

ul.mijnaccount-ul li a span, ul.mijnaccount-ul li a.wh span {
    display: block;
    float: left;
    padding: 4px 0 0 0;
    width: 750px;
    cursor: pointer;
}

.winkel-box {
    width: 100%;
    padding: 23px 0 0 0;
}

.winkel-headers {
    width: 100%;
    position: relative;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 80px 80px 80px 83px;
    -ms-grid-columns: 1fr 80px 80px 80px 83px;
}

span.levertijd {
    max-width: 875px;
    -ms-grid-column-span: 2;
    float: left;
    height: 11px;
}

span.geenlevertijd {
    max-width: 875px;
    -ms-grid-column-span: 2;
    float: left;
    height: 11px;
}

span.aantal-s, span.aantal-s-double {
    width: 80px;
    float: left;
    -ms-grid-column: 2;
    margin-right: 10px;
    font-weight: bold;
}


span.vervijder {
    width: 80px;
    -ms-grid-column: 3;
    float: left;
    margin-right: 10px;
    font-weight: bold;
    text-align: center;
}

span.prijs {
    width: 80px;
    -ms-grid-column: 4;
    float: left;
    margin-right: 10px;
    font-weight: bold;
    text-align: right;
}

span.prijs2 {
    float: left;
    -ms-grid-column: 5;
    font-weight: bold;
    width: 83px;
    text-align: right;
}

ul.winkel-ul {
    width: 100%;
    position: relative;
    z-index: 9;
}

    ul.winkel-ul li {
        padding: 3px 0 0 0;
        position: relative;
        width: 100%;
        display: grid;
        display: -ms-grid;
        grid-template-columns: 45px minmax(300px,1fr) 140px 80px 80px 80px 83px;
        -ms-grid-columns: 45px minmax(300px,1fr) 140px 80px 80px 80px 83px;
        align-items: center;
    }

        ul.winkel-ul li:last-child {
            display: block;
            width: 100%;
        }

        ul.winkel-ul li.low-height {
            /*height: 30px;*/
        }
        /*
ul.winkel-ul li.low, ul.winkel-ul li.low
{
	height: 34px;
}
ul.winkel-ul li.wh
{
	background: #fff;#f0f2f4;
}*/



        ul.winkel-ul li.red {
            padding: 0 0 0 0;
        }



        ul.winkel-ul li span.item-image-wrap, ul.winkel-ul li span.winkel-thumb-s {
            margin-right: 10px;
            position: relative;
            -ms-grid-column: 1;
            float: left;
            visibility: visible;
            display: inline-block;
            min-height: 1px;
        }

            ul.winkel-ul li span.item-image-wrap a {
                border: 1px solid #ccc;
                text-align: center;
                display: inline-block;
                padding: 4px;
            }

        ul.winkel-ul li span.winkel-thumb-s {
            background: none;
        }

span.item-model {
    font-size: smaller;
    width: 110px;
    padding: 6px 0 0 0;
    float: left;
}

span.item-title-wrap {
    max-width: 688px;
    float: left;
    display: flex;
    margin-left: 10px;
    -ms-grid-column: 2;
    width: 100%;
    flex-direction: column;
    justify-content: center;
}

.title-myaddress h1 {
    float: none !important;
    width: 100% !important;
}

span.item-name span {
    font-size: 10px;
}

.order-step-2-form-box-right h1 {
    width: 100% !important;
    margin: 0;
}

span.one-colour {
    background: url(../images/1color.gif) no-repeat 0 0;
    padding: 0 0 0 26px;
    float: left;
    margin: 4px 0 0 0;
    font-size: 10px;
    font-weight: bold;
}

span.item-color-wrap {
    width: 132px;
    float: left;
    -ms-grid-column: 3;
    height: 20px;
}

span.st {
    width: 250px;
    float: left;
    padding: 2px 0 0 0;
}

    span.st img {
        float: left;
        padding: 0 6px 0 0;
    }

.item-amount-wrap, span.aantal-sp-double {
    width: 80px;
    margin-right: 10px;
    -ms-grid-column: 4;
}

.shipping-cell {
    width: 170px;
    margin-left: -13px;
}


span.item-delete-wrap {
    width: 80px;
    margin-right: 10px;
    float: left;
    -ms-grid-column: 5;
    text-align: center;
}

span.item-priceex-wrap {
    margin-right: 10px;
    float: left;
    -ms-grid-column: 6;
    text-align: right;
}

span.item-priceinc-wrap {
    -ms-grid-column: 7;
    float: left;
    width: 83px;
    text-align: right;
}

.free-shipping {
    color: #093;
    font-weight: bold;
}

span.low {
    padding: 0 0 0 0;
}

em.white-blue, em.white-red, em.blue {
    font-style: normal;
    font-size: 14px;
    font-weight: bold;
    float: left;
}

em.white-blue {
    color: #01bdfe;
    padding: 4px 12px 0 0;
}

em.white-red {
    padding: 0px;
    font-weight: normal;
    color: #F00;
}

em.blue {
    padding: 0px;
    font-weight: normal;
    color: #0069BE;
    padding: 7px 10px 0 0;
}

span.savingpoints, span.savingpoints em.white-blue {
    width: 500px;
}

a.inf-button {
    background: url(../images/tonershop_sprite.png) no-repeat -473px -102px;
    float: left;
    width: 19px;
    height: 20px;
}

    a.inf-button:hover {
        background-position: -473px -122px;
    }

em.datas {
    float: right;
    font-style: normal;
    text-align: right;
    padding: 1rem 0;
}

span.plus {
    width: 10px;
    float: left;
    padding: 14px 0 0 0;
    margin-left: 5px;
    color: #03afef;
}

li.wh.low-height {
    grid-template-columns: 0px 1fr 0 0 48px;
}

.summary {
    width: 100%;
    margin-top: 10px;
    padding: 10px 0 1rem 0;
    border-top: 1px solid #e5e5e5;
}

.prijs2-sp {
    float: right;
}

.aantal-sp {
    margin-left: -13px;
}

.summary ul {
    /*width: 433px;*/
    width: 100%;
    display: inline-block;
}

    .summary ul li {
        font-weight: bold;
        height: 20px;
    }

        .summary ul li.ri1 {
            float: right;
        }

        .summary ul li.ri2 {
            /*width:66px;*/
            float: right;
            width: 100%;
            text-align: right;
        }

        .summary ul li.ri3 {
            width: 100%;
        }


.order-step2-form .form-row {
    padding: 5px 0;
}

.summary ul li.ri1:before {
    content: "";
    border-top: 1px solid #01bcfe;
    width: 200px;
    height: 1px;
    right: 0;
    margin-top: -10px;
    position: absolute;
}

span.prijs-sp.right.mr-5 {
    margin-right: 57px !important;
}

.summary ul li.ri3 .datas {
    padding-top: 0;
    width: 100%;
    text-align: right;
    display: block;
}

.summary span {
    float: left;
    width: 100%;
    font-size: 11px;
}

.blueline {
    border-bottom: solid 1px #01bdfe;
}

.line-wide {
    padding: 0 0 20px 0;
    display:flex;
    justify-content:flex-end;
}

a.verder-winkel {
    background-image: url(../images/verder-winkel.gif);
    width: 122px;
    height: 22px;
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.btn-homepage {
    background-image: url(../images/btn_homepage.gif);
    width: 133px;
    height: 22px;
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.btn-winkelmandje {
    background-image: url(../images/btn_winkelmandje.gif);
    width: 138px;
    height: 22px;
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat;
}

a.btn-vorigebestellingen {
    background-image: url(../images/btn_vorigebestellingen.gif);
    width: 138px;
    height: 22px;
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat;
}

h3.srt {
    padding: 0;
    margin: 0;
}

span.empty {
    height: 23px;
    float: left;
    width: 300px;
    line-height: 1px;
    font-size: 1px;
}

.gegevens-boxes {
    min-height: 107px;
    float: left;
    width: 100%;
    position: relative;
}

ul.navigation {
    margin-bottom: 0;
}

ul.nav-tabs li {
    display: block;
}

* html .gegevens-boxes {
    height: 107px;
}

.girl2 {
    background: url(../images/tonershop_sprite.png) no-repeat -145px 0;
    width: 129px;
    height: 144px;
    position: absolute;
    top: -38px;
    left: 612px;
}

.first-box {
    width: 207px;
    float: left;
    padding: 11px 0 0 0;
}

.second-box {
    margin: 0 0 0 13px;
    float: left;
    display: inline;
    width: 208px;
    padding: 11px 0 0 12px;
}

.third-box {
    margin: 0 0 0 24px;
    display: inline;
    padding: 11px 0 0 12px;
}

.fourth-box {
    padding: 0 0 0 34px;
    margin: 36px 0 0 0;
}

.gegevens-boxes h3 {
    padding: 0;
    margin: 0;
    width: 200px;
    font-size: 14px;
    color: #000;
}

a.plaats-button {
    background-image: url(../images/plaats-button.gif);
    width: 171px;
    height: 56px;
    float: left;
    background-position: 0 0;
    background-repeat: no-repeat;
}

    a.plaats-button:hover {
        background-position: 0 -56px;
    }

.footer {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ccc;
}

    .footer .logos-row {
        text-align: center;
    }

        .footer .logos-row ul.logos-list li {
            display: inline-block;
            padding: 0 10px;
        }

ul.logos-list {
    margin-top: 15px;
}

.nobg .panel-title {
    width: 100%;
    display: block;
}



.footer-lists {
    border-top: 1px solid #ccc;
    margin-top: 15px;
}


    .footer-lists ul {
        margin-top: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 100px;
        /*position: relative;*/
    }

        .footer-lists ul:last-child {
            border-right: 0px solid #ccc;
        }

            .footer-lists ul:last-child:after {
                content: "";
                width: 1px;
                background-color: #fff;
                position: absolute;
                top: 0;
                right: -1px;
                bottom: 0;
                height: 100%;
            }

        .footer-lists ul li a, .footer-lists ul li span {
            font-family: Arial;
            font-size: 11px;
            line-height: 25px;
            color: #00aeef;
            text-decoration: none;
        }

            .footer-lists ul li a:hover {
                color: #666;
            }


/*
.footer div.hr{
border: none;   
	
border-top:0px solid #668691;     
clear:both;    
height:0; 
width:936px;

margin:0 10px 14px;
}

.footer ul
{
	width: 50%;
	float: left;
	text-align: center;
}

.footer ul.firstUl
{
   
	position: relative;
}




.footer ul li
{
	float: left;
	display: inline;
	color: #6AA5BA;
	font-size: 12px;
	font-weight: bold;
	height: 21px;
	vertical-align: middle;
	width: 50%;
	text-align: left;

}
.footer ul li a
{
	color: #6AA5BA;
}
.footer ul li a:hover
{
	text-decoration: none;
}*/
.footer .addthis_toolbox_wrapper {
    width: 956px;
    float: left;
    text-align: center;
    height: 60px;
    position: relative;
}

.footer .addthis_toolbox.addthis_pill_combo {
    /*display: block;
	margin: auto;
	overflow: hidden;
	padding: 20px;
	text-align: center;
	width: 461px;
	*/
    display: block;
    height: 30px;
    left: 25%;
    padding: 18px 0 0 0;
    position: absolute;
    text-align: center;
}

    .footer .addthis_toolbox.addthis_pill_combo a {
        float: left;
    }

        .footer .addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
        .footer .addthis_toolbox.addthis_pill_combo a.addthis_counter {
            margin-top: 0px;
        }

        .footer .addthis_toolbox.addthis_pill_combo a.addthis_button_facebook_like {
            margin-top: 0px;
        }

            .footer .addthis_toolbox.addthis_pill_combo a.addthis_button_facebook_like iframe {
                width: 130px !important;
                margin-left: 7px;
            }

.footer .addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}

.footer .addthis_toolbox.addthis_pill_combo .at300bs {
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    margin-right: 20px;
    background: url(../images/logo_linkedin.png) no-repeat !important;
}


.footer .ekomi-footer {
    margin-top: 0px;
    float: left;
    text-align: center;
    font-size: 12px;
    color: #aaa;
    width: 956px;
    margin-top: 6px;
}

    .footer .ekomi-footer span {
    }

        .footer .ekomi-footer span a {
            color: #aaa;
            text-decoration: underline;
        }

    .footer .ekomi-footer h3 {
        display: inline;
        font-size: 12px;
    }

/* boxes section */
div.box, div.lite-box {
    background-color: #F0F2F4;
    margin-bottom: 16px;
    padding: 10px;
    display: table;
    line-height: 20px;
}

div.lite-box {
    background: none;
}

    div.box .btn-flat, div.lite-box .btn-flat {
        margin-top: 10px;
    }
/*
div.box a
{
	color: #0169BE;
	text-decoration: underline;
}

div.box a:hover
{
	text-decoration: none;
}*/

div.box strong.head {
    display: block;
}

div.box p {
    margin: 0;
    padding: 0;
}

div.box div.inner {
    float: left;
    width: 300px !important;
    padding: 0;
}

div.box img {
    display: block;
    border: none;
}

    div.box img.right {
        float: right;
        margin: -6px;
        display: inline;
    }


.form2 .box {
    width: 440px !important;
}


/* services section */
.service {
    width: 100%;
    overflow: hidden;
    clear: both;
    padding: 10px 0 10px 0;
}

    .service div.service-left a.mvragen {
        margin-left: 10px;
    }


    .service div.service-center {
        padding: 0 15px 0 15px;
    }

    .service div.box, .service div.box-lite {
        display: block;
    }

    /* services questions list section */
    .service ul.vragen {
        margin: 0;
        padding: 0 0 5px 0;
        list-style: none;
    }

        .service ul.vragen em.num {
            display: block;
            float: left;
            font-weight: bold;
            color: #04BDFE;
            width: 20px;
            font-style: normal;
        }

        .service ul.vragen li {
            padding: 2px 4px 2px 4px;
        }

            .service ul.vragen li span {
                font-weight: normal;
                color: #000;
                display: block;
            }

            .service ul.vragen li.dark {
                background-color: #F0F2F4;
            }

    .service a.ncontact, .service a.over, .service a.naar {
        margin-top: 5px;
    }

    .service a.mmail {
        margin-top: 14px;
    }

    /* service subscribe box */
    .service div.subscribe p.layout, .veelgestelde div.bsearch p.layout {
        width: 100%;
        overflow: hidden;
        padding-top: 10px;
    }

    .service div.subscribe label {
        display: block;
        float: left;
        padding-right: 25px;
    }

    .service div.subscribe img, .veelgestelde div.bsearch img {
        float: left;
    }

    .service div.subscribe .text, .veelgestelde div.bsearch .text {
        width: 185px;
        float: left;
    }

.veelgestelde div.bsearch .text {
    width: 195px;
}


.service div.subscribe .textinput, .veelgestelde div.bsearch .textinput {
    height: 17px;
    background: url(../images/input_bg.gif) repeat-x left top;
    border: none;
    padding: 2px 0;
    vertical-align: middle;
    border: none;
}

div.bg-faq {
    height: 190px !important;
    background: url(../images/bg-faq.png) no-repeat bottom right;
    display: block;
    font-size: 13px;
}

div.bg-girl em {
    font-weight: bold;
    font-style: normal;
    color: #666;
    display: block;
    font-size: 14px;
}

div.bg-girl p {
    padding: 5px 150px 25px 0;
}

/* veelgestelde section */

.veelgestelde {
    width: 100%;
    clear: both;
    overflow: hidden;
    padding-bottom: 10px;
}

    .veelgestelde .category-item.sidebar-section {
        position: relative;
        width: 220px;
        float: left;
    }

        .veelgestelde .category-item.sidebar-section h3.category-balk {
            width: 100%;
            float: none;
        }

        .veelgestelde .category-item.sidebar-section h3.category-balk {
            width: 100%;
            float: none;
            border-radius: 3px 3px 0 0;
            background: #03afef;
            color: white;
            font-size: 14px;
            font-weight: 700;
            box-sizing: border-box;
            padding: 10px;
        }

        .veelgestelde .category-item.sidebar-section ul li a {
            padding: 8px 15px 8px 15px;
        }

            .veelgestelde .category-item.sidebar-section ul li a.active {
                color: white;
                box-sizing: border-box;
                position: relative;
                z-index: 2;
            }

                .veelgestelde .category-item.sidebar-section ul li a.active:after {
                    content: "";
                    width: 220px;
                    height: 30px;
                    float: none;
                    z-index: -1;
                    background: #03afef;
                    font-weight: 700;
                    position: absolute;
                    left: 0;
                    top: 0;
                }

        .veelgestelde .category-item.sidebar-section ul.category-menu {
            box-sizing: border-box;
            border-right: 2px solid #dedbdb;
            border-bottom: 2px solid #dedbdb;
            border-top: 2px solid #dedbdb;
        }

            .veelgestelde .category-item.sidebar-section ul.category-menu li {
                height: 30px;
                line-height: 30px;
            }

                .veelgestelde .category-item.sidebar-section ul.category-menu li:nth-child(even) {
                    background: #eee;
                }

.veelgestelde-left {
    width: calc(100% - 230px);
    float: right;
}

    .veelgestelde-left .questions ul li:hover {
        outline: 0;
    }

.questions ul li.hover div.bg, .questions ul li:hover div.bg,
.questions ul li.hover div.inner, .questions ul li:hover div.inner,
.questions ul li.hover div.question, .questions ul li:hover div.question {
    background: none !important;
}

.veelgestelde-right {
    clear: left;
    float: left;
    position: relative;
    width: 100%;
}

.veelgestelde div.lite-box.bg-faq {
    height: auto !important;
    background: none;
}

.veelgestelde div.box .btn-flat, .veelgestelde div.lite-box .btn-flat {
    margin: 0;
}

.veelgestelde div.box.bsearch {
    display: inline-block;
    background: #eee;
    right: 0px;
    position: absolute;
    top: 10px;
    height: 70px;
    overflow: hidden;
}

.veelgestelde div.box {
    width: 280px !important;
    display: block;
}
/* algemene voorwaarden */
.algemeen {
    clear: both;
}

    .algemeen ul {
        margin: 0;
        padding: 0;
        /*list-style: none;*/
    }

        .algemeen ul.adres {
            padding: 2px;
        }

            .algemeen ul.adres em.adreslabel {
                display: block;
                float: left;
                font-style: normal;
                width: 150px;
            }

        .algemeen ul li {
            padding: 2px;
            background-repeat: no-repeat;
            background-position: 15px 12px;
        }

        .algemeen ul em.number {
            display: block;
            float: left;
            width: 30px;
            padding-left: 10px;
            font-weight: bold;
            font-style: normal;
            color: #04BDFE;
        }

        .algemeen ul li div {
            width: 850px;
            display: block;
        }

            .algemeen ul li div.algvwsub {
                width: 800px;
                display: block;
            }

    .algemeen strong {
        display: block;
        margin-top: 20px;
        height: 30px;
        color: #666;
    }

div.policy p {
    margin: 10px;
}

div.policy ol, div.policy ul {
    padding-left: 30px;
}

ul.bullet {
    padding-left: 5px;
    list-style-type: disc;
}

div.policy a {
    text-decoration: underline;
}

h2.faqh2 {
    margin: 10px 0 10px 0;
    color: #03afef;
    clear: left;
}

/* questions list */
.questions ul {
    clear: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .questions ul li {
        padding: 2px;
        background-image: url(../images/arrow-questions.gif);
        background-repeat: no-repeat;
        background-position: 15px 12px;
    }

        .questions ul li.open {
            background-image: url(../images/arrow-questions-open.gif);
            background-position: 12px 12px;
        }

        .questions ul li a.question {
            width: 100%;
        }

        .questions ul li.open a.question {
            font-weight: bold;
        }

    .questions ul em.number {
        display: block;
        float: left;
        width: 30px;
        padding-left: 20px;
        font-weight: bold;
        font-style: normal;
        color: #04BDFE;
    }

    .questions ul li.dark {
        background-color: #F0F2F4;
    }

    .questions ul div.inner {
        padding: 4px;
    }

    .questions ul div.answer {
        display: none;
        padding-left: 50px;
        padding-top: 10px;
    }

    .questions ul div.question {
        padding-top: 2px;
    }

    .questions ul div.bg {
        padding-bottom: 2px;
    }

    .questions ul li.hover div.question, .questions ul li:hover div.question {
        background: url(../images/questions-top.gif) no-repeat;
    }

    .questions ul li.hover div.bg, .questions ul li:hover div.bg {
        background: url(../images/questions-bottom.gif) no-repeat bottom left;
    }

    .questions ul li.hover div.inner, .questions ul li:hover div.inner {
        background: url(../images/questions-inner.gif) repeat-y;
    }


    .questions ul .open div.answer {
        display: block;
    }

/* contact box section */
.about, .contact, .mijnaccount, .orderstep {
    width: 100%;
    /*overflow: hidden;*/
    font-size: 13px;
    line-height: 18px;
}

    .contact h4, .about h4 {
        margin: 0;
        padding: 20px 0 5px 0;
        font-size: 14px;
        font-weight: bold;
    }


.orderstep-right div.box img {
    display: inline;
}

.contact-no-cartridges {
    width: 850px;
    float: left;
    padding: 50px;
}

.mijnaccount .mijnaccount-right .ssl-logo, .orderstep .orderstep-right .ssl-logo {
    float: right;
    width: 40px;
    margin: 0px 0px 0 0;
    overflow: visible;
}



.mijnaccount-right div, .orderstep-left div, .orderstep-right div {
    width: 457px;
    float: left;
    padding: 0 0 7px 0;
}

    .orderstep-left div.box, .orderstep-right div.box {
        padding: 4px;
        margin-bottom: 0;
    }

.mijnaccount-right label, .orderstep-right label {
    width: 135px;
    float: left;
    color: #000;
}

.contact div.text, .mijnaccount div.text, .orderstep div.text, .about div.text {
    width: 100%;
    clear: both;
    padding: 0px 0 0px 0;
}

.contact ul.checks, .about ul.checks {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .contact ul.checks li, .about ul.checks li {
        padding: 2px 2px 2px 30px;
        background: #FFF url(../images/contact-check.gif) no-repeat 7px 4px;
    }

        .contact ul.checks li.dark, .about ul.checks li.dark {
            background-color: #F0F2F4;
        }

/* teaser section */
.teaser {
    /*background: #00aeef url(../images/teaser-top.gif) no-repeat;*/
    margin-top: 5px;
    width: 458px;
}

    .teaser div.inner {
        /*padding: 4px 4px 10px 4px;
		background: url(../images/teaser-bottom.gif) no-repeat bottom left;*/
    }

    .teaser img {
        display: block;
        border: none;
    }

    .teaser div.info {
        padding: 18px 10px 0 10px;
        overflow: hidden;
    }

div.playMovieinfo2 {
    margin-top: 17px;
    overflow: hidden;
}

    div.playMovieinfo2 .playMovie {
        color: #0069BE;
        font-size: 24px;
        font-weight: bold;
        /*margin-left: 45px;*/
        padding-bottom: 14px;
        padding-right: 20px;
        padding-top: 14px;
    }

div.playMovieinfo {
    margin: 30px 20px;
}

#playMovie {
    color: #9EE6F7;
    font-size: 24px;
    font-weight: bold;
    margin-left: 45px;
    padding-bottom: 34px;
    padding-right: 60px;
    cursor: pointer;
    padding-top: 8px;
    background: url(~/Themes/TonershopNL/images/Symbol_Play.png) no-repeat right 0;
}

    #playMovie:hover {
        text-decoration: underline;
    }



.teaser .imagebanner {
    /* margin-top: 218px;*/
}

.teaser h2.info {
    margin: 0 0 5px 0;
    padding: 0;
    /*text-indent: -9999px;*/
    /*overflow: hidden;
	width: 206px;*/
    height: 22px;
    /*background: url(../images/headline-info.gif) no-repeat;*/
    float: none;
}

.teaser h3.info {
    margin: 0 0 5px 0;
    padding: 0;
    color: White;
    text-transform: none;
    font-size: 15px;
    overflow: hidden;
    height: 22px;
    float: none;
}


.teaser p.note {
    /*color: #FFF;*/
    font-size: 11px;
}

.teaser span.note {
    font-size: 10px;
}

.teaser ul {
    margin: 0;
    padding: 0 0 10px 0;
}

    .teaser ul li {
        /*background: url(../images/teaser-check.gif) no-repeat 0 2px;*/
        /*color: #9EE6F7;*/
        font-weight: bold;
    }

        .teaser ul li:before {
            content: "\2713 ";
            margin-right: 10px;
        }

.sbh1 {
    color: #BF0500;
    font-weight: bold;
    font-size: 34px;
}

.sbh2 {
    color: #01B6F5;
    font-weight: bold;
    font-size: 13px;
}

div.uspbox1 {
    width: 195px;
    height: 60px;
    float: left;
    margin: 30px 0px 0 11px;
    float: left;
    font-size: 13px;
    line-height: 18px;
}

div.uspbox2 {
    width: 180px;
    height: 60px;
    float: left;
    margin: 30px 0px 0 13px;
    float: left;
    font-size: 13px;
    line-height: 18px;
}

div.uspbox3 {
    width: 195px;
    height: 60px;
    float: left;
    margin: 30px 0px 0 13px;
    float: left;
    font-size: 13px;
    line-height: 18px;
}
/* Toegevoegd: 16-10-2007 */

.clear {
    overflow: hidden;
    width: 100%;
}

.light {
    color: #888;
    font-size: 11px;
}

div.glp-box-wrapper {
    background: url(../images/glp-box-top.gif) no-repeat;
    padding-top: 10px;
    margin-bottom: 10px;
}

div.glp-box {
    background: url(../images/glp-box-bottom.gif) no-repeat left bottom;
    color: #444;
    font-size: 12px;
    line-height: 18px;
    padding: 0 10px;
    position: relative;
}

    div.glp-box li {
        background: url(../images/usp-check.gif) no-repeat 0 2px;
        margin-bottom: 8px;
    }

        div.glp-box li div.check {
            margin-left: 20px;
        }

img.glp-homeshopping {
    border: none;
    bottom: 16px;
    display: block;
    left: 43px;
    position: absolute;
}

img.glp-title {
    display: block;
    margin-bottom: 16px;
}

ul.google-usp {
    list-style-type: none;
    margin: 0 0 12px 0;
    padding: 0;
}

ul.google-usp2 {
    list-style-type: none;
    margin: 60px 0 12px 5px;
    padding: 0;
}

ul.google-usp3 {
    list-style-type: none;
    margin: 5px 0 0 0;
    padding: 0;
}

ul.google-usp li {
    background: url(../images/usp-check.gif) no-repeat 0 4px;
    font-size: 18px;
    margin-bottom: 8px;
    padding-left: 30px;
}

ul.google-usp2 li, ul.google-usp3 li {
    background: url(../images/usp-check.gif) no-repeat 0 4px;
    font-size: 12px;
    margin-bottom: 8px;
    padding-left: 30px;
}

.googleklein {
    font-size: 9px;
}

.step, .step-last {
    width: 231px;
    float: left;
    background: url(../images/next-step-arrow.gif) no-repeat 100% 50%;
    margin: 12px 0 0 0;
    min-height: 180px;
}

* html .step, * html .step-last {
    height: 180px;
}

.step-last {
    background: none;
    width: 218px;
}

.st {
    width: 231px;
    float: left;
}

.pd {
    float: left;
    margin: 4px 0 0 -6px;
    display: inline;
}

.st-ok {
    width: 231px;
    float: left;
    background: url(../images/ok-ico.gif) no-repeat 190px 0;
}

span.numb1 {
    background: url(../images/numb1.gif) no-repeat 0 0;
    padding: 0 0 0 30px;
    float: left;
    height: 23px;
}

span.numb2 {
    background: url(../images/numb2.gif) no-repeat 0 0;
    padding: 0 0 0 30px;
    float: left;
    height: 23px;
}

span.numb3 {
    background: url(../images/numb3.gif) no-repeat 0 0;
    padding: 0 0 0 30px;
    float: left;
    height: 23px;
}

.opt-line {
    width: 677px;
    float: left;
    margin: 12px 0 0 0;
}

a.step-lnk {
    padding: 0 0 0 11px;
    background: url(../images/gt.gif) no-repeat 0 4px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #03afef;
    text-decoration: underline;
}

    a.step-lnk:hover {
        text-decoration: none;
    }

.banner-top {
    width: 500px;
    padding: 0 0 0 29px;
    margin: 10px 0 0 160px;
    float: left;
    display: inline;
    position: relative;
}

    .banner-top img {
        float: right;
        margin: 8px 0 0 0;
    }

span.lt0 {
    white-space: nowrap;
    float: left;
}

span.lt2 {
    margin: 10px 0 0 0;
    float: left;
}

span.lt1 {
    margin: 0 0 0 0;
    float: left;
    white-space: nowrap;
}

/* Hovers van buttons */
a.bsearch:hover, a.button-formulier-verzenden:hover, a.button-betaal-anders:hover, a.button-bekijk:hover, a.bestel-button:hover, a.bestel-button2:hover, a.bestel-button-ink:hover, a.klanten-info:hover, a.meer-info-item:hover, a.meer-info-ink:hover, a.meer-info-printers:hover, a.meningenenstats:hover, a.mvragen:hover, a.naar:hover, a.mmail:hover, a.ncontact:hover, a.opslaanenverder:hover, a.over:hover, a.terugaccount:hover, a.nogmaalsbestellen:hover, a.btn_download_factuur:hover, a.verder:hover, a.verder2:hover, a.verder1:hover, a.verder-winkel:hover, a.verdermijnaccount:hover, a.verder-only:hover, a.voeg-button:hover, a.vorige:hover, a.vorige2:hover, a.vorige3:hover, a.watchwoord:hover, a.wacht:hover, a.wijzig:hover, a.wijzigpw:hover, a.wwvergeten:hover, a.zoekcartridge:hover, a.btn-vorigebestellingen:hover, a.btn-inloggen:hover, a.btn-homepage:hover, a.btn-winkelmandje:hover, a.button_bekijk_voorbeeld:hover, a.button-doneer:hover {
    background-position: 0 -22px;
}

/* header met mijn printer (GOOGLE) */
.printer-box-google-head {
    width: 452px;
    height: 145px;
    background-image: url(../images/google-printer-background-top.gif);
}

    .printer-box-google-head h1 {
        font-size: 16px;
        letter-spacing: 0px;
        margin: 0 0 0 5px;
        text-transform: none;
    }

.printer-box-google {
    float: left;
    margin: 2px 0 0 2px;
}

.printer-box-google-cartridges, .printer-select-cartridges {
    width: 452px;
    min-height: 290px;
    background-image: url(../images/google-printer-background-bottom.gif);
    background-position: bottom;
}

    .printer-box-google-cartridges .printer-box-google-cartridge {
        width: 452px;
        height: 94px;
        padding: 4px 4px 4px 5px;
    }

        .printer-box-google-cartridges .printer-box-google-cartridge .ink-picture-box {
            background: transparent url(../images/ink-pict-box-bg.gif) no-repeat scroll 0 0;
            display: inline;
            float: left;
            height: 86px;
            margin: 0px;
            overflow: hidden;
            padding: 6px 0 0 7px;
            width: 85px;
        }

            .printer-box-google-cartridges .printer-box-google-cartridge .ink-picture-box .image {
                float: left;
                width: 80px;
                height: 80px;
            }

        .printer-box-google-cartridges .printer-box-google-cartridge .wrapper {
            width: 340px;
            height: 92px;
            margin: 0 0 0 0;
            float: right;
            overflow: hidden;
        }

            .printer-box-google-cartridges .printer-box-google-cartridge .wrapper .left {
                float: left;
                width: 220px;
                padding: 5px 0 0 0;
                height: 77px;
                font-size: 17px;
            }

                .printer-box-google-cartridges .printer-box-google-cartridge .wrapper .left ul li {
                    margin: 3px 0 0 0;
                    font-size: 16px;
                }

            .printer-box-google-cartridges .printer-box-google-cartridge .wrapper .right {
                float: right;
                width: 115px;
                height: 92px;
            }

                .printer-box-google-cartridges .printer-box-google-cartridge .wrapper .right .priceex {
                    display: block;
                    font-size: 15px;
                    color: Red;
                    font-weight: bold;
                    text-align: right;
                    width: 106px;
                    margin: 0 0 11px 0;
                }

                .printer-box-google-cartridges .printer-box-google-cartridge .wrapper .right .price {
                    color: #58585A;
                    display: block;
                    font-size: 15px;
                    font-style: normal;
                    font-weight: bold;
                    text-align: right;
                    width: 106px;
                    margin: 10px 0 1px 0;
                }

                    .printer-box-google-cartridges .printer-box-google-cartridge .wrapper .right .priceex em,
                    .printer-box-google-cartridges .printer-box-google-cartridge .wrapper .right .price em {
                        font-size: 9px;
                        color: #58585A;
                        font-style: normal;
                        font-weight: normal;
                        text-align: right;
                    }

                .printer-box-google-cartridges .printer-box-google-cartridge .wrapper .right a {
                    display: block;
                    margin: 0 0 0 0;
                }



.head-mijn-printer-google h3 {
    display: block;
    right: 43px;
}

    .head-mijn-printer-google h3 em {
        display: block;
        float: left;
        padding: 0;
    }

    .head-mijn-printer-google h3 span {
        display: block;
        float: left;
        padding: 0;
    }

.printerheader-printerimage {
    /* margin: 5px 0 0 5px;*/
    width: 120px;
    height: 120px;
    display: inline;
    float: left;
}

.printer-box-google-printertitle {
    display: block;
    float: left;
    width: 330px;
    height: 122px;
    vertical-align: middle;
    display: inline;
}

    .printer-box-google-printertitle h1 {
        color: #58585a;
        float: left;
        font-weight: bold;
        width: 310px;
        font-size: 25px;
        margin: 25px 10px 5px 10px;
    }

    .printer-box-google-printertitle h2 {
        color: #58585a;
        float: left;
        width: 310px;
        font-size: 22px;
        margin: 5px 10px 15px 10px;
    }

a.AllCartridges {
    float: right;
    margin: 10px 5px 0 0;
    text-decoration: underline;
}


div.printer-select div.dropdown-foldout {
    width: 350px !important;
}


/* END header met mijn printer (GOOGLE) */

/* cartridge landing for printer select from here */


.printer-select ul {
    padding-bottom: 5px;
    min-width: 205px;
    margin-right: 10px;
}

.printer-select-head {
    width: 452px;
    height: 4px;
    background: transparent url(../images/printer-background-top.gif) no-repeat scroll 0 0;
    display: inline-block;
}

.printer-select {
    width: 434px;
    min-height: 95px;
    padding: 6px 8px 8px 10px;
    height: auto;
    display: block;
    background: transparent url(../images/printer-background.gif) repeat scroll 0 0;
}

    .printer-select a {
        color: #58585A;
        text-decoration: underline;
        line-height: 20px;
        display: block;
    }

.printer-select-cartridges {
    min-height: 160px;
    width: 452px;
    margin-bottom: 6px;
}

.ink-selection-singelerow {
    display: block;
    width: 458px;
    height: 200px;
    padding-left: 10px;
}



.printer-select-cartridges .alternatif-box, .printer-select-cartridges .ink-sel-leftside2 {
    width: 100%;
}

.printer-select-cartridges .alternatif-list {
    /*	width: 233px; */
    width: 175px;
}

div.printer-select div.dropdown-foldout {
    width: 233px !important;
}

div.printer-select .printer-select div.dropdown-foldout ul.dropdown-items {
    height: 233px !important;
}

div.printer-select .dropdownCustom a {
    text-decoration: none;
}

div.printer-select .dropdownCustom div.dropdown-wrapper div.dropdown-body a.static {
    color: #D40903;
    font-weight: bold;
}

div.printer-select .dropdownCustom {
    margin: 7px 0 0 18px;
}

div.printer-select .ink-sel-leftside2 {
    float: left;
    margin: 0 0 0 8px;
    width: 100%;
    height: 135px;
    display: inline;
}

/* END cartridge landing for printer select */

/**/

/* Begin shoppinbasket overview customdropdown*/

.savingpointsselect {
    padding: 0 70px 0 20px;
    float: right;
    margin: -2px 0 0 10px;
}


.savingpointtext em.white-blue {
    width: 100%;
    padding: 0;
}

.savingpointsselect .dropdown-body .static {
    font-weight: normal;
    color: #000;
}

span.savingpointtext {
    float: left;
    padding: 14px 0 0;
    text-align: right;
    width: 70px;
    width: 709px;
}

    span.savingpointtext a,
    span.savingpointtext a:hover,
    span.savingpointtext a.active {
        font-style: normal;
        float: left;
        color: #01bdfe;
        text-decoration: none;
    }
/* END shoppinbasket overview customdropdown*/

/* Begin orderstep3 overview exceptions*/
.change-order-button {
    padding: 0 180px 0 20px;
    float: right;
    margin: 2px 0 0 10px;
}

/* End orderstep3 overview exceptions*/
.customerquote {
    color: #4B4B4B;
    display: block;
    font-style: italic;
    margin: 5px 0 0 20px;
}


ul.customerquotefilter {
    margin-top: 4px;
    width: 100%;
    display: inline-block;
    background: #fff url(../images/op-tabs-bg.gif) repeat-x 0 0;
}

    ul.customerquotefilter li {
        margin: 0 0 0 0;
        float: left;
    }

        ul.customerquotefilter li.large.first,
        ul.customerquotefilter li.first {
            background: #fff url(../images/op-tabs-bg.gif) repeat-x 0 0;
            /*padding: 0 0 0 4px*/
        }


        ul.customerquotefilter li.large.last,
        ul.customerquotefilter li.last {
            /*padding: 0 4px 0 0;*/
            background: #fff url(../images/op-tabs-bg.gif) repeat-x 0 0;
        }

        ul.customerquotefilter li a {
            float: left;
            height: 27px;
        }


            ul.customerquotefilter li.large a:hover,
            ul.customerquotefilter li.large a.active,
            ul.customerquotefilter li a:hover,
            ul.customerquotefilter li a.active {
                background-position: 0 -27px;
                text-decoration: none;
            }

            ul.customerquotefilter li a span {
                color: #668691;
                cursor: pointer;
                float: left;
                font-weight: bold;
                overflow: hidden;
                padding: 9px 0 0;
                text-align: center;
                font-size: 0.85em;
            }

            ul.customerquotefilter li a:hover span,
            ul.customerquotefilter li a.active span {
                color: #03afef;
            }


            ul.customerquotefilter li,
            ul.customerquotefilter li.first,
            ul.customerquotefilter li.last,
            ul.customerquotefilter li a,
            ul.customerquotefilter li a span {
                width: 35px;
            }

                ul.customerquotefilter li a {
                    background: #fff url(../images/filter-op-tab-small.gif) no-repeat 0 0;
                }

                ul.customerquotefilter li.large,
                ul.customerquotefilter li.large.first,
                ul.customerquotefilter li.large.last,
                ul.customerquotefilter li.large a,
                ul.customerquotefilter li.large a span {
                    width: 114px;
                }

                    ul.customerquotefilter li.large a {
                        background: #fff url(../images/filter-op-tab-large.gif) no-repeat 0 0;
                    }

div.kiala {
    float: left;
    margin: 3px 3px 10px 3px;
    width: 450px;
    font-size: 12px;
    font-weight: bold;
}

div.additionalheaderwrapper {
    overflow: hidden;
    width: 100%;
}

    div.additionalheaderwrapper h1 {
        font-size: 20px;
        letter-spacing: 0.03em;
        margin-top: 6px;
    }

    div.additionalheaderwrapper h2 {
        font-size: 15px;
    }

    div.additionalheaderwrapper .left {
        float: left;
    }

        div.additionalheaderwrapper .left a.back-btn-additionals {
            position: relative;
            margin: 3px 0 10px 0;
        }

            div.additionalheaderwrapper .left a.back-btn-additionals:before {
                content: "< ";
                position: relative;
            }

    div.additionalheaderwrapper .right {
        float: right;
    }

    div.additionalheaderwrapper .banner {
        background: #fff url(../images/additionals.gif) no-repeat 0 0;
        height: 93px;
        width: 286px;
    }

a.additional, a.underline {
    color: #666;
    text-decoration: underline;
}

p.normal {
    font: 13px Arial, Helvetica, sans-serif;
    color: #000;
}


.center-main-city {
    width: 452px;
    float: left;
}

    .center-main-city h1 {
        font-size: 21px;
    }

    .center-main-city h2 {
        color: #666;
        font-size: 15px;
    }

    .center-main-city p {
        margin: 13px 0;
    }

    .center-main-city div.province {
        display: block;
        overflow: hidden;
        width: 930px;
    }

        .center-main-city div.province h2 {
            color: #0069BE;
            font-size: 15px;
            letter-spacing: -1px;
        }

        .center-main-city div.province ul {
            display: inline;
        }

        .center-main-city div.province li {
            float: left;
            width: 200px;
            margin: 0 10px 0 0;
        }

            .center-main-city div.province li a {
            }


.brand-select-header {
    background: url("../images/printer-comp-bg-box.gif") repeat-x scroll 0 0 transparent;
    height: 46px;
    overflow: hidden;
    margin: 0px 0 0;
    padding: 4px 0 0 5px;
    width: 447px;
}

    .brand-select-header img {
        float: left;
    }

    .brand-select-header h2 {
        color: White;
        float: left;
        font-size: 1.1em;
        margin: 13px 10px;
    }

        .brand-select-header h2 a {
            color: White;
        }

.landing-brand-select {
    display: block;
    height: auto;
    min-height: 95px;
    padding: 10px 8px 8px 10px;
    width: 434px;
    overflow: hidden;
}

ul.brand-select-ul {
    margin-right: 0;
    min-width: 0;
    padding-bottom: 0;
    overflow: hidden;
    float: left;
    width: 144px;
}

ul.doublecollumn {
    width: 213px;
    padding-right: 3px;
}


ul.brand-select-ul li a {
    color: #58585A;
    display: block;
    line-height: 20px;
    text-decoration: underline;
}

h2.brand-select {
    float: none;
    font-size: 1.1em;
    margin: 15px 0 5px 0;
}

em.minussign {
    font-size: 1.2em;
}

span.summary-tip {
    text-align: left;
    width: 100%;
    display: block;
    margin: 10px 0;
}

ul.winkel-ul li.wh-additional {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    min-height: 47px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dashed #aaa;
    border-bottom: 1px dashed #aaa;
}

ul.winkel-ul li.wh-action-text {
    margin-top: 10px;
    height: auto;
    display: block;
    /*font-weight: bold;*/
    text-align: left;
    border-top: 1px dashed #aaa;
    border-bottom: none;
    /*color: green;*/
}

    ul.winkel-ul li.wh-action-text .action-text {
        padding: 4px 18px;
    }


/* deliverdate start */
.deliverdate {
    color: #58585A;
    width: 100%;
    display: inline-block;
}


    .deliverdate span {
        font-size: 12px;
        font-weight: normal;
        padding: 0 5px;
    }

    .deliverdate img {
        padding: 0;
        vertical-align: middle;
    }


.delivery_date_img {
    width: 50px;
}

.delivery_date_text {
    float: left;
    height: 40px;
}



/* deliverdate end */
/* sitemap begin */

.sitemap ul {
    margin: 30px;
    float: left;
}


    .sitemap ul li ul {
        margin: 10px;
        float: left;
    }

        .sitemap ul li ul li {
            display: list-item;
        }

.sitemap h2 {
    color: #0069BE;
    font-size: 12px;
    display: inline;
    text-decoration: none;
    margin-left: 10px;
}

.sitemap h3 {
    font-size: 12px;
    display: inline;
    margin-right: 10px;
    text-decoration: none;
}

.sitemap ul li ul.sitemap li a {
    text-decoration: none;
}

    .sitemap ul li ul.sitemap li a:hover {
        text-decoration: underline;
    }
/* sitemap end */

.breadcrumbs {
    font-size: 11px;
    vertical-align: top;
    overflow: hidden;
    max-height: 24px;
    margin: 0 0 5px 0;
    position: relative;
}

    .breadcrumbs li {
        display: inline-block;
    }

        .breadcrumbs li a {
            text-decoration: none;
        }

        .breadcrumbs li:after {
            font-weight: bold;
            content: ">";
            color: #ccc;
            margin: 0 5px;
        }

        .breadcrumbs li:nth-last-child(-n+1):after {
            font-weight: bold;
            content: "";
        }

auto
.breadcrumbs em {
    color: #58585A;
    font-style: normal;
}
/* breadcrumb end */

/* begin homepage slideshow */



#imageBanner {
    position: relative;
    height: 223px;
}

    #imageBanner IMG {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 8;
    }

        #imageBanner IMG.active {
            z-index: 10;
        }

        #imageBanner IMG.last-active {
            z-index: 9;
        }

.contact-left .text .teaser .inner #imageBanner {
}

.extra-additional {
    padding-left: 60px;
    width: 388px;
}

    .extra-additional .add-text {
        font-size: 11px;
        display: block;
    }

    .extra-additional a {
        text-decoration: underline;
        color: #0069BE;
    }

/* end homepage slideshow */

label.actionLabel {
    width: 95px;
    display: inline-block;
}
/* Rating page */
div.ratingpage table tr td {
    font-size: 10px;
    padding: 1px;
}

div.ratingpage div.starring-outer {
    float: left;
    font-size: 13px;
    clear: left;
    height: 29px;
    margin-top: 10px;
    width: 100%;
}

div.ratingpage h2 {
    font-size: 13px;
    font-weight: normal;
    margin: 15px 0 5px 0;
}

div.ratingpage div.starring-outer div.starring-title {
    float: left;
    width: 145px;
    display: block;
    font-weight: bold;
    padding-top: 8px;
}

div.ratingpage div.starring-outer div.starring-image {
    float: left;
    width: 145px;
    height: 29px;
    display: block;
    background: url(../images/5stars.jpg) no-repeat 0;
}

div.ratingpage div.starring-outer div.starring-rating {
    float: left;
    padding-top: 8px;
    padding-left: 12px;
}

div.ratingpage div.starring-left {
    width: 686px;
    display: block;
    float: left;
    color: #555;
    background: #FFF url(../images/duim_up.jpg) no-repeat 505px 134px;
}

div.ratingpage div.starring-right {
    width: 230px;
    display: block;
    float: left;
    padding: 0 8px 0 8px;
    border-left: solid 1px #000;
}

div.ratingpage div.rating-footer {
    margin-top: 30px;
    float: left;
    clear: left;
    color: #4f71be;
    font-size: 22px;
    width: 100%;
}

div.ratingpage ul.checks {
    margin: 16px 0 0 0;
    padding: 0;
    list-style: none;
}

    div.ratingpage ul.checks li {
        padding: 5px 2px 5px 30px;
        font-weight: bold;
        font-size: 15px;
        background: url(../images/contact-check.gif) no-repeat 7px 9px;
    }
/* end Rating page */
/* Custom page Feest */
div.custompage {
    color: #444;
}

    div.custompage h1 {
        letter-spacing: 0;
    }

    div.custompage div.feestafbeelding {
        float: right;
        width: 296px;
        height: 224px;
        display: block;
        background: url(../images/FeestAfbeelding.jpg) no-repeat 0;
    }

    div.custompage div.feestcartridges {
        float: right;
        width: 488px;
        height: 135px;
        margin-right: 40px;
        display: block;
        background: url(../images/FeestCartridges.jpg) no-repeat 0;
    }

    div.custompage div.feestcontent1 {
        font-weight: bold;
        font-size: 14px;
    }

    div.custompage div.feestmarge {
        margin-top: 10px;
        float: left;
    }

    div.custompage span {
        float: left;
        font-size: 18px;
    }

        div.custompage span.left {
            color: #03afef;
            display: block;
            width: 150px;
            clear: left;
        }

    div.custompage a, div.custompage a:visited {
        color: #03afef;
        text-decoration: underline;
    }
/* Custom page Feest */


/* Message screens */
.message-ok {
    padding: 3px 3px 3px 26px !important;
    margin-bottom: 20px !important;
    display: block;
    background: url(../images/actie_ok.gif) no-repeat 0 0;
}

.message-error {
    padding: 7px;
    color: Red;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.extra-with {
    width: 620px;
}

    .extra-with div label {
        width: 200px;
    }

    .extra-with div {
        width: 600px;
    }
/* end: Message screens */

.geslaagd {
    padding: 14px 0px 14px 45px;
    text-shadow: 1px 1px 1px #fff;
    font-size: 12px;
    font-weight: bold;
    background: url(../images/bg-geslaagd.gif) no-repeat 0 0;
}

/* social buttons */

.social-sharing {
    width: 448px;
    height: 346px;
    margin-top: 32px;
}

    .social-sharing h2 {
        color: #333;
        font-size: 12px;
        font-weight: bold;
        line-height: 20px;
        padding: 10px 10px 0px 8px;
    }

    .social-sharing ul {
        border: solid 0px red;
        padding: 0px 0 0 0;
        list-style-type: none;
        margin: 0 0 0 0;
        width: 450px;
        height: 220px;
    }

        .social-sharing ul li {
            float: left;
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

            .social-sharing ul li a {
                display: block;
                color: #555;
                font-size: 18px;
                font-weight: normal;
                width: 390px;
                margin: 0;
                padding: 25px 0 14px 55px;
            }

                .social-sharing ul li a:hover {
                    text-decoration: none;
                    color: #222;
                    text-shadow: 1px 1px 1px #fff;
                }


                .social-sharing ul li a.hyves {
                    background: url('../images/btn-social-hyves.jpg') no-repeat 0 0;
                }

                    .social-sharing ul li a.hyves:hover {
                        background-position: 0 -57px;
                    }

                .social-sharing ul li a.facebook {
                    background: url('../images/btn-social-facebook.jpg') no-repeat 0px 0;
                }

                    .social-sharing ul li a.facebook:hover {
                        background-position: 0 -57px;
                    }

                .social-sharing ul li a.twitter {
                    background: url('../images/btn-social-twitter.jpg') no-repeat 0px 0;
                }

                    .social-sharing ul li a.twitter:hover {
                        background-position: 0 -57px;
                    }

                .social-sharing ul li a.linkedin {
                    background: url('../images/btn-social-linkedin.jpg') no-repeat 0px 0;
                }

                    .social-sharing ul li a.linkedin:hover {
                        background-position: 0 -57px;
                    }

    .social-sharing div.social-sharing-footer {
        display: block;
        float: left;
        color: #333;
        padding: 30px 10px 10px 8px;
    }

.social-right {
    padding-left: 28px !important;
    width: 447px !important;
    background: url('../images/bg-seperator.gif') 15px 0 no-repeat;
}

/* end: social buttons */

#printer-selector-wrapper {
}

.newbuttons-holder {
}

    .newbuttons-holder a {
        margin: 5px;
    }

.newbuttons-holder-right {
}

    .newbuttons-holder-right a {
        float: right;
    }

.twitter-share-button {
    float: left;
    margin-top: 0px;
}

.customAantal {
    display: block;
    position: absolute;
    width: 175px;
    border: 1px solid #ccc;
    background-color: #FFF;
    z-index: 101;
    padding: 5px;
    -moz-box-shadow: 0 0 10px 2px #888;
    -webkit-box-shadow: 0 0 10px 2px #888;
    box-shadow: 0 0 10px 2px #888;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bestel-option-box .customAantal {
    position: absolute;
    top: 10px;
    left: 0px;
}

.customAantal .btnClose {
    float: right;
    background: url("../images/x-button-transp.gif") no-repeat top right;
    display: block;
    width: 19px;
    height: 19px;
    margin: 0 0 7px 7px;
}

.customAantal .knop {
    padding: 0px 3px;
}

.customAantal .textbox {
    width: 130px;
}

label.default {
    cursor: default;
}


.last-selected-printer-wrapper {
    clear: both;
    background-color: #F0F2F4;
    width: 447px;
    padding: 0;
    margin: 0;
    margin-top: 3px;
}

    .last-selected-printer-wrapper .lspw-top {
        height: 6px;
        background: url('../images/bg_lastprinter_top.gif') no-repeat 0 0;
        padding: 0;
        margin: 0;
    }

    .last-selected-printer-wrapper .lspw-main {
        background: url('../images/bg_lastprinter.gif') repeat-y 0 0;
        padding: 0 1px;
    }

    .last-selected-printer-wrapper .lspw-bottom {
        height: 6px;
        background: url('../images/bg_lastprinter_bottom.gif') no-repeat 0 0;
        padding: 0;
        margin: 0;
    }

    .last-selected-printer-wrapper .lspw-main .last-printer-header-wrapper .printer-image-box {
        background: url('../images/ink-pict-box-bg.gif') no-repeat 0 0;
        padding: 6px;
    }

    .last-selected-printer-wrapper .lspw-main .last-printer-header-wrapper {
        height: 96px;
        padding: 0 3px;
    }

        .last-selected-printer-wrapper .lspw-main .last-printer-header-wrapper .right {
            width: 340px;
        }

        .last-selected-printer-wrapper .lspw-main .last-printer-header-wrapper h3 {
            width: 100%;
            font-size: 16px;
            color: #58585A !important;
            font-weight: bold;
            padding: 10px;
        }

            .last-selected-printer-wrapper .lspw-main .last-printer-header-wrapper h3 a {
                color: #58585A;
            }

                .last-selected-printer-wrapper .lspw-main .last-printer-header-wrapper h3 a:hover {
                    text-decoration: none;
                }

    .last-selected-printer-wrapper .lspw-main .item-box {
        height: 40px;
        width: 441px;
        float: none;
        background-color: #fff;
    }

    .last-selected-printer-wrapper .lspw-main .item-grey-box {
        height: 40px;
        width: 441px;
        float: none;
    }

    .last-selected-printer-wrapper .lspw-main .item-box .descr-item-box {
        width: 218px;
    }

    .last-selected-printer-wrapper .lspw-main .item-grey-box .descr-item-box {
        width: 218px;
    }

    .last-selected-printer-wrapper .lspw-main .printer-button-holder {
        width: 360px;
        padding-left: 10px;
    }

    .last-selected-printer-wrapper .link-to-printer {
        font-size: 0.9em;
        color: #0069BE;
        margin: 3px 4px 0 0;
        padding-right: 10px;
        background: url(../images/arrow-questions.gif) no-repeat right 4px;
    }

.printer-list-wrapper {
    clear: both;
}

.last-selected-printer-wrapper .link-holder {
    text-align: right;
    clear: both;
    height: 20px;
    background-color: #fff;
}

div.socialLogin {
    margin-top: 10px;
}

    div.socialLogin hr {
        color: #ccc;
        height: 1px;
        margin: 5px 0 20px 0;
    }

div.socialLogin-explained {
    font-size: 11px;
    padding: 5px 0 10px 0;
}

div.socialLogin ul li {
    float: left;
    height: 35px;
}

    div.socialLogin ul li img {
        margin: 3px;
    }

    div.socialLogin ul li span {
        margin: 7px;
        height: 35px;
    }

.social-login-buttons {
    float: left;
    height: 80px;
}

    .social-login-buttons li {
        float: left;
        display: block;
        width: 110px;
        height: 62px;
        margin-right: 8px;
    }

        .social-login-buttons li a {
            position: relative;
            color: #333;
            text-decoration: none;
            display: block;
            font-size: 9px;
            line-height: 18px;
            padding: 7px 10px 0px 10px;
            width: 90px;
            height: 55px;
            cursor: pointer;
            background: transparent url('../images/bg_socialloginbutton.png') no-repeat 0 0;
        }

            .social-login-buttons li a:hover {
                background-position: 0 -62px;
            }


            .social-login-buttons li a span {
                position: absolute;
                top: 22px;
                left: 1px;
                display: block;
                text-indent: -6000px;
                height: 26px;
                width: 90px;
            }

    .social-login-buttons .slb-google span {
        background: transparent url('../images/bg_socialloginbutton_google.gif') no-repeat 0 0;
    }

    .social-login-buttons .slb-facebook span {
        background: transparent url('../images/bg_socialloginbutton_facebook.gif') no-repeat 0 0;
    }

    .social-login-buttons .slb-twitter span {
        background: transparent url('../images/bg_socialloginbutton_twitter.gif') no-repeat 0 0;
    }

.social-connections {
    width: 600px;
    padding: 0;
    margin: 0;
    border-bottom: 1px #ccc solid;
}

    .social-connections tr {
        padding: 0;
        margin: 0;
    }

        .social-connections tr td {
            padding: 4px;
            margin: 0;
            border-top: 1px #ccc solid;
        }

            .social-connections tr td .not-connected {
                color: #333;
                background-color: #ccc;
                padding: 4px 8px 4px 8px;
                text-shadow: 1px 1px 1px #fff;
                -moz-border-radius: 3px;
                font-variant: small-caps;
            }

            .social-connections tr td .connected {
                color: green;
                background-color: lightgreen;
                padding: 4px 8px 4px 8px;
                text-shadow: 1px 1px 1px #fff;
                -moz-border-radius: 3px;
            }

div.brandtext {
    position: absolute;
    bottom: 10px;
    left: 5px;
    right: auto;
    top: auto;
    font-weight: bold;
}

div.brandtextdetail {
    font-weight: bold;
}

/*.green { color:darkgreen; }
.red { color: rgb(212,9,3);}*/

.bespaar-img-bar {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
    position: absolute;
    top: 30px;
    left: 6px;
    padding: 2px 0px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    white-space: nowrap;
    width: 88px;
    background: #00aeef;
}

    .bespaar-img-bar:hover {
        text-decoration: none;
    }

.ink-picture-box a:hover {
    text-decoration: none;
}

.bespaar-img-bar-large {
    padding: 2px 2px 2px 2px;
    width: 84px;
}

#prepare-order {
    display: none;
    position: absolute;
    right: 0;
    border: solid 2px #01BDFE;
    padding: 4px;
    width: 500px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fff url('../images/wait16.gif') no-repeat right bottom;
}
/*----------- Top Menu Bar Container 1 ------------ */
div.TopMenuBarContainer {
    background-color: #002e42;
    height: 30px;
    width: 100%;
    position: fixed !important;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2012;
    text-align: center;
}

div.TopMenuBar {
    text-align: left;
    margin: 0 auto;
    color: White;
    height: 30px;
    width: 978px;
}

    div.TopMenuBar span {
        font-weight: bold;
        font-size: 13px;
        float: left;
        margin: 6px 0 6px 15px;
        color: #bbb;
        overflow: hidden;
        float: left;
    }

        div.TopMenuBar span em {
            color: White;
        }

        div.TopMenuBar span a {
            color: White;
        }

div.TopMenuBarShifter {
    width: 100%;
    height: 30px;
    top: 0px;
    left: 0px;
}
/*--------- EINDE: Top Menu Bar Container 1 ---------- */

/*----------- Top Menu Bar Container 2 ------------ */
div.TopMenuBarContainerType2 {
    background-color: #002e42;
    width: 100%;
    position: fixed !important;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2012;
    text-align: center;
}

div.TopMenuBarType2 {
    font-weight: normal;
    text-align: left;
    margin: 0 auto;
    color: White;
    width: 942px;
    padding: 5px 60px;
}

    div.TopMenuBarType2 a {
        text-decoration: underline;
        color: White;
    }
/*--------- EINDE: Top Menu Bar Container 2 ---------- */

#text-for-chat {
    display: none;
    float: none;
    margin: 0;
}

#image-for-chat {
    display: none;
}

.garantie-printer-gegarandeerd {
    text-decoration: underline;
    cursor: pointer;
    float: right;
    font-size: 10px;
}

div.algvwstep3 {
    font-size: 10px;
    float: right;
    color: #58585a;
    position: absolute;
    bottom: 13px;
    right: 15px;
    left: auto;
}

    div.algvwstep3 a {
        font-size: 10px;
        color: #58585a;
        text-decoration: underline;
    }



.last-ordered-line {
    width: 440px;
    float: left;
    margin: 0 0 0 5px;
    line-height: 19px;
    font-size: 11px;
    font-weight: bold;
    color: #777;
}

/*
	##################################################
	############ Slidein with site info #############
	################################################
*/

#siteStatsBox {
    width: 355px;
    height: 130px;
    background: url(../images/gradientbg.png) repeat-x left;
    right: 25px;
    bottom: -130px;
    position: fixed;
    border-radius: 4px;
    -webkit-box-shadow: 3px 3px 10px 0px #d5d5d5;
    box-shadow: 3px 3px 10px 0px #d5d5d5;
}

#siteStatsBox_popupContents {
    background: #f0f2f4;
    border-radius: 3px;
    margin: 3px auto;
    width: 349px;
    height: 124px;
}

#countDown {
    float: left;
    width: 135px;
    margin-top: 10px;
}

    #countDown p {
        text-align: center;
        font-family: Tahoma;
        font-size: 16.5px;
        font-weight: bold;
        float: left;
        margin-right: 3px;
    }

        #countDown p.box {
            width: 25px;
            height: 15px;
            padding: 2px 3px 8px 3px;
            border: 1px solid #cccccc;
            border-radius: 2px;
            background: #ffffff;
            -webkit-box-shadow: 1px 1px 5px 0px #d5d5d5;
            box-shadow: 1px 1px 5px 0px #d5d5d5;
        }

#closePopup {
    float: right;
    position: fixed;
}

#siteStatsBox_left {
    float: left;
    width: 45px;
    height: 100px;
    background: url(../images/clockicon.png) no-repeat center 10px;
}

#siteStatsBox_rightTop {
    float: left;
    width: 280px;
    height: 60px;
    font-family: Tahoma;
    font-size: 18px;
    color: #017eab;
    margin-top: 10px;
    padding-left: 5px;
    background: url(../images/postnl.png) no-repeat 235px top;
}

    #siteStatsBox_rightTop b {
        color: #002e42;
    }

#siteStatsBox_rightBottom {
    float: left;
    width: 295px;
    height: 40px;
    font-family: Tahoma, san-serif;
    font-size: 14px;
    color: #002e42;
}

#closePopup div {
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    float: right;
    height: 15px;
    position: fixed;
    width: 15px;
    text-align: center;
    color: #002e42;
    margin: 2px 0;
    line-height: 11px;
}


#divSiteStatsNormal {
    border-top: 1px solid #72E0FB;
    border-left: 1px solid #72E0FB;
    border-right: 1px solid #72E0FB;
    padding-right: 30px;
    overflow: visible;
    background-color: #FFF;
    margin: 10px 0 0 10px;
    box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
    padding: 14px 35px 19px 14px;
    background: transparent url('/Themes/TonershopNL/images/content-bg.gif') repeat-x 0 -80px;
    position: fixed !important;
    position: absolute;
    bottom: -1000px;
    right: 10px;
    z-index: 2012;
    text-align: left;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

#btnCloseSiteStatsNormal {
    width: 20px;
    position: absolute;
    height: 20px;
    background: transparent url("/Themes/TonershopNL/images/tonershop_sprite.png") no-repeat -519px -103px;
    right: 10px;
    top: 7px;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    cursor: pointer;
}

    #btnCloseSiteStatsNormal:hover {
        opacity: 1;
        filter: alpha(opacity = 100);
    }


/*
	##################################################
	################# chat info box #################
	################################################
*/

#divChatBox {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding-right: 30px;
    overflow: visible;
    background-color: #FFF;
    margin: 10px 0 0 10px;
    box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #000;
    font-weight: bold;
    padding: 14px 40px 19px 14px;
    background: #ccc;
    position: fixed !important;
    position: absolute;
    bottom: 0px;
    z-index: 2012;
    text-align: left;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}


/* MSDROPDOWN */
/************** Skin 1 *********************/
.dd {
    /*display:inline-block !important;*/
    text-align: left;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    position: relative;
    float: left;
}

    .dd .ddTitle {
        background: #fff;
        color: #333;
        border: 1px solid #c3c3c3;
        padding: 3px;
        text-indent: 0;
        cursor: default;
        overflow: hidden;
        height: 60px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
    }

        .dd .ddTitle span.arrow {
            background: url(/Themes/TonershopNL/images/dd_arrow.gif) no-repeat 0 0;
            float: right;
            display: inline-block;
            width: 16px;
            height: 60px;
            cursor: pointer;
        }

        .dd .ddTitle span.ddTitleText {
            text-indent: 1px;
            overflow: hidden;
            line-height: 16px;
        }

            .dd .ddTitle span.ddTitleText img {
                text-align: left;
                padding: 0 2px 0 0;
                max-height: 60px;
            }

        .dd .ddTitle img.selected {
            padding: 0 3px 0 0;
            vertical-align: top;
        }

    .dd .ddChild {
        position: absolute;
        border: 1px solid #c3c3c3;
        border-top: none;
        display: none;
        margin: 0;
        width: auto;
        height: 250px;
        overflow: auto;
        overflow-x: hidden !important;
        background-color: #ffffff;
    }

        .dd .ddChild .opta a, .dd .ddChild .opta a:visited {
            padding-left: 10px;
        }

        .dd .ddChild a {
            display: block;
            padding: 2px 0 2px 3px;
            text-decoration: none;
            color: #000;
            overflow: hidden;
            width: 100%;
            white-space: nowrap;
            cursor: pointer;
        }

            .dd .ddChild a:hover {
                background-color: #ddd;
            }

            .dd .ddChild a img {
                border: 0;
                padding: 0 2px 0 0;
                vertical-align: middle;
                max-height: 60px;
            }

            .dd .ddChild a.selected {
                background-color: #dddeee;
            }

.hidden {
    display: none;
}

.dd .borderTop {
    border-top: 1px solid #c3c3c3 !important;
}

.dd .noBorderTop {
    border-top: none 0 !important;
}


.btn-additional-back {
    display: block;
    color: #D40903;
    text-decoration: underline;
}

    .btn-additional-back:hover {
        font-weight: bold;
    }

.yellow-action-banner {
    display: none; /* Word later op block gezet waar nodig */
    position: absolute;
    z-index: 1;
    text-align: right;
    background-color: #FFA500;
    color: black;
    padding: 5px 10px;
    float: right;
    right: 0px;
    top: 0px;
    font-weight: bold;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-radius: 0 0 0 5px;
    border-left: solid 1px #017EAB;
    border-bottom: solid 1px #017EAB;
    text-decoration: underline;
}

    .yellow-action-banner:hover {
        background-color: #FFCD28;
    }

.content-info ul {
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 15px;
}

.content-info ol {
    list-style-type: decimal;
    list-style-position: outside;
}

.content-info ul ul, ol ul {
    list-style-type: circle;
    list-style-position: outside;
    margin-left: 20px;
}

.content-info ol ol, ul ol {
    list-style-type: lower-latin;
    list-style-position: outside;
    margin-left: 20px;
}

.content-info li {
    padding: 4px 0 4px 4px;
}

.content-info p {
    margin: 0 0 8px;
}

.content-info a {
    text-decoration: underline;
}

.list-price {
    line-height: 1;
    display: block;
    text-decoration: line-through;
}

.fa-mr {
    margin-right: 8px;
}

em.contenthome {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    color: #009933;
}

em.contentoem {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    color: #009933
}

ul li em.baar {
    font-style: normal;
}

.food {
    margin-left: 20px;
    margin-bottom: 20px;
}

    .food h2 {
        font-size: 14px;
        width: 100%;
        font-weight: 700;
        margin-bottom: 5px;
        margin-top: 15px;
    }

    .food strong {
        font-weight: 700;
        color: #009de0;
        margin-bottom: 0;
    }

    .food table tr {
        color: #666;
        border-bottom: 1px solid #ccc;
    }

        .food table tr th {
            color: #009de0;
        }

        .food table tr td:nth-child(2) {
            text-align: right !important;
        }

a:hover span.amount-title {
    color: white;
}

.form3 .form-control {
    height: calc(1em + .75rem + 2px);
    padding: 0 0.75rem;
}

.form3 textarea {
    height: 150px;
}

.form-group {
    position: relative;
}

.house-number-refresh > div, .house-number-refresh > input {
    float: left;
    width: 85% !important;
}

a.dummy-click {
    margin-top: 7px;
    margin-left: 10px;
}

/* Order step 2 PostNL wrapper */

.post-nl-wrapper {
    background: #fafafa;
    border: 1px solid #c7c7c7;
    padding: 1rem;
    position: relative;
}

    .post-nl-wrapper label {
        width: auto;
        padding-left: 3px;
    }

    .post-nl-wrapper a.btn-large {
        background: #009de0;
        margin-left: 10px;
        color: #fff;
    }

        .post-nl-wrapper a.btn-large:hover {
            background: #002e42;
        }

    .post-nl-wrapper .postnl-country tbody tr td {
        display: inline-block;
        margin-right: 0.5rem;
    }

.locationwrapper {
    margin-top: 1rem;
}


    .locationwrapper .location {
        padding: 0.2rem 0;
    }

        .locationwrapper .location .radioArea {
            background: url(../images/radio.png) no-repeat left top;
        }

        .locationwrapper .location .radioAreaChecked {
            background: url(../images/radio.png) no-repeat left bottom;
        }

        .locationwrapper .location span.radio-kiala {
            width: auto;
            float: none;
            margin: 0;
            display: inline;
            vertical-align: inherit;
        }

@media all and (max-width: 576px) {
    .locationwrapper .location span.radio-kiala label {
        padding-left: 10px;
        max-width: 71%;
        margin-top: 0;
    }
}

.locationwrapper .location span.locationDistance {
    position: absolute;
    right: 1rem;
}

.locationwrapper .location div.locationInfo {
    color: #6f6f6f;
    font-size: 0.9em;
    margin-left: 19px;
    margin-bottom: 0.7rem;
}

    .locationwrapper .location div.locationInfo .locationAddress .location-description {
        width: 85%;
    }

@media all and (max-width: 768px) {
    .locationwrapper .location div.locationInfo .locationAddress .location-description {
        width: 100%;
    }
}

.locationwrapper .location div.locationInfo .openingHours {
    margin-top: 0.7rem;
    display: flex;
    flex-direction: column;
}

.locationwrapper .location div.locationInfo .openingHours_wrapper {
    display: flex;
    justify-content: space-between;
}

.locationwrapper .location div.locationInfo .openingHours strong {
    width: 100%;
}

.locationwrapper .location div.locationInfo .openingHours strong {
    color: #212121;
}

.fits-in-mailbox {
    display:block;
    padding:15px 0;
}

/* Saving points */
@import "../base/_colors.scss";

#divDiscountPoints {
    max-height: 300px;
    border-bottom: 1px solid #eee;
    overflow-y: auto;
}

.savingpoints {
    width: 100%;
    padding: 1rem;
    border: 1px solid #eee;
}

@media all and (max-width: 576px) {
    .savingpoints-item {
        padding-left: 5px;
    }
}

.savingpoints-item:first-of-type {
    padding-left: 20px;
}

@media all and (max-width: 576px) {
    .savingpoints-item:first-of-type {
        padding-left: 5px;
    }
}

.savingpoints-header-row {
    color: white;
    height: 30px;
    background: #00aeef;
}

@media all and (max-width: 576px) {
    .savingpoints-header-row {
        background: none;
        color: #212121;
    }
}

@media all and (max-width: 576px) {
    .savingpoints-header-row-item {
        padding-left: 5px;
    }
}

.savingpoints-header-row-item:first-of-type {
    padding-left: 20px;
}

@media all and (max-width: 576px) {
    .savingpoints-header-row-item:first-of-type {
        padding-left: 5px;
    }
}

.savingpoints-row {
    height: 35px;
    border-bottom: 1px solid #eee;
}
 

@media all and (max-width:1024px) {
    .myclean {
        display:block !important;
    }
    .mijnorders-left {
        width:100% !important;
    }
    .mijnorders-right {
        margin: 0 !important;
        width:100% !important;
    }
}

@media all and (max-width: 1025px) and (min-width: 576px) {
    a .dummy-click {
        margin-left: 5px;
    }
}

.found-address {
    color: #0069be;
    font-weight: 700;
}

@media all and (max-width: 1023px) {
    label.default {
        display: block !important;
    }
    .alternatif-box, .alternatif-box-grey {
        height:auto !important;
    }
    .main-content-center .ink-sel-leftside2, .main-content-center .ink-sel-rightside2 {
        height: auto !important;
    }
}

.radio-input label {
    margin-left: 5px;
}

.order-step2-form {
    padding: 1rem;
}

.spinner-border {
    position: absolute;
    left: 20px;
    width: 1rem;
    height: 1rem;
    top: 58%;
}

.buy-printer-btn {
    display:flex;
}

#stpContent {
    width:100%;
}

/* Internet Explorer Style */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    ul .nice-dropdown li {
        width: 32%;
    }

    .zoek-tabs-box::before {
        background: none;
    }
}

.specs-color-block {
    width:20px;
    max-width:20px;
    height:10px;
    display:inline-block;
    margin-right:5px;
}

/* overriding the bootstrap button style */
button.adyen-checkout__applepay__button {
    -webkit-appearance: -apple-pay-button;
    appearance: -apple-pay-button;
}

.adyen-checkout__applepay__button {
    width:auto;
}
/* OLD: #005c88 */
.dvhdr1 {
	background:#005c88;
	color:white;
	font-weight:bold;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	border:1px solid #fff;
	border-right:1px solid #005c88;
	padding:5px;
	width:450px;
}
.dvbdy1 {
	background:#FFFFFF;
	font-family:arial;
	font-size:12px;
	border-left:1px solid #005c88;
	border-right:1px solid #005c88;
	border-bottom:1px solid #005c88;
	padding:5px;
	width:450px;
}
.dvhdr2 {
	background:#74B54D;
	color:white;
	font-weight:bold;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	border:1px solid #fff;
	border-right:1px solid #74B54D;
	padding:5px;
	width:450px;
}
.dvbdy2 {
	background:#FFFFFF;
	font-family:arial;
	font-size:12px;
	border-left:1px solid #74B54D;
	border-right:1px solid #74B54D;
	border-bottom:1px solid #74B54D;
	padding:5px;
	width:450px;
}
.action-email-preview-header {
	background:#018CBE;
	color:white;
	font-weight:bold;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	border:1px solid #fff;
	border-right:1px solid #018CBE;
	padding:15px;
	width:470px;
}
.action-email-preview-body {
	background:#FFFFFF;
	font-family:arial;
	font-size:12px;
	border-left:1px solid #018CBE;
	border-right:1px solid #018CBE;
	border-bottom:1px solid #018CBE;
	padding:15px;
	width:470px;
}
a.infopanellink
{
	font-size:x-small; 
	color:White;
	text-decoration:underline;
	font-weight:normal;	
}
/***************************************************************************/
/* Custom Colored Listbox (c) 2009 Gerwin Reuling / Sherpaan BV
/* 
/* Default Stylesheet
/***************************************************************************/
ul.clb { float:left; border:solid 1px; overflow:auto; display:inline; padding:0;
		 margin:0; list-style:none; list-style-type:none; }
ul.clb li,ul.clb li a { float:left; list-style:none; margin:0px; padding:0px; 
                        display:block; text-decoration:none;}
ul.default li a.active	{	background-color:#3399FF;	color:#fff;	}
ul.default li a.inactive	{	background-color:#fff;	color:#3399FF;	}	
/***************************************************************************/


/***************************************************************************/
/* Custom Colored Listbox
/***************************************************************************/

ul.orderhistorybox li a.active { background-color:#01B7F7;	color:#fff;	}
ul.orderhistorybox li a.inactive { background-color:#fff;	color:#000;	}
ul.orderhistorybox li a.notpayd { background-color:#fff;	color:#f00;	}

/* Green Box */
ul.greenbox li a.active	{	background-color:#0f0;	color:#fff;	}
ul.greenbox li a.inactive{	background-color:#fff;	color:#000;	}	
/* Rex Box */
ul.redbox li a.active	{	background-color:#f00;	color:#fff;	}
ul.redbox li a.inactive {	background-color:#fff;	color:#000;	}	
/* Test Box */
ul.orangebox li a.active	{	background-color:#fff;	color:#000;	}
ul.orangebox li a.inactive {	background-color:#f78009;	color:#fff;	}