/* 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; } /* ©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; } /* 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(cursor/zoomout.cur), pointer; } /* 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; background: transparent url(graphics/controlbar.png) no-repeat 0 0; outline: none; position: absolute; left: 0px; top: 0px; } /* CSS class for the loading message box */ .MagicThumb-loading { border: 1px solid #000000; background: #ffffff url(graphics/loader.gif) no-repeat 2px 50%; padding: 2px 2px 2px 22px; margin: 0; text-decoration: none; text-align: left; font-size: 8pt; font-family: sans-serif; }