/*--------------------------------------------------------------------------------------- --- RESETS ---------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* for IE/Mac */ /*--------------------------------------------------------------------------------------- --- BASICS ---------------------------------------------------------------------------------------*/ body{ font-size:11px; font-family: Tahoma; color:#4f4228; background:#dbb389; text-align:center;} a{ color:#4f4228;text-decoration:none; } a:hover{text-decoration:none; color:#ff9000;} a:active{ } a:visited{ } .left{ float:left; } .right{ float:right; } .clear{ clear:both; } img.left{ margin:0 1em 1em 0; } img.right{ margin:0 0 1em 1em; } .padding{ padding:10px; } /* ------------------------------------------------------------------------------------ ELEMENTS */ h1{color:#987329; padding:0px;margin:0px; font-size:18px; font-weight:bold;} h2{color:#987329; font-size:20px;padding:10px;margin:0px;} h3{color:#987329;padding:0px;margin:0px;padding:5px; font-size:14px;} h4{color:#987329;padding:0px;margin:0px;padding:5px;} h5{color:#987329;padding:0px;margin:0px;padding:5px;} input{padding:2px;border-left:1px solid #9d7647;border-top:1px solid #9d7647;border-right:1px solid #9d7647;border-bottom:1px solid #9d7647;-moz-border-radius:1px;margin:2px; background:#f8efd2; font-size:11px;} select {-moz-border-radius:3px; padding:2px; margin:2px; font-family:Tahoma; font-size: 11px; border:1px solid #a8a8a8;} textarea {-moz-border-radius:3px; padding:2px; margin:2px; font-family:Tahoma; font-size: 11px;border-left:1px solid #a8a8a8;border-top:1px solid #a8a8a8;border-right:1px solid #9d7647;border-bottom:1px solid #9d7647; background:#F8EFD2;} ul{list-style:circle;margin:10px;margin-left:20px;} ol{list-style:decimal;margin:10px;margin-left:20px;} p.info{border:1px solid #6aa6d6;background:#c9e3f8;} fieldset{border:1px solid #ddd;padding:10px;background:#fff;margin:10px 0px;} legend{border:1px solid #ddd;padding:5px;background:#fff;} td { color:#4f4228;} label input{margin-left:30px;} hr { border: 1px #ddd solid; width: 80%;} /* ----------- SLIDING */ .sliding { clear:both; padding-bottom:10px; padding-top:15px; &padding-top:10px; text-align:center;} .sliding span { padding:2px 5px; border:1px solid #a47f51; -moz-border-radius:1px; margin:2px; background:#e4d2ad; font-size:11px; color:#fff; font-weight:bold;} .sliding A { padding:2px 5px; border:1px solid #a47f51; -moz-border-radius:1px; margin:2px; background:#f8efd2; font-size:11px; color:#987329;} .sliding A:hover { background:#e4d2ad; font-size:11px; color:#987329;} /* ------------------------------------------------------------------------------------ BUTTONS */ .buttonDalej {width:94px; height:28px; background:url('../img/buttonDalej.gif') no-repeat; margin:0px; padding:0px; border:0px solid; cursor:pointer;} .buttonWstecz {width:94px; height:28px; background:url('../img/buttonWstecz.gif') no-repeat; margin:0px; padding:0px; border:0px solid; cursor:pointer;} .buttonEdytuj {width:94px; height:28px; background:url('../img/buttonEdytuj.gif') no-repeat; margin:0px; padding:0px; border:0px solid; cursor:pointer;} .buttonRejestruj {width:139px; height:28px; background:url('../img/buttonRejestruj.gif') no-repeat; margin:0px; padding:0px; border:0px solid; cursor:pointer;} input.buttonLogin {width:68px; height:28px; background:url('../img/buttonLogin.jpg') no-repeat; margin:0px; padding:0px; border:0px solid; cursor:pointer;} .buttonSzukaj {width:94px; height:28px; background:url('../img/buttonSzukaj.gif') no-repeat; margin:0px; padding:0px; border:0px solid; cursor:pointer;} .buttonSzukaj2 {width:71px; height:23px; background:url('../img/buttonSzukaj2.gif') no-repeat; margin:0px; padding:0px; border:0px solid; cursor:pointer;} /* ------------------------------------------------------------------------------------ STRUCTURE */ #container { width:100%; text-align:center; background:url('../img/bgTop.jpg') repeat-x; padding-top:24px;} #containerHeader { width:100%; height:150px; text-align:center; background:url('../img/bgHeaderBg.jpg') repeat-x center;} #header { width:954px; height:150px; margin:auto; text-align:left; background:url('../img/bgHeader.jpg') no-repeat;} #header div {float:left;} #header #logo {padding:12px 0 0 191px;} #header #login {margin-left:11px; height:138px; width:167px; color:#004b7e; font-size:11px; float:right; margin-top:10px; background:url('../img/bgLogin.jpg') no-repeat top center;} #header #basket { height:138px; width:198px; text-align:center; color:#004b7e; font-size:11px; line-height:16px;} #header #basket p {background:transparent;} #header #search { height:138px; width:163px; float:right; background:url('../img/bgSearch.jpg') no-repeat top center; margin-top:10px; margin-right:15px; _margin-right:5px;} #header #search .szukaj {width:94px; height:28px; background:url('../img/buttonSzukaj.jpg') no-repeat; border:0px solid; margin:8px 0 0 0; padding:0; cursor:pointer;} #header #search p {font-size:11px; margin-top:10px;} #menuTop{ width:100%; text-align:center; border-top:1px solid #c18a61; border-bottom:1px solid #c18a61;} #menuTopCenter { margin:auto; width:954px; height:28px; padding:0; text-align:center; } #menuTopCenter ul{ padding:0; margin:0px; list-style:none;} #menuTopCenter li{ padding:0; margin:0px; display:inline} #menuTopCenter img{ padding:0; margin:4px 27px 0 27px;} #localization {width:100%; text-align:center; float:left; clear:both; margin-bottom:7px;} .localization {width:578px; text-align:center; margin:auto; line-height:22px; color:#4f4228; font-size:11px;} .localization span {line-height:22px; color:#4f4228; margin:0 3px;} #content_main {width:954px; margin:auto; text-align:left;} #content_main2 {width:954px; float:left; background:url('../img/bgContent.gif') repeat-y;} #content { float:left; width:578px; margin-top:10px;} #contentProduct { float:left; width:732px;} #leftBox { width:177px; _width:187px; float:left; padding-left:10px; margin-top:10px; padding-bottom:40px; background:url('../img/bgMuszelki.jpg') no-repeat bottom center;} #leftBox .leftBoxCenter dl { padding:10px 10px 0 15px; color:#5a5a5a; text-align:left;} #leftBox .leftBoxCenter dd { line-height:16px;} #leftBox .leftBoxCenter p { line-height:13px; padding:5px 11px 3px 11px; color:#987329;} #leftBox .leftBoxCenter A { text-decoration:none; color:#4f4228;} #leftBox .leftBoxCenter A:hover { text-decoration:none; color:#ff9000;} #leftBox .leftBoxCenter .active { text-decoration:none; font-weight:bold; color:#ff9000;} #leftBox #leftBoxCenter .active A { text-decoration:none; font-weight:normal; color:#ff9000;} #leftBox #menu .active A { text-decoration:none; font-weight:bold; color:#ff9000;} #leftBox .leftBoxCenter DT { cursor:pointer;} #leftBox .leftBoxCenter {width:163px; float:left; font-size:12px; background:url('../img/bgLeftBoxCenter.gif') repeat-y left; text-align:center;} #leftBox .leftBoxBottom { background:url('../img/bgLeftBoxBottom.gif') no-repeat; width:163px; height:25px; float:left;} .knowledgeBase {margin:10px;margin-left:15px;} .knowledgeBase li {list-style:none; margin:10px 0;} #logosy {width:197px; float:left; color:#0066ab; margin-top:25px;} #logosy img {margin:10px 0;} #rightBox { width:164px; _width:174px; float:right; text-align:left; padding-right:10px; margin-top:10px; text-align:right; padding-bottom:110px; background:url('../img/bgSzlaczki.jpg') no-repeat right bottom;} #rightBox .rightBoxCenter { width:163px; float:left; text-align:left; background:url('../img/bgRightBoxContent.gif') repeat-y;} #rightBox .rightBoxCenter .text { padding:0 15px;} #rightBox .rightBoxBottom { width:163px; height:37px; float:left; text-align:left; background:url('../img/bgRightBoxBottom.gif') no-repeat; font-size:1px;} #rightBox #amenuTop10 {width:161px; float:left; font-size:12px; margin:10px 0 0 5px; _margin:10px 0 0 3px;} #banner {float:left; width:578px; height:138px; margin-bottom:13px;} #content #contentCenter { float:left; width:578px; text-align:center;} #contentCenter .top { float:left; width:578px;} #contentCenter .top2 { float:left; width:578px; height:2px; font-size:1px; background:url('../img/bgContentTop.gif') no-repeat;} #contentCenter .topFinalizacja { float:left; width:578px; height:44px; font-size:1px; background:url('../img/bgFinalizacja.gif') no-repeat;} #contentCenter .content { float:left; width:578px; background:url('../img/bgContentCenter.gif') repeat-y; padding-bottom:10px;} #contentCenter .content .title IMG { padding: 5px 12px;} #contentCenter .bottom { float:left; width:578px; height:3px; background:url('../img/bgContentBottom.gif') no-repeat; font-size:1px;} #gift { float:left; width:578px; height:170px; background:url('../img/bgPrezent.jpg') no-repeat center; position:relative;} #gift .content { margin:75px 20px 0px 0px; width:370px; color:#987329; font-size:11px; float:right;} #gift .more { position:absolute; bottom:30px; right:20px; line-height:16px;} #gift .more A {text-decoration:none; color:#4f4228; font-weight:bold;} #gift .more A:hover {text-decoration:none; color:#ff9000;} .containerProduct {width:181px; height:261px; border:1px solid #a47f51; color:#5a5a5a; position:relative;} .containerProduct .image { width:165px; height:136px; font-size:11px; text-align:left; overflow:hidden;} .containerProduct .title1 {float:left; width:165px; height:27px; text-align:center; font-weight:bold; font-size:11px; color:#4f4228; padding-top:5px; line-height:11px;} .containerProduct .text1 { float:left; width:165px; height:35px; font-size:11px; text-align:left; color:#987329; position:relative;} .containerProduct .uniq {position:absolute; bottom:5px; left:5px; float:left; width:70px; height:30px; z-index:300;} .containerProduct .price {float:right; width:95px; height:30px; font-size:11px; font-weight:bold; color:#0066ab; text-align:right;} .containerProduct .buttons { float:left; text-align:right; font-size:11px; text-align:right; width:95px; height:15px;} .containerStyle { border-bottom:1px solid #D7BD9F; color:#5a5a5a;width:546px; margin:auto;} .containerStyle .titleStyle { width:100%; text-align:left; font-weight:bold; font-size:14px; color:#4f4228; padding:5px 0;} .containerStyle .textStyle { width:100%; font-size:11px; text-align:left; color:#987329; line-height:130%;} .containerStyle .moreStyle { width:100%; text-align:right; font-size:11px; text-align:right; padding-bottom:10px;} #contentCenter .content .text { clear:both; width:546px; margin:auto; font-size:11px; text-align:left; color:#987329; padding:10px 0; line-height:130%;} #contentCenter .title { width:546px; margin:auto; padding-top:5px; padding-bottom:8px; border-bottom:1px solid #d7bd9f; text-align:center;} #contentCenter .image {float:left; width:165px; height:136px; font-size:11px; text-align:center;} #contentCenter .image img { border:1px solid #d7bd9f;} #contentCenter .price {float:right; width:165px; font-size:11px; font-weight:bold; color:#987329; text-align:right;} #contentCenter .buttons {float:right;clear:both; width:165px; font-size:11px; margin-top:3px;text-align:right;} #contentCenter .buttons A {font-weight:bold;} #images {width:170px; float:left; text-align:center; margin-top:3px;} #images #bigImg {width:167px; height:160px; float:left; margin-top:3px;} #images #bigImg img { border:1px solid #9d7647;} .scrollable { /* required settings */ margin-left:5px; position:relative; overflow:hidden; width: 165px; height:44px; text-align:left; /* custom decorations */ } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ margin:0px; paddin:0px; float:left; text-align:left; width:20000px; position:absolute; clear:both; } /* single scrollable item */ .scrollable img { float:left; cursor:pointer; margin-right:3px; } /* active item */ .scrollable .active { border:2px solid #000; z-index:9; position:relative; float:left; } .scrollable { float:left; } /* prev, next, prevPage and nextPage buttons */ a.browse { margin-top:5px; padding:0px; width:18px; height:18px; float:left; cursor:pointer; font-size:1px; } /* right */ a.right { background:url(../img/right.png) no-repeat; margin-right: 0px; float:left;} a.right:hover { } a.right:active { background-position: 0px -18px; } /* left */ a.left { background:url(../img/left.png) no-repeat; margin-left: 0px; float:left;} a.left:hover { } a.left:active { background-position: 0px -18px; } /* disabled navigational button */ a.disabled { visibility:hidden !important; } .rBoxCenter { text-align:center; color:#987329;} .rBoxCenterDark { text-align:center; color:#4f4228; font-size:10px;} #contentCenter .text .left2 {float:left; width:230px; text-align:left; margin-left:10px; _margin-left:5px; margin-top:23px;} #contentCenter .text .left2 div {width:100%; } #contentCenter .text .right2 {float:right; width:130px; text-align:center; margin-top:23px;} #contentCenter .text .priceBrutto {font-size:14px; font-weight:bold; color:#d64417; text-align:left; float:left;} #contentCenter .text .priceNetto {font-size:11px; color:#d64417; text-align:left; float:left; margin-top:3px;} #contentCenter .text .availability {font-size:12px; margin:15px 0; clear:both; float:left; line-height:16px;} #contentCenter .text .shipping {font-size:12px; margin:15px 0; clear:both; float:left; line-height:14px;} #contentCenter .text .description {font-size:11px; width:100%; clear:both; float:left; padding-top:40px; line-height:14px; background:url('../img/bgDescription.gif') no-repeat;} .oldPrice {font-size:11px; color:#d64417; text-decoration:line-through; font-weight:normal; margin-top:0px;} #productOption {width:578px; background:url('../img/bgArticlesContent.gif') repeat-y; font-size:11px; color:#5a5a5a; text-align:center; float:left; margin-top:20px;} #productOption .bottom {width:578px; height:5px; background:url('../img/bgArticlesBottom.gif') no-repeat; font-size:1px; float:left;} #productOption #menuOption {background:url('../img/bgArticlesBottom.gif') no-repeat bottom; height:23px;} #productOption #menuOption ul { margin:0px; padding:0px;} #productOption #menuOption li { margin:0px; padding:0px; float:left; width:126px; text-align:center; list-style:none; line-height:23px; cursor:pointer; color:#5a5a5a; font-weight:bold;} #productOption #menuOption li.off {background:url('../img/bgButtonOptionOff.gif') no-repeat; } #productOption #menuOption li.on { background:url('../img/bgButtonOptionOn.gif') no-repeat;} #productOption #content { background:url('../img/bgProductOptionTop.gif') no-repeat top; float:left;} #option_2, #option_3, #option_4 {display:none;} #opinionList {width:492px;} #opinionList .comment {width:492px; clear:both; float:left; border-bottom:1px solid #b5b5b5; padding:10px 0; line-height:14px;} #opinionList .comment .left {float:left; width:150px;} #opinionList .comment .right {float:left; width:342px;} #opinionList .comment .title {color:#004b7e; font-size:13px; font-weight:bold; margin-bottom:5px;} #opinionList span {padding:0; margin:0px; clear:both;} #rating {float:left; margin:5px 0 0 20px;} #rating img {cursor:pointer; } #productSpecialBox {width:578px; background:url('../img/bgProductSpecialContent.gif') repeat-y; font-size:11px; color:#5a5a5a; text-align:center; float:left; margin-top:20px;} #productSpecialBox .top {width:578px; height:6px; background:url('../img/bgProductSpecialTop.gif') no-repeat top; font-size:1px; float:left;} #productSpecialBox .bottom {width:578px; height:6px; background:url('../img/bgProductSpecialBottom.gif') no-repeat; font-size:1px; float:left;} #productSpecialBox #content { background:url('../img/bgProductSpecialTop2.gif') no-repeat top; float:left; clear:both;} #productSpecialBox .text {clear:both; font-size:11px; text-align:left; padding:25px 0 5px 0; margin: 0px 15px; line-height:14px; overflow:hidden;} #productSpecialBox .title {text-align:right; width:492px; padding:5px 0; color:#004b7e; font-size:14px; font-weight:bold; border-top:1px solid #b5b5b5; clear:both; float:left; } #productSpecialBox .title span { font-weight:normal;} #productSpecialBox .SBproduct {text-align:center; margin-top:10px; width:80px; height:90px;} #productSpecialBox .SBplus {text-align:center; margin-top:10px; width:18px;} #productSpecialBox .SBsuma {text-align:center; margin-top:10px; padding-left:10px; color:#0066ab; font-size:15px; font-weight:bold;} .productList, .productListName {border-bottom:1px solid #dadada; } .finalPrice {font-size:13px; font-weight:bold; color:#004B7E; padding-top:10px;} #articles {width:100%;} #articles .top, #order .top {width:578px; height:5px; font-size:1px; background:url('../img/bgArticlesTop.gif') no-repeat; } #articles .bottom, #order .bottom{width:578px; height:5px; background:url('../img/bgArticlesBottom.gif') no-repeat; font-size:1px;} #articles .content, #order .content {width:578px; background:url('../img/bgArticlesContent.gif') repeat-y; font-size:11px; color:#5a5a5a; text-align:center; } #articles .title, #order .title{ border-bottom:1px solid #dadada; text-align:center; margin: 0 15px; padding:10px 0;} #articles .text, #order .text, #productOption .text{clear:both; font-size:11px; text-align:left; padding:15px 0; margin: 0px 15px; line-height:14px; overflow:hidden;} #articles .text img { margin:5px;} #articles .title img { margin:4px;} .title2 {border-bottom:1px solid #dadada; font-size:13px; font-weight:bold; padding:5px; margin:10px 0 5px 0;} #order {width:100%;} #contentCenter .title2 { text-align:left; margin: 0 15px; padding:10px 0;} #order .text {clear:both; font-size:11px; text-align:left; padding:15px 0; margin: 0px 15px; line-height:14px; text-align:left;} #contentCenter .text TD {padding:10px 5px;} #contentCenter .text .productTitle {font-weight:bold;} #contentCenter .text .productList {text-align:right;} TD.productsListCennik {border-bottom:1px solid #d7bd9f; } #order .title img { margin:4px;} #specials {width:197px; float:left;} #specials .title {padding-bottom:10px; font-weight:bold; font-size:11px; color:#5a5a5a;} #specials .image {float:left; width:114px; text-align:center; } #specials .right {float:right; width:57px; text-align:right;} #specials .price, #productSpecialBox .price {font-size:11px; color:#db0000; margin-top:10px; font-weight:normal; text-decoration:line-through;} #specials .specialPrice {font-size:11px; font-weight:bold; color:#0066ab; margin-top:20px;} #specials .link {font-size:11px; font-weight:bold; margin-top:20px;} #footer {width:954px; text-align:center; float:left; clear:both; color:#000000;} #footerPhoto {width:930px; text-align:center; margin:25px auto 10px auto; } #footerPhoto img { border:1px solid #9d7647; margin:0 10px;} #footerMenu {width:930px; height:22px; line-height:22px; text-align:center; margin:14px auto 10px auto; font-size:11px; border-top:1px solid #9d7647; border-bottom:1px solid #9d7647; } .bottom {width:930px; height:22px; line-height:22px; text-align:center; margin:auto; font-size:11px; } #footerMenu A { text-decoration:none; padding:0 9px; color:#4f4228;} #footerMenu A:hover {text-decoration:none; color:#fa7600;} #bottom {width:100%; height:24px; float:left; background:url('../img/bgBottom.jpg') repeat-x;} input.form { width:200px} input.formError { background:#FF6F75; width:200px} .list1, .list1 TD { line-height:20px;} .list2, .list2 TD { line-height:20px; background:#efe4c2;} .listL, .listL TD { line-height:16px;}