/*------------------------------------------------*/
/*-----------------[FEATURED SLIDER]--------------*/
/*------------------------------------------------*/
.featured { background-color: #1d1d1d;
            -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    border: 2px solid #FFFFFF; background-image: url(images/slider-bg.gif); width: 991px; height: 364px; margin: 3px; float: left; }
.featured-info { color: #56adff; background-color: #313131; border: 1px solid #424242; padding: 0px 10px; margin: 15px 0px; }
#sections { width: 706px; height: 364px; float: left; overflow: hidden; }
#sections ul { width: 10000px; padding: 0; margin: 0; height: 364px; float: left; list-style-image: none; display: block; }
#sections li { width: 706px; height: 364px; display: block; float: left; }
.sections-overlay { background-image: url(images/readmore-bg.png); width: 706px; height: 364px; }
.sections-overlay .zoom { margin: 165px 0px 0px 312px; border: none; }
#featured-right { width: 262px; height: 364px; 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: 14px; line-height:14px;}
#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); }
.post-ratings {width:160px !important;}