.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:80px!important;
}



#two { /* Added CSS for second target div of zoomable images */
	height: 243px; /* 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;
}



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

.thumbs a.last {margin-right: 0px;}

.thumbs img { /* trigger images - the thumbnails used to load new zoomable images into the targetarea */
	border-width: 0; /* avoid default borders in some browsers */
}

#multizoom1 {  }
.pro_det_show1 { width: 190px !important; height: 286px !important; position: relative;}
.pro_det_show1 img{ height:auto !important;  max-width: 100% !important; position: absolute; bottom: 5px !important; max-height: 281px !important; top: initial !important;}
#show-image-large2 img{
    width:50px;
    height:50px;
    border:1px solid #ccc;
    margin-right:2px;
}