@charset "utf-8";
/* CSS Document */
#scroller {width:600px; height:360px; position:relative;padding:5px 0; background:#fff;}
#scroller em {display:block; width:229px; height:175px; position:absolute; top:0; right:0; border:1px solid #ddd;}
#scroller span {display:block; width:360px; height:365px; position:absolute; top:0; left:0; border:1px solid #ddd;}
#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:220px; height:175px; overflow:auto; float:right; margin-top:175px; border:1px solid #ccc; border-width:1px 0 1px 1px; padding:5px;}
#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.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 {width:160px; height:120px; right:35px; top:7px; border:1px solid #333;}
#scroller b#thumbs a:hover img.vt {width:120px; height:160px; right:55px; 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:20px; top:7px; border:1px solid #333;}
#scroller b#thumbs a:active img.vt, #scroller b#thumbs a:focus img.vt {width:240px; height:320px; left:60px; top:7px; border:1px solid #333;}
#scroller span b#instr {
	font-size:12px;
	color:#333333;
	position:absolute;
	bottom:70px;
	font-family:georgia, verdana, arial, sans-serif;
	font-weight:normal;
	left: 20px;
}