/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */

/* CSS class for zoomed area */
.MagicZoomBigImageCont { border:1px solid #91b817; }
/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader { font:10px Tahoma, Verdana, Arial, sans-serif; color:#fff; background:#91b817; text-align:center !important; }
/* CSS class for small looking glass square under mouse */
.MagicZoomPup { border:1px solid #aaa; background:#ffffff; cursor:hand; }
/* CSS style for loading animation box */
.MagicZoomLoading { text-align:center; background:#ffffff; color:#444; border:1px solid #ccc; opacity:0.8; padding:3px 3px 3px 3px !important; display:none; /* do not edit this line please */ }
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img { padding-top:3px !important; }
/* ©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 span inside the thumbnail <A> */
.MagicThumb span { display: none; }
/* CSS class for the thumbnail image */
.MagicThumb img { border: 1px solid #808080; outline: none; }
/* CSS class for the big image while zooming */
.MagicThumb-image { border: 1px solid #cccccc; 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: #333333; background-color: #F0F0F0; border: 1px solid #CCCCCC; border-top: none; font-family: Verdana, Helvetica; font-size: 11px; padding: 8px 16px; }
/* CSS class for 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: transparent url(graphics/controlbar.png) no-repeat 0 0; outline: none; position: absolute; left: 0px; top: 0px; }
/* CSS class for the loading message box */
.MagicThumb-loading { border: 1px solid #000000; background: #ffffff url(graphics/loader.gif) no-repeat 2px 50%; padding: 2px 2px 2px 22px; margin: 0; text-decoration: none; text-align: left; font-size: 8pt; font-family: sans-serif; }