#ap-container {
    margin-left:0px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding:5px;
    background: #ddd;
    overflow:hidden;
    width: 769px;
}

#ap-container ul {
    margin-left:0px;
    padding: 0px;
}

#ap-container li {
    /* border: 1px solid black; */
    position: relative; 
    list-style: none;
    display:block;
    height: 250px;
    width: 250px;
    margin-left:5px;
    margin-bottom:5px;
    background: gray;
    float: left;
}

#ap-container ul li img {
    display:block;
    margin-left: 5px;
    margin-top: 5px;
}

#ap-container input {
    display:block;
    margin-left:3px;
    clear: both;
}

.ap-padlock {
    z-index: 200;
    position:absolute;
    visibility:hidden;
    left: 225px;
    top: 228px;
    border: 1px solid black;
    background-color: blue;
    width: 20px;
    height: 17px;
    background-image:url(res/lock-open.png);
}

.ap-magnifier {
    z-index: 200;
    position:absolute;
    left: 5px;
    top: 5px;
    visibility:hidden;
    border: 1px solid black;
    background-color: blue;
    width: 20px;
    height: 17px;
    background-image:url(res/magnifier.png);
}

.ap-zoombox {
    z-index: 200;
    position:absolute;
    visibility:hidden;
    left: 0px;
    top: 0px;
    border: 3px solid black;
    background-color: blue;
}

/* override img definition */
#ap-container ul li .ap-zoombox .ap-zoomimg {
    display:block;
    margin:0px;
}