#hd {
    /** Make room for the logo, which is 72x72 (although only about 46
        pixels of width are used) */
    padding-left: 72px;
    height: 72px;
}

.lockers-pagination li {
    list-style: none;
    float: left;
    border-right: solid 1px #DEDEDE;
    padding: 0 1em;
    font-weight:bold;
}

.lockers-pagination .lockers-pagination-previous-off,
.lockers-pagination .lockers-pagination-next-off {
    color:#888888;
}

.lockers-pagination .lockers-pagination-next,
.lockers-pagination .lockers-pagination-next-off {
    border-right: 0px;
}

.lockers-pagination .lockers-pagination-active{
    color:#000000;
}

.lockers-pagination a:link,
.lockers-pagination a:visited {
    text-decoration:none;
}
.lockers-pagination a:hover{
    text-decoration:none;
}

.lockers-breadcrumbs-final {
    font-weight: bold;
}

.lockers-picture-array {
    /* Assumed this is going to happen in more than one module? Maybe
       call it lockers-frame? */
    padding: 4px;
    display: table;
}

.lockers-picture-array-tag {
    padding: 0 0.2em;