#featured-wrapper {
height: 234px;
max-width: 1018px; 
margin: 0px 0 1.5em 0;
position: relative;
cursor: pointer;
font-family:Arial, Helvetica, sans-serif;
/*border: 1px solid #ccc;
background: transparent url("/images/gradient1.gif") repeat-x left top;
overflow: hidden;
color: #444;

*/
}

.featured-hover {
/*border-color: #fbdc14 !important;*/
}

.featured-hover .featured-description {
color: #FFFFFF;
}

#featured-nav {
list-style-image: none;
list-style-type: none;
position: absolute;
bottom: 1px;
left: 1px;
margin: 0;
padding: 0;
z-index: 1000;
}


#featured-nav li {
float: left;
margin-right: 1px;
}

#featured-nav a {
text-decoration: none;
text-align:center;
display: block;
width: auto;
padding-top: 3px;
font-size: 12px;
float: left;
border: 1px solid #ccc;
background: #d9d9d9 url("../images/gradient2.gif") repeat-x left -25px;
cursor: pointer;
height:17px;
width:20px;
color:rgb(20,52,89);
}

#featured-nav a:hover,
#featured-nav a.active {
background-position: left top;
}

.featured-item {
background-color: #FFFFFF;
background-position: 0 0;
background-repeat: no-repeat;
height:234px;
z-index: 2000;
}

.featured-description {
width: 170px;
padding: 15px;
margin: 0;
height: 100px;
float:left;
display:none;
}

.featured-description h2 {
position: absolute;
top: 0;
color:#555555;
font-size: 10px;
text-transform: uppercase;
margin: 0 10px 10px 0;
width:160px;
padding: 5px 5px 3px 5px;
}

.featured-description h3 {
border: none;
font-size: 14px;
font-weight: bold;
margin: 0;
color:#ffffff;
}

.featured-description p {
font-size: 11px;
}

.description-bottom {
position: absolute;
bottom: 40px;
color: #ffffff;
width:170px;
z-index: 2000;
display:none;
}
.description-bottom a:link, .description-bottom a:visited {
color:#ffffff;
text-decoration:none;
}