#SuperBox { background:#000; padding:5px 5px 5px 5px; margin:0 0 4px 0; width:600px; }
#SuperBox img { border:0;}
#imgContainer { margin:0 0 0 0; padding:0; color:#333; height:387px; }
#imgContainer div.notice { width:100%; padding-top:60px; text-align:center;}
#ThumbContainer { padding:5px 5px 5px 5px; margin-bottom:4px; background:#000; width:590px;}
#ThumbContainer .scrollContent a { display:block; float:left; margin-right:5px; margin-top:5px; }
#ThumbContainer .scrollContent a.last { margin-right:0; }
#ThumbContainer .scrollContent a img { display:block; cursor:pointer;}
#ThumbContainer .scrollContent a.act { }

#imgControls, #thumbControls { font-size:9pt; color:#555; font-weight:bold; line-height:1.3em; margin:0; padding:3px 0; }
#imgControls a, #thumbControls a { color:#555; font-size:13pt; line-height:1.3em;}
#imgControls a:hover, #thumbControls a:hover { color:#fff; cursor:pointer;}

#imgControls { position:relative; background:#000; width:600px; height:20px; }

a#imgPrev, a#imgNext, #playPause { position:absolute; top:2px; cursor:pointer; }
a#imgPrev { right:22px; }
a#imgNext { right:7px; }

#playPause { width: 14px; height: 14px; cursor: pointer; top:6px; left:7px; line-height:14px;}
a.buttonPlay { background:url(../img/superslideshow/play.gif) top left no-repeat; }
a.buttonPlay:hover { background:url(../img/superslideshow/playh.gif) top left no-repeat; }
a.buttonPause { background:url(../img/superslideshow/pause.gif) top left no-repeat; }
a.buttonPause:hover { background:url(../img/superslideshow/pauseh.gif) top left no-repeat; }

#imgInfoInner { text-align:center; width:590px; line-height:20px; margin:0; padding:0; font-size:10pt; color:#999; font-weight:normal; font-family:Times;}
/*

SCROLLBAR CSS

*/
.scrollbar{
width: 15px;
float: right;
}
.knob{ cursor:pointer; }
.vertical .knobTop{
width: 15px;
height: 4px;
font-size: 0;
background: url(../img/scrollbar/verticalKnobTop.png) no-repeat top left #000;
}
.vertical .knobMiddle{
width: 15px;
font-size: 0;
background: url(../img/scrollbar/verticalKnobMiddle.gif) repeat-y top left #000;
}
.vertical .knobBottom{
width: 15px;
height: 4px;
font-size: 0;
background: url(../img/scrollbar/verticalKnobBottom.png) no-repeat top left #000;
}

.horizontal .knobTop{
height: 15px;
width: 4px;
background: url(../img/scrollbar/horizontalKnobTop.png) no-repeat top left #000;
float: left;
font-size: 0;
}
.horizontal .knobMiddle{
height: 15px;
font-size: 0;
background: url(../img/scrollbar/horizontalKnobMiddle.gif) repeat-X top left #000;
float: left;
}
.horizontal .knobBottom{
height: 15px;
font-size: 0;
width: 4px;
background: url(../img/scrollbar/horizontalKnobBottom.png) no-repeat top left #000;
float: left;
}
.vertical .track{
background: url(../img/scrollbar/verticalTrackMiddle.gif) repeat-y top left #000;
}

.horizontal .track{
float: left;
background: url(../img/scrollbar/horizontalTrackMiddle.gif) repeat-x top left #000;
}
.horizontal .scrollbarUp, .horizontal .scrollbarDown{
display: block;
width: 15px;
height: 15px;
background: url(../img/scrollbar/horizontalArrowTop.png) no-repeat top right;
cursor: pointer;
float: left;
}
.horizontal .scrollbarDown{
background: url(../img/scrollbar/horizontalArrowBottom.png) no-repeat top left #000;
float: right;
}
.vertical .scrollbarUp, .vertical .scrollbarDown{
display: block;
width: 15px;
height: 15px;
background: url(../img/scrollbar/verticalArrowTop.png) no-repeat top left #000;
cursor: pointer;
}
.vertical .scrollbarDown, .vertical a.scrollbarDown:link{
	background: url(../img/scrollbar/verticalArrowBottom.png) no-repeat top left #000;
}
a.scrollbarDown:hover, a.scrollbarUp:hover {
	background-position: center left;
}
a.scrollbarDown:active, a.scrollbarUp:hover {
	background-position: bottom left;
}