/* CSS Document */

.banner-wrapper
{
	width:724px;
	height:243px;
	background:#fff;
	border:1px solid #ddd;
	position:relative;
	margin-left:202px;
	margin-top:4px;
}

#banners
{
	height:243px;
	position:absolute;
}

.home.hasbanners #secondary,
.home.hasbanners.hospitaltemplate #secondary
{
	margin-top:335px;
}


/** Onebyone **/
/** Begin Rotator, UC Health custom CSS **/

.oneByOne_item
{
	width:724px;
	height:243px;
	position:absolute;
	display:none;
	cursor:pointer;
}

.buttonArea{
    right:0;
    position: absolute;            
    bottom:0;
}                     
.buttonCon{  
    float: left;
    left:-25%;
    position: relative; 
	bottom:10px;
}
.buttonCon .theButton {
	display: block;
	color: #B22222;
	width: 20px;
	height: 22px;
	background: url(images/circlebutton.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
}
.buttonArea a.active {
	background-position: 0 -22px;
}             

.arrowButton{    
	cursor: pointer;  
}            
.arrowButton .prevArrow{
	background: url(images/prev.png) no-repeat; 
	width: 40px;
	height: 80px;      
	position: absolute;
	top: 170px;	 
	left: 12px;        
} 
.arrowButton .nextArrow{                 
	background: url(images/next.png) no-repeat;
	width: 40px;
	height: 80px;
	position: absolute;
	top: 170px;
	right: 12px;	          
}

/** Account for the big 960px banners **/
.banners_abovecontainer .banner-wrapper
{
	width:958px;
	height:430px;
	background:#fff;
	border:1px solid #ddd;
	border-bottom:none;
	position:relative;
	margin:0;
}