.scrollable {
	position: relative;
	overflow: hidden;
	width: 710px;
	height: 325px;
	margin: 0px auto;
}

/* Width = (.items div + margin) x amount (example: 650px X 3 = 1950px) */
.scrollable .items {
	width: 2130px;
	position: absolute;
}

.scrollable .items img {
	float: left;
	margin: 35px 0px 0px 10px;
}

.items div {
	float: left;
	width: 630px;
	height: 325px;
	margin: 0px 40px 0px 40px;
}

.items div div.product_details {
	float: right;
	width: 310px;
	height: 325px;
	margin: 35px 0px 0px 0px;
	background: #ffffff;
}

.items div div.product_details h1 {
	font: 31px/38px 'MuseoSlab900', Arial, sans-serif;
	color: #747679;
}

.items div div.product_details h1 a {color: #747679; text-decoration: none;}
.items div div.product_details h1 a:hover {color: #b3b3b3;}

.items div div.product_details h2 {
	font: 31px/38px 'MuseoSlab900', Arial, sans-serif;
	color: #6ec80e;
	margin: 0px 0px 20px 0px;
}

.items div div.product_details p {
	font: 16px/22px 'MuseoSans500', Arial, sans-serif;
	color: #747679;
}

.items div div.product_details a.cart {
	font: 12px/12px 'MuseoSans500', Arial, sans-serif;
	color: #284905;
	width: 110px;
	height: 18px;
	display: block;
	text-transform: uppercase;
	text-align: center;
	background: transparent url(../img/banner_green_button.png) top center no-repeat;
	text-decoration: none;
	text-shadow: #9cf63c 0px 1px 0, transparent 0px -1px 0;
	padding: 7px 0px 0px 0px;
	float: left;
	margin: 20px 20px 0px 0px;
}

.items div div.product_details a.cart:hover {
	background-position: bottom;
	text-shadow: #9cf63c 0px -1px 0, transparent 0px 1px 0;
}

.items div div.product_details a.details {
	font: 12px/12px 'MuseoSans500', Arial, sans-serif;
	color: #747679;
	width: 70px;
	height: 18px;
	display: block;
	text-transform: uppercase;
	text-align: center;
	background: transparent url(../img/banner_grey_button.png) top center no-repeat;
	text-decoration: none;
	text-shadow: #e9e9e9 0px 1px 0, transparent 0px -1px 0;
	padding: 7px 0px 0px 0px;
	float: left;
	margin: 20px 20px 0px 0px;
}

.items div div.product_details a.details:hover {
	background-position: bottom;
	text-shadow: #e9e9e9 0px -1px 0, transparent 0px 1px 0;
}

.product_banner a.left {
	background: transparent url(../img/scrollable_left_arrow.png) top center no-repeat;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	left: 10px;
	z-index: 10;
	top: 150px;
}

.product_banner a.right {
	background:transparent url(../img/scrollable_right_arrow.png) top center no-repeat;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	right: 10px;
	z-index: 10;
	top: 150px;
}

.product_banner a.left:hover, .product_banner a.right:hover {
	background-position: bottom;
	cursor: hand;
	cursor: pointer;
}