/* Style for the product scroller and scroll bar, do not alter these settings as it will break!!! */

.products {
	position:relative;
	height:174px;
	width:550px;
	margin:0 auto 20px auto;
}
.products a {
	outline:none;
	text-decoration:none;
}
.products .centerProducts {
	height:130px;
	width:550px;
	margin:0 auto;
	position:relative;
	padding-top:31px;
}
.products .productsInner {
	width: 10000px;
	height: 130px;
	position:absolute;
}
.products .centerProducts .prod {
	float: left;
	width: 110px;
	text-align: center;
	position:relative;
}
.products .centerProducts .prod h3 {
	color: #333333;
	cursor:pointer;
	font-size: 100%;
	position: absolute;
	left:0;
	top: 100px;
	width:100%;
	font-weight:bold;
}
.products .centerProducts .prod h3 a {
	color: #333333;
}
.products span.img img {
	cursor:pointer;
	position:relative;
}
.products span.img {
	cursor:pointer;
	display:inline-block;
	height:100px;
	width:100px;
	position:relative;
}
.products .cntScrollBar {
	height:18px;
	width:550px;
	margin:0 auto;
	position:relative;
}
.products .cntScrollBar .ArrowLeft, .products .cntScrollBar .ArrowRight {
	display:block;
	cursor:pointer;
	width:13px;
	height:18px;
}
.products .cntScrollBar .ArrowLeft {
	background:transparent url(http://www.bunnomatic.co.uk/images/ArrowLeft.png) no-repeat !important;
	float:left;
}
.products .cntScrollBar .ArrowRight {
	background:transparent url(http://www.bunnomatic.co.uk/images/ArrowRight.png) no-repeat !important;
	float:right;
}
.products .cntScrollBar .Bar {
	background:transparent url(http://www.bunnomatic.co.uk/images/track.gif) no-repeat;
	display:none;
	height:18px;
	width:524px;
	position:relative;
	float:left;
}
.products .cntScrollBar .Slider {
	background:transparent url(http://www.bunnomatic.co.uk/images/slider.png) no-repeat !important;
	position:absolute;
	cursor:pointer;
	width:88px;
	height:18px;
}