/* Import reset & grid stylesheet
----------------------------------------------------------------------------------------------------*/
@import url("reset.css");
@import url("forms.css");
@import url("lightbox.css");

/* Html & body reset
----------------------------------------------------------------------------------------------------*/
html {
	text-align: center;
}

html, body {
	height: 100%;
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 10px;
	background: #eee url(../img/achtergronden/bg.gif) repeat-y center top;
	font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
}

@media all and (min-width: 1024px){
    body {
    	background: url(../img/achtergronden/bg.png) repeat-y center top, url(../img/achtergronden/bg-visual.jpg) no-repeat center top, url(../img/achtergronden/bg-overlay.png) repeat-x center top;
        background-color: #00abf0;
    }

    .generator-href-l {
        position: absolute;
        left: -140px;
        top: 0;
        display: block;
        width: 140px;
        height: 240px;
    }

    .generator-href-r {
        position: absolute;
        right: -160px;
        top: 0;
        display: block;
        width: 160px;
        height: 480px;
    }

        .generator-href-l a, .generator-href-r a {
            display: block;
            width: 100%;
            height: 100%;
        }
}

/* Headings
----------------------------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
    color: #44d5ff;
    font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    font-weight: bold;
}

/* Container
----------------------------------------------------------------------------------------------------*/
.container {
    text-align: left;
    width: 950px;
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -72px;
	padding: 0 5px;
	position: relative;
	zoom: 1;
}

a, a:hover {
    color: #0d77bd;
}

/* Header
----------------------------------------------------------------------------------------------------*/
.header {
    width: 100%;
    height: 78px;
}

    .header h1 {
        float: left;
        width: 470px;
    	margin: 0;
    	padding: 0 10px 0 0;
    	font-size: 10px;
    	line-height: 10px;
    }

        .header h1 a {
        	width: 284px;
        	height: 78px;
        	display: block;
        	text-decoration: none;
        	background: url(../img/algemeen/logo.png) no-repeat;
        }

        .header h1 a span {
        	visibility: hidden;
        }

    .header div.search {
        float: right;
        width: 470px;
        padding: 10px 0;
    }

        .header .search input {
            float: right;
        }

        .header .search input.search, .main input.search {
            color: #666666;
            width: 156px;
            height: 16px;
            line-height: 16px;
            font-size: 11px;
            padding-left: 4px;
        }

    .header .login {
        float: right;
        width: 236px;
        padding-left: 234px;
        text-align: left;
    }

        .header .login input.login {
            color: #666666;
            width: 75px;
            height: 16px;
            line-height: 16px;
            font-size: 11px;
            padding-left: 4px;
        }

        .header .login input {
            float: right;
        }

        .header .login .account {
            font-size: 10px;
            line-height: 14px;
        }

            .header .login .account span {
                font-weight: bold;
                font-size: 11px;
            }

