/* CSS Magnification is based on work of Stu Nicholls 
       
       ********** http://cssplay.co.uk. *************
                                         */

#magnifier {
display:inline; 
position:relative; 
width:400px; 
height:240px; 
margin:0 20px 0px 0; 
z-index:100; 
float:left;
}
#magnifier img {
position:absolute; 
width:400px; 
height:200px; 
top:25px; 
left:-240px;
}
#magnifier ul {
padding:0; 
border:0; 
margin:0; 
list-style-type:none;
}
#magnifier a {
display:block; 
width:24px; 
height:20px;
}
#magnifier li {
display:block; 
width:24px; 
height:20px; 
position:absolute; 
left:24px; 
top:0; 
background:transparent;
}
#magnifier li.one {
left:0;
}
#magnifier li:hover {
width:24px; 
height:20px;
}
#magnifier li.one:hover img {
width:400px; 
height:200px;
}
#magnifier li.two:hover img {
width:430px; 
height:230px;
}
#magnifier li.three:hover img {
width:470px; 
height:270px;
}
#magnifier li.four:hover img {
width:510px; 
height:310px;
}
#magnifier li.five:hover img {
width:550px; 
height:350px;
}
#magnifier li.six:hover img {
width:590px; 
height:390px;
}
#magnifier li.seven:hover img {
width:610px; 
height:410px;
}
#magnifier li.eight:hover img {
width:650px; 
height:450px;
}
#magnifier li.nine:hover img {
width:700px; 
height:500px;
}
#magnifier li.ten:hover img {
width:700px; 
height:500px;
}
#magnifier li.eleven:hover img {
width:450px; 
height:200px;
}
#magnifier table {
border:0; 
padding:0; 
margin:0; 
border-collapse:collapse;
}