/**
 * Jasminum.pl
 *
 * @author Paweł Przybyś (pawel.przybys@gmail.com)
 * @version 1.00 2008/05/12
 */
 
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
html, body { height: 100%; }
body { font: normal 1em/1.2em Arial, Tahoma, Helvetica, sans-serif; color: #dc7137; background: #240c00; }
ul, ol { list-style-type: none; }
img { border: 0; }
table { border-collapse: collapse; }
.clear { clear: both; }
*:focus { outline: none; }
input[type="submit"]::-moz-focus-inner { border: 0; }
a:link, a:focus, a:visited, a:active { color: #dc7137; text-decoration: none; }
a:hover { text-decoration: underline; }
#main { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -309px;
 background: url(../img/main.gif) repeat-y; }
#footer, #push { height: 309px; clear: both; margin: 0 auto; overflow: hidden; }
#main, #footer { width: 950px; }
#main, #footer, #splash { font-size: 0.69em; line-height: 1.2em; }

/**
 * Header
 */

#header { position: relative; height: 279px; width: 950px; overflow: hidden;
 background: url(../img/header.jpg) no-repeat; }
#header #logo, #header #logginng, #header #infoline, #header #cart, #header #search, #header #nav { position: absolute; }

/**
 * Logo
 */

#logo { top: 102px; left: 0; }
#logo a { display: block; width: 256px; height: 68px; text-indent: -2000em; background: url(../img/logo.jpg) no-repeat; }

/**
 * Logginng
 */

#logginng { top: 0; left: 0; width: 950px; height: 28px; padding-top: 8px; background: url(../img/logging.jpg) no-repeat; }
#logginng h3, #logginng form, #logginng ul { float: left; }
#logginng h3 { width: 81px; height: 20px; text-indent: -2000em; background: url(../img/logowanie.gif) no-repeat; }
#logginng form { position: relative; width: 254px; height: 20px; overflow: hidden; }
#logginng label { display: none; }
#logginng input { position: absolute; }
#logginng input.text, #logginng input.password { border: 0; height: 14px; padding: 3px 8px;
 font: normal 1em/1.3em Arial, Tahoma, Helvetica, sans-serif; color: #666; }
#logginng input.text { top: 0; left: 0; width: 113px; background: url(../img/input-login.gif) no-repeat; }
#logginng input.password { top: 0; left: 133px; width: 105px;  background: url(../img/input-password.gif) no-repeat; }
#logginng input.zaloguj { top: 2px; left: 235px; border: 0; width: 17px; height: 16px; max-height: 16px; padding-top: 32px;
 background: url(../img/btn-zaloguj.gif) no-repeat; cursor: pointer; }
#logginng ul { padding: 3px 0; white-space: nowrap; }
#logginng ul li { display: inline; margin-left: 8px; }
#logginng ul li a:hover { text-decoration: none; background: none; }
#logginng ul li a:hover span { text-decoration: underline; }

/**
 * Infoline
 */

#infoline { top: 0; left: 534px; width: 194px; height: 28px; padding-top: 8px; }
#infoline h3,#infoline p { float: left; }
#infoline h3 { width: 61px; height: 20px; text-indent: -2000em; background: url(../img/infolinia.gif) no-repeat; }
#infoline p { font-size: 1.18em; line-height: 1.2em; padding: 2px 0; font-weight: bold; }

/**
 * Cart
 */

#cart { top: 0; left: 728px; width: 222px; height: 28px; padding-top: 8px; overflow: hidden; }
#cart a, #cart span, #cart strong, #cart h3 { float: left; }
#cart h3 { display: block; width: 57px; height: 20px; text-indent: -2000em; background: url(../img/koszyk.gif) no-repeat; }
#cart strong.in-cart { padding: 3px; }
#cart span.total { padding: 3px 0; }
#cart a.cart { display: inline; margin: 2px 0 0 8px; width: 17px; height: 16px; text-indent: -2000em;
 background: url(../img/btn-koszyk.gif) no-repeat; }

/**
 * Search
 */

#search { top: 112px; left: 309px; width: 275px; }
#search h3, #search form, #search ul { float: left; }
#search h3 { width: 65px; height: 27px; text-indent: -2000em; background: url(../img/szukaj.gif) no-repeat; }
#search form { position: relative; width: 210px; height: 27px; overflow: hidden; }
#search label { display: none; }
#search input { position: absolute; }
#search input.text { border: 0; height: 14px; padding: 7px 8px 6px;
 font: normal 1em/1.3em Arial, Tahoma, Helvetica, sans-serif; color: #666; }
