/*------------------------------------------------*/
/*-----------------[FEATURED SLIDER]--------------*/
/*------------------------------------------------*/

.featured {   background-image: url(images/slider-bg.gif); width: 588px; height: 206px; margin-top: 0px; float: left; }

.featured-info { color: #56adff; background-color: #313131; border: 1px solid #424242; padding: 0px 10px; margin: 15px 0px; }

#sections { width: 588px; height: 206px; float: left; overflow: hidden; }

#sections ul { width: 1800px; padding: 0; margin: 0; height: 206px; float: left; list-style-image: none; display: block; }

#sections li { width: 588px; height: 206px; display: block; float: left; }

.sections-overlay { background-image: url(images/readmore-bg.png); width: 588px; height: 206px; }

.sections-overlay .zoom { margin: 165px 0px 0px 312px; border: none; }

#featured-right { width: 262px; height: 206px; float: right; }

#sections2 { width: 262px; height: 296px; float: right; overflow: hidden; }

.featured-readmore { background-color: #353535; padding: 0px 10px 3px 10px; display: block; float: right; margin-top: 5px; }

#sections2 ul { width: 262px; padding: 0; margin: 0; height: 5000px; float: left; list-style-image: none; display: block; }

#sections2 li { width: 227px; height: 257px; display: block; float: left; background-image: url(images/slider-text-bg.gif); background-repeat: no-repeat; padding: 20px; }

.featured-title a { color: #fff; font-size: 20px; }

#featured-button { width: 261px; height: 66px; background-image: url(images/slider-arrows-bg.gif); float: right; }

.prev { width: 40px; height: 40px; cursor: pointer; float: left; background-image: url(images/arrow-left.gif); margin-top: 18px; margin-left: 10px; }

.next { width: 40px; height: 40px; cursor: pointer; float: right; background-image: url(images/arrow-right.gif); margin-top: 18px; margin-right: 10px; }

.prev-hover { width: 40px; height: 40px; cursor: pointer; background-image: url(images/arrow-left-hover.gif); }

.next-hover { width: 40px; height: 40px; cursor: pointer; background-image: url(images/arrow-right-hover.gif); }
