/* ©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: 15px; 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; }</a></a></a>