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

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

#magnifier li:hover {width:24px; height:20px;}

#magnifier li.one:hover img {width:280px; height:210px; margin-left:-40px;}
#magnifier li.two:hover img {width:320px; height:240px; margin-left:-80px;}
#magnifier li.three:hover img {width:360px; height:270px; margin-left:-120px;}
#magnifier li.four:hover img {width:400px; height:300px; margin-left:-160px;}
#magnifier li.five:hover img {width:440px; height:330px; margin-left:-200px;}
#magnifier li.six:hover img {width:480px; height:360px; margin-left:-240px;}
#magnifier li.seven:hover img {width:520px; height:390px; margin-left:-280px;}
#magnifier li.eight:hover img {width:560px; height:420px; margin-left:-320px;}
#magnifier li.nine:hover img {width:600px; height:450px; margin-left:-360px;}
#magnifier li.ten:hover img {width:640px; height:480px; margin-left:-400px;}
#magnifier li.eleven:hover img {width:240px; height:184px; margin-left:-0px;}

#magnifier table {border:0; padding:0; margin:0; border-collapse:collapse;}