.scroll {
  height: 150px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
	float:left;
}

.scrollButtons {
    cursor: pointer;
}

.hide {
    display: none;
}

#slider {
	height: 150px;
	position: relative;
	border-bottom: solid 2px #fff;
	background-color: #d9d9d9;
}

#slider .scrollContainer {
	margin-left: 220px;
}

	#slider h1 {
		position: absolute;
		top: 25px;
		left: 25px;
		z-index: 100;
	}

	.pagebrowser {
		position: absolute;
		z-index: 100;
		left: 25px;
		top: 50px;
	}
	
	.pagebrowser .scroll {
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
	}

		.pagebrowser ul {
			margin: 0;
			padding: 0;
		}
	
			.pagebrowser ul li {
				margin: 0 0 5px 0;
				padding: 0;
				list-style-type: none;
				background-image: none !important;
			}

#leftarrowup {
	position: absolute;
	left: 175px;
	top: 15px;
	z-index: 100;
}

#leftarrowdown {
	position: absolute;
	left: 175px;
	top: 115px;
	z-index: 100;
}

            
#rightarrowup {
	position: absolute;
	right: 20px;
	top: 15px;
	z-index: 100;
}

#rightarrowdown {
	position: absolute;
	right: 20px;
	top: 115px;
	z-index: 100;
}