
/*INNER TEXT STYLES AND POSITIONING OF INSIDE ELEMENTS */
.contentdiv h2 { margin:0 0 5px 0;} /* Listing Title (headline)*/
.fleft  { float:left; width:120px; text-align:left;} /* left column (image, beds, bath, price)*/
.fright { float:right; width:270px; text-align:left; height:160px; overflow: auto;} /* right column (full_dec)*/


/* OVERALL LAYOUT STYLES WIDTHS, HIGHTS, BORDER COLOR, ... */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 8px solid #CCCCCC;
border-bottom-width: 10px;
width: 400px;   /*width of featured content slider*/
height: 200px; /*hight of featured content slider*/
}

.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: white;
width: 390px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


/* PAGINATION STYLES */
.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #FFFFFF;
padding: 5px 10px;
border-bottom: 1px solid #CCCCCC;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}