xbody {margin:0; background:#ccc; padding:5px; font:11px Verdana,Arial}
#slideshow {list-style:none; color:#ccc}
#slideshow span {display:none}
#wrapper {position:relative; width:571px; height:251px; padding:0px 0px 0px 0px; display:none}
#wrapper * {margin:0; padding:0px 0px 0px 0px}
#fullsize {position:relative; width:571px; height:251px; top:0px; left: 0px; padding:0px 0px 0px 0px; background:#fff; }
#information {position:absolute; bottom:0; width:420px; 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}
#image {width:100%;height:100%}
#image img {position:absolute; z-index:25; width:100%; height:100%;}
.imgnav {position:absolute; width:5%; height:245px; cursor:pointer; z-index:150}
#imgprev {left:5px; bottom: 5px;background:url(images/scroll-left.gif) left bottom no-repeat}
#imgnext {right:5px; bottom: 5px; background:url(images/scroll-right.gif) right bottom no-repeat}
#badimglink {position:absolute; height:100%; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
#imglink {position:absolute; height:85%; width:88%; left:25px; z-index:1000; opacity:.4; filter:alpha(opacity=40); background:url(images/blank.gif)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:-30px; width: 98%}
#slideleft {display:none; float:left; width:20px; height:20px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#ddd}
#slideright {display:none; float:right; width:20px; height:20px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#eee}
#slidearea {float:left; position:relative; width:200px; margin-left:30px; height:25px; overflow:hidden; z-index: 500}
#slider {position:absolute; left:0; height:20px;}
#slider img {cursor:pointer; border:1px solid #444; padding:2px}