#my-glider{ width:840px; display:block; overflow:hidden; position:relative; }
div.scroller { 	/* modify width and height of scrolling section if necessary	*/			width: 840px; 	height: 480px;	overflow: hidden;	padding: 0px;	margin: 0px;  display:block; position:relative	}
div.scroller div.section {/* modify width and height of each section as needed (should match the size of the scroller window)	*/			width:840px;	height:480px;	overflow:hidden;	float:left;	padding: 0px;	margin: 0px;	/*background: #fff;*/	}
/*div.scroller div.section img {	padding: 0px;	margin: 10px 0px;	}*/
div.scroller div.content {	width: 10000px; overflow:hidden	}
.controls {	/*background: #fff;*/	padding: 5px;	margin: 0px 0px 10px 0px;	}

.prev { position:absolute; z-index:100; top:220px; left:5px;  }
.next{ position:absolute; z-index:100; top:220px; right:5px;}
.prev a, .next a{ border:none; outline:none }