.topnav {
    width: 100%;
    height: 20px;
    line-height: 20px;
    background-color: #00adee;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

    .topnav .nav {
        float: left;
        width: 470px;
    	margin: 0;
    	padding: 0 10px 0 0;
    }

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

            .topnav .nav ul li {
            	float: left;
            	margin: 0;
            	padding: 0 10px;
            }

            .topnav a, .topnav a:hover {
                display: block;
                color: #fff;
                text-decoration: none;
            }

    .topnav .cartlink {
        float: right;
        width: 470px;
        text-align: right;
        position: relative;
    }

/* Content
----------------------------------------------------------------------------------------------------*/
.content-container {
    position: relative;
}

    .content {
        float: left;
        width: 630px;
        margin: 0 0 0 160px;
        display: inline;
    }

        .content .col {
            float: left;
            width: 150px;
            padding: 0 10px 0 0;
        }

        .content .col-2 {
            float: left;
            width: 310px;
            padding: 0 10px 0 0;
        }

            .content .last, .content .col.last, .content .col-2.last {
                padding-right: 0;
            }

        .crumpath {
            float: left;
            width: 100%;
            height: 24px;
            line-height: 22px;
            text-indent: 6px;
            color: #888;
            border-bottom: 1px solid #b2b2b2;
        }

            .crumpath a {
                color: #888;
                text-decoration: none;
            }

            .crumpath a:hover {
                color: #444;
                text-decoration: none;
            }

    .main {
        float: left;
        width: 100%;
        font-size: 11px;
        padding: 0 0 20px;
    }

        .main h2 {
            font-size: 11px;
            line-height: 22px;
            font-weight: bold;
            text-transform: uppercase;
            color: #fff;
            background-color: #0098DB;
            padding: 0 0 0 6px;
            margin: 0 0 6px 0;
            clear: both;
        }

            .main h2 a, .main h2 a:hover {
                color: #fff;
            }

            .main h2 img {
                margin-left: -6px;
                clear: both;
            }

            .main h2.nomargin {
                margin: 0;
            }

    .main p {
        margin: 0 0 1em;
        padding: 0 0 0 4px;
    }

        .main .row {
            width: 100%;
            height: 168px;
            margin-top: 10px;
            padding-bottom: 0px;
            border-bottom: 1px solid #b2b2b2;
            text-align: center;
        }

            .main .row.first {
                margin-top: 5px;
            }

            .main .row .col {
                padding-top: 5px;
            }

            .main .row h3, .main .row p.subtitle {
                margin: 5px 0 2px 0;
                font-size: 14px;
                line-height: 14px;
                font-weight: bold;
                color: #44d5ff;
            }

                .main .row a, .main .row a:hover {
                    color: #000;
                    text-decoration: none;
                }

                .main .row h3 a, .main .row h3 a:hover, .main .row p.subtitle a, .main .row p.subtitle a:hover {
                    color: #0098DB;
                }

                .main .row a.continue {
                    font-weight: bold;
                    padding-right: 14px;
                    background: url(../img/icons/arrow-right-black.png) no-repeat right center;
                }

        .main .subcontent {
            float: left;
            width: 100%;
            padding: 10px 0 0;
        }

    .main .search-inline input  {
        vertical-align: middle;
    }

/* Homepage (featured content)
----------------------------------------------------------------------------------------------------*/
.featured {
    float: left;
    width: 100%;
    border-bottom: 1px solid #aaa;
}

    .featured, .featured table {
        font-size: 13px;
        font-family: 'trebuchet ms',verdana,sans-serif;
    }

    .featured a {
        text-decoration: none;
    }

    .featured .mainitem {
        width: 100%;
        height: 305px;
        overflow: hidden;
    }

        .featured .mainitem p, .featured .mainitem p img {
            margin: 0;
            padding: 0;
        }

        .featured .slidenav {
            position: absolute;
            top: 280px;
            left: 0;
            width: 630px;
            z-index: 100;
        }

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

                .featured .slidenav ul li {
                    float: left;
                    width: 157px;
                    height: 25px;
                }

                    .featured li a.slidenav-btn {
                        display: block;
                        text-align: center;
                        line-height: 25px;
                        border-right: 1px solid #aaa;
                        border-top: 1px solid #aaa;
                        color: #555;
                        text-decoration: none;
                        white-space: nowrap;
                        background-color: #ddd;
                        font-weight: bold;
                    }

                    .featured .slidenav ul li.first {
                        width: 159px;
                    }

                        .featured li.first a.slidenav-btn {
                            border-left: 0;
                        }

                        .featured li.last a.slidenav-btn {
                            border-right: 0;
                        }

                        .featured li:hover a {
                            background-color: #fff;
                        }

                .featured li.activeSlide a.slidenav-btn {
                    background: none;
                    border-top: 1px solid transparent;
                    color: #000;
                }

    .featured .col-2 {
        height: 168px;
        margin-top: 10px;
    }

    .carousel {
        width: 630px;
        height: 160px;
        position: relative;
    }

        .carousel .carousel-wrapper {
            width: 600px;
            overflow: auto;
            height: 160px;
            margin: 0 15px;
            position: absolute;
            top: 0;
        }

            .carousel .carousel-wrapper ul {
                width: 9999px;
                list-style: none;
                margin: 0;
                padding: 0;
                position: absolute;
                top: 0;
            }

                .carousel ul li {
                    display: block;
                    float: left;
                    padding: 5px 0;
                    width: 150px;
                    height: 150px;
                    text-align: center;
                    position: relative;
                }

                    .carousel ul li a img {

                    }

                    .carousel ul li .hover-info {
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        display: none;
                        background: rgb(255, 255, 255);
                        background: rgba(255, 255, 255, 0.85);
                    }

                        .carousel ul li:hover .hover-info {
                            display: block;
                        }

                            .carousel ul li .hover-info p.subtitle a {
                                padding: 20px 10px 10px;
                                display: block;
                                font-weight: bold;
                                color: #111;
                            }

                            .carousel ul li .hover-info a.next {
                                display: inline-block;
                                line-height: 20px;
                                padding: 0 13px;
                            }

                                .carousel ul li .hover-info a.next:hover {
                                    background: #fff url(../img/icons/arrow-right-black.png) no-repeat right center;
                                }

                .carousel .arrow {
                    display: block;
                    height: 160px;
                    width: 20px;
                    position: absolute;
                    text-align: center;
                    top: 0;
                    cursor: pointer;
                    background-color: #ddd;
                    font-size: 26px;
                    line-height: 160px;
                    color: #aaa;
                }

                    a.arrow:hover {
                        color: #fff;
                    }

                    .carousel .forward {
                        right: 0;
                    }

                    .carousel .back {
                        left: 0;
                    }

    .featured .col {
        margin-top: 10px;
        padding-bottom: 0px;
        min-height: 168px;
        height: auto !important;
        height: 168px;
    }

        .featured .relative {
            position: relative;
        }

    .featured h2 {
        color: #000;
        font-size: 24px;
        font-weight: bold;
        line-height: 30px;
        margin: 0;
        text-transform: none;
        background: none;
    }

    .featured h3, .main span.h2, .featured h3 a, .featured h3 a:hover, .featured p.subtitle {
        color: #0098DB;
        font-size: 14px;
        font-weight: bold;
        line-height: 18px;
        margin: 0;
        padding: 0;
    }

    .featured h4, .featured h4 a, .featured h4 a:hover {
        color: #111;
        font-size: 14px;
        font-weight: bold;
        line-height: 18px;
        margin: 0;
    }

    .featured p {
        margin: 4px 0;
    }

        .featured p.featured-price {
            position: absolute;
            left: 0;
            bottom: 20px;
            padding: 0;
        }

            .featured p.featured-price a {
                color: #111;
            }

            .featured p.featured-price .from-price {
                display: block;
                font-size: 10px;
            }

            .featured p.featured-price .old-price {
                color: #ff0000;
            }

    .featured .prijs-groot, .featured .prijs-groot a, .featured .prijs-groot a:hover, .featured p.featured-price .current-price {
        color: #0098DB;
        font-size: 24px;
        font-weight: bold;
        line-height: 30px;
        text-decoration: none;
    }

    .featured .kleine-tekst, .featured .kleine-tekst a, .featured .kleine-tekst a:hover {
        color: #000;
        font-size: 9px;
        line-height: 14px;
        text-decoration: none;
        margin: 4px 0;
    }

    .featured .kleine-tekst-cyaan, .featured .kleine-tekst-cyaan a, .featured .kleine-tekst-cyaan a:hover {
        color: #0098DB;
        font-size: 11px;
        line-height: 14px;
        text-decoration: none;
        margin: 4px 0;
    }

/* Product details
----------------------------------------------------------------------------------------------------*/
.productdetails {
    width: 630px;
	min-height: 455px;
    height: auto !important;
    height: 455px;
    background: #fff url(../img/achtergronden/bg-productdetails.gif) no-repeat center top;
    position: relative;
}

    .productdetails .productimage {
        float: left;
        width: 300px;
        min-height: 200px;
        height: auto !important;
        height: 200px;
        padding: 0 10px 10px 0;
        position: relative;
    }

        .productdetails .productimage .large {
            position: absolute;
            left: 0px;
            bottom: 0px;
            width: 186px;
            padding-top: 20px;
            text-align: center;
        }

        .productdetails .productimage .thumbs {
            position: absolute;
            right: 0px;
            bottom: 0px;
            text-align: right;
            width: 120px;
            min-height: 125px;
            height: auto !important;
            height: 125px;
            padding: 0 0 0 3px;
            background: url(../img/achtergronden/bg-thumbs.gif) no-repeat left bottom;
        }

            .productdetails .productimage .thumbs .zoom {
                position: absolute;
                bottom: -20px;
                left: -13px;
                z-index: 10;
            }

            .productdetails .productimage .thumbs .thumb1 {
                position: absolute;
                bottom: 0px;
                left: 3px;
            }

            .productdetails .productimage .thumbs .thumb2 {
                position: absolute;
                bottom: 0px;
                right: 0px;
            }

        .productdetails .generator-info {
            position: absolute;
            top: 0;
            left: 0;
            width: 310px;
        }

            .productdetails .generator-info h3 {
                color: #0096dd;
                font-size: 12px;
                padding: 0 0 0 6px;
                background: none;
            }

            .productdetails .generator-info img {
                float: right;
                margin-top: -12px;
            }

    .productdetails .productorder {
        float: right;
        width: 300px;
        min-height: 140px;
        height: auto !important;
        height: 140px;
        padding: 0 0 70px 10px;
        position: relative;
    }

        .productdetails .options {
            position: absolute;
            left: 10px;
            bottom: 76px;
            width: 300px;
        }

            .productdetails .options input {
            	margin: 1px 0 0;
            	line-height: 10px;
            	font-size: 11px;
            }

                .productdetails .options input.small {
                    width: 50px;
                }

                .productdetails .options input.medium {
                    width: 100px;
                }

                .productdetails .options input.large {
                    width: 200px;
                }

            .productdetails .option-radio {
            	float: left;
            	margin-left: 0px;
            }

            .productdetails .options .option {
                clear: both;
            }

            .productdetails .options span {
            	display: block;
            	text-transform: uppercase;
            	color: #0098DB;
            	font-weight: bold;
            }

            .productdetails .options .icon {
            	float: left;
            	padding-right: 6px;
                cursor: help;
            }

        .productorder .action {
            position: absolute;
            left: 10px;
            bottom: 0;
            width: 300px;
        }

            .productorder .action .quantity {
                float: left;
                width: 50px;
                height: 36px;
            }

                .productdetails .action .quantity span {
                    display: block;
                	text-transform: uppercase;
                	color: #0098DB;
                	font-weight: bold;
                }

                .productdetails .action .quantity input.normal {
                    float: left;
                    width: 42px;
                    height: 16px;
                    line-height: 16px;
                    text-align: center;
                }

            .productorder .action .price {
                position: absolute;
                left: 60px;
                bottom: 20px;
                width: 120px;
            }

                .productorder .action .price span {
                    float: left;
                    font-size: 20px;
                    line-height: 22px;
                    font-weight: bold;
                    color: #0098DB;
                    padding-right: 3px;
                }

                .productorder .action .price-from {
                    position: absolute;
                    left: 60px;
                    bottom: 40px;
                    line-height: 20px;
                    font-size: 10px;
                    color: #787878;
                }

                    .productorder .action .price-from span {
                        font-size: 11px;
                        text-decoration: line-through;
                        color: #e23f46;
                    }

            .productorder .action .productadd {
                position: absolute;
                bottom: 20px;
                right: 0;
                width: 102px;
                height: 21px;
            }

            .productorder .action .pricemsg {
                float: left;
                width: 238px;
                padding-left: 62px;
                height: 22px;
                line-height: 22px;
                color: #787878;
            }

                .productorder .action .pricemsg p {
                    padding: 0;
                }

            .productorder .action .noprice {
                float: left;
                width: 260px;
            }

    .productdetails .productdetails-addcart {
        position: absolute;
        top: 0;
        right: 0;
        width: 310px;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        z-index: 50;
        display: none;
    	background: #fff;
    }

        .product-addconfirm {
            width: 308px;
            background-color: #EFFFBF;
    		border: 1px solid #B8EF0E;
        }

            .product-addconfirm h2, .product-addconfirm p.busy {
                margin-top: 12px;
                line-height: 24px;
                background-color: #bbf11c;
                color: #010101;
                text-transform: none;
            }

                .product-addconfirm h2.first {
                    margin-top: 0;
                }

                .product-addconfirm p.busy {
                    margin: 0;
                    padding: 0 6px;
                    font-weight: bold;
                }

                .product-addconfirm h2.arrow {
                    background: #bbf11c url(../img/achtergronden/bg-minicart-a-order.gif) no-repeat center right;
                }

            .product-addconfirm p, .product-addconfirm table {
                margin: 4px 6px 12px;
                padding: 0;
            }

            .product-addconfirm-suggest h2 {
                font-size: 20px;
                height: 30px;
                padding: 20px 0 30px;
            }

                .product-addconfirm-suggest h2 span {
                    display: block;
                    font-size: 11px;
                    line-height: 20px;
                }

                .product-addconfirm-suggest h2 a, .product-addconfirm-suggest h2 a:hover {
                    display: block;
                    padding-left: 56px;
                    background: #bbf11c url(../img/icons/icon-info-big.png) no-repeat 10px center;
                    color: #010101;
                    text-decoration: none;
                }

            .product-addconfirm-nav {
                padding: 4px 6px 12px;
            }

                .product-addconfirm-nav a {
                    float: left;
                }

                .product-addconfirm-nav a.right {
                    float: right;
                }

    .productdetails .productinformation {
        float: left;
        width: 630px;
        padding: 0 0 30px;
    }

        .productdetails .productinformation p {
            padding: 0 0 0 10px;
        }

        .productdetails .productinformation h3 {
            position: relative;
            padding: 3px 10px;
            margin: 0 0 20px;
            background-color: #cacaca;
            font-size: 11px;
            line-height: 15px;
            color: #444;
        }

        .productdetails .productinformation h4 {
            margin: 0;
            padding: 5px 10px 0;
            font-size: 11px;
            line-height: 16px;
            font-weight: normal;
            color: #4c4c4c;
        }

            .productdetails .productdescription h4 {
                font-weight: bold;
            }

            .productdetails .productinformation h4 span {
                color: #8c8c8c;
            }

            .productdetails .productinformation h4 a {
                color: #4c4c4c;
                text-decoration: none;
            }

                .productdetails .productinformation h4 a:hover, .productdetails .productinformation h4 a:hover span {
                    color: #111;
                }

        .productdetails .productdescription {
            float: left;
            width: 310px;
        }

        .productdetails .productrelated {
            float: right;
            width: 310px;
        }

            .productdetails .productrelated h4.logistic a,
            .productdetails .productrelated h4.montage a,
            .productdetails .productrelated h4.related a,
            .productdetails .productrelated h4.question a {
                display: block;
                height: 37px;
                margin: 0 0 10px;
                padding: 0 5px 0 46px;
                background-position: 0 top;
                background-repeat: no-repeat;
            }

                .productdetails .productrelated h4.logistic a span.hover,
                .productdetails .productrelated h4.montage a span.hover,
                .productdetails .productrelated h4.related a span.hover,
                .productdetails .productrelated h4.question a span.hover {
                    display: none;
                    float: right;
                }

                .productdetails .productrelated h4.logistic a:hover,
                .productdetails .productrelated h4.montage a:hover,
                .productdetails .productrelated h4.related a:hover,
                .productdetails .productrelated h4.question a:hover {
                    background-color: #ececec;
                }

                    .productdetails .productrelated h4.logistic a:hover span,
                    .productdetails .productrelated h4.montage a:hover span,
                    .productdetails .productrelated h4.related a:hover span,
                    .productdetails .productrelated h4.question a:hover span {
                        display: block;
                        color: #0098DB;
                    }

            .productdetails .productrelated h4.logistic a {
                background-image: url(../img/icons/icon-logistic.gif);
            }

            .productdetails .productrelated h4.montage a {
                background-image: url(../img/icons/icon-montage.gif);
            }

            .productdetails .productrelated h4.related a {
                background-image: url(../img/icons/icon-related.gif);
            }

            .productdetails .productrelated h4.question a {
                background-image: url(../img/icons/icon-question.gif);
            }

            .productdetails .productrelated .hide {
                padding: 0 10px 20px 56px;
            }

                .productdetails .productrelated .hide p {
                    padding: 0
                }

                .productdetails .productrelated .hide p + ul {
                    margin-top: -12px;
                }

.product-suggest {
    margin: 0 0 20px;
}

    .product-suggest h2.green-big {
        font-size: 14px;
        background-color: #BBF11C;
        color: #010101;
        line-height: 24px;
        margin-top: 12px;
        text-transform: none;
    }

    .product-suggest h3 {
        font-size: 14px;
        margin: 4px 0;
        color: #0098DB;
    }

        .product-suggest #suggest_type_pre_1 h3 {
            color: #010101;
            line-height: 22px;
            padding: 0 0 0 6px;
        }

    .product-suggest table.suggest-type {
        color: #0098DB;
    }

        .product-suggest table.suggest-type h3 {
            color: #0098DB;
            margin: 0 0 2px;
            font-size: 1em;
            line-height: 2em;
        }

        .product-suggest table.suggest-type td {
            border: 1px solid #fff;
            padding: 0 0 4px;
        }

            .product-suggest table.suggest-type td img {
                margin: 0 0 4px;
            }

            .product-suggest table.suggest-type td.hover {
                 border: 1px solid #555;
            }

            .product-suggest table.suggest-type td.active {
                border: 1px solid #0098DB;
            }

                .product-suggest table.suggest-type td.hover h3 {
                    background-color: #555;
                    color: #fff;
                }

                .product-suggest table.suggest-type td.active h3 {
                    background-color: #0098DB;
                    color: #fff;
                }

                .product-suggest table.suggest-type input {
                    border: 0;
                }

