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


/* ============================================================ Global ===== */

   * {
     margin:                      0;
     padding:                     0;
   }

   body {
     background-color:            #000;

     font-family:                 Verdana, Helvetica, sans-serif;
     color:                       #FFF;
     text-align:                  center;
   }

/* ============================================================ Layout ===== */

   .clear {
     clear:                       both;
   }

/* ------------------------------------------------------------ Header ----- */
   #header {
     width:                       1000px;
     height:                      50px;

     margin:                      0 auto;

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

/* ------------------------------------------------------ Content Main ----- */
   #content-main {
     width:                       1000px;

     margin:                      0 auto;

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

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

     margin:                      0 0 -400px 0;

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

   #content-main .content {
     width:                       740px;

     padding:                     60px 0 30px 0;
     margin:                      0 auto;

     text-align:                  left;
   }

/* ---------------------------------------------------- Content Bottom ----- */
   /* v1 */
   #content-bottom-1 {
     width:                       1000px;
     height:                      340px;

     margin:                      0 auto;

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

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

   /* v2 */
   #content-bottom-2 {
     width:                       1000px;
     height:                      125px;

     margin:                      0 auto;

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

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

   /* v3 */
   #content-bottom-3 {
     width:                       1000px;
     height:                      265px;

     margin:                      0 auto;

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

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

   /* v4 */
   #content-bottom-4 {
     width:                       1000px;
     height:                      135px;

     margin:                      0 auto;

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

   #content-bottom .content,
   #content-bottom-1 .content,
   #content-bottom-2 .content,
   #content-bottom-3 .content,
   #content-bottom-4 .content {
     width:                       890px;

     margin:                      0 auto;

     text-align:                  left;
   }

   #content-bottom-1 .content .left,
   #content-bottom .content .left {
     float:                       left;
   }

   #content-bottom-1 .content .right,
   #content-bottom .content .right {
     float:                       right;

     padding:                     30px 0 0 0;
   }

/* ------------------------------------------------------------ Footer ----- */
   #footer {
     width:                       930px;

     margin:                      0 auto;
   }


/* ======================================================== Typography ===== */
/* ------------------------------------------------------------ Header ----- */
   #header .logo {
     position: relative;

     float:                       left;

     width:                       130px;
     height:                      110px;

     padding:                     0 20px 0 80px;
     margin:                      0 0 -60px 0;
   }

   #header .logo .button {
     width:                       130px;
     height:                      110px;

     background-image:            url(/var/img/logo/cruella_fashion.png);
     background-repeat:           no-repeat;

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

/* ----------------------------------------------------------- Content ----- */

	.heading-page {
		margin:                     0 0 20px 0;	
		font-size: 				  18px;
		font-weight: 				  normal;
	}

   #heading-o_nas {
     width:                      51px;
     height:                     13px;

     margin:                     0 0 20px 0;

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

     font-size:                  13px;
     text-indent:                -9999px;
   }

   #content-main .content p {
     padding: 0 0 15px 0;
   }

/* ------------------------------------------------------------ Footer ----- */
   #footer .notice {
     float:                       left;

     margin:                      0 20px 0 0;

     line-height:                 30px;
     font-size:                   10px;
     color:                       #666;
     text-align:                  left;
   }

   #footer .notice a {
     color:                       #666;
     text-decoration:             none;
   }

   #footer .notice a:hover {
     color:                       #CCC;
     text-decoration:             underline;
   }


/* ======================================================== Navigation ===== */

   .navigation {
     list-style:                  none;
   }

   .button {
     display:                     block;
   }

