#slider {  
	width: 960px;  
	margin: 0 auto;  
	position: relative;
	z-index: 0;
}

.scroll {  
	height: 240px;  
	overflow: auto;  
	position: relative; 
	/* fix for IE to respect overflow */  
	clear: left;  
	background: #fff scroll left bottom;
}

.scrollContainer div.panel {  
	padding: 0px;  
	height: 310px;  
	width: 960px; 
	/* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {  
	position: absolute;  
	top: 0px;  
	cursor: pointer;
	visibility: hidden
}

.scrollButtons.left {  
	left: -27px;
	z-index:0;
}

.scrollButtons.right {
	right: -27px;
	z-index:0;
}

#scrollnav {
	width: 960px;
	background: url(../images/scrollbg.png);
	overflow: hidden;
	font-size: 15px;
	font-family: helvetica, arial;
	font-weight: 500;
	padding-top: 5px;
	padding-bottom: 10px;
	color: #FC3;
	height: 50px;
}

#scrollnav ul {
	list-style-type: none;
	text-align: center;
	padding-left: 20px;
	margin-left: 1px;
	margin-top: 0px;
}

#scrollnav li {
	float: left;
	text-align: center;
	margin-left: 20px;
}

#scrollnav li a {
	color:#fff;
	display: block;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#scrollnav li a:hover {
	color: #FFCC00; 	
}

#scrollnav li a:active {
	color: #FFCC00;
}

#purchasing {
	background: url(../images/bgpur.jpg) no-repeat;
	z-index:5;
}

.purfloat {
	float: right;
	margin-right: 20px;
	width: 280px;
	background: url(../images/floatbg.png);
	height: 200px;
	padding: 20px;
	color: #FFF;
}

.floatbut {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: #FC0;
	color: #000;
	vertical-align: bottom;
}

.floatbut:hover {
	background: #333;
	color: #FC0;
}

.yellowhead {
	font-size: 18px;
	font-family: Helvetica, Arial;
	color: #FFCC00;
}



#refinancing {
	background: url(../images/bgrefi.jpg) no-repeat;
}

#renewals{
	background: url(../images/bgrenew.jpg) no-repeat;
}

#benefits{
	background: url(../images/bgbenefits.jpg) no-repeat;
}