/* -------------------------------------------------------------------------- */
/* hpslidebox - MAIN LAYOUT                                                     */
/* -------------------------------------------------------------------------- */

  /* main layout */
    #hpslidebox-main-box
    {
      margin-top: 20px;
      margin-bottom: 40px;
      width: 1280px;
      height: 270px;
      overflow: hidden;
      position: relative;
    }


    #hpslidebox-carousel
    {
      position: absolute;
      left: 50px;
      top: 0px;
      width: 1180px;
      height: 270px;
      overflow: hidden;
    }


    #hpslidebox-carousel-content
    {
        width: 1000000px;
        position: relative;
        left: 0px; /*-1280px;*/
    }
    
/* -------------------------------------------------------------------------- */
/* hpslidebox - LISTER                                                          */
/* -------------------------------------------------------------------------- */

    #hpslidebox-lister-left
    {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 50px;
      height: 270px;
      cursor: pointer;
      background: url(img/arrow-left.png) no-repeat center center;
    }

    #hpslidebox-lister-right
    {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 50px;
      height: 270px;
      cursor: pointer;
      background: url(img/arrow-right.png) no-repeat center center;
    }

    #hpslidebox-lister-middle
    {
      position: absolute;
      bottom: 18px;
      width: 1280px;
      height: 16px;
      display: none;
    }
    
    #hpslidebox-lister-middle img
    {
      margin: 0px 7px;
      cursor: pointer;
    }

/* -------------------------------------------------------------------------- */
/* hpslidebox - SLIDE ITEM                                                      */
/* -------------------------------------------------------------------------- */

  /* slide */
    .hpslidebox-item
    {
      float: left;
      width: 640px;
      height: 270px;
      margin-right: 20px;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
    }
    

/* -------------------------------------------------------------------------- */
/* hpslidebox - CONTENT FORMATING                                               */
/* -------------------------------------------------------------------------- */

    /* formating */
    .hpslidebox-item
    {
      color: #FFFFFF;
      text-shadow:  3px 3px 3px #000000;
      text-shadow:  3px 3px 3px rgba(0,0,0,.5);
      text-align: center;
    }

    .hpslidebox-caption
    {
      font-size: 280%;
      line-height: 100%;
      font-weight: 600;
      margin-top: 27px;
    }

    .hpslidebox-button
    {
      margin-top: 20px;
      font-size: 150%;
      font-weight: 200;
    }

   .hpslidebox-button a
   {
      display: block;
      color: #FFFFFF;
      background:  url(img/hpslidebox-arrow.png) right center no-repeat #000000;
      background:  url(img/hpslidebox-arrow.png) right center no-repeat rgba(0,0,0,0.5);
      padding:  13px 40px 13px 20px;
   }

  .hpslidebox-button a         { color: #FFFFFF;   text-decoration: none;}
  .hpslidebox-button a:link    { color: #FFFFFF;   text-decoration: none;}
  .hpslidebox-button a:visited { color: #FFFFFF;   text-decoration: none;}
  .hpslidebox-button a:active  { color: #FFFFFF;   text-decoration: none;}
  .hpslidebox-button a:hover   { color: #FFFFFF;   text-decoration: none;}