#search input.text { top: 0; left: 0; width: 194px; background: url(../img/input-phrase.gif) no-repeat; }
#search input.szukaj { top: 2px; left: 184px; border: 0; width: 24px; height: 23px; max-height: 23px; padding-top: 46px;
 background: url(../img/btn-szukaj.gif) no-repeat; cursor: pointer; }
#search ul { clear: both; width: 275px; text-align: right; padding: 6px 0; }
#search ul li { display: inline; margin-left: 8px; }
#search ul li a:hover { text-decoration: none; background: none; }
#search ul li a:hover span { text-decoration: underline; }

/**
 * Nav
 */

#nav { top: 233px; left: 215px; }
#nav ul li, #nav ul li a { float: left; }
#nav ul li { padding: 5px; }
#nav ul li.selected { background: url(../img/nav-selected.gif) no-repeat; }
#nav ul li a { display: block; width: 107px; height: 36px; text-indent: -2000em; background: url(../img/nav.gif) no-repeat; }
#nav #nav-strona-glowana { background-position: 0 0; }
#nav #nav-bestsellery { background-position: 0 -36px; }
#nav #nav-nowosci { background-position: 0 -72px; }
#nav #nav-promocje { background-position: 0 -108px; }

/**
 * Middle
 */

#middle { padding-right: 6px; }

/**
 * Content
 */

#content { float: right; width: 719px; color: #999; padding: 5px;
 background: url(../img/content.gif) no-repeat #fff; }
#content a { color: #481900; }
#content div.bottom { clear: both; width: 729px; margin: 0 -5px -5px; height: 5px; overflow: hidden;
 background: url(../img/content-bottom.gif) no-repeat;  }
#main-page #content { background-image: url(../img/mp-content.gif); }
#content h3 { font-size: 1.36em; line-height: 1.2em; padding: 5px 15px; color: #481900;
 border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
#content .header, #content .footer { position: relative; width: 719px; height: 32px; }
#content .header h3 { border-top-width: 0; }
#content .browse { position: absolute; top: 0; right: 0; padding: 7px 15px; }
#content .browse li, #content .browse li a { display: inline; color: #999; }
#content .browse li.next a:hover, #content .browse li.prev a:hover { text-decoration: none; background: none; }
#content .browse li.next a:hover span , #content .browse li.prev a:hover span { text-decoration: underline; }

/**
 * Breadcrumb
 */

#breadcrumb { font-size: 0.82em; border-bottom: 1px solid #e6e6e6; padding-bottom: 5px; }
#breadcrumb li { display: inline; }
#breadcrumb li a { color: #999; }

/**
 * Products
 */

#content .products { padding-bottom: 20px; }
#content .products .product { float: left; width: 140px; padding: 10px 19px; display: inline; margin: 10px 0 0;
 border-right: 1px solid #e6e6e6;  }
#content .products .product.last { border: 0; }
#content .products .photo { width: 140px; height: 128px; overflow: hidden; text-align: center; }
#content .products h4 { font-size: 1.18em; line-height: 1.2em; }
#content .products .producer { padding-bottom: 5px;  }
#content .products .price { float: left; width: 68px; padding-top: 10px; }
#content .products .price strong { font-size: 2.18em; line-height: 1em; color: #481900; }
#content .products .price strong sup { font-size: 0.5em; vertical-align: top; line-height: 1em; }
#content .products .options { float: right; width: 68px; padding-top: 10px; height: 22px; overflow: hidden; } 
#content .products input.do-koszyka { border: 0; width: 68px; height: 22px; max-height: 22px; padding-top: 44px;
 background: url(../img/btn-do-koszyka.gif) no-repeat; cursor: pointer; }
#content .products .line { border-bottom :1px solid #e6e6e6; padding-bottom: 45px; }

/**
 * Product
 */

