/* 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 #000;


}





/* 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:		#F88E2A;


	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;


}


/* ©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(cursor/zoomin.cur), pointer;*/


    outline: none;  background:#ffffff;


}





/* 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 {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 */








/* 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 */


.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;


	outline: none;


	position: absolute;


	left: 0px;


	top: 0px;


}





/* CSS class for the loading message box */


.MagicThumb-loading {


	border: 1px solid #000000;


	padding: 2px 2px 2px 22px;


	margin: 0;


	text-decoration: none;


	text-align: left;


	font-size: 8pt;


	font-family: sans-serif;


}