/* 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;*/
	/*left: 350px !important;*/
	left: 330px !important;
}

/* 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;
}
#zoomingLoadingIndicator {
    background: url("../images/mz_loading.gif") no-repeat scroll center 3px #FFFFFF;
    border: 1px solid #AAAAAA;
    left: 108px;
    opacity: 0.6;
    padding: 23px 0px 3px 0px;
    position: absolute;
    top: 200px;
    width: 92px;
    text-align: center;
    display: none;
    filter: alpha(opacity = 60);
    z-index: 10000;
}
#zoomingLayer {
    overflow: hidden;
    position: absolute;
    top: -10000px;
}
#zoomingLayerImage {
    position: absolute;
    top: 0px;
    left: 0px;
}
#magicZoomBoxImage {
    left:5px;
    top: 1px;
    position: absolute;
    width: 309px;
    height: 447px;
}
#zoomTool {
    display: none;
    border:1px solid #AAAAAA;
    background: #FFFFFF;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: absolute;
    top: 0px;
    left: 0px;
    height: 110px;
    width: 76px;
    z-index: 10000;
}
#magicZoomBox {
    border:0px solid #D9D9D9;
    margin:0px; height:455px;
}