/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */

img {
    border-width: 0px;
}
        
/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:			1px solid #19315A;
}

.MagicZoomMain {
	text-align: center !important;
	width: 92px;
}

.MagicZoomMain div {
	padding: 0px !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:		#19315A;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
}

/* 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;
}


/*Added by SC*/
.MagicZoomInsets img{
	vertical-align:middle;
	margin-right:3px;
	border:1px solid #000;
}
.MagicZoom img{
	border:1px solid #000;
	margin-bottom:5px;
}
.MagicZoomContainer{
	position:relative;
}
.MagicZoomDetails{
	padding:3px 0;
	font:11px Tahoma, Verdana, Arial, sans-serif;
}
.MagicZoomCustomStyles{
	position:absolute;
	left:200px;
	top:0;
}

/* CSS class for thumbnail link <A> */
.MagicThumb {
    cursor: url(http://lib.store.yahoo.net/lib/yhst-2127998513399/zoomin.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> */
.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(http://lib.store.yahoo.net/lib/yhst-2127998513399/zoomout.cur), pointer; }
