/*


   Magic Zoom Plus v4.0.7 
   Copyright 2011 Magic Toolbox
   Buy a license: www.magictoolbox.com/magiczoomplus/
   License agreement: http://www.magictoolbox.com/license/


*/


/* Style of the small image link */
.MagicZoomPlus, .MagicZoomPlus:hover { cursor: url(graphics/zoomin.cur), pointer; outline: 0 !important; }
/* Style of the small image */
.MagicZoomPlus img { border: 0 !important; padding: 0 !important; margin: 0 !important; outline: 0 !important; }
/* Style of the span inside the small image link */
.MagicZoomPlus span { display: none !important; }
/* Style of hint box */
.MagicZoomPlusHint { background: url(graphics/hint.gif) no-repeat 2px 50%; padding: 2px 2px 2px 20px !important; min-height: 24px; margin: 0; text-decoration: none; text-align: left; line-height: 24px; font-size: 8pt; font-family: sans-serif; color: #444; }
/* Style to hide external title or caption on a page. Only needed for #id method */
.MagicZoomPlus-ExternalText { display: none; }
/* Style of the zoomed image */

/* Style of text on the zoomed image */
.MagicZoomHeader { font-size: 10pt !important; line-height: normal !important; color: #fff; background: #666; text-align: center !important; }
/* Style of square magnify area under the cursor */
.MagicZoomPup { border: 1px solid #aaa; background: #fff; cursor: url(graphics/zoomin.cur), pointer; }
/* Style of loading message and icon shown during load */
.MagicZoomLoading { border: 1px solid #ccc; background: #fff url(graphics/loader.gif) no-repeat 2px 50%; padding: 4px 4px 4px 24px !important; margin: 0; text-decoration: none; text-align: left; line-height: 1.5em; font-size: 8pt; font-family: sans-serif; color: #444; }
/* Style of hotspots */
.MagicHotspots { display: none; visibility: hidden; }
.MagicHotspots a { border: 1px solid #ccc; display: block !important; position: absolute !important; }
.MagicHotspots a:hover { border: 1px solid red; }
/* Style of the small image when the large image is expanded */ 
.MagicThumb-expanded-thumbnail { cursor: default; }
/* Style of the expanded image */
.MagicThumb-expanded { cursor: url(graphics/zoomout.cur), pointer; background: #ffffff; border: 1px solid #ccc; outline: 0; padding: 0; }
/* Style of the caption for the expanded image */
.MagicThumb-caption { color: #333; font: normal 10pt Verdana, Helvetica; background: #ccc; text-align: left; padding: 8px; min-height: 18px !important; border: 0 !important; outline: 0 !important; }
/* Style of the close/next/previous buttons */
.MagicThumb-buttons { background: transparent url(graphics/buttons1.png) no-repeat 0 0; height: 24px; display: block; }
.MagicThumb-buttons a { width: 24px; height: 24px; margin: 0px 1px !important; overflow: hidden; }
/* Style of the loading message box */
.MagicThumb-loader { font: normal 12pt sans-serif; line-height: 1.5em; border: 1px solid #000; background: #fff url(graphics/loader.gif) no-repeat 2px 50%; padding: 2px 2px 2px 22px; margin: 0; text-decoration: none; text-align: left; }
/* Style of shadow effect behind zoomed image */
.MagicBoxShadow {
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important; /* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important; }
/* Style of glow effect behind zoomed image */
.MagicBoxGlow {
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important; /* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important; }
/* Contaner with main image and selectors container */
div.MagicToolboxContainer { text-align: center; }
/* Main image styles */
div.MagicToolboxContainer a { margin: 0 auto; }
/* Container with selectors*/
div.MagicToolboxSelectorsContainer { clear: both; }
/* Selectors styles */
div.MagicToolboxSelectorsContainer a { display: inline-block; }
div.MagicToolboxMessage { text-align: center; color: #999; font-size: 10px; }
/* selectors-left */
div.MagicToolboxContainer.selectorsLeft .MagicToolboxMainContainer { float: left; }
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer { float: left; }
/* selectors-right */
div.MagicToolboxContainer.selectorsRight .MagicToolboxMainContainer { float: right; }
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer { float: right; }
div.MagicToolboxSelectorsContainer { clear: none; }
div.MagicToolboxContainer { text-align: center; }
.product-view .product-img-box .more-views ul { margin-left: 0px; }