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

#outerContainer { width:1000px; height:125px; margin:auto; position:relative; 	}
#imageScroller { width:1000px; height:125px; position:relative;  }
#viewer { 
	width:990px; 
	height:111px; 
	overflow:hidden; 
	margin:5px auto 0 auto; 
	position:relative; 
	background-image:url('../img/bg3.jpg');
	background-position:260px 17px;
	background-repeat:no-repeat;
	background-color:#7c333c;
	border:1px solid silver;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	behavior: url(PIE.html);
}
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0;  height:75px; margin:33px 0 0 0 ; border:2px solid silver;
}
#controls { width:1000px; height:40px; position:absolute; top:0; left:0; z-index:10;	}
#controls a { width:47px; height:40px; position:absolute; top:0; }
#controls a:active, #controls a:visited { color:#0d0d0d; }
#title { 
	position:relative;
	color:#1E628C; font-family:"Trebuchet MS"; font-size:12px;  width:990px; text-align:center; margin:0 auto 0 auto; 
	background-image:url('../img/gray_bg.jpg');
	height:20px;
	border:1px solid silver;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-radius: 5px 5px 0 0;
	behavior: url(PIE.html);

}
#rtl { background:url(images/rtl.png) no-repeat; left:100px; z-index:100 }
#rtl:hover { background:url(images/rtl_over.png) no-repeat; left:99px;  z-index:100 }
#ltr { background:url(images/ltr.png) no-repeat; right:100px;  z-index:100 }
#ltr:hover { background:url(images/ltr_over.png) no-repeat;  z-index:100 }