#myScrollerMoo
{
	
	width: 470px;
	float: left;
	height: 100px;
}
.scrollerMoo
{
    position: relative;
    width: 460px;
    height: 100px;
	padding-top: 6px;
	padding-right: 0;
}
.scrollerMooWrapper
{
	
    position:relative;
    height: 100px;
    width: 425px;
    white-space: nowrap;
    margin-left: 22px;
    overflow: hidden;
	float: left;
}
.scrollerMooItem
{
    display: inline;
	text-align: left;
}
.scrollerMooItem img
{
	
    width: 75px;
    height: 87px;
    border: 1px dashed #d4dee8;
	padding: 2px;
	margin-right: 1px;
}

.scrollerMoo h3
{
    width: 74px;
    color: #8bb212;
    font-size: 10px;
    position: absolute;    
    display: inline;
    top: 75%;
    background-color: rgba(255,254,255,0.9);
	padding: 2px;
	text-align: center;
	margin-left: 2px;
}

/* jd.gallery start*/
.scrollerMoo a.right, .scrollerMoo a.left
{
	position: absolute;
	height: 94px;
	width: 18px;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=25);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

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

.scrollerMoo a.right:hover, .scrollerMoo a.left:hover
{
	filter:alpha(opacity=90);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.scrollerMoo a.left
{
	width: 18px;
	height: 94px;
	left: 0;
	top: 50%;
	margin-top: -47px;
	
	background: url(../images/fleche1.png) no-repeat center;
}

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

.scrollerMoo a.right
{
	
	width: 18px;
	height: 94px;
	right: 0;
	top: 50%;
	margin-top: -47px;
	background: url(../images/fleche2.png) no-repeat center;
}

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

/* jd.gallery ende*/