@charset "UTF-8";
/* CSS Document */
.center { position:relative; width:420px; margin:0 auto; }

.left { float:left; }

#scroller { width:420px; height:165px; margin:0; float:left; background:white; }
#outerScroller {
	float: left;
	width: 400px;
	overflow: hidden;
	height: 165px;
	display: inline;
	position:relative;


}
#innerScroller {
	width: 8000px;
	height: 100%;
	position: relative;
}

a.leftFF, a.rightFF { width:10px; height:100%; text-align:center; color:black; text-indent:-999999px; overflow:hidden; float:left; }

a.leftFF { background:url(../img/arrows.gif) top left no-repeat; }
a.leftFF:hover { background:url(../img/arrows.gif) bottom left no-repeat; }

a.rightFF { background:url(../img/arrows.gif) top right no-repeat; }
a.rightFF:hover { background:url(../img/arrows.gif) bottom right no-repeat; }

a.panel, a.panel2, a.panel3 {
height:50px; width:80px; padding:0; margin-top:50px; float:left; background-repeat: no-repeat; background-position: center; border-right:#ccc 0px solid;
}
a.panel:hover, a.panel2:hover, a.panel3:hover { height:auto; width:auto; padding:0; margin:0; border:none; }

a.panel img, a.panel2 img, a.panel3 img { float:left; display:none; position:relative; bottom:0; }
a.panel:hover img, a.panel2:hover img, a.panel3:hover img { display:block; }
a.panel2:hover img { margin: 0 0 0 -75px; }
a.panel3:hover img { margin: 0 0 0 -168px; border-left:2px solid white; border-right:40px solid white; }