@media screen
{

    html
    {
        font-size: 100%;
    }

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

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

    body.games, body.travel, body.relax, body.personal-care, body.culinary, body.gadgets
    {
        background-image: none;
    }

    div#wrap
    {
        margin: auto;
        width: 648px;
    }

    body *
    {
        overflow: hidden;
    }

    body ol, body li
    {
        overflow: visible;
    }

    p
    {
        text-align: center;
        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;
    }

    a#games
    {
        border-color: #f8d1c1;
    }
    a#travel
    {
        border-color: #e6efbc;
    }
    a#relax
    {
        border-color: #b6bbdd;
    }
    a#personal-care
    {
        border-color: #c4e5e2;
    }
    a#culinary
    {
        border-color: #fabc8b;
    }
    a#gadgets
    {
        border-color: #ccc7cc;
    }

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

    a
    {
        color: teal;
    }

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

    h1
    {
        text-align: center;
        font-size: 1.3em;
        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 div
    {
        margin-top: 10px;
    }
    div.article p
    {
        color: black;
        text-align: left;
        padding: 10px;
        height: 130px;
    }
    div.article img
    {
    }

    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;
    }

    li.games
    {
        background-color: #E4272C;
    }
    li.travel
    {
        background-color: #ABCC37;
    }
    li.relax
    {
        background-color: #0F50A3;
    }
    li.personal-care
    {
        background-color: #5AC6BF;
    }
    li.culinary
    {
        background-color: #F57728;
    }
    li.gadgets
    {
        background-color: #918892;
    }


}