/*







MagicToolboxSelectorsContainer



   Magic Zoom Plus v1.7.4 DEMO



   Copyright 2009 Magic Toolbox



   You must buy a license to use this tool.



   Go to www.magictoolbox.com/magiczoomplus/











*/



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

	margin-left:25px;

	margin-top:-3px;



}







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

	width:50px;

	height:50px;



}







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



	float:right;



}







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



}







.MagicToolboxSelectorsContainer



{height:400px;







overflow-y:scroll;



width:120px;}