#navigation{
    background: #b44010;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

#navigation li{
    color: #fff;
    list-style: none;
    display: inline;
}

#navigation li a{
    color: #fff;
    padding: 10px;
    display: inline-block;
    font-size: 1.2em;
}

#navigation li a:hover{
    background: #e55300;
    
}

.boxed{
    border: 1px dashed #fff;
    padding: 7px 15px;
}

/* styles for buttons */

.buttons{
    margin: 20px 0 0 0;
}

.buttons .addCat{
    background: #fbd4b9;
    color: #b44010;
    padding: 10px 6px;
}

.buttons .addProd{
    background: #003bae;
    color: #fffc00;
    padding: 10px 6px;
}

/* styles for categories bars */


#categories{
    font-size: 1.2em;
    width: 100%;
}

#categories tr{
    background: #fee;
}

#categories tr td{
    color: #fff;
    border-bottom: 1px solid #f8c200;
    padding: 0;
}

#categories tr td a{
    color: #b44010;
    background: #fee;
    display: block;
    padding: 10px 5px;
    margin: 0;
}

#categories tr td a.action{
    text-align: center;
}

#categories tr td a:hover{
    color: #fff;
    background: #ff5c00;
}

/* styles for the products bars */

#products{
    font-size: 1.2em;
    width: 100%;
}

#products tr{
    background: #eef;
}

#products tr td{
    /*color: #fff;
    border-bottom: 1px solid #15ab00;
    padding: 0;
    */
    color: #003bae;
    border-bottom: 2px solid #003bae;
}

#products tr td a{
    display: block;
    padding: 10px 5px;
    color: #003bae;
    background: #eef;
    border: none;
}

#products tr td a.action{
    text-align: center;
}

#products tr td a:hover{
    color: #fff;
    background: #ff5c00;
}

#groceries{
    width: 100%;
    color: #000;
    background: #fffefe;
}

#groceries tr:hover{
    background: #dee;
}

#groceries td{
    padding: 10px;
    border-bottom: 1px solid #f00;
}