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

/* CSS class for thumbnail link <A> */
.MagicThumb {
    cursor: url(cursor/zoomin.cur), pointer;
    outline: none;
}

/* CSS class for the thumbnail link <A> when the big image is zoomed */
.MagicThumb.zoomed { cursor: default; }

/* CSS class for the thumbnail image */
.MagicThumb img { border: none; outline: none; }

/* CSS class for the big image while zooming */
.MagicThumb-image { border: 1px solid #316B6C; outline: none; }

/* CSS class for the zoomed big image */
.MagicThumb-image.zoomed { cursor: url(cursor/zoomout.cur), pointer; }

/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption {
    color: #FFFFFF;
    background-color: #316B6C;
    border: 1px solid #C00000;
    border-top: 1px solid #C00000;
    font-family: Arial, Verdana, Helvetica;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    padding: 5px;
}

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

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

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