.simply-scroll-container{position: relative;}
.simply-scroll-clip{position: relative; overflow: hidden; z-index: 2;}
.simply-scroll-list{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; width: 100%; height: 56px; z-index:3; cursor: pointer;}
.simply-scroll-btn-left{left: 0; bottom: 0;}
.simply-scroll-btn-left.disabled{}
.simply-scroll-btn-left:hover{}
.simply-scroll-btn-right{right: 0; bottom: 0;}
.simply-scroll-btn-right.disabled{}
.simply-scroll-btn-right:hover{}
.simply-scroll-btn-up{right: 0;	top: 0;}
.simply-scroll-btn-up.disabled{}
.simply-scroll-btn-up:hover{}
.simply-scroll-btn-down{right: 0; bottom: 0;}
.simply-scroll-btn-down.disabled{}
.simply-scroll-btn-down:hover{}

.simply-scroll{width: 576px; height: 200px;	margin-bottom: 1em;}
.simply-scroll .simply-scroll-clip{width: 576px; height: 200px;}
.simply-scroll .simply-scroll-list{}
.simply-scroll .simply-scroll-list li{float: left; width: 290px; height: 200px;}
.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{}

/* Vertical scroller example */
.vert {width: 100%; height: 140px;margin-bottom: 1.5em; margin: 56px 0 0 0;}
.vert .simply-scroll-clip{width: 100%; height: 84px;}
.vert .simply-scroll-list, .right .vert .simply-scroll-clip #news_ul{background-color: #01478F; width: 100%; height: 84px; margin: 0 0 0 0;}
.vert .simply-scroll-list, .vert #news_ul{background-color: #01478F; width: 100%; height: 84px; padding: 0;}
.vert .simply-scroll-list li, .right .vert .simply-scroll-clip #news_ul li{width: 150px; padding: 0px 0 18px 0px; margin: 0 0 0 0;}
.right .vert .simply-scroll-clip #news_ul li a{font-size: 11px; line-height: 14px; color: #ffffff; font-weight: bold; background: none;}
.vert .simply-scroll-list li a:hover, .right .vert .simply-scroll-clip #news_ul li a:hover{color: #cc9900; background: none;}
.vert .simply-scroll-list li a.active, .right .vert .simply-scroll-clip #news_ul li a.active{font-size: 11px; line-height: 13px; color: #cc9900; background: none;}
.vert .simply-scroll-list li img{}
.vert .simply-scroll-btn{}
.vert .simply-scroll-btn-up{right: 0; top: -56px; background: url(../images/up.jpg) top left no-repeat;}
.vert .simply-scroll-btn-up.disabled{}
.vert .simply-scroll-btn-up:hover{}
.vert .simply-scroll-btn-down{right: 0; top: 84px; background: url(../images/down.jpg) top left no-repeat;}
.vert .simply-scroll-btn-down.disabled{}
.vert .simply-scroll-btn-down:hover{}
/* NOTE left-right classes wouldn't be needed on vertical scroller */

.flickr{width: 576px; height: 180px; margin-bottom: 1.5em;}
.flickr .simply-scroll-clip{width: 576px; height: 180px;}
.flickr .simply-scroll-list img{float: left; border: none; display: block;}