.sliderbutton {float:left; width:32px; padding-top:134px;}
.sliderbutton img {cursor:pointer;}
.sliderbutton img:hover {background:#666;}
#slideshow {float:left;border:2px solid #fff; background:#fff; margin-top: 30px;}
#slides a {margin-left:-10px;}
#slides {position:relative; width:456px; height:342px; list-style:none; overflow:auto; border:1px solid #ccc;}
#slides li {width:456px; height:342px;}
#slides300 {position:relative; width:400px; height:300px; list-style:none; overflow:auto; border:2px solid #ccc;}
#slides300 li {width:400px; height:300px;}

/* .pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px;} */
/*  .pagination {clear:both; list-style:none; height:25px; margin:15px 0 0 32px;}  */
.pagination {clear:both; list-style:none;}
#pagination {margin: 6px auto;}
/*  .pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222;}  */
.pagination li {float:left; cursor:pointer; padding:0; margin:6px 2px; background:#666; border:1px solid #eee; text-align:center; color:#222; filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;}
.pagination li:hover {background:#777; border:1px solid #666; color:#222;}
li.current {border:1px solid #ccc; background:#888; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

#thumblist {margin: 20px auto; padding:0; text-align:center; vertical-align:middle; cursor:pointer; display:inline;}
#thumblist li {border:1px solid #000; text-align:center; vertical-align:middle; list-style:none; cursor:pointer; display:inline;}
.thumbs {border:1px solid #000; text-align:center; vertical-align:middle; list-style:none; cursor:pointer; display:inline;}
.arrows {text-align:center; vertical-align:middle; cursor:pointer;}