/* Default/Master classes 

Example markup format (for horizontal scroller)
Note all DIVs are generated and should not be hard-coded

<div class="your-custom-class simply-scroll-container">
	<div class="simply-scroll-btn simply-scroll-btn-left"></div>
	<div class="simply-scroll-btn simply-scroll-btn-right"></div>
	<div class="simply-scroll-clip">
		<ul class="simply-scroll-list">
			<li>...</li>
			...
		</ul>
	</div>
</div>


*/

.simply-scroll-container {position: relative;}

.simply-scroll-clip {position: relative; overflow: hidden;}
.simply-scroll-list {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; list-style: none; /*display: block;*/}
	
.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;*/	list-style: none;}
.simply-scroll .simply-scroll-list li img {}
	

	


/* Vertical scroller example */

.vert {margin-bottom:0;}
.vert .simply-scroll-clip {height:1322px;}/*height:1070px; height:1400px; -------- owner logo section height for 13 logo*/
.vert .simply-scroll-list {}
.vert .simply-scroll-list li {height:100px; list-style:none;}


.vert .simply-scroll-list li img {list-style:none}
.vert .simply-scroll-btn {}
.vert .simply-scroll-btn-up {right: 0; top: 0;}
.vert .simply-scroll-btn-up.disabled {}
.vert .simply-scroll-btn-up:hover {}
.vert .simply-scroll-btn-down {right: 0; top: 52px;}
.vert .simply-scroll-btn-down.disabled {}
.vert .simply-scroll-btn-down:hover {}
	
/* NOTE left-right classes wouldn't be needed on vertical scroller */



@media only screen and (min-width: 960px)  and (max-width: 1360px){

.vert .simply-scroll-clip {height:1260px;}/*height:1070px; height:1400px; -------- owner logo section height for 13 logo*/
}





@media screen and (max-width: 1024px){
.vert .simply-scroll-clip {height:1282px;}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and  (max-width: 479px) {
.vert .simply-scroll-clip {height:150px;}
}


/* Vertical scroller example */

.vert1 {margin-bottom:0;}
.vert1 .simply-scroll-clip {height:100px;}/*height:1070px; height:1400px; -------- owner logo section height for 13 logo*/
.vert1 .simply-scroll-list {}
.vert1 .simply-scroll-list li {line-height:16px; list-style:none;margin: 10px 0px;}


.vert1 .simply-scroll-list li img {list-style:none}
.vert1 .simply-scroll-btn {}
.vert1 .simply-scroll-btn-up {right: 0; top: 0;}
.vert1 .simply-scroll-btn-up.disabled {}
.vert1 .simply-scroll-btn-up:hover {}
.vert1 .simply-scroll-btn-down {right: 0; top: 52px;}
.vert1 .simply-scroll-btn-down.disabled {}
.vert1 .simply-scroll-btn-down:hover {}
	
/* NOTE left-right classes wouldn't be needed on vertical scroller */



@media only screen and (min-width: 960px)  and (max-width: 1360px){

.vert1 .simply-scroll-clip {height:100px;}/*height:1070px; height:1400px; -------- owner logo section height for 13 logo*/
}





@media screen and (max-width: 1024px){
.vert1 .simply-scroll-clip {height:100px;}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and  (max-width: 479px) {
.vert1 .simply-scroll-clip {height:100px;}
}