/*********** carrousel ****************/
img#gotoprev {
position:absolute;
top:545px;
margin-left:10px; 
z-index:50; overflow:visible;
background-color:transparent;
border:none; 
}
img#gotonext {
position:absolute;
top:545px;
margin-left:385px; 
z-index:50; overflow:visible;
background-color:transparent;
border:none; 
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: none; /*10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 395px; /*Width of Carousel Viewer itself*/
height:170px; /*Height should enough to fit largest content's height*/
margin-top:10px;
float:right;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 395px; /*Width of Carousel Viewer itself*/
height:170px; /*Height should enough to fit largest content's height*/
background-repeat:no-repeat;
background-position:center center;
}


.stepcarousel .panel a {
display:block;
width: 395px; /*Width of Carousel Viewer itself*/
height:170px; /*Height should enough to fit largest content's height*/
padding-top:85px;
text-decoration:none;
}


.stepcarousel .panel a div.legend {
height:85px;
background-image:url(_templates/noir50pr.png);
padding:10px 25px;
color:#FFF;
}


.stepcarousel .panel a div.legend span {
font-weight:bold;
color:#FFF;
font-size:14px;
}

.stepcarousel .panel a div.legend p {
font-size:10px;
font-weight:none;
}