/******************
 HOMEPAGE SCROLLER 
******************/

#scroller-outer {
	clear: left;
	width: 960px;
	height: 53px;
	margin: 0;
	overflow: hidden;
	padding: 6px 0 9px 0;
}

	ul#scroller  {
		list-style-type: none;
		width: 1100px;
	}

		ul#scroller li {
			display: inline; 
			float: left;
		}

			.simply-scroll-container { /* Container DIV - automatically generated */
				position: relative;
			}

				.simply-scroll-clip { /* Clip DIV - automatically generated */
					position: relative;
					overflow: hidden;
					z-index: 2;
				}

				.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
					overflow: hidden;
					margin: 0;
					padding: 0;
					list-style: none;
				}

					.simply-scroll-list li {
						padding: 0;
						margin: 0;
						list-style: none;
					}

					.simply-scroll-list li img {
						border: none;
						display: block;
					}

				.simply-scroll-btn {
					position: absolute;
					background-image: url(buttons.png);
					width: 42px;
					height: 44px;
					z-index:3;
					cursor: pointer;
				}

				.simply-scroll-btn-left {
					left: 6px;
					bottom: 6px;
					background-position: 0 -44px;
				}
				.simply-scroll-btn-left.disabled {
					background-position: 0 0 !important;
				}
				.simply-scroll-btn-left:hover {
					background-position: 0 -88px;
				}

				.simply-scroll-btn-right {
					right: 6px;
					bottom: 6px;
					background-position: 84px -44px;
				}
				.simply-scroll-btn-right.disabled {
					background-position: 84px 0 !important;
				}
				.simply-scroll-btn-right:hover {
					background-position: 84px -88px;
				}

				.simply-scroll-btn-up {
					right: 6px;
					top: 6px;
					background-position: -126px -44px;
				}
				.simply-scroll-btn-up.disabled {
					background-position: -126px 0 !important;
				}
				.simply-scroll-btn-up:hover {
					background-position: -126px -88px;
				}

				.simply-scroll-btn-down {
					right: 6px;
					bottom: 6px;
					background-position: -42px -44px;
				}
				.simply-scroll-btn-down.disabled {
					background-position: -42px 0 !important;
				}
				.simply-scroll-btn-down:hover {
					background-position: -42px -88px;
				}

/* Custom class modifications - override classees - .simply-scroll is default */

			.simply-scroll { /* Customisable base class for style override DIV */
				width: 960px;
				height: 53px;
				clear: both;
				margin: 0;
				padding: 0;
			}

				.simply-scroll .simply-scroll-clip {
					width: 960px;
					height: 53px;
				}

					.simply-scroll .simply-scroll-list {}

					.simply-scroll .simply-scroll-list li {
						float: left;
						width: 172px;
						height: 53px;
						margin: 0 10px
					}
					.simply-scroll .simply-scroll-list li img {}

				.simply-scroll .simply-scroll-btn {}

				.simply-scroll .simply-scroll-btn-left {}
				.simply-scroll .simply-scroll-btn-left.disabled {}
				.simply-scroll .simply-scroll-btn-left:hover {}

				.simply-scroll .simply-scroll-btn-right {}
				.simply-scroll .simply-scroll-btn-right.disabled {}
				.simply-scroll .simply-scroll-btn-right:hover {}

				.simply-scroll .simply-scroll-btn-up {}
				.simply-scroll .simply-scroll-btn-up.disabled {}
				.simply-scroll .simply-scroll-btn-up:hover {}

				.simply-scroll .simply-scroll-btn-down {}
				.simply-scroll .simply-scroll-btn-down.disabled {}
				.simply-scroll .simply-scroll-btn-down:hover {}