/* ------ Links ----- */
a { color: #356C87; }
a:hover { color: #f60; }

/* ----- Body ----- */
body {
    background: #002233;
    color: #969696;
    font: 12px/16px Tahoma,sans-serif;   
}

/* ----- Header ----- */
#header {
    padding: 50px 0 30px 0;
    text-align: center;
    height: 40px;
}
#header h2 a {
    color: #FFBB00;
}
#header h3 img {
    border-color: #306282;
    background: #082B42;
}

/* ------ Menu ----- */
#menu {
    height: 35px;
    background: url(menu.png) repeat-x top;
}
#menu li {
    float: right;
    background: url(menu_sep.png) no-repeat left center;
}
#menu li a {
    color: #fff;
    padding: 9px 25px;
}
#menu li.sel a, #menu li a:hover {
    background: url(menu_hover.png) repeat-x top;
    text-decoration: none;
}

/* ----- Content ----- */
#banner {
    height: 180px;
    background: url(banner.jpg);
    margin: 10px 0;
}

/* ----- Footer ----- */
#footerwrapper {
    background: url(footer.png) repeat-x top;
    border-top: solid 1px #33637B;
}
#footer, #footer a {
    color: #778899;
}

/* ----- Content Boxes ----- */
.box-a {
    background: #1A3948;
}
.box-b {
    padding-bottom: 15px;
}
.box-b h3 {
    height: 20px;
    padding: 5px 10px;
    color: #fff;
    background: url(menu.png) repeat-x top;
    margin-bottom: 10px;
}

/* ----- Side Boxes ----- */
#groups, #contact {
    background: #1A3948;
}
#groups h5 {
    text-align: center;
    padding: 5px;
    background: url(menu.png) repeat-x top;
    color: #aaa;
}
#groups li {
    padding: 5px 15px 5px 0;
    margin: 0 5px;
    border-bottom: solid 1px #2A3948;
}
#groups a {
    color: #ccc;
    text-decoration: none;
}

#contact {
    padding: 10px 0;
}

/* ----- Product Item ----- */
.product-item-image {
    background-color: #1A3948;
}
.product-item:hover .product-item-image {
    background-color: #666
}