#wrapper {
    width: 710px !important;
    margin: 25px auto;
	height:300px;
	overflow:hidden;
	position:relative;
	float:left
}

#slider {
    width: 600px;
    margin: 0 auto;
    position: relative;
}

.scroll {
	overflow: hidden;
	width: 600px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
	padding:0 0 0 240px
}

.scrollContainer div.panel {
    padding: 10px;
	width:150px;
	height: 300px;
	text-align:center;
}

div.panel {	margin:0 auto}

.inside {
	padding: 10px;

}

.inside img {
	display: block;

	margin: 0 0 10px 0;
	width: 150px;
	margin:0 auto;
}

.scrollButtons {
    position: absolute;
    top: 50px;
    cursor: pointer;
	 width:45px; height:58px
}

.scrollButtons.left {
	background:url(../images/leftarrow.png);
    left: -55px;
	float:left
}
.scrollButtons.left:hover {	background:url(../images/leftarrow_hover.png);}
.scrollButtons.right:hover {background:url(../images/rightarrow_hover.png)}

.scrollButtons.right {
	background:url(../images/rightarrow.png);
	left:665px;
	float:left}

.hide {
    display: none;
}