.product-summary {
    padding: 4px 0;
    border-bottom: 1px solid #0098DB;
}

    .product-summary .product-summary-image {
        float: left;
        width: 120px;
        text-align: center;
    }

    .product-summary .product-summary-details {
        float: left;
        width: 388px;
    }

        .product-summary-details h3 {
            font-size: 14px;
            margin: 0 0 4px;
            padding: 0 0 0 4px;
            color: #0098DB;
        }

        .product-summary-details p {
            margin: 0;
        }

        .product-summary-details table {
            padding: 0 0 0 4px;
        }

    .product-summary .product-summary-order {
        float: left;
        width: 122px;
        text-align: right;
    }

        .product-summary .product-summary-order span.price {
            display: block;
            color: #0098DB;
            font-size: 20px;
            font-weight: bold;
            margin: 0 0 6px;
            padding-right: 3px;
        }

        .product-summary .product-summary-order input.number {
            width: 24px;
            height: 16px;
            line-height: 16px;
            padding-left: 4px;
            margin: 0 0 2px;
        }

        .product-summary .product-summary-status {
            float: left;
            text-align: right;
            margin: 6px 0 0;
            padding: 4px;
            width: 620px;
            background-color: #EFFFBF;
            border: 1px solid #B8EF0E;
        }


    table.generator-index th {
        line-height: 24px;
    }

        table.generator-index tr.margin td, table.generator-index td.margin {
            padding-bottom: 12px;
        }

        table.generator-index ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            table.generator-index ul li {
                float: left;
                padding-right: 10px;
            }

        table.generator-index .hovertext {
            width: 100%;
            margin-top: 2px;
            height: 22px;
            line-height: 22px;
            border: 1px solid #fff;
            font-weight: bold;
        }

        table.generator-index .attention {
            background: #EFFFBF url(../img/icons/arrow-right-black.png) no-repeat 2px center;
            border: 1px solid #BBF11C;
            text-indent: 18px;
        }

