/* CSS Document */
/******************************************************************************/
/*      STyle zakładek na stronie z informacja z towarem                      */
/******************************************************************************/

ul.tabbar {
    position:relative;
    top: 1px;
    z-index: 1;
    display: none; /* This is important so the tabbar won't be shown if JavaScript is not available. */
    margin: 0px;
    padding: 0;
    list-style-type: none;
}

ul.tabbar li {
    padding: 0;
    display: inline;
}

.tabbar a {
    display: block;
    float: left;
    margin-right: 2px;
    border: 1px solid #E0E0E0;
    border-bottom: 0;
    /*background: #aaaaaa;*/
    background-image: none;
    padding: 0.2em 0.8em;
    font-size: 90%;
    color: #7D7D7D;
    text-decoration: none;
    cursor: pointer;
}

.tabbar a:hover {
    color: #7D7D7D;
    background-color: #E6E6E6;
    text-decoration: underline;
}

.tabbar a.highlight {
    background-color: #f4f4f4;
    color: #7D7D7D;
    border: 1px solid #E0E0E0;
    border-bottom: 0;
}

.tabbar a.highlight:hover {
    background-color: #E6E6E6;
    text-decoration: underline;
}

#boxes {
    clear: both;
    min-height: 300px;
    margin-bottom: 1em 0.4em;
    padding: 0.4em 0.8em;
    background-color: #f4f4f4;
    border: 1px solid #E0E0E0;
}