/*Frantic Carousel2 for Cosmopolitan.fi*/
div#etusivuCarousel {
  background-color:#000;
  height:355px;
  margin-top:-28px;
  width:825px;
}
div.fr-carousel {
  background-color:#000;
  height:355px;
  overflow:hidden;
  width:625px;
  position:relative;
}

div.fr-carouselContentWrapper {
  overflow:hidden;
  position:relative;
  margin:10px 0 10px 10px;
  height:345px;

  
}
  
  div.fr-carouselContainer {
    color:#fff;
    float:left;
    padding:10px 0 10px 10px;
    position:absolute;;
    width:470px;
    height:355px;
  }
  

  
  div.fr-carouselContent a.fr-imgLink {
    display:block;
  }
  div.fr-carouselContent a.fr-imgLink ,
  div.fr-carouselContent a.fr-imgLink:hover,
  div.fr-carouselContent a.fr-imgLink img,
  div.fr-carouselContent a.fr-imgLink:hover img {
    border:0;
    text-decoration:none !important;
  }
  div.fr-carouselContent .fr-carouselIngress a {
    font-size:12px;
    color:white;
  }
  div.fr-carouselContent .fr-carouselIngress a:hover {
    background-color:#23C5FC !important;
    color:#FFFFFF !important;
  }
  div.fr-carouselContent {
    height:355px;
    overflow:hidden;
    padding-bottom:10px;
    position:absolute;
    top:0px;
    left:0px;
    background:black;

  }
    div.fr-carouselContent h2 {
      color:#fff;
      font-size:20px;
      letter-spacing:-.035em;
      margin:10px 0; }
    div.fr-carouselContent h2 a {
      color:#fff; 
      }

    div.fr-carouselContent h2 a span {
      color: #ec008c;
      padding:0 10px 0 0;
      margin:0 10px 0 0;
      border-right:1px solid #333;
      }

    div.fr-carouselContent  div.fr-carouselIngress a {
        font-size:13px;
    }

    div.fr-carouselContent p {
      margin:3px 0 0 0; }

    div.fr-carouselContentLeft {
      float:left;
      width:470px; }
  div.fr-carouselControls {
    position:absolute;
    top:0px;
    right:0px;
    padding:10px 0;
    width:131px;
    height:355px;
  }

  div.fr-carouselControls div.fr-carouselThumbWrapper {
    height:250px;
    overflow:hidden;
    position:relative;
  }
    div.fr-carouselControls ul {
      margin:0;
      padding:0;
      height:355px;
      position:absolute;
      top:-28px;
    }
    
    div.fr-carouselControls ul li {
        position:absolute;
        z-index:10;
        left:0;
    }
    div.fr-carouselControls ul a {
      display:block;
      height:59px;
      outline:none;
      padding:2px 0 0 17px;
      width:107px;
    }
    div.fr-carouselControls ul img {
      height:55px;
      width:104px;
    }
    div.fr-carouselControls ul a:hover, div.fr-carouselControls ul a.active {
      background:url('../img/icon-carousel-selector.gif') 0 0 no-repeat;
    }
      
      
    div.fr-carouselControls .fade {
        background:url('../img/sprite-carousel-fade2.png') 0 0 repeat-x;
        height:36px;
        position:absolute;
        z-index:11;
        width:140px;
        right:5px;
    }
     
    div.fr-carouselControls .fadeTop { background-position:bottom left; top:0px;}
    div.fr-carouselControls .fadeBottom { background-position:top left; bottom:0px;}
     
     
  div.fr-carouselPagination {
    background:url('../img/icon-carousel-divider.gif') 0 0 repeat-x;
    position:absolute;
    bottom:37px;
    right:7px;
    width:110px;
    z-index:20;
    height:53px;
    padding:25px 0 0 0;
  }
    div.fr-carouselPagination a {
      background-image:url('../img/icon-carousel-up-down2.png');
      background-repeat:no-repeat;

      display:block;
      float:left;
      height:51px;
      outline:none;
      overflow:hidden;
      text-indent:-9999em;
      width:51px;

    }
      div.fr-carouselPagination a.fr-carouselPrev {
        background-position:0 0;
        margin-right:5px;
      }
      div.fr-carouselPagination a.fr-carouselNext {
        background-position:top right;
      }



   div.fr-carouselPagination a.fr-carouselPrev:hover{
        background-position:bottom left;

      }
      div.fr-carouselPagination a.fr-carouselNext:hover {
        background-position:bottom right;
      }
#fr-carousel .active {}
.carousel-loader {position:absolute;top:0px;left:0px; height:100%; width:100%; background:black url(/img/carousel-loader.gif) no-repeat center center;z-index:50; opacity: 0.6; }
.active-frame {height:62px; width:140px; position:absolute; z-index:10; top:104px;   background:url('../img/icon-carousel-selector.gif') 0 0 no-repeat;}