/* ------------------------------------------------------------ Header ----- */
   #nav-primary {
     position:                    relative;
     z-index:                     1;

     text-align:                  left;
   }

   #nav-primary li {
     float:                       left;
   }

   #nav-primary li .button {
     height:                      49px;

     margin:                      0 25px 0 0;

     background-repeat:           no-repeat;

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

   #nav-primary li .button#btn-o_nas {
     width:                       78px;

     background-image:            url(/var/img/button/navigation/primary/o_nas.png);
   }

   #nav-primary li .button#btn-dla_niej {
     width:                       95px;

     background-image:            url(/var/img/button/navigation/primary/dla_niej.png);
   }

   #nav-primary li .button#btn-dla_niego {
     width:                       118px;

     background-image:            url(/var/img/button/navigation/primary/dla_niego.png);
   }

   #nav-primary li .button#btn-akcesoria {
     width:                       119px;

     background-image:            url(/var/img/button/navigation/primary/akcesoria.png);
   }

   #nav-primary li .button#btn-kontakt {
     width:                       98px;

     background-image:            url(/var/img/button/navigation/primary/kontakt.png);
   }

   #nav-primary li ul {
     display:                     none;

     position:                    absolute;

     width:                       130px;

     padding:                     2px 0 5px;

     background-color:            #7f0055;

     list-style:                  none;
   }

   #nav-primary li ul li {
     clear:                       both;

     padding:                     3px 0;
   }

   #nav-primary li ul li a {
     padding:                     0 0 0 10px;

     font-size:                   11px;
     color:                       #FFF;
     text-decoration:             none;
   }

/* -------------------------------------------------------- Pagination ----- */
   #pagination {
     float:                       right;

     height:                      45px;
   }

   #pagination a {
     display:                     block;

     float:                       left;

     width:                       15px;
     height:                      15px;

     margin:                      0 5px 0 0;

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

     line-height:                 15px;
     font-size:                   10px;
     color:                       #FFF;
     text-decoration:             none;
     text-align:                  center;
   }

   #pagination a:hover {
     text-decoration:             underline;
   }

   #pagination span {
     display:                     block;

     float:                       left;

     width:                       15px;
     height:                      15px;

     margin:                      0 5px 0 0;

     line-height:                 15px;
     font-size:                   10px;
     text-align:                  center;
   }


/* ======================================================= UI Elements ===== */
/* -------------------------------------------------------- Categories ----- */
   #heading-kategorie {
     width:                       92px;
     height:                      19px;

     margin:                      0 0 10px 0;

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

     font-size:                   19px;
     text-indent:                 -9999px;
   }

   .categories {
     float:                       left;

     width:                       139px;

     margin:                      0 20px 0 0;

     background-color:            #fd00aa;

     text-align:                  center;
   }

   .categories h3 {
     padding:                     0 0 5px 0;
   }

   .categories h3 a {
     font-size:                   11px;
     color:                       #FFF;
     text-decoration:             none;
   }

   .categories a {
     text-decoration:             none;
   }

   .categories a img {
     display:                     block;

     width:                       137px;
     height:                      90px;

     margin:                      0 auto 1px;

     border:                      0;
   }

   .categories ul {
     padding:                     0 0 5px 0;

     background-color:            #d0018c;

     list-style:                  none;

     text-align:                  left;
   }

   .categories ul li {}

   .categories ul li a {
     padding:                     0 0 0 5px;

     font-size:                   11px;
     color:                       #FFF;
   }

/* -------------------------------------------------------- User Panel ----- */
   #user-panel {
     float: right;

     width:                       390px;
     height:                      40px;
   }

   #user-panel #heading-klient_vip {
     float:                       left;

     width:                       77px;
     height:                      13px;

     margin:                      0 20px 0 0;

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

     font-size: 13px;
     text-indent:                 -9999px;
   }

   /* Niezalogowany */
   #user-panel form {
     position:                    relative;
     top:                         -5px;

     height:                      13px;
   }

   #user-panel form * {
     vertical-align:              middle;
   }

   #user-panel form fieldset {
     border:                      0;
   }

   #user-panel form fieldset .field {
     width:                       120px;
     height:                      13px;

     border:                      solid 1px #e1e0db;

     font-size:                   11px;
     color:                       #999;
   }

   #user-panel p {
     padding:                     3px 60px 0 0;

     font-size:                   11px;
     text-align:                  right;
   }

   #user-panel p a {
     font-size:                   9px;
     color:                       #FFF;
     text-decoration:             underline;
   }

   #user-panel p a:hover {
     text-decoration:             none;
   }

   /* Zalogowany */
   #user-panel div {
     position:                    relative;
     top:                         -5px;

     float:                       left;

     height:                      50px;
   }

   #user-panel div a {
     display:                     block;

     line-height:                 12px;
     font-size:                   9px;
     color:                       #FFF;
     text-decoration:             underline;
   }

   #user-panel div a:hover {
     text-decoration:             none;
   }

   #user-panel #btn-wyloguj {
     float:                       right;

     width:                       47px;
     height:                      15px;

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

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

