@charset "utf-8";

#slideshow {list-style:none; color:#fff; margin:0; padding:0;}
#slideshow span {display:none}
#wrapper { width: 635px; margin:15px 0 0 0; display: none }
#wrapper * {margin:0; padding:0}
#fullsize { position: relative; width: 633px; height:475px; padding: 2px; border: 1px solid #fff; background: #000 }
#information {position:absolute; bottom:1px; width:633px; height:0; color:#fff; background:#000; 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:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:475px; cursor:pointer; z-index:150}
#imgprev {left:1px; background:url(images/left.png) left center no-repeat;}
#imgnext {right:1px; background:url(images/right.png) right center no-repeat; }
#imgprev:hover, #imgnext:hover { opacity:1 !important;}
#imglink { position: absolute; height: 475px; width: 100%; z-index: 100; opacity: .4; filter: alpha(opacity=40) }
.linkhover {}
#thumbnails {margin:15px 0 20px 0; overflow:hidden;}
#slideleft {float:left; width:20px; height:98px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:98px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:580px; margin-left:5px; height:98px; overflow:hidden}
#slider {position:absolute; left:0; height:90px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
