/* =========================================================================
 *
 * @filename /var/css/screen/homepage.css
 *
 * @author Media Vision Sp. z o.o. [www.mv.pl]
 * @copyright (c) 2010 Copyright by Cruella Fashion
 *
 * ========================================================================= */


/* ============================================================ Layout ===== */
/* ------------------------------------------------------ Content Main ----- */
   #content-main {
     width:                       1000px;
     height:                      515px;

     margin:                      0 auto -75px;
   }

   #content-main .wrap {
     width:                       1000px;
     height:                      440px;

     margin:                      0 0 -440px 0;

     background-image:            url(/var/img/background/homepage/content-main/wrap.png);
   }

/* ---------------------------------------------------- Content Bottom ----- */
   #content-bottom {
     position:                    relative;
     z-index:                     1;

     width:                       1000px;
     height:                      340px;

     margin:                      0 auto;

     background-image:            url(/var/img/background/homepage/content-bottom.png);
     background-repeat:           no-repeat;
   }

   #content-bottom .content {
     position:                    relative;
     top:                         100px;
   }


/* ======================================================= UI Elements ===== */
/* ------------------------------------------------ Products Slideshow ----- */
   #products-slideshow {}

   #products-slideshow img {
     display:                     block;

     width:                       740px;
     height:                      455px;

     margin:                      0 0 -455px 0;
   }

   #products-slideshow div.navigation {
     position:                    relative;
     top:                         200px;

     height:                      50px;
   }

   #products-slideshow div.navigation #btn-prev {
     float:                       left;

     width:                       45px;
     height:                      50px;

     background-image:            url(/var/img/button/prev.png);
     background-repeat:           no-repeat;

     text-indent:                 -9999px;
     outline:                     none;

     cursor:                      pointer;
   }

   #products-slideshow div.navigation #btn-next {
     float:                       right;

     width:                       45px;
     height:                      50px;

     background-image:            url(/var/img/button/next.png);
     background-repeat:           no-repeat;

     text-indent:                 -9999px;
     outline:                     none;

     cursor:                      pointer;
   }

   #products-slideshow div.description {
     position:                    relative;
     top:                         350px;
     z-index:                     2;

     width:                       820px;
     height:                      80px;

     margin:                      0 -40px -30px;
   }

   #products-slideshow div.description h1 {
     float:                       left;

     height:                      50px;

     line-height:                 50px;
     font-size:                   16px;
   }

   #products-slideshow div.description #btn-buy {
     float:                       right;

     width:                       130px;
     height:                      80px;

     margin:                      0 0 -30px 0;

     background-image:            url(/var/img/button/buy.png);
     background-repeat:           no-repeat;

     color:                       #FFF;
     text-decoration:             none;
     text-align:                  center;

     cursor:                      pointer;
   }

   #products-slideshow div.description #btn-buy .price {
     display:                     block;

     height:                      57px;

     line-height:                 57px;
     font-family:                 Tahoma, Helvetica, sans-serif;
     font-size:                   31px;
   }

   #products-slideshow div.description #btn-buy .price span {
     font-size:                   14px;
   }

   #products-slideshow div.description #btn-buy #heading-kup_teraz {
     display:                     block;

     width:                       130px;
     height:                      23px;

     background-image:            url(/var/img/heading/kup_teraz.png);
     background-repeat:           no-repeat;

     text-indent:                 -9999px;
   }