.multizoom1
{
width:500px;
}

.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;
}

.targetarea { /* CSS for container div(s) of the zoomable image */
	height: 670px; /* high or higher than the tallest zoomable image */
	margin-top:3px;
}

#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;
	max-width:none;
	  border-width: 0;
    display: block;
   
    margin: auto;
    max-width: none;
    position: relative;
    top: 0 !important;
	
}

.thumbs { /* divs holding the trigger links - styles optional, used here to center their links below their respective zoomable image */
	padding: 0;
	text-align: center;
}


.thumbs a {
    border: 1px solid #DDDDDD;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    margin: 0 5px;
    text-decoration: none;}
.thumbs a  img{
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;}

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

#description, #description2 {
	position: absolute; /* required for description folows image bottom (descpos: true) */
	width: 325px; /* 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;
}

@media only screen and (min-width:360px) and (max-width:640px)
{

.multizoom1 
{
width: 360px !important;
}

.targetarea
{
 height: 450px !important;
    margin-top: 3px !important;
}

.targetarea img {
    border-width: 0;
    display: block;
    height: 400px !important;
    margin: auto;
    max-width: none;
    position: relative;
    top: 0 !important;
    width: 400px !important;
	}
.zoomtracker
	{
	display:block !important;
	width:170px !important;
	   margin: 0 !important;
    padding: 0 !important;
	}	
}

@media only screen and (min-width:280px) and (max-width:359px)
{

.multizoom1
{
width:auto !important;
}

.targetarea {
    height: 350px !important;
    margin-top: 3px !important;
}

.targetarea img {
    border-width: 0;
    display: block;
    height: 320px !important;
    margin: auto;
    max-width: none;
    position: relative;
    top: 0 !important;
    width: 320px !important;
	}
.zoomtracker
	{
	display:block !important;
	width:170px !important;
	   margin: 0 !important;
    padding: 0 !important;
	}

}

.zoomtracker
{
display:none !important;
}