/* 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: auto 10px auto 0px;
	vertical-align: middle;
}

#outerContainer { 
  	 width: 1000px;
    	height: 100px; 
    	margin: auto; 
    	position: relative; 
}

#imageScroller {
    width: auto;
    height: 100px;
    position: relative;
    text-align: center;
    margin: 0px;
    

}

#viewer {
    width: auto;
    height: 100px;
    overflow: Hidden;
    margin: auto;
    position: relative;
}


#imageScroller a img {
    	border: 0;
    	display: block;
    	vertical-align: bottom;  
	float: left;
	margin: auto 30px auto 0px;

}


#controls { 
    width:534px; 
    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 */