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

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

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

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

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

/* Thumbnail link <a> */
.MagicThumb {cursor: url(cursor/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; width: 1000px; height: 1000px; background:#990000 url(graphics/controlbar.png) no-repeat 0 0;outline: none; position: absolute;left: 0px; top:0px}