#product .photos { float: left; width: 340px; padding: 10px; }
#product .photo { width: 200px; height: 200px; overflow: hidden; margin: 0 auto; }
#product .photos-list { text-align: center; padding: 10px 0; }
#product .photos-list li { display: inline; margin: 0; }
#product .photos-list li a img { border: 1px solid #e6e6e6; }
#product .about { float: left; width: 330px; padding: 10px; color: #666; }
#product h4 { font-size: 1.64em; line-height: 1.2em; color: #481900; padding-bottom: 10px; }
#product .params { padding-bottom: 10px; }
#product .params li { padding-bottom: 2px; }
#product .params li a, #product .params li span { font-weight: bold; color: #481900; }
#product .price { padding-bottom: 10px; }
#product .price span { font-weight: bold; }
#product .price strong { font-size: 2.18em; line-height: 1em; color: #481900; margin: 0 5px; }
#product .price strong sup { font-size: 0.5em; vertical-align: top; line-height: 1em; }
#product .price del { font-weight: bold; font-size: 1.82em; line-height: 1em; margin: 0 10px; }
#product .price del sup { font-size: 0.5em; vertical-align: top; line-height: 1em; }
#product .quantity { height: 40px; }
#product .quantity label, #content .quantity input { float: left; }
#product .quantity label { width: 36px; font-weight: bold; padding: 3px 0; }
#product .quantity input.text { border: 0; height: 14px; padding: 3px 8px;
 font: normal 1em/1.3em Arial, Tahoma, Helvetica, sans-serif; color: #666; }
#product .quantity input.text { top: 0; left: 0; width: 43px; background: url(../img/input-quantity.gif) no-repeat; }
#product .options { clear: both; height: 56px; overflow: hidden; }
#product .options input.dodaj-do-koszyka { border: 0; width: 189px; height: 36px; max-height: 36px; padding-top: 72px;
 background: url(../img/btn-dodaj-do-koszyka.gif) no-repeat; cursor: pointer; }
#product .desc { line-height: 1.4em; }
#product .desc .content { text-align: justify; padding-bottom: 5px; }
#product .more a { color: #666; padding-left: 10px; font-weight: bold; background: url(../img/arrow.gif) 0 5px no-repeat; }

/**
 * Aside
 */

#aside { float: left; width: 210px; margin-top: -46px; position: relative; }

/**
 * Categories Nav
 */

#categories-nav { width: 189px; padding: 5px 0 10px; border-bottom: 1px solid #5a1e00; margin: 0 auto; }
#categories-nav h3 { display: none; }
#categories-nav .level1 li { padding-bottom: 10px; }
#categories-nav .level1 li a { display: block; width: 189px; height: 36px; text-indent: -2000em;
 background: url(../img/categories-nav.gif) no-repeat; overflow: hidden; }
#categories-nav .level1 li #cn-zapachy-damskie { background-position: 0 0; }
#categories-nav .level1 li #cn-zapachy-meskie { background-position: 0 -36px; }
#categories-nav .level1 li #cn-zestawy { background-position: 0 -72px; }
#categories-nav .level1 li #cn-pielegnacja-ciala { background-position: 0 -108px; }
#categories-nav .level1 li #cn-testery { background-position: 0 -144px; }

#categories-nav .level2 { font-size: 1.27em; line-height: 1.2em; padding-top: 10px; }
#categories-nav .level2 li { padding-bottom: 2px; }
#categories-nav .level2 li a { width: 179px; height: 19px; padding: 5px 5px 5px 15px; text-indent: 0; color: #fff;
 background-position: 0 -179px; }
#categories-nav .level3 { font-size: 0.93em; line-height: 1.2em; }
#categories-nav .level3 li a { width: 149px; height: 16px; padding: 5px 5px 5px 35px; text-indent: 0; background-position: 0 -180px; }

/**
 * Filters
 */

#filters { width: 189px; padding: 10px 0; border-bottom: 1px solid #5a1e00; margin: 0 auto; }
#filters div { clear: both; height: 30px; }
#filters label, #filters select { float: left; }
#filters label { display: block; width: 82px; height: 20px; text-indent: -2000em; }
#filters #fi-producent { background: url(../img/producent.gif) no-repeat; }
#filters #fi-cena { background: url(../img/cena.gif) no-repeat; }
#filters #fi-pojemnosc { background: url(../img/pojemnosc.gif) no-repeat; }
#filters select { font: normal 1em/1.3em Arial, Tahoma, Helvetica, sans-serif; color: #666; width: 107px; }

/**
 * Producers
 */

#producers { width: 189px; padding: 20px 0 0; margin: 0 auto;  }
#producers ul li { float: left; width: 94px; height: 40px; overflow: hidden; text-align: center; padding-bottom: 10px; }

