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

#outerContainer { 
	width:672px; 
	height:182px; 
	margin:auto; 
	position:relative; }
#imageScroller { 
	width:672px; 
	height:182px; 
	position:relative; 
	background:#ffffff; }
#viewer { 
	width:642px; 
	height:162px; 
	overflow:hidden; 
	margin:auto; 
	position:relative; top:10px; }
#imageScroller a:active, #imageScroller a:visited { 
	color:#000000; }
#imageScroller a img { 
	border:0; }
#controls { 
	width:654px; 
	height:47px; 
	background:url(images/controlsBG.png) no-repeat; 
	position:absolute; 
	top:4px; 
	left:4px; 
	z-index:10; }
#controls a { 
	width:37px; 
	height:35px; 
	position:absolute; 
	top:3px; }
#controls a:active, #controls a:visited { 
	color:#0d0d0d; }
#title { 
	color:#ffffff; 
	font-family:arial; 
	font-size:100%; 
	font-weight:bold; 
	width:100%; 
	text-align:center; 
	margin-top:10px; }
#rtl { 
	background:url(images/rtl.png) no-repeat; 
	left:100px; }
#rtl:hover { 
	background:url(images/rtl_over.png) no-repeat; 
	left:99px; }
#ltr { 
	background:url(images/ltr.png) no-repeat; 
	right:100px; }
#ltr:hover { 
	background:url(images/ltr_over.png) no-repeat; }










/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */