﻿/* ©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(/ProductDetail/MagicMagnifyPlusZoomin.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> */

.MagicMagnifyPlus span {
   display: none;
   }

.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(/ProductDetail/MagicMagnifyPlusZoomOut.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 */

/* CSS class for the   CSS class for span inside the thumbnail
.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(/ProductDetail/MagicMagnifyPlusControlbar.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(/ProductDetail/MagicMagnifyPlusLoader.gif) no-repeat 2px 50%;
   background: #ffffff url padding: 2px 2px 2px 22px;
   margin: 0;
   text-decoration: none;
   text-align: left;
   font-size: 8pt;
   font-family: sans-serif;

}
/* CSS class for the span with caption text */
.MagicMagnifyPlus span {
   display : none;
   } 