.hide {
    display: none;
}

/* Footer
----------------------------------------------------------------------------------------------------*/
.push {
    height: 72px;
}

.footer {
    width: 630px;
    margin: 0 auto;
}

    .footer .logos {
        float: left;
        width: 100%;
        border-bottom: 8px solid #afafaf;
        text-align: center;
    }

        .footer .col {
            float: left;
            width: 150px;
            padding: 0 10px 0 0;
        }

            .footer .last, .footer .col.last {
                padding: 0;
            }

    .sitemap {
        float: left;
        width: 100%;
        padding: 0 0 10px;
        background-color: #afafaf;
    }

        .sitemap ul {
            margin: 15px 0 0 10px;
            list-style: none;
            text-align: left;
        }

            .sitemap ul li a, .sitemap ul li a:hover {
                color: #333;
                font-weight: bold;
                text-decoration: none;
                text-transform: uppercase;
            }

        .sitemap ul ul {
            margin: 0;
        }

            .sitemap ul ul li a, .sitemap ul ul li a:hover {
                color: #fff;
                font-weight: bold;
                text-decoration: none;
                text-transform: none;
            }

/* Sidebars
----------------------------------------------------------------------------------------------------*/
.shopnav {
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    z-index: 10;
}

    .shopnav ul {
        margin: 0;
        list-style: none;
    }

        .shopnav ul li a, .shopnav ul li a:hover {
            background: url(../img/achtergronden/bg-li-left.png) no-repeat 0px 0px;
            color: #272727;
            font-weight: bold;
            text-decoration: none;
            text-transform: uppercase;
            line-height: 23px;
            height: 23px;
            display: block;
            padding-left: 10px;
        }

        .shopnav ul li a:hover {
            color: #272727;
            text-decoration: none;
        }

        .shopnav ul li.first a {
            height: 24px;
            line-height: 24px;
            background: none;
        }

        .shopnav ul li.last a {
            height: 32px;
            background: url(../img/achtergronden/bg-li-left.png) no-repeat 0px 23px;
        }

        .shopnav ul li a:hover {
            background-color: #ECECEC;
        }

        .shopnav ul li a.active {
            background-color: #00ADEE;
            background-image: none;
            color: #fff;
        }

    .shopnav ul ul {
        margin: 0;
    }

        .shopnav ul ul li a, .shopnav ul ul li a:hover {
            color: #3c4e8a;
            font-weight: bold;
            text-decoration: none;
            text-transform: none;
            background: none;
        }

        .shopnav ul ul li.first a {
            padding-top: 5px;
            background: url(../img/achtergronden/bg-li-left.png) no-repeat 0px 0px;
        }

        .shopnav ul ul li.last a {
            height: 25px;
            background: none;
        }

        .shopnav ul ul li a:hover, .shopnav ul ul li a.active:hover {
            background-color: #ccc;
            color: #3c4e8a;
        }

        .shopnav ul ul li a.active {
            background-color: #ddd;
            color: #3c4e8a;
        }

