/*MY ZOOM PLUGIN CSS*/

/*STRUCTURE

		<div class="YOUR MAIN MASK CONTAINER">
					
			<img id="main_image" src="YOUR SMALL IMAGE" border="0"/>
					
			<div class="YOUR MAIN MASK - PASS BY INIT PARAM 1"> main_image_zoomed_mask
						<div class="quad_mask"> MASK 4 THE QUAD
							<div class="image_pan">
								<img id="YOUR BIG IMAGE ID - PASS BY INIT PARAM 2" src="images/test/prod.jpg" width="1370" height="1200" border="0"/>
							</div>
						</div>
					</div>
					
				</div>

*/

/*MAIN MASK 4 ZOOMED IMAGE*/
.main_image_zoomed_mask{position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; /*background:#0f0;*/}

/*CONTAINER 4 ZOOMED IMAGE - THIS DIV WILL BE MOVED BY JQUERY*/
.image_pan{display:none; position:absolute; left:0px; top:0px; /*cursor:none;*/}

/*MASK 4 THE ZOOM QUAD*/
.quad_mask{position:absolute; left:0px; top:0px; width:200px; height:200px; overflow:hidden; cursor:none; border:1px solid #999; display:none;}