/* 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;
}

.logoScroller
{
    /*background: url(../images/bg_footer_repeat.gif) repeat-x;*/
    height:105px;
}

#outerContainer
{
    margin:auto;
    position:relative;
    width:600px;
}
#imageScroller
{
    width: 542px;
    position: relative;
}
#viewer
{
    width: 522px;
    height: 105px;
    overflow: hidden;
    margin: auto;
    position: relative;
    top: -20px;
}

#viewer div#container
{
	/*
	Hard code this value if the logos do not all show
	This is hidden for now until we have all the logos
	in place
	*/
	width:3000px !important;
}
#imageScroller a:active, #imageScroller a:visited
{
    color: #000000;
}

a.wrapper
{
   margin: 0 20px; 
}
#imageScroller a img
{
    border: 0;
}