body { margin: 0; padding: 5px; font: 11px Verdana,Arial; }
#slideshow { list-style: none; color: #fff; }
#slideshow span { display: none; }
#wrapper { width: 506px; margin: 0px auto; display: none; }
#wrapper * { margin: 0; padding: 0; }
#fullsize { position: relative; width: 500px; height: 300px; padding: 2px; border: 1px solid #ccc; background: #000; }
#information { position: absolute; bottom: 0; width: 500px; height: 0; background: #000; color: #fff; overflow: hidden; z-index: 200; opacity: .7; filter: alpha(opacity=70); }
#information h3 { padding: 4px 8px 3px; font-size: 14px; }
#information p { padding: 0 8px 8px; }
#imagexxxx { width: 500px; }
#image img { position: absolute; z-index: 25; width: auto; height: 300px; }
.imgnav { position: absolute; width: 25%; height: 306px; cursor: pointer; z-index: 150; }
#imgprev { left: 0; background: url(/Images/TinySlideshow/left.gif) left center no-repeat; }
#imgnext { right: 0; background: url(/Images/TinySlideshow/right.gif) right center no-repeat; }
#imglink { position: absolute; height: 306px; width: 100%; z-index: 100; opacity: .4; filter: alpha(opacity=40); }
.linkhover { background: url(XXXXXXXXXXXXXX/Images/TinySlideshow/link.gif) center center no-repeat; }
#thumbnails { margin-top: 15px; }
#slideleft { margin-top: 3px; float: left; width: 20px; height: 81px; background: url(/Images/TinySlideshow/scroll-left.gif) center center no-repeat; background-color: #222; }
#slideleft:hover { background-color: #333; }
#slideright { margin-top: 3px; float: right; width: 20px; height: 81px; background: #222 url(/Images/TinySlideshow/scroll-right.gif) center center no-repeat; }
#slideright:hover { background-color: #333; }
#slidearea { float: left; position: relative; width: 456px; margin-left: 5px; height: 81px; overflow: hidden; margin-top: 3px; }
#slider { position: absolute; left: 0; height: 81px; }
#slider img { cursor: pointer; border: 1px solid #666; padding: 2px; width: 125px; height: 75px; }