/* az ajánló div CSS-e
   négy kép kell hozzá, az ajánló szélén lévő görgető nyilakhoz */


  div.wcs_scroller {
  margin: 0; 
  width: 448px; 
  clear: both; 
  padding: 46px 29px 15px; 
  height: 100px; 
  position: relative; 
  overflow: hidden; 
  background:transparent url(images/featured.gif) no-repeat scroll left top ;
  _width:548px;
  _height:  160px;
  
  
  }
  div.window {clear: both; width: inherit; height: 100px; position: relative; overflow: hidden}
  div.scroll {height: 100px;}
  a.fleft, a.fright {position: absolute; top: 46px; left: 0px; width: 30px; height: 100px; 
  background: transparent url(images/left.png) no-repeat top left; text-indent: -10000px}
  a.fleft:hover
  {
    background-image: url(images/left_hover.png);
    background-position: -24px 5px;
    
    }
    
    a.fleft
    {
    background-position: -24px 5px;
    }
  a.fright {left: 470px; background-image: url(images/right.png)}
  a.fright:hover {background-image: url(images/right_hover.png)}

/* az ajánlóban lévő LI elemek CSS-e
  a video.png egy placeholder, ha nincs kép */

  ul.videolist {list-style-type: none; margin: 0; padding: 0}
  ul.videolist li {margin: 0; display: inline} 
  ul.videolist a {margin-right: 5px; display: block; height: 55px; font-size: 11px; float: left; color: #CCCCCC; text-decoration: none; width: 104px; line-height: 1em; background: transparent url(../images/video.png) no-repeat top left; text-align: center; position: relative; padding-top: 65px}
  ul.videolist a:hover {color: #00CCFF}
  ul.videolist a img {width: 100px; height: 60px; bordet: 1px solid; cursor: pointer}
  ul.videolist a strong {padding: 3px 0px; height: 2em; text-align: left; cursor: pointer; color: #FFFFFF}
  ul.videolist a:hover strong {color: #00CCFF}
  ul.videolist a span {display: block; text-align: left; cursor: pointer} 
  ul.videolist a span.text {height: 3em; overflow: hidden; text-align: center; font-size: 10px;}
  ul.videolist a span.img {position: absolute; top: 0; left: 0; width: 100%; text-align: center; cursor: pointer}
  ul.videolist a.noimg {padding-top: 0; background-image: none}