.sidebar {
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    z-index: 10;
}

    .sidebar table.mini-cart {
        width: 100%;
        margin-top: 24px;
        margin-bottom: 0px;
        border-bottom: 1px solid #B8EF0E;
    }

        .sidebar table.mini-cart tr.action th {
            padding-left: 6px;
            padding-right: 4px;
            text-align: left;
            font-size: 14px;
            line-height: 24px;
            font-weight: normal;
            background-color: #bbf11c;
        }

            .sidebar table.mini-cart tr.action th a, .sidebar table.mini-cart tr.action th a:hover {
                display: block;
                color: #010101;
                text-decoration: none;
            }

            .sidebar table.mini-cart tr.action th a.order {
                padding: 2px 0 0;
                background: url(../img/achtergronden/bg-minicart-a-order.gif) no-repeat center right;
            }

        .sidebar table.mini-cart td, .sidebar table.mini-cart th {
            background-color: #EFFFBF;
        }

        .sidebar table.mini-cart td {
            padding: 2px 4px 2px 0;
            text-align: right;
            color: #666;
        }

            .sidebar table.mini-cart td a, .sidebar table.mini-cart td a:hover {
                color: #666;
                text-decoration: none;
            }

            .sidebar table.mini-cart td.last, .sidebar table.mini-cart th.last {
                padding-right: 5px;
            }

            .sidebar table.mini-cart td.name {
                text-align: left;
            }

        .sidebar table.mini-cart th {
            text-align: right;
        }

            .sidebar table.mini-cart th a, .sidebar table.mini-cart th a:hover {
                color: #000;
                text-decoration: none;
            }

    .sidebar .mini-chart-heightfix {
        height: 16px;
    }

    .sidebar .mini-orderinfo, .sidebar .vatlink {
        text-align: right;
        line-height: 16px;
        margin: 0;
        padding: 6px 4px 4px 5px;
    }

        .sidebar .mini-orderinfo span {
            float: left;
            color: #666;
        }

    .sidebar .vatlink {
        text-align: left;
        font-weight: bold;
        padding-bottom: 20px;
        margin: 2px -5px 0;
    }

        .sidebar .vatlink a, .sidebar .vatlink a:hover {
            display: block;
            padding: 3px 0 4px 18px;
            background: #ddd url(../img/icons/arrow-right.png) no-repeat 4px center;
            color: #3c4e8a;
            text-decoration: none;
            white-space: nowrap;
        }

        .sidebar .vatlink a:hover {
            text-decoration: none;
            background-image: url(../img/icons/arrow-right-black.png);
        }

    .sidebar .checkoutlink {
        text-align: right;
        margin: 0;
    }

    .sidebar .productshare {
        width: 145px;
        margin: 0 0 10px 5px;
        padding: 5px 0;
        font-size: 11px;
        color: #444;
        border-top: 1px solid #7b7b7b;
        border-bottom: 5px solid #7b7b7b;
        text-align: right;
    }

        .sidebar .productshare p, .sidebar .productshare img {
            margin: 0;
            float: none;
        }

    .sidebar .side-buttons {
        padding: 0 0 10px;
    }

    .sidebar .side-button {
        width: 145px;
        min-height: 50px;
        height: auto !important;
        height: 50px;
        margin: 0 0 10px 5px;
        border-bottom: 5px solid #7b7b7b;
    }

        .side-button a, .side-button a:hover {
            text-decoration: none;
        }

        .side-button .side-button-image, .side-button .side-button-image-hover {
            float: left;
            width: 50px;
            padding: 0 10px 5px 0;
        }

            .side-button .side-button-image-hover {
                display: none;
            }

        .sidebar .side-button:hover {
            border-bottom: 5px solid #00ADEF;
        }

            .side-button:hover .side-button-image-hover {
                display: block;
            }

            .side-button:hover .side-button-image {
                display: none;
            }

        .side-button .side-button-title {
            float: left;
            width: 85px;
            height: 100%;
            font-size: 14px;
            line-height: 18px;
        }

            .side-button .side-button-title a {
                display: block;
                padding: 5px 0;
                color: #7b7b7b;
            }

            .side-button:hover .side-button-title a, .side-button .side-button-title a:hover {
                color: #00ADF4;
            }

    .sidebar .special {
        padding: 0px 5px 10px 5px;
        width: 140px;
        overflow: hidden;
        border-bottom: 1px solid #b2b2b2;
    }

        .sidebar .special.productquestion {
            padding-bottom: 32px;
            border-bottom: none;
        }

        .sidebar .special, .sidebar .special table {
            font-size: 13px;
            font-family: 'trebuchet ms',verdana,sans-serif;
        }

        .sidebar .special a {
            text-decoration: none;
        }

        .sidebar .special h2 {
            color: #000;
            font-size: 24px;
            font-weight: bold;
            line-height: 30px;
            margin: 0;
            text-transform: none;
            background: none;
        }

        .sidebar .special h3 {
            color: #0098DB;
            font-size: 14px;
            font-weight: bold;
            line-height: 18px;
            margin: 0;
        }

        .sidebar .special p {
            margin: 4px 0;
        }

        .sidebar .special .prijs-groot, .sidebar .special .prijs-groot a, .sidebar .special .prijs-groot a:hover {
            color: #0098DB;
            font-size: 24px;
            font-weight: bold;
            line-height: 30px;
            text-decoration: none;
        }

        .sidebar .special .kleine-tekst, .sidebar .special .kleine-tekst a, .sidebar .special .kleine-tekst a:hover {
            color: #000;
            font-size: 9px;
            line-height: 14px;
            text-decoration: none;
            margin: 4px 0;
        }

        .sidebar .special .kleine-tekst-cyaan, .sidebar .special .kleine-tekst-cyaan a, .sidebar .special .kleine-tekst-cyaan a:hover {
            color: #0098DB;
            font-size: 11px;
            line-height: 14px;
            text-decoration: none;
            margin: 4px 0;
        }

    .sidebar ul {
        margin: 0;
        list-style: none;
        text-align: right;
        padding-bottom: 2px;
        background: url(../img/achtergronden/bg-li-right.png) no-repeat center bottom;
    }

        .sidebar ul li a, .sidebar ul li a:hover {
            background: url(../img/achtergronden/bg-li-right.png) no-repeat 0px 0px;
            color: #272727;
            font-weight: bold;
            text-decoration: none;
            line-height: 23px;
            height: 23px;
            display: block;
            padding-right: 5px;
        }

        .sidebar ul li a:hover {
            color: #272727;
            text-decoration: none;
        }

        .sidebar ul li a.active {
            background-color: #89e3fd;
            background-image: none;
            color: #fff;
        }

        .sidebar ul li.first a {
            height: 24px;
            line-height: 24px;
            background: none;
        }

        .sidebar ul li.last a {
            height: 32px;
        }

        .sidebar ul li a:hover {
            background-color: #ECECEC;
        }

