/*--------------------------------------------------------------------------------------- --- RESETS ---------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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;} 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:12px; font-family: Tahoma; color:#000; background:#ffffff url('../img/bgTop.gif') repeat-x; text-align:center;} a{ color:#5a5a5a;text-decoration:none; } a:hover{text-decoration:none; color:#fa7600;} 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:#004b7e; padding:0px;margin:0px; font-size:16px;} h2{color:#004b7e; font-size:20px;padding:10px;margin:0px;} h3{color:#004b7e;padding:0px;margin:0px;padding:5px; font-size:14px;} h4{color:#004b7e;padding:0px;margin:0px;padding:5px;} h5{color:#004b7e;padding:0px;margin:0px;padding:5px;} input{padding:2px;border-left:1px solid #a8a8a8;border-top:1px solid #a8a8a8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;-moz-border-radius:2px;margin:2px; background:#F8F8F8; 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 #d8d8d8;border-bottom:1px solid #d8d8d8; background:#F8F8F8;} 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:#5a5a5a;} label input{margin-left:30px;} hr { border: 1px #ddd solid; width: 80%;} #nav {position:absolute; top:112px; right:8px; height:25px; padding-top:5px; z-index:200;} #nav A.activeSlide { padding:2px 5px; border:1px solid #b5b5b5; -moz-border-radius:2px; margin:2px; background:#f1f1f1; font-weight:bold; font-size:11px; color:#5a5a5a;} #nav A { padding:2px 5px; border:1px solid #b5b5b5; -moz-border-radius:2px; margin:2px; background:#ffffff; font-size:11px; color:#5a5a5a;} #nav A:hover { background:#dfdfdf; font-size:11px; color:#fa7600;} /* ------------------------------------------------------------------------------------ BUTTONS */ .buttonDalej {width:59px; height:23px; background:url('../img/buttonDalej.gif') no-repeat; margin:0px; padding:0px; border:0px solid; cursor:pointer;} .buttonWstecz {width:68px; height:23px; background:url('../img/buttonWstecz.gif') no-repeat; margin:0px; padding:0px; border:0px solid; cursor:pointer;} .buttonEdytuj {width:71px; height:23px; background:url('../img/buttonEdytuj.gif') no-repeat; margin:0px; padding:0px; border:0px solid; cursor:pointer;} .buttonRejestruj {width:111px; height:23px; background:url('../img/buttonRejestruj.gif') no-repeat; margin:0px; padding:0px; border:0px solid; cursor:pointer;} .buttonLogin {width:71px; height:23px; background:url('../img/buttonLogin.gif') no-repeat; margin:0px; padding:0px; border:0px solid; cursor:pointer;} .buttonSzukaj {width:123px; height:23px; 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;} .buttonZlozZamowienie {width:117px; height:23px; background:url('../img/buttonZlozZamowienie.gif') no-repeat; margin:0px; padding:0px; border:0px solid; cursor:pointer;} .buttonZapisz {width:71px; height:23px; background:url('../img/buttonZapisz.gif') no-repeat; margin:0px; padding:0px; border:0px solid; cursor:pointer;} /* ------------------------------------------------------------------------------------ STRUCTURE */ #container { width:100%; text-align:center; background:url('../img/bgTop.gif') repeat-x; padding-top:20px;} #header { width:943px; height:138px; margin:auto; text-align:left;} #header div {float:left;} #header #logo {width:260px; height:138px;} #header #login {margin-left:11px; height:138px; width:211px; background:url('../img/bgLogin.gif') no-repeat; color:#004b7e; font-size:11px; } #login table {color:#004b7e;} #header div input {padding:2px; -moz-border-radius:2px;margin:2px; background:#f8f8f8; font-size:11px;} #header #login .login {width:71px; height:23px; background:url('../img/buttonLogin.gif') no-repeat; border:0px solid; float:left; margin:0px; padding:0px;} #header #basket { height:138px; width:198px; background:url('../img/bgBasket.gif') no-repeat; text-align:center; color:#004b7e; font-size:11px; line-height:16px;} #header #basket p {background:transparent;} #header #search { height:138px; width:263px; background:url('../img/bgSearch.gif') no-repeat;} #header #search .szukaj {width:123px; height:23px; background:url('../img/buttonSzukaj.gif') 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:943px; height:31px; margin:8px auto 7px auto; padding:0; text-align:center; background:url('../img/bgMenuTop.gif') no-repeat;} #menuTop ul{ padding:0; margin:0px; list-style:none;} #menuTop li{ padding:0; margin:0px; display:inline} #menuTop img{ padding:0; margin:3px 17px 0 17px;} #localization {width:100%; text-align:center; float:left; clear:both; margin-bottom:7px; background:url('../img/bgLocalization.gif') repeat-x;} .localization {width:943px; text-align:center; margin:auto; line-height:22px; color:#5a5a5a; font-size:11px;} .localization span {line-height:22px; color:#006eb9; margin:0 3px;} #content_main {width:943px; margin:auto; text-align:left; margin-bottom:0px;} #content { float:left; width:522px;} #contentProduct { float:left; width:732px;} #leftBox { width:211px; float:left;} #leftBox .leftBoxCenter dl { padding:10px 10px 0 15px; color:#5a5a5a; line-height:20px;} #leftBox .leftBoxCenter dd { line-height:16px;} #leftBox .leftBoxCenter A { text-decoration:none; color:#5a5a5a;} #leftBox .leftBoxCenter A:hover { text-decoration:none; color:#fa7600;} #leftBox .leftBoxCenter .active, #leftBox #menu .active A { text-decoration:none; font-weight:bold; color:#fa7600;} #leftBox .leftBoxCenter DT { cursor:pointer;} #leftBox .leftBoxCenter {width:197px; float:left; font-size:12px; background:url('../img/bgLeftBoxCenter.gif') repeat-y left;} #leftBox .leftBoxBottom { background:url('../img/bgLeftBoxBottom.gif') no-repeat; width:197px; height:6px; 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:197px; float:right; text-align:left; background:url('../img/bgleftBoxCenter.gif') repeat-y left;} #rightBox .rightBoxCenter { float:left; text-align:left; background:url('../img/bgRightBoxCenter.gif') repeat-y; padding:0 13px 20px 13px;} #rightBox .rightBoxBottom { width:197px; height:6px; float:left; text-align:left; background:url('../img/bgRightBoxBottom.gif') no-repeat; font-size:1px;} #leftBox .leftBoxCenter P.newsletter {font-size:11px; line-height:12px;} #rightBox #amenuTop10 {width:161px; float:left; font-size:12px; margin:10px 0 0 5px; _margin:10px 0 0 3px;} #banner {float:left; width:522px; height:138px; margin-bottom:13px; position:relative; overflow:hidden;} .product {width:253px; height:225px; background:url('../img/bgProduct.gif') no-repeat; margin-bottom:13px; text-align:center; color:#5a5a5a;} .product .title {padding-bottom:10px; padding-top:10px; border-bottom:1px solid #dadada; font-weight:bold; font-size:11px; color:#5a5a5a;} .product .title span { font-weight:normal;} .product .price {float:right; width:100px; font-size:11px; font-weight:bold; color:#0066ab; text-align:right;} .product .image {float:left; width:125px; height:100px; font-size:11px; text-align:left;} .product .text {clear:both; height:40px; font-size:11px; text-align:left;} .product .buttons {clear:both; font-size:11px; text-align:center;} #contentProduct #images {width:237px; float:left;} #contentProduct #images #bigImg {width:226px; float:left; border:1px solid #b8b8b8; padding:1px;-moz-border-radius:3px;} #contentProduct #images #smallImg {width:224px; height:48px; float:left; clear:both; margin-bottom:0px; margin-top:4px; position:relative; overflow:hidden; } #contentProduct #images .items {width:2000px; position:absolute;} #contentProduct #images .items div { float:left; } /* prev, next, prevPage and nextPage buttons */ a.browse { display:block; width:18px; height:18px; float:left; margin:5px 2px; cursor:pointer; font-size:1px; } /* right */ #contentProduct #images a.right { background-position: 0 0px; clear:right; margin-right: 0px; background:url(../img/right.png) no-repeat;} #contentProduct #images a.right:hover { background-position:-0px -0px; } #contentProduct #images a.right:active { background-position:-18px -0px; } /* left */ #contentProduct #images a.left { margin-left: 0px; background:url(../img/left.png) no-repeat;} #contentProduct #images a.left:hover { background-position:-0px 0; } #contentProduct #images a.left:active { background-position:-18px -0px; } /* disabled navigational button */ #contentProduct #images a.disabled { visibility:hidden !important; } /* you may want to setup some decorations to active the item */ #contentProduct #images .items div.active { border:1px inset #ccc; background-color:#fff; } #contentProduct #product {width:494px; float:left;} #contentProduct #product .top {width:494px; height:5px; background:url('../img/bgProductTop.gif') no-repeat; font-size:1px;} #contentProduct #product .content {float:left; width:494px; background:url('../img/bgProductContent.gif') repeat-y; font-size:11px; color:#5a5a5a; text-align:center; padding-bottom:15px;} #contentProduct #product .bottom {float:left; width:494px; height:5px; background:url('../img/bgProductBottom.gif') no-repeat; font-size:1px;} #contentProduct #product .title {padding-bottom:6px; text-align:left; padding-top:10px; margin: 0 15px 10px 15px; border-bottom:1px solid #dadada; font-weight:bold; font-size:11px; color:#5a5a5a;} #contentProduct #product .text {margin: 0 15px; line-height:15px; text-align:left;} #contentProduct #product .left {float:left; width:250px; text-align:left;} #contentProduct #product .right {float:right; width:197px; text-align:center;} #contentProduct #product .price {font-size:14px; font-weight:bold; color:#0066ab; margin-top:10px;} #contentProduct #product .availability {font-size:12px; margin:15px 0;} #contentProduct #product #raty {width:197px; background:url('../img/bgRaty.jpg') no-repeat; margin:15px 0; padding:10px 0;} #contentProduct #product #raty P {margin:10px;text-align:center;} #contentProduct #product #raty .title {margin:0 10px 10px 10px; padding:0px 0 5px 0; text-align:center;border-bottom:1px solid #ffffff; font-size:12px;} #contentProduct #product #raty A {color:#0066ab; font-size:12px; font-weight:bold;} #contentProduct #product #raty A:hover {color:#fa7600; font-size:12px; font-weight:bold;} .oldPrice {font-size:11px; color:#db0000; text-decoration:line-through; font-weight:normal; margin-top:15px;} #productOption {width:522px; background:url('../img/bgArticlesContent.gif') repeat-y; font-size:11px; color:#5a5a5a; text-align:center; float:left; margin-top:20px;} #productOption .bottom {width:522px; 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:522px; background:url('../img/bgProductSpecialContent.gif') repeat-y; font-size:11px; color:#5a5a5a; text-align:center; float:left; margin-top:20px;} #productSpecialBox .top {width:522px; height:6px; background:url('../img/bgProductSpecialTop.gif') no-repeat top; font-size:1px; float:left;} #productSpecialBox .bottom {width:522px; 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:522px; height:5px; font-size:1px; background:url('../img/bgArticlesTop.gif') no-repeat; } #articles .bottom, #order .bottom{width:522px; height:5px; background:url('../img/bgArticlesBottom.gif') no-repeat; font-size:1px;} #articles .content, #order .content {width:522px; background:url('../img/bgArticlesContent.gif') repeat-y; color:#5a5a5a; text-align:center; } #articles .content A { color:#004b7e; } #articles .content A:hover { color:#fa7600; } #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; text-align:left; padding:15px 0; margin: 0px 15px; line-height:15px; overflow:hidden; font-size:auto;} #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;} .title2Date { font-size:10px; font-weight:bold; float:right;} #order {width:100%;} #order .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;} #order .text TD {padding:10px 5px;} #order .text .productTitle {font-weight:bold;} #order .text .productList {text-align:right;} #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:100%; text-align:center; float:left; clear:both; margin-top:20px; background:url('../img/bgLocalization.gif') repeat-x; color:#5a5a5a;} #footerMenu {width:943px; height:22px; line-height:22px; text-align:center; margin:auto;} #footerMenu A { text-decoration:none; padding:0 9px; color:#5a5a5a;} #footerMenu A:hover {text-decoration:none; color:#fa7600;} #footer .bottom {margin:10px 0; font-size:10px;} #footer .bottom span {margin:0 10px;} input.form { width:200px} input.formError { background:#FF6F75; width:200px} .list1, .list1 TD { line-height:20px;} .list2, .list2 TD { line-height:20px; background:#ECECEC;}