/* -------------------------------------------------------------- News ----- */
   #news {
     width:                       390px;
     height:                      153px;

     background-color:            #000;
     border:                      solid 1px #ff00ab;
   }

   #news h2 {
     padding:                     13px 7px 16px;

     font-size:                   11px;
     font-weight:                 bold;
   }

   #news p {
     padding:                     0 7px 15px;

     font-size:                   9px;
   }

   #news a {
     float:                       right;

     padding:                     0 7px;

     font-size:                   9px;
     color:                       #FFF;
     text-decoration:             none;
   }

   #news a:hover {
     text-decoration:             underline;
   }

/* ------------------------------------------------------------ Koszyk ----- */
   #heading-koszyk {
     width:                       56px;
     height:                      18px;

     margin:                      0 0 20px 0;

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

     font-size:                   18px;
     text-indent:                 -9999px;
   }

   #cart {
     width:                       100%;
   }

   #cart td {
     padding:                     5px;

     font-size:                   12px;
     color:                       #FFF;
   }

   #cart td a {
     font-weight:                 bold;
     color:                       #ff00ab;
     text-decoration:             none;
   }

   #cart td a:hover {
     text-decoration:             underline;
   }

   #cart td a.delete {
     color:                       #dd0000;
   }

   #cart td form {}

   #cart td form * {
     vertical-align:              middle;
   }

   #cart td form fieldset {
     border:                      0;
   }

   #cart td form fieldset .field {
     width:                       21px;
     height:                      15px;

     margin:                      0 10px 0 0;

     border:                      0;

     font-size:                   12px;
   }

   #cart thead tr td {
     border-bottom:               solid 1px #ff00ab;
   }

   #btn-kontynuuj_zakupy {
     position:                    relative;
     top:                         67px;
     right:                       120px;

     float:                       right;

     width:                       203px;
     height:                      38px;

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

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

   #btn-do_kasy {
     position:                    relative;
     top:                         67px;
     right:                       90px;

     float:                       right;

     width:                       91px;
     height:                      38px;

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

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

/* ----------------------------------------------------------- Product ----- */
   #product {}

   #heading-marino_fabianii {
     width:                       134px;
     height:                      15px;

     margin:                      0 0 20px 0;

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

     font-size:                   15px;
     text-indent:                 -9999px;
   }

   #product .slideshow {
     float:                       left;

     width:                       240px;

     margin:                      0 57px 0 0;

     text-align:                  center;
   }

   #product .slideshow img {
     width:                       240px;
     height:                      240px;

     margin:                      0 0 10px 0;

     border:                      0;
   }

   #product .slideshow span {
     margin:                      0 5px;

     cursor:                      pointer;
   }

   #product .slideshow span img {
     width:                       56px;
     height:                      56px;

     border:                      solid 1px #d71b99;
   }

   #product .description {
     float:                       left;

     width:                       280px;

     margin:                      0 10px 0 0;
   }

   #product .description .price {
     float:                       right;

     width:                       174px;
     height:                      95px;

     margin:                      0 0 20px 0;

     background-image:            url(/var/img/background/product/price.png);
     background-repeat:           no-repeat;

     line-height:                 95px;
     font-size:                   12px;
     font-weight:                 bold;
     text-align:                  center;
   } 
   

   #product .description .reduced {
     float:                       right;

     width:                       174px;
     height:                      95px;

     margin:                      0 0 20px 0;

     background-image:            url(/var/img/background/product/price.png);
     background-repeat:           no-repeat;

     line-height:                 95px;
     font-size:                   12px;
     font-weight:                 bold;
     text-align:                  center;
     line-height: 15px; 
     padding-top: 33px;
   } 
   

   #product .description p {
     clear:                       both;

     font-size:                   11px;

     text-align:                  justify;
   }
   
   .price-before { 
   	color: red; 
   	text-decoration: line-through; 
   	font-size: 11px;
   }

   .price-before-small { 
   	color: red; 
   	text-decoration: line-through; 
   	font-size: 10px;
   }

   #product .options {
     float:                       left;
   }

   #product .options select {
     width:                       118px;
     height:                      18px;

     margin:                      0 0 20px 0;

     border:                      solid 2px #d71b99;

     font-size:                   10px;
     color:                       #000;
   }

   #product .options #btn-do_koszyka {
     width:                       125px;
     height:                      46px;

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

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

   .tag {
     position:                    relative;
     top:                         -90px;
     right:                       60px;

     float:                       right;

     width:                       170px;
     height:                      95px;

     margin:                      0 0 -90px 0;

     background-repeat:           no-repeat;

     text-indent:                 -9999px;
   }

   .tag#tag-rabat_10 {
     background-image:            url(/var/img/tag/rabat_10.png);
   }

   #heading-inne_produkty_z_tej_kolekcji {
     width:                       232px;
     height:                      17px;

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

     text-indent:                 -9999px;
   }

   #other-products {}

   #other-products ul {
     clear:                       both;

     list-style:                  none;
   }

   #other-products ul li {
     display:                     inline;
   }

   #other-products ul li .button {
     float:                       left;

     width:                       139px;

     margin:                      0 4px;

     font-size:                   11px;
     color:                       #FFF;
     text-decoration:             none;
   }

   #other-products ul li .button img {
     display:                     block;

     width:                       137px;
     height:                      90px;

     border:                      solid 1px #ff00ab;
   }

   #other-products ul li .button .price {
     font-weight:                 bold;
   }

