#myScrollerMoo
{
      margin-top: 20px;
      margin-bottom: 50px;  
}
.scrollerMoo
{
    position: relative;
    width: 650px;
    height: 100px;
    margin: 0px auto;
}
.scrollerMooWrapper
{
    position:relative;
    width: 650px;
    white-space: nowrap;
    margin: 0px auto;
    overflow: hidden;
    background-color: #C0C0C0;
    border: solid 1px #333333;
}
.scrollerMooItem
{
    display: inline;
	text-align: left;
}
.scrollerMooItem img
{
    
}
.scrollerMoo h3
{
    color: #002748;
    font-size: 12px;
    position: absolute;    
    display: inline;
    top: 85%;      
}

/* From jd.gallery start*/
.scrollerMoo a.right, .scrollerMoo a.left
{
	position: absolute;
	height: 150px;
	width: 40px;
	cursor: pointer;
	z-index:10;
	ilter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .scrollerMoo a.right, * html .scrollerMoo a.left
{
	filter:alpha(opacity=50);
}

.scrollerMoo a.right:hover, .scrollerMoo a.left:hover
{
	filter:alpha(opacity=100);
	-moz-opacity:0.8;
	-khtml-opacity: 0.1;
	opacity: 0.8;
	height: 150px;
	width: 40px;
}

.scrollerMoo a.left
{
	left: -50px;
	top: 50%;
	margin-top: -65px;
	background: url('img/fleche3.png') no-repeat center left;
}

* html .scrollerMoo a.left { background: url('img/fleche3.gif') no-repeat center left; }

.scrollerMoo a.right
{
	right: -50px;
	top: 50%;
	margin-top: -65px;
	background: url('img/fleche4.png') no-repeat center right;
}

* html .scrollerMoo a.right { background: url('img/fleche4.gif') no-repeat center right; }

/* From jd.gallery end*/