#scroller {width:500px; height:360px; position:relative;padding:5px 0; background:#fff;}
#scroller em {display:block; width:160px; height:175px; position:absolute; top:0; right:0; border:1px} /*preview hover*/
#scroller span {display:block; width:320px; height:365px; position:absolute; top:280; border:0px;} /*main picture frame*/
#scroller span b#copyright {font-size:10px; color:#888; position:absolute; bottom:5px; right:20px; font-family:georgia, verdana, arial, sans-serif; font-weight:normal;}

#scroller b#thumbs {display:block; width:160px; height:275px; overflow:auto; float:right; margin-top:155px; border:1px solid #aaaaaa; border-width:1px 0 1px 1px; padding:1px;} /*iframe*/
#scroller b#thumbs a {display:block; float:left; margin:0 10px 10px 0; background:#f8f8ff; width:50px; height:50px; border:1px solid #000;}
#scroller b#thumbs a img {width:50px; height:50px; border:0;}

#scroller b#thumbs a:hover {border:1px dotted #ccc; background:#fff url(images/click_on.gif);}
#scroller b#thumbs a:active, #scroller b#thumbs a:focus {border:1px solid #fff; background:#fff; outline:0;}
#scroller b#thumbs a:hover img {display:block; position:absolute; background:#aaa; z-index:500;}
#scroller b#thumbs a:active img, #scroller b#thumbs a:focus img {display:block; position:absolute; background:#aaa; z-index:100;}

#scroller b#thumbs a:hover img.hr, #scroller b#thumbs a:focus img.hr {width:150px; height:120px; right:10px; top:7px; border:1px solid #333;}
#scroller b#thumbs a:hover img.vt, #scroller b#thumbs a:focus img.vt {width:120px; height:140px; right:10px; top:7px; border:1px solid #333;}

#scroller b#thumbs a:active img.hr, #scroller b#thumbs a:focus img.hr {width:320px; height:240px; left:10px; right:10px; top:7px; border:1px solid #333;}
#scroller b#thumbs a:active img.vt, #scroller b#thumbs a:focus img.vt {width:200px; height:270px; left:10px; top:7px; border:1px solid #333;}