/* ©2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */

/* Thumbnail image */
.MagicThumb img {border:#CCCCCC 1px solid; outline: none; padding:2px;}

/* Big image while zooming */
.MagicThumb-image {border: 5px solid #606244; outline: none; }

/* Big image when zoomed */
.MagicThumb-image-zoomed {cursor: url(../images/zoomout.cur), pointer}

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

/* Thumbnail link <a> */
.MagicThumb {cursor: url(../images/zoomin.cur), pointer; outline: none}

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

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

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