.magnifyarea { }

.targetarea { /* CSS for container div(s) of the zoomable image */
    width: 100%; /* wide or wider than the widest zoomable image */
     /* high or higher than the tallest zoomable image */
    text-align: center;
    overflow: hidden;
}

#two { /* Added CSS for second target div of zoomable images */
    height: 243px; /* high or higher than the tallest zoomable image */
}

.targetarea img { /* zoomable image */
    margin: auto; /* for horizontal centering */
    display: block; /* also for horizontal centering */
    position: relative; /* along with on the fly calculations in script, for vertical centering */
}

.thumbs * { display: block; }
.thumbs img {
    max-width: 95px;
}
.thumbs li, .thumbs li a {
    width: 95px;
    height: 80px;
    overflow: hidden;
}
.thumbs li {
    margin: 0 5px 5px 0;
    float: left;
    background-color: #FFF;
    border: 1px solid #c0c0c0;
}
.thumbs li a:hover {
    width: 85px;
    height: 70px;
    border: 5px solid #c0c0c0;
}
.thumbs li a:hover img {
    margin: -5px;
}

#description {
    width: 100%;
    height: 35px;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    color: #FFF;
}

.zoomstatus {
    font-size: 11px;
    color: #626262;
    background: #FFF;
    padding: 5px;
    line-height: 10px;
}

.zoomtracker {
    
}