/* ----------------------------------------------------- Products List ----- */

	h1.heading {
		 float:                       left;
		 margin:                      0 0 20px 0;
		 font-size: 				  18px;
		 font-weight: 				  normal;
	}
	
	h1.heading-product {
		 margin:                      0 0 20px 0;
		 font-size: 				  18px;
		 height: 					  18px;
		 font-weight: 				  normal;
		 clear: 					  both;
	}

   #heading-dla_niej_-_buty {
     float:                       left;

     width:                       119px;
     height:                      18px;

     margin:                      0 0 20px 0;

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

     text-indent:                 -9999px;
   }

   #sort {
     float:                       right;
   }

   #sort label {
     font-size:                   10px;
     font-weight:                 bold;
   }

   #sort select {
     width:                       118px;
     height:                      18px;

     font-size:                   10px;
     color:                       #000;
   }

   #products-list {
     clear:                       both;

     list-style:                  none;
   }

   #products-list li {
     display:                     inline;
   }

   #products-list li .button {
     float:                       left;

     width:                       170px;

     margin:                      0 5px 20px;

     font-size:                   10px;
     font-weight:                 bold;
     color:                       #FFF;
     text-decoration:             none;
   }

   #products-list li .button img {
     display:                     block;

     width:                       170px;
     height:                      170px;

     margin:                      0 0 5px 0;

     border:                      0;
   }

/* ---------------------------------------------------- User Data Form ----- */
   #user_data_form {
     padding:                     30px 0 0 0;
   }

   #user_data_form fieldset {
     border:                      0;
   }

   #user_data_form fieldset legend {
     padding:                     0 0 20px 0;

     font-size:                   12px;
     font-weight:                 bold;
     color:                       #FFF;
   }

   #user_data_form fieldset p {
     text-align:                  right;

     padding:                     0;

     font-size:                   12px;
   }

   #user_data_form fieldset p label {
     font-size:                   12px;
   }

   #user_data_form fieldset p .field {
     width:                       185px;

     background-color:            #f0c3e2;
     border:                      solid 1px #d71b99;

     font-size:                   11px;
     color:                       #000;
   }

   #user_data_form fieldset a {
     font-weight:                 bold;
     color:                       #FFF;
     text-decoration:             underline;
   }

   #user_data_form fieldset a:hover {
     text-decoration:             none;
   }

   #user_data_form fieldset #btn-wyslij {
     position:                    relative;
     top:                         137px;
     right:                       50px;

     float:                       right;
   }
   
   
   .news-all {
   		text-align: right;
   }
   
   .news-all a {
   		color: white;
   		font-size: 13px;
   }
   
   .news-all a:hover {
   		text-decoration: none;
   }
   
   #see-all {
   	text-align: right;
   }
   
   #see-all img {
   	border: none;
   }
   
   
   input#input-code {
     width:                       185px;

     background-color:            #f0c3e2;
     border:                      solid 1px #d71b99;

     font-size:                   11px;
     color:                       #000;
     margin-left: 				  27px;
   }
   
   #check-code {
   	color: #d71b99;
   	text-decoration: none;
   }