#zoomimgbox
{
    width:300px;
    height: 300px;
    border:1px solid #ccc;
	padding:5px;
	
	
}
.magnifyarea { /* CSS to add shadow to magnified image. Optional */
	box-shadow: 5px 5px 7px #818181;
	-webkit-box-shadow: 5px 5px 7px #818181;
	-moz-box-shadow: 5px 5px 7px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
	background: white;
	 margin-top:-6px !important;
	 border:1px solid #ccc !important;
}

.targetarea { /* CSS for container div(s) of the zoomable image */
	width: 100%; /* wide or wider than the widest zoomable image */
	height:100%; /* high or higher than the tallest zoomable image */
	margin-top:3px;
	background:url(../images/spinningred.gif) center no-repeat;
	background-position:50% 50%;
	margin-top:0px !important;
}

#two { /* Added CSS for second target div of zoomable images */
	height: 300px; /* high or higher than the tallest zoomable image */
}

.targetarea img { /* zoomable image */
	margin: auto; /* for horizontal centering */
	display: block; /* also for horizontal centering */
	position: relative; /* along with on the fly calculations in script, for vertical centering */
	border-width: 0;
	top:0 !important;
}
.targetarea #multizoom1
{
    height:300px !important;
    width:100% !important;
    margin-top:0px !important;
    
}

.thumbs {
	padding-top: 5px;
	width: 100%;
	text-align: center;
	
}


.thumbs a { /* trigger links on the thumbnail images */
	text-decoration: none; /* avoid underlines of images, text or spaces in these links */
}

.thumbs img { /* trigger images - the thumbnails used to load new zoomable images into the targetarea */
	border-width: 0; height:30px; /* avoid default borders in some browsers */
	border:1px solid #ccc;
	padding:2px;
	
	margin-top:10px;
	box-shadow: 0px 0px 0px #818181;
	-webkit-box-shadow: 0px 0px 0px #818181;
	-moz-box-shadow: 0px 0px 0px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=0, offY=0, positive=true);
}

#description, #description2 {
	position: absolute; /* required for description folows image bottom (descpos: true) */
	width: 300px; /* should be width of zoomable image container (.targetarea) */
	text-align: center;
	font: bold 95% sans-serif;
	margin-top: 3px; /* when following image bottom, this sets a fixed distance for that */
	color: #222;
	background-color: #fff;
	display:none;
}
.thumbs img:hover
{
    box-shadow: 2px 0px 5px #818181;
	-webkit-box-shadow: 2px 0px 5px #818181;
	-moz-box-shadow: 2px 0px 5px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=2, positive=true);
}

.featuredimagezoomerhidden
{
    margin-top:0px !important;
}