/** * MensWear.pl * * @author Paweł Przybyś (pawel.przybys@gmail.com) * @version 1.40 2008/03/17 */ * { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 1em; } html, body { height: 100%; } body { font: normal 1em/1.4em Tahoma, Helvetica, sans-serif; text-align: center; color: #666; } ul, ol { list-style-type: none; } img { border: 0; } table { border-collapse: collapse; } .clear { clear: both; } *:focus { outline: none; } a:link, a:focus, a:visited, a:active { color: #436b83; text-decoration: none; } a:hover { text-decoration: underline; } #main { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -167px; } #footer, #push { height: 167px; clear: both; margin: 0 auto; } #main, #footer { width: 965px; text-align: left; } /** * Header */ #header { position: relative; width: 965px; height: 124px; } #logo, #slogan, #header-nav, #main-nav, #main-nav, #search { position: absolute; } #logo { top: 18px; left: 9px; } #logo a { float: left; width: 219px; height: 31px; text-indent: -2000em; background: url(../img/logo.gif) no-repeat; } #slogan { top: 54px; left: 27px; width: 177px; height: 17px; text-indent: -2000em; background: url(../img/slogan.gif) no-repeat; } #header-nav { top: 8px; left: 525px; width: 445px; font-size: 0.69em; line-height: 1.4em; } #header-nav li { float: left; } #header-nav li a { color: #666; margin-left: 10px; margin-right: 6px; } #header-nav #my-cart a { padding-left: 18px; color: #2a316c; font-weight: bold; display: block; height: 14px; background: url(../img/my-cart.gif) no-repeat; } #header-nav #my-cart span { display: block; margin-left: 10px; margin-top: 2px; } #header-nav #my-cart a.to-checkout { width: 84px; height: 20px; text-indent: -2000em; padding: 0; margin-top: 4px; background: url(../img/btn-do-kasy.gif) no-repeat; } #main-nav { top: 84px; left: 0; width: 985px; height: 30px; font-size: 0.56em; line-height: 1.4em; background: url(../img/main-nav.gif) no-repeat; } #main-nav li, #main-nav li a { float: left; } #main-nav li.first { width: 195px; text-indent: -2000em; background: url(../img/mv-first.gif) no-repeat; } #main-nav li { height: 30px; border-right: 1px solid #5f6591; } #main-nav li a { height: 13px; padding: 9px 11px 8px; color: #fff; text-transform: uppercase; } #main-nav li a:hover, #main-nav li a.selected { text-decoration: none; background: url(../img/mv-item.gif) repeat-x; } #search { top: 89px; left: 582px; } #search p { position: relative; width: 375px; height: 20px; } #search input.text, #search input.submit, #search a { position: absolute; } #search input.text { top: 0; left: 0; border: 0; width: 182px; height: 16px; padding: 3px 4px 1px; font: normal 0.75em/1.4em Tahoma, Helvetica, sans-serif; color: #000; background: url(../img/input-phrase.gif) no-repeat; } #search input.submit { top: 0; right: 0; border: 0; width: 176px; height: 20px; padding-top: 40px; max-height: 20px; cursor: pointer; background: url(../img/btn-szukaj-w-menswear.gif) no-repeat; } #search a.znajdz-idelana-koszule { top: 0; right: 0; display: block; width: 176px; height: 20px; text-indent: -2000em; background: url(../img/btn-znajdz-idealna-koszule.gif) no-repeat; } /** * Content */ #content { float: right; width: 770px; } #content h3 { clear: both; } #subpage #content { float: none; width: 965px; } #main-page #content #menswear-poleca { height: 30px; text-indent: -2000em; background: url(../img/mp-menswear-poleca.gif) no-repeat; } #content #menswear-poleca { height: 30px; text-indent: -2000em; background: url(../img/menswear-poleca.gif) no-repeat; } #subpage #content #menswear-poleca { height: 30px; text-indent: -2000em; background: url(../img/sp-menswear-poleca.gif) no-repeat; } #content #dodatkowo-polecamy { height: 30px; text-indent: -2000em; background: url(../img/dodatkowo-polecamy.gif) no-repeat; } #content .category { padding: 15px 10px; } #content .category h3 { font-weight: normal; font-size: 1.13em; line-height: 1.4em; } #content .category h3 a { color: #2a316c; } #content .category .article { font-size: 0.69em; line-height: 1.3em; padding: 10px 0 0; text-align: justify; } #content .line { background: url(../img/dot.gif) 0 9px repeat-x; height: 28px; overflow: hidden; } /** * Breadcrumb */ #breadcrumb { font-size: 0.69em; line-height: 1.7em; color: #2a316c; padding: 5px 10px; background: url(../img/dot.gif) 0 100% repeat-x; } #breadcrumb li { display: inline; } #breadcrumb .first { color: #666; } #breadcrumb .last a { font-weight: bold; color: #666; } /** * Contents */ #contents { float: left; width: 575px; } #welcome { width: 189px; padding: 0 0 0 386px; height: 310px; overflow: hidden; background: url(../img/welcome.jpg) no-repeat; color: #fff; } #welcome .inner { width: 149px; height: 280px; padding: 10px 20px; overflow: hidden; background: url(../img/welcome-inner.gif) no-repeat #2a316c; } #welcome h3 { font: normal 2.13em/1.4em "Times New Roman", Tahoma, Helvetica, sans-serif; background: url(../img/welcome-header3.gif) 0 100% repeat-x; } #welcome .article { font-size: 0.69em; line-height: 1.3em; padding: 10px 0; text-align: justify; } /** * News Aside */ #news-aside { float: right; width: 185px; } #news-aside .news { height: 310px; overflow: hidden; } #news-aside h3 { padding: 5px 8px; height: 20px; color: #2a316c; font: bold 0.88em/1.4em "Times New Roman", Tahoma, Helvetica, sans-serif; background: url(../img/aside-header3.gif) no-repeat; } #news-aside h4 { padding: 5px 8px 0; color: #2a316c; font: bold 0.88em/1.4em "Times New Roman", Tahoma, Helvetica, sans-serif; } #news-aside h4 a { color: #2a316c; } #news-aside .date { padding: 0 8px 5px; color: #2a316c; font: bold 0.56em/1em "Times New Roman", Tahoma, Helvetica, sans-serif; } #news-aside .article { font-size: 0.69em; line-height: 1.3em; padding: 5px 8px; text-align: justify; } #news-aside .more { padding: 5px 8px; font-size: 0.69em; line-height: 1.4em; } #news-aside .more a { color: #436b83; text-decoration: underline; } #news-aside .more a:hover { text-decoration: none; } /** * Products */ #content .products { clear: both; float: left; width: 100%; padding-top: 10px; } #content .products .product { float: left; display: inline; width: 183px; padding: 1px; height: 259px; margin-right: 10px; background: url(../img/product.gif) no-repeat; overflow: hidden; margin-bottom: 10px; } #content .products .last { margin-right: 0; } #content .products .photo { width: 183px; height: 183px; overflow: hidden; } #content .products h4 { height: 40px; padding: 5px 10px; overflow: hidden; font: normal 0.88em/1.4em "Times New Roman", Tahoma, Helvetica, sans-serif; } #content .products .price { height: 20px; padding: 0 10px; color: #436b83; font: normal 0.81em/1.4em "Times New Roman", Tahoma, Helvetica, sans-serif; } #content .products .price span { text-decoration: line-through; } #content .products .price strong { font-size: 1.31em; color: #2a316c; } #content .products .price .promotion { color: #e34800; margin-left: 10px; } #content .products .browse { clear: both; font-size: 0.69em; line-height: 1.7em; padding: 7px 6px 7px 10px; height: 27px; background: url(../img/browse.gif) repeat-x; text-align: right; } #content .products .browse li, #content .products .browse li a, #content .products .browse li strong { display: inline; margin-right: 2px; } #content .products .browse li a { color: #2a316c; } /** * Product */ #product { clear: both; float: left; width: 100%; margin: 20px 0 10px; } #product .photos { float: left; width: 380px; background: url(../img/product-photos.gif) repeat-y; } #product .photo { width: 378px; overflow: hidden; padding: 1px; background: url(../img/product-photos-photo.gif) no-repeat; } #product .help-text { font-size: 0.56em; line-height: 1.4em; padding: 5px 11px; } #product .help-text a { color: #b4b4b4; background: url(../img/show.gif) no-repeat; padding-left: 16px; } #product .photos-list { padding: 0 3px 11px; background: url(../img/product-photos-list.gif) 0 100% no-repeat; } #product .photos-list li { display: inline; margin-right: 5px; } #product .photos-list .last { margin: 0; } #product .about { float: left; width: 278px; margin-left: 10px; display: inline; background: url(../img/product-about.gif) repeat-y; } #product .about .clear { height: 35px; background: url(../img/product-about-clear.gif) no-repeat; overflow: hidden; } #product .info { width: 278px; } #product h3 { padding: 10px 10px 20px; color: #2a316c; font: bold 1.31em/1.2em "Times New Roman", Tahoma, Helvetica, sans-serif; background: url(../img/product-header3.gif) 0 100% no-repeat #fff; } #product .desc { padding: 0 10px; font-size: 0.69em; line-height: 1.3em; text-align: justify; } #product .details { float: right; width: 287px; background: url(../img/product-details.gif) repeat-y; } #product .details .clear { height: 35px; background: url(../img/product-options-clear.gif) no-repeat; overflow: hidden; } #product .options { background: url(../img/product-options.gif) no-repeat; } #product .price { padding: 15px 10px 20px; font-family: "Times New Roman", Tahoma, Helvetica, sans-serif; line-height: 1em; color: #2a316c; } #product .price .header { float: none; text-decoration: none; display: block; font-size: 0.88em; font-weight: bold; } #product .price span { float: left; text-decoration: line-through; } #product .price strong { float: left; font-size: 1.31em; } #product .price strong.promotion { float: right; margin-top: -4px; } #product .size { margin: 0 10px; padding: 25px 0 5px; clear: both; background: url(../img/dot.gif) 0 10px repeat-x; } #product .size label { font: bold 0.88em/1.4em "Times New Roman", Tahoma, Helvetica, sans-serif; color: #2a316c; } #product .size select { display: block; width: 100%; font: normal 0.69em/1.4em Tahoma, Helvetica, sans-serif; } #product .size a { color: #666; font-size: 0.69em; font-weight: bold; } #product .size a:hover { text-decoration: none; background: none; } #product .size a:hover span { text-decoration: underline; } #product .quantity { margin: 0 10px; padding: 25px 0 5px; clear: both; background: url(../img/dot.gif) 0 10px repeat-x; } #product .quantity label { float: left; color: #2a316c; padding-right: 6px; font: bold 0.88em/1.4em "Times New Roman", Tahoma, Helvetica, sans-serif; } #product .quantity select { float: left; width: 40px; font: normal 0.69em/1.4em Tahoma, Helvetica, sans-serif; } #product .quantity .attention { float: right; color: #666; font-size: 0.69em; } #product .quantity .attention strong { color: #e34800; } #product .buttons { float: left; display: inline; width: 267px; margin: 0 10px; padding: 25px 0 5px; clear: both; background: url(../img/dot.gif) 0 10px repeat-x; } #product .buttons input.submit { float: right; border: 0; width: 176px; height: 20px; padding-top: 40px; max-height: 20px; cursor: pointer; background: url(../img/btn-dodaj-do-koszyka.gif) no-repeat; } #product .shipping { padding: 0 10px; background: url(../img/product-shipping.gif) 0 100% no-repeat; } #product .shipping h5 { font: bold 0.88em/1.4em "Times New Roman", Tahoma, Helvetica, sans-serif; color: #2a316c; background: url(../img/dot.gif) 0 100% repeat-x; padding-bottom: 10px; } #product .shipping ul { font-size: 0.69em; line-height: 1.2em; padding: 15px 0; } #product .shipping ul li { position: relative; width: 100%; padding-bottom: 15px; } #product .shipping ul li strong { display: block; } #product .shipping ul li span { display: block; font-size: 0.82em; line-height: 1em; } #product .shipping ul li em { position: absolute; top: 0; right: 0; color: #e34800; font: normal 1.18em/1.4em "Times New Roman", Tahoma, Helvetica, sans-serif; } #product .buy { padding: 0 10px; background: url(../img/product-buy.gif) 0 100% no-repeat; } #product .buy h5 { font: bold 0.88em/1.4em "Times New Roman", Tahoma, Helvetica, sans-serif; color: #2a316c; background: url(../img/dot.gif) 0 100% repeat-x; padding-bottom: 10px; } #product .buy .product-mini { float: left; display: inline; padding: 10px 0; } #product .buy .pm-photo { float: left; width: 56px; overflow: hidden; } #product .buy h6 { float: left; padding: 10px 10px 0; font-size: 0.69em; line-height: 1.4em; font-weight: bold; width: 180px; } #product .buy h6 a { color: #666; } #product .buy h6 a:hover { text-decoration: none; background: none; } #product .buy h6 a:hover span { text-decoration: underline; } #product .buy .pm-price { float: left; padding: 0 10px 0; line-height: 1em; font-family: "Times New Roman", Tahoma, Helvetica, sans-serif; } #product .buy .pm-price span { font-size: 0.81em; color: #436b83; text-decoration: line-through; } #product .buy .pm-price strong { font-size: 1.06em; color: #436b83; } #product .buy .pm-price strong.pm-promotion { color: #e34800; } #product .buy .pm-options { padding: 15px 0 5px; height: 20px; width: 267px; clear: both; background: url(../img/dot.gif) 0 5px repeat-x; } #product .buy .pm-options label { float: left; color: #2a316c; padding-right: 6px; font: bold 0.88em/1.4em "Times New Roman", Tahoma, Helvetica, sans-serif; } #product .buy .pm-options select { float: left; width: 40px; font: normal 0.69em/1.4em Tahoma, Helvetica, sans-serif; } #product .buy .pm-options input.submit { float: right; border: 0; width: 176px; height: 20px; padding-top: 40px; max-height: 20px; cursor: pointer; background: url(../img/btn-dodaj-do-koszyka.gif) no-repeat; } #product .buy .clear { height: auto; background: none; overflow: auto; } /** * Aside */ #aside { float: left; width: 185px; } #aside h3 { padding: 5px 8px; height: 20px; color: #2a316c; font: bold 0.88em/1.4em "Times New Roman", Tahoma, Helvetica, sans-serif; background: url(../img/aside-header3.gif) no-repeat; } #categories-nav { font-size: 0.69em; line-height: 1.4em; } #categories-nav li { background: url(../img/cn-item.gif) no-repeat; } #categories-nav li a { display: block; height: 15px; padding: 5px 10px; color: #2a316c; } #categories-nav li a:hover, #categories-nav li a.selected { text-decoration :none; font-weight: bold; } #categories-nav .level2 { font-size: 0.82em; } #categories-nav .level2 li { background: url(../img/cn-item.gif) 0 -25px no-repeat; text-transform: uppercase; } #categories-nav .level2 li a { padding: 5px 10px 5px 16px; margin-left: 10px; } #categories-nav .bialy { padding-left: 13px; background: url(../img/bialy.gif) 0 50% no-repeat; } #categories-nav .niebieski { padding-left: 13px; background: url(../img/niebieski.gif) 0 50% no-repeat; } #categories-nav .rozowy { padding-left: 13px; background: url(../img/rozowy.gif) 0 50% no-repeat; } /** * Footer */ #help { width: 1345px; height: 73px; } #help li { float: left; padding-right: 10px; width: 185px; } #help li.last { padding-right: 0; } #help li a { float: left; width: 185px; height: 67px; text-indent: -2000em; } #dobierz-rozmiar { background: url(../img/dobierz-rozmiar.png) no-repeat; } #opinie-klientow { background: url(../img/opinie-klientow.png) no-repeat; } #infolinia { background: url(../img/infolinia.png) no-repeat; } #bezpieczenstwo { background: url(../img/bezpieczenstwo.png) no-repeat; } #blog { background: url(../img/blog.png) no-repeat; } #footer-nav { height: 16px; padding: 7px 0; font-size: 0.69em; line-height: 1.4em; color: #6b8fb0; background: url(../img/footer-nav.gif) no-repeat; text-align: center; } #footer-nav li { display: inline; margin-right: 10px; } #footer-nav li a { color: #fff; margin-right: 10px; } #about { width: 385px; height: 28px; padding-top: 20px; margin: 0 auto; color: #7e7e7e; font-size: 0.63em; line-height: 1em; } #about li { float: left; padding: 0 8px; height: 22px; overflow: hidden; border-right: 1px solid #dde9f5; } #about li.last { border: 0; } #about li a { color: #7e7e7e; } #copyright { text-align: right;} #sunweb { display: block; padding-right: 45px; background: url(../img/sunweb.gif) 100% 0 no-repeat; } #nxdesign { display: block; width: 36px; height: 22px; text-indent: -2000em; background: url(../img/nxdesign.gif) no-repeat; }