/* Hardware House Public Pages
--------------------------------------------------------------------------------*/

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

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

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

#menu {
    background: #316ab1;
    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: #444; }

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

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


/* Product Categories
--------------------------------------------------------------------------------*/
#catList {
    background: #444;
    border: 3px solid #444;
    clear: right;
    float: right;
    margin: 0 0 20px 20px;
    width: 17em;
}
.ie6 #catList { margin-bottom: 3em; }

#catList a {
    color: white;
    display: block;
    padding: 0 3px;
    text-decoration: none;
}
#catList img { vertical-align: top; }
#catList table { margin: 0; width: 100%; }
#catList td { width: 1%; }
#catList th { width: 100%; }
#catList tr { cursor: pointer; }

#catList a:hover,
#catList tr:hover a,
#catList tr.over a { background: #316ab1; }
#catList tr:hover img { opacity: 0.9; }
.ie6 #catList tr.over img,
.ie7 #catList tr:hover img { filter: alpha(opacity=90); }
.ie8 #catList tr:hover img { -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; }


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


/* Information Boxes
--------------------------------------------------------------------------------*/
#asides {
    clear: right;
    float: right;
    margin: 20px 0 20px 20px;
    max-width: 30%;
}
.ie6 #asides { margin-bottom: 3em; }

#asides div.block {
    border: 1px solid #444;
    margin-bottom: 20px;
}
#asides h3, #asides p.head {
    background: #444;
    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 #316ab1;
    border-bottom: 1px solid #316ab1;
    float: right;
    margin: -20px -20px 0 20px;
}
#hdrImg img { vertical-align: top; }