@media screen
{

    html
    {
        font-size: 100%;
    }

    body
    {
        background-repeat: repeat-x;
        background-position: bottom left;
        margin: 10px;
        font-family: Arial;
        font-size: 0.8em;
    }

    body
    {
        background-color: #666; /*background-color: #d2ead4;         background-position: top center;         background-image: url(/images/background.gif);*/
    }

    body.nl-NL #inner-wrap
    {
        border-color: #082D7E;
    }
    body.fr-BE #inner-wrap
    {
        border-color: #EE7F00;
    }
    body.nl-BE #inner-wrap
    {
        border-color: #008E2E;
    }

    body.nl-NL h1
    {
        color: #082D7E;
    }
    body.fr-BE h1
    {
        color: #EE7F00;
    }
    body.nl-BE h1
    {
        color: #008E2E;
    }

    p#index
    {
        text-align: center;
    }

    table
    {
        background-color: #fff;
        width: 530px;
    }

    th
    {
        text-align: left;
        color: #EE7F2E;
    }

    a img
    {
        border-style: none;
    }

    div#inner-wrap
    {
        border: 10px solid #082D7E;
        padding: 40px;
    }

    div#outer-wrap
    {
        background-color: #fff;
        border: 1px solid #FFF;
        margin: auto;
        width: 643px;
    }

    body.Cover div#inner-wrap
    {
        border-style: none;
        padding: 0;
    }

    body *
    {
        overflow: hidden;
    }

    body ol, body li
    {
        overflow: visible;
    }

    p
    {
        text-align: center;
        line-height: 22px;
        margin: 0;
    }

    div.article a
    {
        color: white;
    }

    div#categories
    {
        margin: 0 auto 30px auto;
        width: 624px;
        overflow: hidden;
    }

    span#categories
    {
        display: block;
    }

    #categories a
    {
        border-width: 2px;
        border-style: solid;
        float: left;
        margin: 2px;
    }

    #categories a:hover
    {
        border-color: white;
    }

    #categories a img
    {
        border-style: none;
        float: left;
    }

    a
    {
        color: #333;
    }

    a:hover
    {
    }

    img.left
    {
        float: left;
    }
    img.right
    {
        float: right;
    }

    h1
    {
        text-align: center;
        font-size: 2em;
        font-weight: normal;
    }
    h2
    {
        font-weight: normal;
        font-size: 1.3em;
        margin: 0;
    }
    h3
    {
        font-weight: bold;
        font-size: 0.85em;
        margin: 0;
        text-transform: uppercase;
        padding: 3px 5px 4px 5px;
        color: white;
    }
    h3 a
    {
        float: left;
        margin-right: 10px;
    }
    h3 em
    {
        float: right;
        font-style: normal;
    }
    h3 small
    {
        font-weight: normal;
    }

    div.article
    {
        margin-top: 20px;
    }

    div.article div
    {
        min-height: 200px;
    }


    div.article p
    {
        color: black;
        text-align: left;
        margin: 20px 10px;
        line-height: normal;
    }

    div.article h3
    {
        min-width: 230px;
    }


    div.article img
    {
        margin: 10px 0 100px 10px;
    }

    p
    {
        margin: 10px;
    }

    p#index
    {
        margin: 20px;
    }

    ol#cart
    {
        margin: 0;
    }

    ol#cart li
    {
        margin: 10px;
    }

    ol#cart li
    {
        display: block;
        padding: 4px 8px;
        overflow: hidden;
        vertical-align: middle;
        list-style: none outside none;
    }

    ol#cart *
    {
        color: white;
    }

    ol#cart big
    {
        float: left;
        display: block;
        width: 75%;
    }
    ol#cart big a
    {
        display: inline;
    }

    ol#cart a
    {
        display: block;
        text-align: right;
    }

    table
    {
        border-collapse: collapse;
        border-color: #DDD;
        background-color: #fff;
        margin: 10px;
    }

    table + table
    {
        margin-top: 30px;
    }

    th, caption
    {
        line-height: 30px;
        background-color: #fff;
    }

    th
    {
        border-color: #fff;
    }

    caption
    {
        font-size: 1.3em;
        text-align: left;
    }


    #games caption a
    {
        color: #E4272C;
    }
    #travel caption a
    {
        color: #ABCC37;
    }
    #relax caption a
    {
        color: #0F50A3;
    }
    #personalcare caption a
    {
        color: #5AC6BF;
    }
    #culinary caption a
    {
        color: #F57728;
    }
    #luxuryequipment caption a
    {
        color: #AD0089;
    }
    #digital caption a
    {
        color: #918892;
    }
    #eco-safety caption a
    {
        color: #008E33;
    }
    #coupons caption a
    {
        color: #F6CC00;
    }
    #donations caption a
    {
        color: #F9BCBC;
    }


    body.Games h3, li.games
    {
        background-color: #E4272C;
    }
    body.Travel h3, li.travel
    {
        background-color: #ABCC37;
    }
    body.Relax h3, li.relax
    {
        background-color: #0F50A3;
    }
    body.PersonalCare h3, li.personalcare
    {
        background-color: #5AC6BF;
    }
    body.Culinary h3, li.culinary
    {
        background-color: #F57728;
    }
    body.LuxuryEquipment h3, li.luxuryequipment
    {
        background-color: #AD0089;
    }
    body.Digital h3, li.digital
    {
        background-color: #918892;
    }
    body.Eco-Safety h3, li.eco-safety
    {
        background-color: #008E33;
    }
    body.Coupons h3, li.coupons
    {
        background-color: #F6CC00;
    }
    body.Donations h3, li.donations
    {
        background-color: #F9BCBC;
    }

    body.Games h1, body.Games h2, body.Games a
    {
        color: #E4272C;
    }
    body.Travel h1, body.Travel h2, body.Travel a
    {
        color: #ABCC37;
    }
    body.Relax h1, body.Relax h2, body.Relax a
    {
        color: #0F50A3;
    }
    body.PersonalCare h1, body.PersonalCare h2, body.PersonalCare a
    {
        color: #5AC6BF;
    }
    body.Culinary h1, body.Culinary h2, body.Culinary a
    {
        color: #F57728;
    }
    body.LuxuryEquipment h1, body.LuxuryEquipment h2, body.LuxuryEquipment a
    {
        color: #AD0089;
    }
    body.Digital h1, body.Digital h2, body.Digital a
    {
        color: #918892;
    }
    body.Eco-Safety h1, body.Eco-Safety h2, body.Eco-Safety a
    {
        color: #008E33;
    }
    body.Coupons h1, body.Coupons h2, body.Coupons a
    {
        color: #F6CC00;
    }
    body.Donations h1, body.Donations h2, body.Donations a
    {
        color: #F9BCBC;
    }

    h3 a
    {
        color: #FFF !important;
    }

    body.Games #inner-wrap
    {
        border-color: #E4272C;
    }
    body.Travel #inner-wrap
    {
        border-color: #ABCC37;
    }
    body.Relax #inner-wrap
    {
        border-color: #0F50A3;
    }
    body.PersonalCare #inner-wrap
    {
        border-color: #5AC6BF;
    }
    body.Culinary #inner-wrap
    {
        border-color: #F57728;
    }
    body.LuxuryEquipment #inner-wrap
    {
        border-color: #AD0089;
    }
    body.Digital #inner-wrap
    {
        border-color: #918892;
    }
    body.Eco-Safety #inner-wrap
    {
        border-color: #008E33;
    }
    body.Coupons #inner-wrap
    {
        border-color: #F6CC00;
    }
    body.Donations #inner-wrap
    {
        border-color: #F9BCBC;
    }
}


.loupe
{
    border: 1px dashed #AAA;
    cursor: crosshair;
}

#disclaimer
{
    font-size: 0.8em;
    font-style: italic;
    text-align: center;
    line-height: normal;
    margin-top: 30px;
}

body.Cover #disclaimer
{
    display: none;
}

@media screen
{


    legend
    {
        font-size: 1.2em;
    }

    input, textarea
    {
        font-size: 0.85em;
        font-family: Verdana;
        font-style: italic;
        padding: 2px;
    }

    fieldset
    {
        padding: 10px;
        border-style: none;
    }

    label
    {
        float: left;
        width: 120px;
    }

    fieldset div
    {
        margin: 10px;
    }

    textarea
    {
        overflow: auto;
    }

    input[type=submit]
    {
        padding: 5px 10px;
        margin-left: 130px;
    }

}