/* Cart, order and customer pages
----------------------------------------------------------------------------------------------------*/
.navcart {
    margin: 0;
    padding: 0 0 20px 0;
}

.navcart ul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .navcart ul li {
        float: left;
        width: 157px;
        border-right: 1px solid #ffffff;
        text-transform: uppercase;
    }

        .navcart ul li.last {
            border-right: none;
            width: 156px;
        }

            .navcart ul li a {
                padding-left: 8px;
                display: block;
                height: 22px;
                line-height: 22px;
                background-color: #89E3FD;
                font-size: 11px;
                font-weight: bold;
                color: #0098DB;
                color: #000;
                text-decoration: none;
            }

            .navcart ul li a.active, .navcart ul li a:hover {
                color: #ffffff;
                background-color: #0098DB;
            }

            .login input.login {
                color: #666666;
                width: 76px;
                height: 16px;
                line-height: 16px;
                font-size: 11px;
            }

table.cart {
    width: 100%;
    font-size: 11px;
    border-bottom: 2px solid #0098DB;
    margin: 6px 0px;
}

    table.cart th.first, table.cart td.first {
        padding-left: 8px;
    }

    table.cart th.right, table.cart td.right {
        text-align: right;
        padding-right: 20px;
    }

    table.cart th {
        font-size: 11px;
        font-weight: bold;
        line-height: 22px;
        height: 22px;
    }

        table.cart tr.head th {
            color: #000;
            background-color: #89E3FD;
        }

    table.cart td {
        border-top: 1px solid #0098DB;
        padding: 4px 0px 4px 4px;
        vertical-align: middle;
    }

        table.cart td.quant {
            width: 24px;
            padding-left: 6px;
        }

            table.cart td.quant input {
                font-size: 11px;
                width: 24px;
                height: 16px;
            }

        table.cart td.updown {
            width: 14px;
            padding-left: 0;
        }

            table.cart td.updown img {
                float: left;
                padding-top: 1px;
            }

        table.cart td.spacer {
            width: 10px;
        }

        table.cart td.artnr {
            width: 74px;
            font-size: 10px;
        }

        table.cart td.img {
            width: 52px;
        }

        table.cart td.descr {
            padding-bottom: 6px;
        }

            table.cart td.descr a {
                font-weight: bold;
            }

        table.cart td.price {
            width: 64px;
        }

        table.cart td.total {
            width: 64px;
        }

        table.cart td.type {
            width: 8px;
            color: #CC0000;
            font-weight: bold;
            padding-right: 4px;
        }

        table.cart td.action {
            width: 100px;
            padding-right: 0;
            font-size: 11px;
            line-height: 16px;
            white-space: nowrap;
        }

            table.cart td.action a {
                color: #777;
                text-decoration: none;
            }

                table.cart td.action a:hover {
                    color: #0D77BD;
                    text-decoration: none;
                }

                table.cart td.action a span.delete {
                    float: left;
                    display: inline-block;
                    width: 14px;
                    color: #FF0000;
                    font-weight: bold;
                    font-size: 11px;
                }

                table.cart td.action a span.info {
                    float: left;
                    display: inline-block;
                    width: 14px;
                    height: 16px;
                    background: url(../img/icons/arrow-right-green.png) no-repeat left 3px;
                }

        table.cart td.delete {
            width: 18px;
            padding-right: 4px;
        }

    table.cart tr.sum th {
        border-top: 1px solid #0098DB;
        height: 32px;
    }

        table.cart tr.sum th, table.cart tr.btw th, table.cart tr.discount th {
            font-size: 11px;
            font-weight: bold;
        }

    table.cart tr.discount th {
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #EFFFBF;
        border-top: 1px solid #B8EF0E;
        font-size: 12px;
    }

    table.cart th.totalprice {
        font-size: 12px;
    }

    table.cart td.log-radio {
        padding-left: 6px;
        width: 24px;
    }

    table.cart td.log-label {
        width: 350px;
    }

    table.cart td.log-price {
        padding-right: 22px;
        width: 62px;
    }

    table.cart tr.ideal td {
        background-color: #FFDFF0;
    }

    table.cart td.pay-radio {
        padding-left: 6px;
        width: 24px;
    }

    table.cart td.pay-label {
        width: 350px;
    }

    table.cart td.pay-price {
        padding-right: 22px;
        width: 62px;
    }

