#magnifier {display:inline; position:relative; width:240px; height:205px; background: url(../images/magnifier_b.gif) top left no-repeat; margin:0 20px 10px 15px; z-index:100; float:left;}
#magnifier img {position:absolute; width:240px; height:184px; top:0px; left:-240px; margin-top:-179px;}
#magnifier ul {padding:0; border:0; margin:0; list-style-type:none;}
#magnifier a {display:block; width:24px; height:15px;}

#magnifier a:link {color: trasparent;}
#magnifier a:active {color: trasparent;}
#magnifier a:visited {color: trasparent;}

#magnifier li {display:block; width:24px; height:15px; position:absolute; left:24px; top:0; background:transparent;}
#magnifier li.one {left:0; top:185px;}

#magnifier li.one:hover img {width:280px; height:210px; margin-top:-205px; margin-left:-40px;}
#magnifier li.two:hover img {width:320px; height:240px; margin-top:-235px; margin-left:-80px;}
#magnifier li.three:hover img {width:360px; height:270px; margin-top:-265px; margin-left:-120px;}
#magnifier li.four:hover img {width:400px; height:300px; margin-top:-295px; margin-left:-160px;}
#magnifier li.five:hover img {width:440px; height:330px; margin-top:-325px; margin-left:-200px;}
#magnifier li.six:hover img {width:480px; height:360px; margin-top:-355px; margin-left:-240px;} 
#magnifier li.seven:hover img {width:520px; height:390px; margin-top:-385px; margin-left:-280px;}
#magnifier li.eight:hover img {width:560px; height:420px; margin-top:-415px; margin-left:-320px;}
#magnifier li.nine:hover img {width:600px; height:450px; margin-top:-445px; margin-left:-360px;}
#magnifier li.ten:hover img {width:640px; height:480px; margin-top:-475px; margin-left:-400px;}
#magnifier li.eleven:hover img {width:240px; height:184px; margin-top:-179px; margin-left:0px;}
#magnifier table {border:0; padding:0; margin:0; border-collapse:collapse;}