.ImageZoom img {border: 2px solid #66CC99; width:150px; height:150px; padding-right:0px;   margin: 10px 10px 10px 10px;
}

.ImageZoom img:hover {border: 2px solid #FFFF99; width:150px; height:150px; padding-right:0px;   margin: 10px 10px 10px 10px;
}

/* Big image while zooming */
.ImageZoom-image {border: 1px solid #FFFF99; outline: none}

/* Big image when zoomed */
.ImageZoom-image-zoomed {cursor: url(/graphics/magminus.cur), pointer}

/* Caption under the big zoomed image */
.ImageZoom-caption {color: #000; background-color: #FFFF99; border: 1px solid #FFFF99; border-top: none; padding: 8px 16px; text-align:center}

/* Thumbnail link <a> */
.ImageZoom {cursor: url(/graphics/magplus.cur), pointer; outline: none}

/* Thumbnail link <a> when big image zoomed */
.ImageZoom-zoomed {cursor: default}

/* Hiding the text inside the <span> */
.ImageZoom span {display: none}

/* Styling the control bar */
.ImageZoom-controlbar {display: block; height: 18px}
.ImageZoom-controlbar a {display: block; width: 18px; height: 18px; margin: 0px 1px; outline: none; float: left; overflow: hidden}
.ImageZoom-controlbar a span {display: block; width: 1000px; height: 1000px; background: transparent url(/static/controlbar.png) no-repeat 0 0;outline: none; position: absolute;left: 0px; top: 0px}