.cart-nav {
    float: right;
    margin: 10px 0 20px 0;
}

    .cart-nav a {
        padding-left: 6px;
    }

.cart-backtoshop {
    float: left;
    margin: 10px 0;
}

table.useraccount {
    font-size: 10px;
    margin-left: 12px;
}

    table.useraccount input {
        font-size: 10px;
    }

table.checkout {
    width: 100%;
    margin-bottom: 10px;
}

    table.checkout th {
        padding-left: 10px;
        font-weight: bold;
    }

    table.checkout td {
        padding: 4px 4px 4px 10px;
    }

    table.checkout tr.nopadding td, table.checkout tr.nopadding th, table.checkout td.nopadding,  table.checkout th.nopadding {
        padding-left: 0;
        padding-right: 0;
    }

    table.checkout tr.highlight td {
        background-color: #EFFFBF;
		border-bottom: 1px solid #B8EF0E;
    }

    input.checkout, textarea.checkout {
        width: 240px;
        font: 11px/14px tahoma, arial, verdana, sans-serif;
        height: 18px;
        line-height: 18px;
    }

    textarea.checkout {
        height: 50px;
        min-height: 50px;
    }

    input.reference {
        width: 140px;
        font: 11px/14px tahoma, arial, verdana, sans-serif;
        height: 18px;
        line-height: 18px;
    }

    table.checkout select.del_address {
        width: 100%;
    }

