/* overwrite main-content width */
.maincontent {
    width: 710px;
}

a img {
    border: 0;
}

fieldset {
    padding: 5px;
    margin: 0 0 30px 0;
}

.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

.breadcrumbs {
    margin-bottom: 10px;
    float: left;
}

.mainOptions {
    float: right;
    margin-right: 5px;
    text-align: right;
    margin-bottom: 10px;
}

.mainOptions .goCart {
    background: #F48005 url(../img/site/cart_go.png) no-repeat 5px center;
    padding-left: 22px;
}

.mainOptions a.l {
    text-decoration: none;
}

.mainOptions a.l:hover {
    color: black;
}

input.button {
    background: #F48106;
    color: #fff;
    padding: 2px;
    border-width: 0;
}

p.notice {
    font-weight: bold;
    font-style: italic;
}

#webshopContent {
    float: left;
    width: 500px;
}

/* CATEGORYMENU */

    #categoryMenu {
        float: right;
        width: 200px;
    }
    
    #categoryMenu ul.mainCat {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    
    #categoryMenu li.mainCat {
       
    }
    
    #categoryMenu li.mainCat a {
        border-left: 10px solid #f48005;
        background: #b0b0b0;
        display: block;
        padding: 5px 5px 5px 8px;
        color: white;
        font-weight: bold;
        text-decoration: none;
    }
    
    #categoryMenu ul.subCat {
        margin: 0;
        padding: 0;
        list-style-type: none;
        background: #fff;
    }
    
    #categoryMenu li.subCat {
        margin-left: 10px;
    }
    
    #categoryMenu li.subCat a {
        border-left: 0;
        background: #e2e2e2;
        display: block;
        padding: 0 0 0 13px;
        color: #8e8e8e;
        font-weight: normal;
        text-decoration: none;
    }
    
    #categoryMenu li.subCat a:hover {
        color: #111;
    }

/* CATEGORIES */

    .category {
        float: left;
        width: 160px;
        margin-bottom: 6px;
        text-align: center;
    }
    
    .maincontent .category a {
        color: #838383;
        font-weight: bold;
        text-decoration: none;
    }
    
    .maincontent .category a:hover {
        color: #111;
    }

/* PRODUCTS */

    .products .product {
        margin: 16px 0 5px;
        background: #e2e2e2;
        border: 1px solid #b0b0b0;
        padding: 12px;
    }

    .products .product .image {
        float: left;
        width: 100px;
        height: 100px;
    }

    .products .product .description {
        float: right;
        width: 335px;
        color: #646464;
        position: relative;
    }

    .products .product .description .offer {
        position: absolute;
        top: -34px;
        background: url(../img/site/offerhead.gif) no-repeat;
        left: -140px;
        width: 97px;
        height: 22px;
    }

    .products .product .description .productName {
        font-size: 14px;
        font-weight: bold;
        float: left;
    }

    .products .product .description .productName a {
        color: #454545;
        text-decoration: none;
    }

    .products .product .description .productName a:hover {
        color: #111;
    }

    .products .product .description .productPrice {
        font-size: 12px;
        font-weight: bold;
        float: right;
    }

    .products .product .description .details {
        margin: 5px 0 0;
        position: relative;
    }
    
    .products .product .description .details .cart {
        right: 0;
        position: absolute;
    }

    .products .product .description .details a:hover {
        color: #000;
    }

/* PRODUCT */

    .productinfo {
        overflow: hidden;
    }
    
    .productinfo div.image {
        margin: 0 0 15px 15px;
        float: right;
    }
    
    .productinfo div.image img {
        border: 1px solid #454545;
    }
    
    .productinfo p.cart a {
        text-decoration: none;
        font-weight: bold;
    }
    
    .productinfo p.code {
        color: #5F5F5F;
    }
    
/* CART */

    table.cartlist th {
        background: #646464;
        color: white;
        padding: 2px 4px;
    }
    
    table.cartlist td {
        padding: 2px 4px;
        border-top: 1px solid #646464;
        border-right: 2px solid #646464;
    }
    
    table.cartlist td.last {
        border-right: 0;
    }
    
    table.cartlist input {
        width: 30px;
    }
    
    table.cartlist tfoot td {
        border-top-width: 2px;
    }
    
    label.disabled {
        color: #ccc;
    }
    
/* REGISTER */

    form .label {
        width: 120px;
        float: left;
    }
    
    form .field {
        float: left;
        margin-bottom: 4px;
    }
    
    form .field input {
        border: 1px solid #646464;
    }
    
    form .clear {
        clear: both;
    }
    
    form p.error {
        color: red;
        font-weight: bold;
        margin-bottom: 0;
    }