#slideshow {list-style:none; color:#fff; width:245px; overflow: hidden;}
#slideshow span {display:none}
#wrapper {width:250px; margin:21px 0 2px 0; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:245px; height:321px; margin: 7px; overflow: hidden;}
#information {position:absolute; bottom:0; width:245px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.8; filter:alpha(opacity=80)}
#information h3 {padding:4px 8px 3px; font-size:13px; color: #ffcc66;font: bold 12px "Helvetica Neue",helvetica,arial,sans-srief;}
#information p {padding:0 8px 8px; font: lighter 11px "Helvetica Neue",helvetica,arial,sans-srief; line-height: 150%;}
#image {width:245px; height:321px;background: #fff;overflow: hidden;}
#image img {position:absolute; z-index:25; width:auto; left:0; height: 321px;}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../html/img/slideshow/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../html/img/slideshow/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {}
#thumbnails {margin-top: 4px;height: 30px;text-align: center;}
.slideleft {float:left; width:20px; height:30px; background:url(../html/img/slideshow/scroll-left.gif) center center no-repeat; background-color:#222}
.slideleft:hover {background-color:#333}
.slideright {float:right; width:20px; height:30px; background:#222 url(../html/img/slideshow/scroll-right.gif) center center no-repeat}
.slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:245px; margin-left:5px; height:30px; overflow:hidden; text-align: center;}
#slider {position:absolute; left:25%; height:30px;}
#slider img {cursor:pointer; padding:1px}