#my-glider{float: left; width: 300px; height: 395px; margin-right: 10px;}
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	float: left;
	width: 300px; 
	height: 365px;
	overflow: hidden;
	background: #00FF00;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/	
		width:300px;
		height:365px;
		overflow:hidden;
		float:left;
		padding:0em;	
		}
	div.scroller div.content {
		float: left;
		width: 10000px;
		}
				
#ad_image{float: left; width: 300px; height: 365px; background: #d5d3d4;}
#ad_image img{width: 300px; height: 365px;}

div#ad_spacer{clear: both; width: 300px; height: 1px; background: #FFFFFF;}

#control_container{float:left; width: 300px; height: 30px; background: #d5d3d4;}
#control_pod{float:left; min-width: 170px; height: 30px; margin: 0px 65px 0px 65px; text-align:center;}

/*original control (no arrows) width: 684px;*/
.controls {float: left; min-width: 150px; height: 25px; color: #666666; padding-top: 5px; font: bold 18px Arial, Helvetica, sans-serif; word-spacing: 5px; text-align:center; }
.controls a{color: #666666; font: bold 18px Arial, Helvetica, sans-serif; word-spacing: 5px; text-decoration:none;}
.controls a:hover{color:#CC0000; font: bold 18px Arial, Helvetica, sans-serif; word-spacing: 5px; text-decoration:none;}

.control_arrow {float: left; width: 10px; height: 25px; background: #d5d3d4; color: #666666; padding-top: 5px; font: bold 18px Arial, Helvetica, sans-serif; word-spacing: 5px; text-align: center;}
.control_arrow a{color: #666666; font: bold 18px Arial, Helvetica, sans-serif; word-spacing: 5px; text-decoration:none;}
.control_arrow a:hover{color:#CC0000; font: bold 18px Arial, Helvetica, sans-serif; word-spacing: 5px; text-decoration:none;}