/* js-disabled class - set image sizes so they all fit in the viewer */
.js-disabled img { width:100px; height:100px; display:block; float:left; margin:30px 0 0; }

#outerContainer { width:100%; height:200px; margin:auto; position:relative; border:1px solid black; border-bottom:0px; }
#imageScroller { width:100%; height:200px; position:relative; background-color:black; }
#viewer { width:970px; height:198px; overflow:hidden; margin:auto; position:relative; top:0px; }
#viewer #greyBar { width:100%; z-index:3; position:absolute; top:0px; opacity:0.4;filter:alpha(opacity=40); background-color:#333; height:40px }
#viewer a img { height:200px; width:200px; }
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller #viewer #ctrlBar img { border:0; cursor:pointer;}/* opacity:0.9;filter:alpha(opacity=90);*/
#controls { width:100%; height:47px; position:absolute; top:4px; left:4px; z-index:10; }
#controls a { position:absolute; top:3px; }
#title { color:#d5e14d; font-family:arial; font-size:100%; font-weight:bold; width:100%; text-align:center; margin-top:10px; }
/*#rtl { background:url(images/misc/rightArrow.png) no-repeat; left:50px; }
#rtl:hover { background:url(images/misc/rightArrow.png) no-repeat; left:49px; }
#ltr:hover { background:url(images/misc/leftArrow.png) no-repeat; }*/