/* 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 #ccc;
}/* Header look and feel CSS class *//* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader
{
    font: 14px Tahoma,Verdana,Arial,sans-serif;
    color: #000;
    font-weight: bold;
    padding-top: 2px;
    height: 21px;
    background: #f0f0f0;
    text-align: center!important;
}/* CSS class for small looking glass square under mouse */
.MagicZoomPup
{
    border: 1px solid #aaa;
    background: #fff;
    cursor: hand;
}/* CSS style for loading animation box */
.MagicZoomLoading
{
    text-align: center;
    background: #fff;
    color: #444;
    border: 1px solid #ccc;
    opacity: .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 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 #ccc;
    outline: none;
}/* CSS class for the big image while zooming */
.MagicThumb-image
{
    border: 1px solid #ccc;
    outline: none;
}/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption
{
    color: #333;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-top: none;
    font-family: Verdana,Helvetica;
    font-size: 14px;
    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: 0 1px;
    outline: none;
    float: left;
    overflow: hidden;
}/* CSS class for the loading message box */
.MagicThumb-loading
{
    border: 1px solid #000;
    background: #fff no-repeat 2px 50%;
    padding: 2px 2px 2px 22px;
    margin: 0;
    text-decoration: none;
    text-align: left;
    font-size: 8pt;
    font-family: sans-serif;
}