
/*INNER TEXT STYLES AND POSITIONING OF INSIDE ELEMENTS */
.contentdiv h2 { margin:0 0 5px 0;} /* Listing Title (headline)*/
.fleft  { float:left; text-align:left; width:104px; padding:0 10px 5px 0;} /* left column (image, beds, bath, price)*/
.fleft img{border:1px solid #cccccc; padding:1px;}
.finfo { text-align:left; height:100px; overflow: auto; width:100%; font-size:11px; font-weight:normal;} /* right column (full_dec)*/
.fright { margin-left:15px; font-size:12px; font-weight:normal;} /* right column (full_dec)*/
.ftitle{font-weight:bold; line-height:20px;}


/* OVERALL LAYOUT STYLES WIDTHS, HIGHTS, BORDER COLOR, ... */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border:1px solid #cccccc;
width: 300px;   /*width of featured content slider*/
height: 220px; /*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-color:#f6f5f5;
width: 290px; /*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: 282px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #cccccc;
padding: 5px 10px;
text-align:center;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #fff;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #f6f5f5;
}
