/*VARIABLE*/
#smallScroller
{
background-color:#CCCCCC;
clear:both;
top:0;
width:732px;
height: 66px;
position: relative;
border:none;
}
	
#smallScroller div.scrollableArea *
{
display: block;
position: relative;
float: left;
padding: 0;
margin: 0px;
}

#smallScroller *{
border:none;
}
#smallScroller a{
border-right:1px solid #efeff0;
}
	
div.scrollingHotSpotLeft, div.scrollingHotSpotRight
{
min-width: 35px;
}

/*MAIN*/
div.scrollingHotSpotLeft {

cursor:url(images/cursor_arrow_left.cur), url(images/cursor_arrow_left.cur), w-resize;
height:100%;
left:0;
min-width:75px;
position:absolute;
width:10%;
z-index:1;
}
div.scrollingHotSpotLeftVisible {
background-image:url(images/left.png);
background-position:20px;
background-repeat:no-repeat;
}
div.scrollingHotSpotRight {
background-image:url(images/big_transparent.gif);
background-position:center center;
background-repeat:repeat;
cursor:url(images/cursor_arrow_right.cur), url(images/cursor_arrow_right.cur), e-resize;
height:100%;
min-width:75px;
position:absolute;
right:0;
width:10%;
z-index:1;
}
div.scrollingHotSpotRightVisible {
background-image:url(images/right.png);
background-repeat:no-repeat;
background-position:20px;
background-repeat:no-repeat;
}
div.scrollWrapper {
height:100%;
overflow:hidden;
position:relative;
width:100%;
border:none;
padding:0;
margin:0;
}
div.scrollableArea {
height:100%;
position:relative;
width:auto;
}
.scrollableArea img{border-color:#FFFFFF;}
.scrollableArea a{color:#FFFFFF;}