/* 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;
}
.product-img-box { float:left; width:267px; }
.product-img-box .product-image-zoom { position:relative; overflow:hidden; width:300px; height:300px; z-index:9; }
.product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; }
.image-zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px auto; background:url(../images/slider_bg.gif) no-repeat 50% 50%; padding:0 28px 0 28px; cursor:pointer; }
.image-zoom #track { position:relative; height:18px; }
.image-zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px;background:url(../images/magnifier_handle.gif) 0 0 no-repeat; }
.image-zoom .btn-zoom-out { position:absolute; left:2px; top:1px; }
.image-zoom .btn-zoom-in { position:absolute; right:2px; top:1px; }
.product-img-box .more-views h4 { /*border-bottom:1px solid #ccc; */margin-bottom:.8em; font-size:.95em; text-transform:uppercase; }/* update 20090430 */
.product-img-box .more-views ul { margin-left:-9px; }
.product-img-box .more-views li { float:left; margin:0 0 9px 9px; }
.product-img-box .more-views li a { float:left; width:56px; height:56px; border:2px solid #ddd; position:relative; overflow:hidden; }
.product-img-box .more-views li a img { margin:-32px 0 0 -21px;/*width:56px;height:56px;*/ }/* update 20090430 */
.product-img-box .more-views li a:hover { border:2px solid #ddd; overflow:visible; z-index:999; }
.product-img-box .more-views li a:hover img { border:2px solid #ddd; margin:0; position:absolute; top:-34px; left:-34px; }