#myScrollerMoo
{
     margin-top:20px;  
}
.scrollerMoo
{
    position: relative;
    width: 530px;
    height: 350px;
}
.scrollerMooWrapper
{
    position:relative;
    height: 335px;
    width: 430px;
    white-space: nowrap;
    margin-left: 40px;
    overflow: auto;
    background-color: #f5f8fa;
    border: solid 1px #ccc;
    padding: 20px 10px 0 5px;
}
.scrollerMooItem
{
    display: inline;
	text-align: left;
	margin: 0 5px 0 5px;
}
.scrollerMooItem a
{
    border: 1px solid rgb(204, 204, 204); background-color: rgb(238, 238, 238);
}
.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;
	filter: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=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.scrollerMoo a.left
{
	left: 0;
	top: 50%;
	margin-top: -75px;
	background: url('fleche1.png') no-repeat center left;
}

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

.scrollerMoo a.right
{
	right: 0;
	top: 50%;
	margin-top: -75px;
	background: url('fleche2.png') no-repeat center right;
}

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

/* From jd.gallery end*/