.scroll {position:relative}

.scrollControlsY{
	display:block;
	position: absolute;
	/*top:-614px;
	left:0px;
	height:100%;
	width:20px;*/
	
/*	background:url(/img/scrollBar.gif) no-repeat right top;*/
}

/*#ecom-purchase .scrollControlsY{
	display:block;
	position: absolute;
	top:-260px;
	left:10px;
	height:100%;
	width:20px;
}

#content-area .left .scrollControlsY,.gallery .scrollControlsY{
	left:0;
	top:-617px;
}

#contentEl{height: 625px; }
.leftcol.scroller{
width:677px;	
}

.leftcol.scroller .scrollControlsY{
	top:-615px;
	left:41px;
}



.leftcol.scroller{
	border-left:solid 1px #555;
}
*/


.upBtn{
	display:block;
	position:absolute;
	bottom:20px;
	right:0;
	width:20px;
	height:20px;/*
	
	background-image:url(/images/nav/btnUp.png);
	background-repeat:no-repeat;*/
	/*background: url(/img/upBtn.gif) no-repeat 0 0;*/
	cursor:pointer;
}
.paddingEl{
	/*padding:0;*/
}



/*
.upBtn:hover{
	background: url(/img/upBtn.gif) no-repeat 0 0px;
}

.upBtn-Active, .upBtn-Active:hover{
	background: url(/img/upBtn.gif) no-repeat 0 0px;
}*/

.downBtn{
	display:block;
	position:absolute;
	bottom:0px;
	right:0;
	width:20px;
	height:20px;/*
	background-image:url(/images/nav/btnDown.png);
	background-repeat:no-repeat;*/
	/*background: url(/img/downBtn.gif) no-repeat 0 0px;*/
	cursor:pointer;
}

.downBtn:hover{
	/*background: url(/img/downBtn.gif) no-repeat 0 0px;*/
}

/*.downBtn-Active, .downBtn-Active:hover{
	background: url(/img/downBtn.gif) no-repeat 0 0;
}*/

/*.scrollBar{
	display:block;
	position: absolute;
	top:-10px;
	right:0;
	padding: 0 0 0 0;	
	bottom:41px;
	width:20px;
}

.scrollHandle{
	display:block;
	position:absolute;
	top:0px;
	right:0;
	width:15px;
	height:35px;
	min-height:4px;
	cursor: pointer;
	padding:11px 0;
	margin:13px 0 0 0;
}

.scrollHandleBG{
	display:block;
	position: relative;
	height:100%;
	width:15px;
	
	background: url(/img/scrollHandleBG.png) repeat-y 0 0 ;
}*/

/*.scrollHandle .scrollHandleBG:hover, .scrollHandle:hover .scrollHandleBG{
	
	background: url(/img/scrollHandleBG.png) repeat-y -15px 0;
}

.scrollHandle-Active .scrollHandleBG:hover, .scrollHandle-Active:hover .scrollHandleBG, .scrollHandle-Active .scrollHandleBG{
	
	background: url(/img/scrollHandleBG.png) repeat-y -30px 0;
}*/

/*.scrollHandleMiddle{
	display: block;
	position: absolute;
	width:15px;
	height:13px;
	
	background: url(/img/scrollHandleMiddle.png no-repeat 0 0  ;
	top:50%;
	margin:-5px 0 0 0;
}*/

/*.scrollHandle .scrollHandleMiddle:hover, .scrollHandle:hover .scrollHandleMiddle{
	
	background: url(/img/scrollHandleMiddle.png) repeat-y -15px 0;
}

.scrollHandle-Active .scrollHandleMiddle:hover, .scrollHandle-Active:hover .scrollHandleMiddle, .scrollHandle-Active .scrollHandleMiddle{
	
	background: url(/img/scrollHandleMiddle.png) repeat-y -30px 0;
}*/

.scrollHandleTop{
	display:block;
	position:absolute;
	width:0px;
	height:0px;
	/*background:url(/img/scrollHandleTop.png) no-repeat 0 0;
	top:2px;
	margin:0 0 0 0;*/
}

/*.scrollHandle .scrollHandleTop:hover, .scrollHandle:hover .scrollHandleTop{
	background:url(/img/scrollHandleTop.png) no-repeat -15px 0;
}

.scrollHandle-Active .scrollHandleTop:hover, .scrollHandle-Active:hover .scrollHandleTop, .scrollHandle-Active .scrollHandleTop{
	background:url(/img/scrollHandleTop.png) no-repeat -30px 0;
}*/

.scrollHandleBottom{
	display:block;
	position:absolute;
	width:0px;
	height:0px;
 /*background:url(/img/scrollHandleBottom.png) no-repeat -30px 0;
	bottom:0;
	margin:0 0 0 0;*/
}

/*.scrollHandle .scrollHandleBottom:hover, .scrollHandle:hover .scrollHandleBottom{
background:	url(/img/scrollHandleBottom.png) no-repeat -15px 0;
}

.scrollHandle-Active .scrollHandleBottom:hover, .scrollHandle-Active:hover .scrollHandleBottom, .scrollHandle-Active .scrollHandleBottom{
	background: url(/img/scrollHandleBottom.png) no-repeat 0 0 ;
}
*/
/* .leftcol.scroller.fifty-fifty{
width:40%;
float:left;

}

.rightcol.fifty-fifty{
width:50%;
float:left;
}*/

/*-------------------  NEW STUFF FOR HOHN------------*/
#coupons-slider .scrollControlsY,.event-list .scrollControlsY {
width:52px;
height:250px;
left:0;
top:0;	
}

.event-list .scrollControlsY {
right:-200px;
top:0;

}

#coupons-slider .scroll{
height:265px;	
}

#coupons-slider .contentEl {
	width:230px;
	float:right;
	
}

#coupons-slider .scrollHandleMiddle,.event-list .scrollHandleMiddle {
background-image:url(/images/nav/sliderHandle.png);
background-repeat:no-repeat;
opacity:1;
width:58px;
height:58px;	
position:absolute;
left:-27px;
}

.event-list .scrollHandleMiddle {

	
}

#coupons-slider .scrollHandleMiddle:hover {
	cursor:pointer;
}

#coupons-slider .scrollBar {
	background-image:url(/images/backgrounds/scrollerBack.png);
	background-position:center top;
	background-repeat:no-repeat;
	opacity:1;
	width:3px;
	height:200px;
	
}

.event-list .scrollBar {
	background-image:url(/images/backgrounds/blackScrollerBack.png);
		background-position:center top;
	background-repeat:no-repeat;
	opacity:1;
	width:3px;
	
	height:200px;
	
}