/**
 * Footer
 */

#footer { position: relative; background: url(../img/footer.jpg) 0 41px no-repeat; }
#footer #go-header, #footer #newsletter, #footer #info-for-customer, #footer #why-buy, #footer #about { position: absolute; }

/**
 * Go Header
 */

#go-header { top: 11px; left: 870px; height: 16px; width: 74px; overflow: hidden; }
#go-header a { display: block; width: 40px; height: 16px; padding: 0 27px 0 7px;
 background: url(../img/btn-do-gory.gif) 100% 0 no-repeat; }

/**
 * Newsletter
 */

#newsletter { top: 68px; left: 5px; width: 190px; }
#newsletter h3 { width: 190px; height: 30px; text-indent: -2000em; border-bottom: 1px solid #6c1a00; 
 background: url(../img/newsletter.gif) no-repeat; }
#newsletter p { padding: 10px 0;}
#newsletter form { position: relative; width: 190px; height: 20px; overflow: hidden; }
#newsletter form label { display: none; }
#newsletter input, #newsletter a { position: absolute; }
#newsletter input.text { border: 0; height: 14px; padding: 3px 8px;
 font: normal 1em/1.3em Arial, Tahoma, Helvetica, sans-serif; color: #666; }
#newsletter input.text { top: 0; left: 0; width: 174px; background: url(../img/input-email.gif) no-repeat; }
#newsletter input.zapisz { top: 2px; left: 153px; border: 0; width: 17px; height: 16px; max-height: 16px; padding-top: 32px;
 background: url(../img/btn-zapisz.gif) no-repeat; cursor: pointer; }
#newsletter a.wypisz { top: 2px; left: 171px; display: block; width: 17px; height: 16px; text-indent: -2000em;
 background: url(../img/btn-wypisz.gif) 100% 0 no-repeat; }

/**
 * Info For Customer
 */

#info-for-customer { top: 68px; left: 240px; width: 316px; }
#info-for-customer h3 { width: 306px; height: 30px; text-indent: -2000em; border-bottom: 1px solid #6c1a00; 
 background: url(../img/informacje-dla-klientow.gif) no-repeat; }
#info-for-customer ul { font-weight: bold; }
#info-for-customer ul li { float: left; width: 148px; padding: 10px 0; display: inline; margin-right: 10px;
 border-bottom: 1px solid #6c1a00; }
#info-for-customer ul li.end { border: 0; padding-bottom: 11px; }
#info-for-customer ul li a:hover { text-decoration: none; background: none; }
#info-for-customer ul li a:hover span { text-decoration: underline; }

/**
 * Why Buy
 */

#why-buy { top: 68px; left: 600px; width: 316px; }
#why-buy h3 { width: 306px; height: 30px; text-indent: -2000em; border-bottom: 1px solid #6c1a00; 
 background: url(../img/dlaczego-warto-kupowac-w-ja.gif) no-repeat; }
#why-buy ul { font-weight: bold; }
#why-buy ul li { float: left; width: 148px; border-bottom: 1px solid #6c1a00; padding: 10px 0; display: inline; margin-right: 10px; }
#why-buy ul li.end { border: 0; padding-bottom: 11px; }
#why-buy ul li a:hover { text-decoration: none; background: none; }
#why-buy ul li a:hover span { text-decoration: underline; }

/**
 * About
 */

#about { top: 260px; left: 550px; width: 400px; height: 32px; overflow: hidden; color: #914820; }
#about a { color: #914820; }
#about #copyright, #about #software, #about #graphics { position: absolute; }

/**
 * Copyright
 */

#copyright { top: 0; left: 0; width: 150px; height: 28px; padding: 2px 20px 2px 0; text-align: right; border-right: 1px solid #842e00; }

/**
 * Software
 */

#software { top: 0; left: 190px; height: 28px; width: 150px; padding: 2px 0; }
#software #sunweb { display: block; width: 110px; height: 28px; padding-right: 40px;
 background: url(../img/sunweb.gif) 100% 4px no-repeat; }
#software #sunweb span { display: none; }

/**
 * Graphics
 */

#graphics { top: 0; left: 350px; height: 28px; width: 34px; padding: 2px 0 2px 10px; border-left: 1px solid #842e00; }
#graphics #nxdesign { display: block; width: 34px; height: 28px; text-indent: -2000em;
 background: url(../img/nxdesign.gif) 0 4px no-repeat; }