table.error {
    width: 100%;
    margin: 3px 0;
}

    table.error td {
        border: 1px solid #ff0000;
        padding: 4px 2px 6px 32px;
        background: #ffdddd url(../img/icons/icon-info.png) no-repeat 8px 4px;
    }

        table.error ul {
            list-style: square;
            margin-bottom: 0;
        }

        table.error a, table.error a:hover {
            color: #ff0000;
        }

table.customer {
    width: 100%;
    margin: 0 0 6px 0;
}

    table.customer td {
        padding: 2px 4px 2px 6px;
        line-height: 20px;
        border-bottom: 1px dashed #ddd;
    }

        table.customer td.first {
            font-weight: bold;
        }

        table.customer td.last {
            width: 320px;
            background-color: #eee;
        }

            table.customer td.first.last {
                background-color: transparent;
                font-weight: normal;
            }

        table.customer td.info {
            width: 20px;
            padding: 0 4px 0 0;
            text-align: right;
        }

        table.customer td.right {
            text-align: right;
        }

        table.customer tr.active td {
            background-color: #e5e5e5;
        }

        table.customer tr.head td, table.customer tr.head th {
            background-color: #e5e5e5 !important;
             font-weight: bold !important;
        }

    table.customer input.normal{
        width: 200px;
    }

    table.customer input.small {
        width: 24px;
    }

    table.customer input.medium {
        width: 48px;
    }

    table.customer textarea.normal {
        width: 200px;
        height: 60px;
    }

    table.customer input, table.customer select, table.customer textarea {
        font-size: 11px;
    }

    table.customer span {
        color: #CC0000;
        font-weight: bold;
    }

    .contact-left {
        float: left;
        width: 426px;
        padding: 0 10px 0 4px;
    }

    .contact-right {
        float: left;
        width: 190px;
    }

/* Loginpage
----------------------------------------------------------------------------------------------------*/
.loginpage {
    padding: 10px 0 30px;
}

.loginpage .account-login {
    width: 300px;
    float: left;
}

.loginpage .account-new {
    width: 300px;
    float: right;
}

.loginpage table {
    border: 1px solid #bbb;
}

    .loginpage table h2 {
        margin: 0;
    }

    .loginpage table td {
        padding: 6px;
        background-color: #eee;
    }

        .loginpage table tr.active td {
            background-color: #e5e5e5;
        }

        .loginpage table tr.input td {
            padding: 2px 4px 2px 6px;
            line-height: 22px;
            border-bottom: 1px dashed #ddd;
        }

        .loginpage table tr.input input.plain {
            width: 120px;
        }

        .loginpage table tr.right td, .loginpage table td.right {
            text-align: right;
        }

        .loginpage td.highlight {
            background-color: #EFFFBF;
        }

            .loginpage td.highlight span {
                float: right;
                font-weight: bold;
                padding-right: 6px;
            }

            .loginpage td.highlight a {
                color: #111;
                text-decoration: none;
                display: block;
            }

                .loginpage td.highlight a:hover {
                    color: #0D77BD;
                }

/* Search page
----------------------------------------------------------------------------------------------------*/
#hide_result {
    display: none;
}

#show_result li.margin {
    list-style-type: none;
    margin-top: 8px;
}

/* Tooltips
----------------------------------------------------------------------------------------------------*/
#tooltip {
    position: absolute;
    z-index: 3000;
    padding: 4px 2px 4px 28px;
    border: 2px solid #F0DC7A;
    background: #FFFFCC url(../img/icons/icon-text.gif) no-repeat 6px 4px;
    width: 240px;
    min-height: 24px;
    height: auto !important;
    height: 24px;
    text-align: left;
}

    #tooltip p {
        margin: 0 0 0.5em;
    }

/* System notices
----------------------------------------------------------------------------------------------------*/
.notice {
    width: 628px;
    margin: 3px 0;
	font-weight: bold;
}
    .notice p {
        margin: 0;
        padding: 4px 0 6px 35px;
        cursor: pointer;
    }

        .noclose p {
            cursor: auto !important;
        }

    .notice ul {
        margin: 0;
        padding: 0 0 5px 50px;
        font-size: 11px;
        font-weight: normal;
    }

	.notice.done {
		background: #EFFFBF url(../img/icons/icon-info.png) no-repeat 8px 4px;
		border: 1px solid #B8EF0E;
	}

	.notice.error {
		background: #ffdddd url(../img/icons/icon-info.png) no-repeat 8px 4px;
		border: 1px solid #ff0000;
	}

span.highlight {
    font-weight: bold;
    color: #cc0000;
}