.footer #makeMeScrollable {
height:200px;
position:relative;
width:100%;
background:#000;
}

.footer #makeMeScrollable div.scrollableArea{
height:128px;
overflow:hidden;
}

.footer #makeMeScrollable div.scrollableArea * {
float:left;
margin:0;
padding:0;
position:relative;
}

.footer .scrollWrapper{
height:128px;
margin:0px 50px 0px;
padding:35px 0px 35px;
width:850px;
}

.footer #makeMeScrollable .scrollableArea a{
    float: left;
    /*list-style: none;*/
		display:block;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width:180px;
	height:126px;
	text-decoration:none;
	    border: 1px solid #fff;
			margin-right:10px;
}

.footer #makeMeScrollable .scrollableArea a:hover{
border-color:#efac0a;
}


.footer #makeMeScrollable .scrollableArea a div{
width:70px;
position:absolute;
bottom:10px;
left:100px;
font-weight:bold;
color:#fff;
text-align:left;
} 




/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right: 10px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../skin/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left: 10px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../skin/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}