.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
/*border: 10px solid navy;
border-bottom-width: 6px;  */
width: 601px;
/*width: 400px;     width of featured content slider

kbq adds below:    */
/*height: 350px;*/
height: 400px;
}



.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	/*padding: 5px;
background: #c4c4c4;*/

width: 601px;  /*width: 390px; width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
background-image: url(images_hm/bg_featured.gif);
background-repeat: repeat-y;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.sliderwrapper .contentdiv p{
	font-family: Futura, Arial, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
	/*line-height: 10pt;*/
	margin: 0px;
	padding: 10px 40px;
}

.sliderwrapper .contentdiv img{
	margin: 0;
	padding: 0;
}
.sliderwrapper .contentdiv a{
	color: yellow;
}


.pagination{
width: 601px;    /*400px; Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
background-image: url(images_hm/bg_featured.gif);
background-repeat: repeat-y;
/*background-color: #c4c4c4;
padding: 5px 10px;  
kbq added below:   */
font-family: Futura, Arial, Geneva, Helvetica, sans-serif;
font-size: 1em;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #ffffff;
/*background: white;*/
}

.pagination a:hover, .pagination a.selected{
color: #000000;
background-color: #999999;
text-decoration: none;
}
