/* <= End: SpecBrowser Horizontal <= */
/* <==== End: Shop classes ================================================< */

table.products-table {
    width: 100%;
    margin: 0 auto;
    border-spacing: 6px 6px; /* Equivalent of cellspacing attribute of table tag, doesn't work in IE? */
}

table.products-table td.product {
    width: 200px;
    min-height: 120px;
    border: 1px solid #cccccc;
}

able.products-table {
    width: 100%;
    margin: 0 auto;
    border-spacing: 6px 6px; /* Equivalent of cellspacing attribute of table tag, doesn't work in IE? */
}

table.products-table td.product {
    width: 200px;
    min-height: 120px;
    border: 1px solid #cccccc;
}

table.products-table tr.product-row-footer td {border-bottom: 1px solid #999999;}

div.product-box-container {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
}

    table.product-box {width: 100%; height: auto;}
    table.product-box td, table.product-box th {padding: 3px; font-size: 11px;}
    table.product-box tr.header th h2 a {font-size: 13px; font-weight: bold; text-decoration: none; color: #435073; !important;}
    table.product-box td.price {text-align: left; font-size: 12px; font-weight: bold;}

    div.stamp {
        position: absolute; /* The parent element in the DOM must have position: relative. */
        bottom: 0;
        left: -12px;
        z-index: 10;
        width: 50px;
        height: 50px;
        background: transparent url("/media/img/brievenbus_ok.gif") no-repeat top left;
    }
    
    div.stamp-small {
        position: absolute; /* The parent element in the DOM must have position: relative. */
        bottom: 0;
        z-index: 10;
        width: 25px;
        height: 25px;
        background: transparent url("/media/img/brievenbus_ok_small.gif") no-repeat top left;
    }

/* >==== Start: Global class library ======================================> */
.error {color: red;}
.empty {font-size: 1px !important; line-height: 1px !important;}
.hover {cursor: pointer !important;}
.full-width {width: 100%;}
.auto-width {width: auto;}
.auto-margin {margin-left: auto; margin-right: auto;}
.no-border {border: none !important;}

.block {display: block !important;}
.inline {display: inline !important;}
.visible {display: block !important; visibility: visible !important;}
.hidden {display: none !important; visibility: hidden !important;}
.relative {display: relative !important;}
.absolute {display: absolute !important;}

.left {text-align: left !important;}
.right {text-align: right !important;}
.center {text-align: center !important;}

.vtop {vertical-align: top !important;}
.vmiddle {vertical-align: middle !important;}
.vbottom {vertical-align: bottom !important;}

.float-left {float: left !important;}
.float-right {float: right !important;}
.clear-right {clear: right !important;}
.clear-both {clear: both !important;}

.italic {font-style: italic !important;}
.bold {font-weight: bold !important;}
.small-caps {font-variant:small-caps !important;}
.uppercase {text-transform: uppercase !important;}
.lowercase {text-transform: lowercase !important;}
.wrap {white-space: normal !important;}
.nowrap {white-space: nowrap !important;}
.underline {text-decoration: underline !important;}

.x-small {width: 50px;}
.small {width: 100px;}
.medium {width: 150px;}
.large {width: 200px;}
.x-large {width: 250px;}

.input-button {width: 100px; height: 18px;}
.input-upload {border: 1px solid black;}
/* <==== End: Global class library ========================================< */


/* >==== Start: CoolMenu ==================================================> */
#divMenu {position: relative; left: -1px;}
/* CoolMenus 4 - default styles - do not edit */
.clCMAbs {position: absolute; visibility: hidden; left: 0; top: 0;}
/* CoolMenus 4 - default styles - end */

/* Style for the background-bar */
.clBar{position: absolute; width: 10px; height: 18px; background-color: #ffffff;}

/* Styles for level 0 */
.clLevel0, .clLevel0over {position: absolute; padding: 2px; font-size: 11px; font-weight: bold; text-align: center; z-index: -1;}
.clLevel0 {width: auto; color: #000000; background-image: url(/media/img/moduleBg0.gif);}
.clLevel0over {padding: 2px; background-image: url(/media/img/moduleBg1.gif); color: #ff6600; cursor: pointer;}
.clLevel0border {position: absolute; visibility: hidden; border-left: 1px solid #999999;}

/*Styles for level 1*/
.clLevel1, .clLevel1over {position: absolute; padding: 2px; font-size: 11px; font-weight: normal;}
.clLevel1 {background-color: #ffe7d6; color: #000000;}
.clLevel1over {background-color: #ffb584; color: #000000; cursor: pointer; font-weight: bold}
.clLevel1border {position: absolute; visibility: hidden;}

/*Styles for level 2*/
.clLevel2, .clLevel2over {position:absolute; padding:2px; font-size:11px; font-weight:normal}
.clLevel2 {background-color: #DFDFFF; color: navy;}
.clLevel2over {background-color: white; color: navy; cursor: pointer; font-weight: bold}
.clLevel2border {position: absolute; visibility: hidden; border: 1px solid #999999;}
/* <==== End: CoolMenu ====================================================< */