@import "base.css";
@import "common.css";
/* Hardware House Public Pages
--------------------------------------------------------------------------------*/

/* Page Sections
--------------------------------------------------------------------------------*/
html, body {
    background: #d0d0d0;
    height: 100%;
}

#master {
    background: white;
    border-left: 1px solid #4ba21a;
    border-right: 1px solid #4ba21a;
    margin: 0 4%;
    min-height: 100%;
    min-width: 705px;
    position: relative;
}

#header {
    text-align: center;
    padding: 10px 0;
}

#menu {
    background: #4ba21a;
    color: white;
    margin: 0;
    text-align: center;
    width: 100%;
}
#menu a {
    color: white;
    display: inline-block;
    font-weight: bold;
    margin: 0;
    padding: 3px 20px;
    text-decoration: none;
}
#menu a:hover { background: #333333; }

#content { padding: 20px 20px 2em 20px; }

#footer {
    background: #4ba21a;
    bottom: 0;
    color: white;
    font-size: 0.85em;
    line-height: 2em;
    position: absolute;
    text-align: center;
    width: 100%;
}


/* Product Categories
--------------------------------------------------------------------------------*/
#catList {
    background: #333333;
    border: 3px solid #333333;
    clear: right;
    float: right;
    margin: 0 0 20px 20px;
    width: 17em;
}
#catList a {
    color: white;
    display: block;
    padding: 0 3px;
    text-decoration: none;
}
#catList a:hover,
#catList a.hover { background: #4ba21a; }
#catList img { vertical-align: top; }
#catList table { margin: 0; width: 100%; }
#catList td { width: 1%; }
#catList th { width: 100%; }


/* Catalog Tweaks
--------------------------------------------------------------------------------*/
#flashDiv { margin-right: 18em; }
#flashDiv .clear { clear: left; }


/* Information Boxes
--------------------------------------------------------------------------------*/
#asides {
    clear: right;
    float: right;
    margin: 20px 0 20px 20px;
    max-width: 30%;
}
#asides div.block {
    border: 1px solid #333333;
    margin-bottom: 20px;
}
#asides h3, #asides p.head {
    background: #333333;
    color: white;
    font-weight: bold;
    margin: 0;
    padding: 3px;
    text-align: center;
}
#asides p { margin: 3px 10px; }


/* Page Header Image
--------------------------------------------------------------------------------*/
#hdrImg {
    border-left: 1px solid #4ba21a;
    border-bottom: 1px solid #4ba21a;
    float: right;
    margin: -20px -20px 0 20px;
}
#hdrImg img { vertical-align: top; }