/* ------------ CSS Document ------------ */ /* ------------ content ------------ */ /* ------------ Impresja ------------ */ div#content {width: 568px; margin-left: 197px; height: 250px; padding-left: 10px;} html>body div#content {padding-left: 10px; margin-left: 200px; height: auto; min-height: 250px;} div.field {position: relative; border: 1px solid #ddd; margin: 15px 0px 0px 0px; padding: 10px;} div.field div.field_label {position: absolute; left: 10px; top: -7px; padding: 0px 5px 0px 14px; background-color: #f2f2f2; color: #646464;} .clear_r {float: none; clear: right; font-size: 1px; line-height: 0px;} .clear_line {visibility: hidden; font-size: 1px; line-height: 0px;} /* przykład zastosowania .clear_line */ /*
_____________________________________________________________________________
*/ /* ------------ Pathfinder ------------ */ div.content_pathway {height: 25px; font-weight: bold; font-size: 9px; color: #E43D00; width: 420px;} div.content_pathway a {color: #9f9f9f; font-weight: normal; margin-right: 6px; padding-right: 11px; background: url(../img/arrow_pathfinder.gif) no-repeat right center; font-size: 9px;} div.content_top {margin: 35px 0px 0px 0px; font-weight: bold; color: #E43D00; font-size: 14px;} div.belka_content {height: 22px; padding: 10px 0px 15px 20px; width: 548px; background: url(../img/belka_content.gif) repeat-x 0px 5px;} div.belka_content_firma {height: 22px; padding: 10px 0px 15px 20px; width: 548px; background: url(../img/belka_content.gif) repeat-x 0px 5px; font-weight: bold; color: #E43D00; font-size: 14px;} div.belka_content_wysyp {padding: 0px 0px 15px 20px; font-size: 10px; font-weight: normal; color: #9f9f9f;} /* ------------ Koniec Pathfinder ------------ */ /* ------------ Szukaj ------------ */ div.szukaj_container {height: 52px; width: 137px; position: absolute; background: url(../img/szukaj_bg.gif) no-repeat 0px 0px; top: 186px; right: 42px;} div.szukaj_container input {margin: 11px 0px 0px 14px; width: 95px; height: 12px; background: none; border: solid 0px;} html>body div.szukaj_container input {margin: 12px 0px 0px 14px;} div.szukaj_container input img {float: right;} /* ------------ Koniec Szukaj ------------ */ /* ------------ Definicje linków ------------*/ .b10, .arrow_l, .arrow_r {color: #4d4d4d; font-size: 10px; font-weight: bold;} .arrow_l {background: url(../img/arrow_1_r.gif) no-repeat 0px 2px; padding-left: 15px; position: relative;} .arrow_r {background: url(../img/arrow_1_r.gif) no-repeat 100% 2px; padding-right: 15px; position: relative;} .nieaktywny {background: url(../img/nieaktywny_bg.gif) no-repeat left center; padding-left: 15px; color: #686868;} .nieaktywny_2 {background: url(../img/nieaktywny_bg.gif) no-repeat left center; padding-left: 15px; color: #686868; margin-left: 21px;} .aktywny {background: url(../img/main_menu_arrow_s.gif) no-repeat left center; padding-left: 10px; margin-left: 15px; font-size: 10px;} .aktywny_r {background: url(../img/main_menu_arrow_s.gif) no-repeat right center; padding-right: 10px; font-size: 10px;} /* ------------ Koniec definicji linków ------------ */ /* ------------ Belka setów i filtruj / sortuj ------------ */ div.sety_top {height: 22px; padding: 5px 0px 0px 10px; width: 558px; background: url(../img/belka_content.gif) repeat-x 0px 0px; margin-bottom: 0px;} div.sety_top span {font-weight: bold; color: #E43D00; font-size: 14px; margin-left: 10px; margin-bottom: 4px;} div.box_logo_firmy {display: none; float: right; width: 150px; margin-right: 4px;} html>body div.box_logo_firmy {margin-right: 8px;} div.box_logo_firmy a {display: block;} div.box_logo_firmy a.marka {margin-top: 2px; margin-right: 3px; color: #686868;} div.sety_box {margin-left: 0px;} div#sety_top {float: right; display: inline; margin-top: 2px; margin-right: 20px;} a.sortuj {padding-left: 2px; color: #686868;} a.sortuj img {} div#opcje_filtruj_sortuj {font-size: 10px; } div#opcje_filtruj_sortuj input.pole_text {margin: 0px; padding: 1px 3px; font-size: 10px; border: 1px solid #aaa;} div#opcje_filtruj_sortuj select {width: 120px; margin-left: 2px;} div.content_sety {font-size: 10px; color: #9f9f9f; height: 14px; padding-left: 10px;} img.img_sety_left {margin: 0px 6px 0px 0px;} img.img_sety_right {margin: 0px 0px 0px 6px;} div.content_sety a.nr_str, div.content_sety a.nr_str_upper {color: #9f9f9f; padding: 0px 2px 0px 2px;} div.content_sety a.nr_str:hover, div.content_sety a.nr_str_upper:hover {color: #686868;} div.content_sety a.nr_str_upper {font-size: 12px;} div.content_sety a.nr_str span.activ {color: #E43D00; font-size: 14px; font-weight: bold} select#rows {padding: 0px; height: 14px; width: 45px;} /* ------------ Koniec Belka setów i filtruj / sortuj ------------ */ /* ------------ Belka szukarki ------------ */ div.szukaj_top {padding-bottom: 8px; margin-right: 8px;} /* ------------ Koniec Belka szukarki ------------ */ /* ------------ Boksy komunikatów w sklepie ------------ */ div.komunikat {border: solid 1px; padding: 10px 10px 10px 30px; margin-bottom: 10px; font-size: 11px;} div.positive {border-color: #8a2; background: #d9e5b1 url(../img/form/kom_positive.gif) no-repeat 10px 50%; color: #036;} div.negative {border-color: #e43d00; background: #fed095 url(../img/form/kom_negative.gif) no-repeat 10px 50%; color: #933;} /* ------------ Koniec dolne sety i linki wróć / góra ------------ */ /* ------------ Boks z dużym banerem firmy i linki pod nim ------------ */ div#box_firmowy {padding: 10px 0px; position: relative;} div#firma_baner {} div#firma_baner img {width: 571px;} div#kategorie_firmy {padding: 0px; overflow: hidden;} div.box_naglowek {padding-top: 8px;} /* ------------ Koniec dolne sety i linki wróć / góra ------------ */ /* ------------ belka pod inputy (dalej, anuluj) ---------- */ div.belka_input {height: 22px; padding: 5px 5px 0px 20px; background: url(../img/belka_content.gif) repeat-x 0px 0px; text-align: right; margin-top: 35px;} /* ------------ Koniec belka pod inputy (dalej, anuluj) ---------- */ /* ------------ Koniec belka pod inputy (dalej, anuluj) ---------- */ /* ------------ Środkowa belka ------------ */ div#belka_srodek {height: 175px;} div#belka_srodek a {color: #fff;} div#belka_srodek a:hover {color: #fff;} div#belka_cien_gora {height: 40px; background: url(../img/belka_cien_gora.gif) repeat-x 0px 0px; position: relative; z-index: 10;} div#belka_container {background: #cccdcf; height: 102px;} div.belka_menu {width: 274px; margin: 0px 2px; float: left; height: 102px; display: inline; background: url(../img/belka_srodek_02.jpg) #FF1E26; padding-left: 16px;} div.belka_menu_gora { text-align: left; padding-top: 11px;} div.belka_menu_gora a.zobacz_wszystkie {display: block; width: 100px; padding-right: 16px; background: url(../img/belka_sr_link_arrow.gif) no-repeat right 4px; margin: 6px 26px 0px 0px;} div.belka_menu_linki {padding-left: 19px;} div.belka_menu_col {float: left; width: 130px;} div.belka_menu_col a {display: block; width: 100px; padding-right: 16px; background: url(../img/belka_sr_link_arrow.gif) no-repeat 75% center;} div.belka_flash_banner {float: left; width: 257px; height: 102px; background: #ccc;} div#belka_cien_dol {height: 33px; background: url(../img/belka_cien_dol.gif) repeat-x 0px 0px;} /* ------------ Koniec Środkowa belka ------------ */ /* ------------ Polecamy ------------ */ div.content_polecamy {padding-left: 40px; background: #fff;} div.pro_polecany_container {float: left; position: relative; width: 152px; height: 200px; text-align: right; padding-right: 37px;} div.pro_polecany_opis {margin-top: 102px; font-weight: bold; cursor: pointer;} div.pro_polecany_opis a {display: block;} div.pro_polecany_opis a.cena {padding-bottom: 4px; color: #E43D00;} div.pro_polecany_opis a.nazwa {font-weight: normal; color: #686868; font-size: 10px;} div.pro_polecany_opis a.opis {font-weight: normal; color: #9f9f9f; font-size: 10px; padding-bottom: 4px;} div.pro_polecany_opis a.cena_stara {text-decoration: line-through; color: #686868; font-weight: normal;} div.pro_polecany_container a.button_all {position: absolute; width: 152px; height: 190px; display: block; z-index: 100; left: 0px; top: 0px;} /* ------------ Koniec Polecamy ------------ */ /* ------------ Kategorie ------------ */ div.box_kat {width: 165px; height: 30px; float: left; display: inline; margin: 0px 14px 0px 10px;} html>body div.box_kat {height: auto; min-height: 30px; margin: 0px 14px 0px 10px; } a.link_kat {padding-left: 22px; display: block; font-size: 11px; color: #686868; background: url(../img/main_menu_arrow_s.gif) no-repeat 11px 4px; border-bottom: solid 1px #e5e5e5; padding-bottom: 4px;} a.link_kat span {color: #9a9a9a;} div.podgrupa_poziom_0 {padding: 8px 0px 8px 10px; width: 145px;} a.podgrupa_poziom_0 {color: #9F9F9F; font-size: 10px; padding-left: 12px; display: block; background: url(../img/main_menu_arrow_s.gif) no-repeat left center; margin: 5px 0px 5px 10px;} div.podgrupa_poziom_1 {padding: 3px 0px 3px 10px;} a.podgrupa_poziom_1 {color: #9F9F9F; font-size: 10px; padding-left: 12px; display: block; background: url(../img/main_menu_arrow_s.gif) no-repeat left center; margin: 3px 0px 3px 10px;} a.link_kat:hover {color: #686868;} a.podgrupa_poziom_0:hover, a.podgrupa_poziom_1:hover {color: #9F9F9F;} a.podgrupa_poziom_0 span, a.podgrupa_poziom_1 span {color: #bfbfbf;} /* ------------ Koniec kategorie ------------ */ /* ------------ Lista produktów ------------ div.box_kat {width: 170px; height: 20px; float: left; position: relative; margin: 8px 0px 8px 8px; display: inline;} a.link_kat {} a.link_kat:hover {} div.lista_prod_produkt {position: relative; width: 269px; float: left; height: 110px; margin: 0px 0px 8px 30px; background: url(../img/produkt_wysyp.gif) no-repeat 0px 0px; display: inline;} div.lista_prod_produkt:hover {background-position: 0px -110px;} div.lista_prod_produkt div.dziubek {position: absolute; width: 14px; height: 24px; top: 25px; left: 100%; background: url(../img/dziubek_szary_r.gif) no-repeat;} div.lista_prod_produkt:hover div.dziubek {background-position: 0px -24px;} div.lista_prod_foto {float: left; height: 94px; width: 120px; margin: 8px 0px 0px 8px; display: inline;} a.produkt_miniatura {display: block; margin: 0px; width: 104px; height: 78px; background-repeat: no-repeat; background-position: 50% 50%;} div.lista_prod_info {padding: 0px 10px 0px 125px; font-size: 10px; font-weight: bold;} div.lista_prod_info a {padding-left: 12px; display: block;} div.lista_prod_info a.nazwa {padding-top: 20px;} div.lista_prod_info a.firma {color: #8a2; text-transform: lowercase;} div.lista_prod_info a.cena {color: #f60; font-size: 17px; font-weight: bold; padding-top: 4px; padding-bottom: 4px;} div.lista_prod_info a.cena_stara {text-decoration: line-through; font-size: 10px;} div.lista_prod_info a.pt {padding-top: 20px;} a.button_all {position: absolute; background-color: transparent; left: 0px; top: 0px; width: 290px; height: 110px; display: block;}*/ /*------------ Koniec Lista produktów ------------ */ /* ------------ Produkt wysyp ------------ */ div.produkt_wysyp {width: 568px;} div.produkt_flash {margin-bottom: 18px; width: 350px; height: 308px;} div.opis_produktu_kontener {padding: 15px 10px 10px 10px; border-top: solid 1px #ccc; margin: 15px 10px 25px 10px; color: #9f9f9f; width: 528px; overflow: hidden;} div.recenzje {background: url(../img/recenzje_bg.gif) repeat-x 0px 0px; height: 17px; font-weight: bold; color: #E43D00; font-size: 12px; padding: 5px 0px 0px 20px;} div.recenzje span {font-size: 10px; font-weight: normal; color: #9f9f9f;} div.recenzje_ikona {width: 120px; height: 105px; float: left; background: url(../img/recenzje_ikona.gif) no-repeat 15px 8px;} div.recenzje_ikona p {margin-top: 58px; color: #9f9f9f; font-size: 10px;} div.recenzje_container {width: 432px; float: left; padding: 30px 8px 0px 8px;} div.brak_recencji {margin-top: 30px; font-size: 10px; color: #9f9f9f;} html>body div.brak_recencji {margin-top: 0px;} a.dodaj_recenzje {display: block; background: url(../img/arrow_sety_right.gif) no-repeat right center; padding-right: 15px;} span#zostalo_znakow {color: #E43D00;} div.produkt_col_right {float: right; width: 170px; margin: 0px 0px 10px 0px; display: inline;} div.selekty {padding: 8px 8px 8px 15px; text-align: right; height: 58px; background: url(../img/selekty_bg.gif) repeat-x 0px 0px;} html>body div.selekty {min-height: 58px; height: auto;} div.selekty p {color: #4d4d4d; margin-bottom: 8px;} div.selekty select {font-size: 9px; width: 80px; border: solid 1px #bdbdbd; margin-left: 5px;} div.cena_box {padding: 8px 14px 0px 15px; background: url(../img/cena_bg.gif) repeat-x 0px 0px; height: 31px;} html>body div.cena_box {min-height: 31px; height: auto;} div.cena_box span.cena_tekst {float: left; color: #4d4d4d; font-size: 11px; font-weight: normal;} div.cena_box p.cena_wartosc_nowa {margin: 0px 0px; font-size: 14px; font-weight: bold; color: #E43D00; text-align: right;} div.cena_box p.cena_wartosc_stara {text-decoration: line-through; text-align: right; color: #686868; font-size: 11px;} div.button_dodaj {position: relative; margin: 20px 0px 0px 0px; text-align: center;} div.button_dodaj a.bt_dodaj {font-weight: normal; padding-right: 10px; background: url(../img/arrow_sety_right.gif) no-repeat 100% 5px; color: #4d4d4d;} div.prod_wysyp_info {width: 185px;} div.zobacz_rowniez {background: url(../img/arrow_sety_right.gif) no-repeat 6px 2px; padding-bottom: 3px; display: none;} div.produkty_polecamy {width: 375px; float: left; display: none;} div.polecamy_produkt {margin: 0px 8px 0px 0px; float: right; width: 90px; background: #e6e6e6; display: none;} div.polecamy_produkt_foto {background: #fff; text-align: center; display: none;} div.polecamy_produkt_foto img {width: 70px; display: none;} /* ------------ Koniec Produkt wysyp ------------ */ /* ------------ Logowanie ------------ */ table#tab_login {vertical-align: top; text-align: right; color: #4d4d4d; width: 100%;} table#tab_login td {padding-bottom: 10px;} table#tab_login td.padding {padding-bottom: 20px;} table#tab_login td.left {text-align: left;} table#tab_login td.input {text-align: left; padding-left: 5px;} table#tab_login td.text {width: 88px; padding-left: 8px;} a.link_rejestracja {color: #4d4d4d; background: url(../img/main_menu_arrow_s.gif) no-repeat right center; padding-right: 15px;} p.logowanie_tekst {margin-bottom: 10px;} /* ------------ Koniec Logowanie ------------ */ /* ------------ Koszyk ------------ */ div.cont_box {} div.koszyk_naglowek {height: 16px; color: #bababa; font-size: 10px; margin-top: 15px;} div.koszyk_naglowek div {float: right; display: inline;} div.koszyk_naglowek div.usun, div.koszyk_usun {width: 60px; text-align: center;} div.koszyk_naglowek div.foto, a.koszyk_foto {width: 70px;} div.koszyk_naglowek div.opis, div.koszyk_opis {width: 230px; padding-left: 20px;} div.koszyk_naglowek div.ilosc, div.koszyk_ilosc {width: 70px;} div.koszyk_naglowek div.cena, div.koszyk_cena {width: 98px; text-align: right; padding-right: 10px;} div.koszyk_produkt {margin-bottom: 3px;} div.koszyk_produkt_srodek {background: url(../img/koszyk_container_bg.gif) repeat-x 0px 0px; height: 70px; font-size: 10px;} html>body div.koszyk_produkt_srodek {min-height: 70px; height: auto;} div.koszyk_produkt_srodek div {} div.koszyk_usun {float: right; padding-top: 18px;} div.koszyk_usun input.cross_usun {width: 14px; height: 14px; border: none; background: url(../img/cross.gif) no-repeat; margin: 0px;} div.koszyk_usun input.cross_usun:hover {background-position: 0px -14px; cursor: pointer;} a.koszyk_foto {display: block; float: right; background: #fff; margin-top: 5px; overflow: hidden; } a.koszyk_foto img {width: 60px; margin-left: 10px; margin-top: -6px;} div.koszyk_opis {float: right;} div.koszyk_opis p.firma {color: #357cdd; font-weight: bold; text-transform: uppercase;} div.koszyk_opis p.firma a {color: #357cdd;} div.koszyk_opis p.produkt {margin-bottom: 5px; margin-top: 5px;} div.koszyk_opis p.produkt a {} div.koszyk_opis p.cechy {padding-left: 16px; font-style: italic; color: #8C8C8C;} div.koszyk_opis span.doplata {color: #8C8C8C; padding-left: 10px;} div.koszyk_ilosc {float: right; padding-top: 18px; color: #3f3f3f;} div.koszyk_ilosc input.ilosc {text-align: center; width: 42px; margin: 0px; padding: 1px 3px; font-size: 11px; border: 1px solid #aaa;} div.koszyk_ilosc input.przelicz {width: 50px; height: 18px; padding-bottom: 2px; border: none; font-size: 9px; background: url(../img/button_przelicz.gif) no-repeat; margin: 0px;} div.koszyk_ilosc input.przelicz:hover {background-position: 0px -18px;} div.koszyk_cena {float: right; font-weight: bold; color: #E43D00; padding-top: 18px; padding-right: 25px; width: 83px; font-size: 11px;} div.koszyk_suma {background: url(../img/koszyk_container_bg.gif) repeat-x 0px 0px; height: 70px; font-size: 10px;} div.koszyk_suma span {font-size: 12px; font-weight: bold; color: #f00; padding-right: 25px;} div#cena_box_koszyk {float: right; background: url(../img/koszyk_container_bg.gif) repeat-x 0px 0px; height: 52px; font-size: 11px; color: #E43D00; font-weight: bold; padding-right: 25px; padding-top: 10px;} div#cena_box_koszyk span.tekst, div#cena_box_koszyk span.cena_symbol, div#cena_box_koszyk span.cena_grosze {color: #E43D00; font-weight: bold;} div#cena_box_koszyk span.tekst {color: #4d4d4d; font-weight: normal;} input.przelicz {width: 80px; height: 20px; padding-bottom: 2px; color: #fffffe; font-weight: bold; cursor: pointer; border: none; font-size: 10px; background: url(../img/button_1_80.gif) no-repeat; margin: 0px;} input.przelicz:hover {background-position: 0px -20px;} div.nawigacja_prawa {float: right;} /* ------------ Koniec Koszyk ------------ */ /* ------------ Do wysypu pojedyńczego newsa ------------ */ div.news {} div.news img {margin-right: 13px;} div.news_tekst {float: right; width: 320px; color: #3f3f3f; font-weight: bold;} div.news_tekst_dlugi {color: #3f3f3f; padding: 13px;} /* ------------ Koniec wysypu pojedyńczego newsa ------------ */ /* ------------ Moje Konto ------------ */ /* div.singiel gdy div.naglowek wystepuje sam bez tekstu pod nim (użycie: class="naglowek singiel") */ div.singiel {margin: 0px;} table.zamowienia {padding: 0px; margin-left: 21px; font-size: 10px; width: 546px;} html>body table.zamowienia {border-collapse: collapse;} table.zamowienia tr.naglowek td {padding: 4px 0px 8px 0px; border-bottom: 1px solid #ddd; padding: 5px 5px 5px 10px;} table.zamowienia tr {padding: 0px; margin: 0px;} table.zamowienia tr.hover:hover {background-color: #fafafa;} table.zamowienia tr.hover:hover a {color: #606060;} table.zamowienia td {color: #686868; font-size: 10px; padding: 0px; border-right: 1px dashed #ddd;} table.zamowienia td.do_prawej {text-align: right;} table.zamowienia td.centruj {text-align: center;} table.zamowienia td#nr_zam {width: 109px;} table.zamowienia td#data {width: 90px;} table.zamowienia td#status {font-weight: bold;} table.zamowienia td#suma {width: 89px; font-weight: bold;} table.zamowienia td.no_border {border-right: none;} table.zamowienia a {display: block; width: 100%; height: 100%;} table.zamowienia a span {display: block; padding: 5px;} table.zamowienia a span span {display: inline; padding: 0px;} table.zamowienia a span.bold {font-weight: bold;} table.zamowienia a.arrow_l {padding: 0px; background-position: 10px 7px;} table.zamowienia a.arrow_l span {padding: 5px 5px 5px 28px;} p.lista_zamowien {width: 100%; height: 15px;} p.lista_zamowien:hover {background: #ebf1fd;} span.pierwszy, span.nastepne {width: 200px; color: #666; font-size: 10px; font-weight: bold; padding-right: 20px;padding-left: 28px; background: url(../img/strzalka_menu.gif) no-repeat 10px 2px;} span.nastepne {background: none; padding-left: 0px;} span.status {font-size: 10px; font-weight: bold; padding-right: 20px; color: #4078cb;} span.cena {font-size: 10px; font-weight: bold; padding-right: 20px; color: #000;} div.adres_dod div {padding-left: 15px;} div.adres_dod div.adres {padding-top: 5px;} div.edytuj_adres {width: 60px; float: right;} div#dane_faktury {display: none; margin-top: 8px;} table.dane_faktury {width: 510px;} table.dane_faktury input {font-size: 10px; width: 200px;} table.dane_faktury input.text { margin-bottom: 5px;} table.dane_faktury select {font-size: 11px; width: 206px;} table.dane_faktury td.do_prawej {width: 230px;} table.dane_faktury a {font-weight: bold;} table.dane_faktury a.set_adres {color: #666; display: block; width: 259px; margin-bottom: 5px; padding-left: 18px; background: url(../img/strzalka_menu.gif) no-repeat 0px 2px;} table.dane_faktury a.set_adres:hover {color: #666; background: #ebf1fd url(../img/strzalka_menu.gif) no-repeat 0px 2px;} table.dane_faktury a.set_adres_active {background: #ebf1fd url(../img/strzalka_menu.gif) no-repeat 0px 2px;} div.adres_details_rel {position: relative;} div.adres_details {position: absolute; display: none; left: 20px; width: 150px; border: #a6a6a6 1px solid; background: #fffb86; padding: 5px;} div.adres_details_rel:hover div.adres_details {display: block;} /* ------------ Koniec Moje Konto ------------ */ /* ------------ Buttony ------------ */ /* ------------ 1 i 3 pomarańczowy - 2 i 4 szary */ /* ------------ 1 i 2 wysokosc 20px - 3 i 4 wysokosc 15px */ input.button_1_40, input.button_1_60, input.button_1_80, input.button_1_100, input.button_1_120, input.button_1_140, input.button_1_160, input.button_2_40, input.button_2_60, input.button_2_80, input.button_2_100, input.button_2_120, input.button_2_140 {height: 16px; color: #fff; cursor: pointer; border: none; font-size: 11px; margin: 0px; font-weight: bold;} html>body input.button_1_40, html>body input.button_1_60, html>body input.button_1_80, html>body input.button_1_100, html>body input.button_1_120, html>body input.button_1_140, html>body input.button_1_160, html>body input.button_2_40, html>body input.button_2_60, html>body input.button_2_80, html>body input.button_2_100, html>body input.button_2_120, html>body input.button_2_140 {padding-bottom: 2px;} input.button_2_40, input.button_2_60, input.button_2_80, input.button_2_100, input.button_2_120, input.button_2_140 {color: #4d4d4d;} input.button_1_40:hover, input.button_1_60:hover, input.button_1_80:hover, input.button_1_100:hover, input.button_1_120:hover, input.button_1_140:hover, input.button_2_40:hover, input.button_2_60:hover, input.button_2_80:hover, input.button_2_100:hover, input.button_2_120:hover, input.button_2_140:hover {background-position: 0px -16px;} input.button_1_40 {width: 40px; background: url(../img/buttons/button_1_40.gif) no-repeat;} input.button_1_60 {width: 60px; background: url(../img/buttons/button_1_60.gif) no-repeat;} input.button_1_80 {width: 80px; background: url(../img/buttons/button_1_80.gif) no-repeat;} input.button_1_100 {width: 100px; background: url(../img/buttons/button_1_100.gif) no-repeat;} input.button_1_120 {width: 120px; background: url(../img/buttons/button_1_120.gif) no-repeat;} input.button_1_140 {width: 140px; background: url(../img/buttons/button_1_140.gif) no-repeat;} input.button_1_160 {width: 160px; background: url(../img/buttons/button_1_160.gif) no-repeat;} input.button_2_40 {width: 40px; background: url(../img/buttons/button_2_40.gif) no-repeat;} input.button_2_60 {width: 60px; background: url(../img/buttons/button_2_60.gif) no-repeat;} input.button_2_80 {width: 80px; background: url(../img/buttons/button_2_80.gif) no-repeat;} input.button_2_100 {width: 100px; background: url(../img/buttons/button_2_100.gif) no-repeat;} input.button_2_120 {width: 120px; background: url(../img/buttons/button_2_120.gif) no-repeat;} input.button_2_140 {width: 132px; background: url(../img/buttons/button_2_140.gif) no-repeat;} input.button_3_40, input.button_3_60, input.button_3_80, input.button_3_100, input.button_3_120, input.button_3_140, input.button_4_40, input.button_4_60, input.button_4_80, input.button_4_100, input.button_4_120, input.button_4_140 {height: 15px; padding-bottom: 2px; color: #fffffe; font-weight: bold; cursor: pointer; border: none; font-size: 9px; margin: 0px;} input.button_3_40:hover, input.button_3_60:hover, input.button_3_80:hover, input.button_3_100:hover, input.button_3_120:hover, input.button_3_140:hover, input.button_4_40:hover, input.button_4_60:hover, input.button_4_80:hover, input.button_4_100:hover, input.button_4_120:hover, input.button_4_140:hover {background-position: 0px -15px;} input.button_3_40 {width: 40px; background: url(../img/buttons/button_3_40.gif) no-repeat;} input.button_3_60 {width: 60px; background: url(../img/buttons/button_3_60.gif) no-repeat;} input.button_3_80 {width: 80px; background: url(../img/buttons/button_3_80.gif) no-repeat;} input.button_3_100 {width: 100px; background: url(../img/buttons/button_3_100.gif) no-repeat;} input.button_3_120 {width: 120px; background: url(../img/buttons/button_3_120.gif) no-repeat;} input.button_3_140 {width: 140px; background: url(../img/buttons/button_3_140.gif) no-repeat;} input.button_4_40 {width: 40px; background: url(../img/buttons/button_4_40.gif) no-repeat;} input.button_4_60 {width: 60px; background: url(../img/buttons/button_4_60.gif) no-repeat;} input.button_4_80 {width: 80px; background: url(../img/buttons/button_4_80.gif) no-repeat;} input.button_4_100 {width: 100px; background: url(../img/buttons/button_4_100.gif) no-repeat;} input.button_4_120 {width: 120px; background: url(../img/buttons/button_4_120.gif) no-repeat;} input.button_4_140 {width: 140px; background: url(../img/buttons/button_4_140.gif) no-repeat;} input.button_pusty {cursor: pointer; background: none; border: none; font-size: 10px;} /* ------------ Koniec Buttony -------------- */ /* ------------ info_top - ukryty box z informacjami dodatkowymi pokazujący się nad polem input ------------ */ div.hint-wrapper {position: relative;} div.hint {border: #a6a6a6 1px solid; z-index: 1000; margin-top: 5px; display: block; background-color: #ffa; visibility: hidden; position: absolute; font-size: 10px; color: #666; padding: 0px 2px;} div.hint div.content {padding: 8px 4px 0px 8px; width: auto;} div.hint div.control {padding: 0px 4px 4px 0px; text-align: right;} /* ------------ Koniec info_top -------------- */ /* ------------ alerty - zamiast systemowych ------------ */ div.alert {display: none; position: absolute; width: 230px; left: 40%; top: 40%; z-index: 10; background: #e6edf8; border: solid 1px; text-align: center; padding-bottom: 10px;} div.alert p {font-size: 11px; font-weight: bold; padding: 7px 0px; background: #9cf; width: 230px; margin-bottom: 6px;} div.alert p.tekst {font-size: 10px; color: #666; padding: 10px 0px; width: 230px; margin-bottom: 6px; background: none; font-weight: normal;} /* ------------ Koniec info_top -------------- */ /* ------------ tabela potwierdzenie zamowienia ------------ */ table.tabelazam {width: 700px; font-size: 10px; margin-top: 10px; color: #fff;} table.zamowienie2 {width: 100%; font-size: 10px; margin-top: 10px; color: #fff;} table.zamowienie {width: 100%; font-size: 10px; margin-top: 10px; color: #494949;} table.zamowienie td.tab_top {background: url(../img/belka_content.gif) repeat-x 0px 0px; font-weight: bold; padding: 3px 6px; border-bottom: solid 1px #e6e6e6;} table.zamowienie td.wartosci {padding: 3px 6px; border-bottom: solid 1px #e6e6e6;} table.zamowienie td.bg_lt {background: url(../img/belka_content.gif) repeat-x 0px 0px;} table.zamowienie td.bg_rt {background: url(../img/belka_content.gif) repeat-x 0px 0px;} table.zamowienie td.border_r {border-right: 1px solid #fff;} table.zamowienie td.adres {width: 25%; padding-left: 25px;} table.zamowienie td.pad_l {padding: 5px 0px 8px 25px;} table.zamowienie td.lp {width: 20px;} table.zamowienie td.foto, table.zamowienie td.wartosci img {text-align: center; width: 50px;} table.zamowienie td.nazwa {} td.nazwa p.firma {color: #357cdd; font-weight: bold; text-transform: uppercase;} td.nazwa p.produkt {} td.nazwa p.cechy {padding-left: 2px; font-size: 9px; font-style: italic; color: #646464;} td.nazwa span.doplata {color: #357cdd; padding-left: 10px;} table.zamowienie td.ilosc {text-align: center; width: 35px;} table.zamowienie td.cena, table.zamowienie td.wartosc {text-align: right; width: 90px;} /* ------------ Koniec tabela potwierdzenie zamowienia ------------ */ /* ------------ teksty stałe ------------ */ div.box_info {float: left; width: 170px;} div.box_info_naglowek_beztla {height: 0px;} div.box_info_tekst {} div.box_info_tekst a, div.box_info_tekst a.active {display: block; margin: 5px 0px 5px 10px; width: 135px; background: url(../img/main_menu_arrow_s.gif) no-repeat 5px 3px; padding-left: 15px;} div.box_info_tekst a:hover {background-color: #fafafa;} div.box_info_tekst a.active {background-color: #fafafa;} div.box_info_logo {float: right; width: 145px; text-align: right;} div.box_sklep {margin: 10px 0px; padding-bottom: 30px;} div.ts_tekst {padding: 20px; font-size: 10px;} div.ts_tekst a {color: #E43D00;} div.ts_tekst a:hover {color: #AD3002;} /* ------------ Koniec teksty stałe ------------ */ /* ------------- Rejestracja -------------------- */ table.dane_user_input {margin-left: 20px;} table.dane_user_input td.tekst {width: 120px; text-align: right; padding-right: 10px;} table.dane_user_input input.radio {margin-right: 4px;} div.kroki_rel {position: relative;} div.kroki_abs {position: absolute; right: 0px; top: -34px;} span.rejestracja_zakladka, span.rejestracja_zakladka_active {margin-right: 8px; color: #9f9f9f; font-weight: normal; background: url(../img/main_menu_arrow_s.gif) no-repeat right center; padding-right: 12px;} span.rejestracja_zakladka_active {color: #686868; font-weight: bold;} /* ------------ Koniec Rejestracja ------------ */ /* ------------ Recenzje produktu ------------ */ div.recenzje_produkt_foto {background: #fff; float: left;} div.recenzje_produkt_foto img {width: 100px;} div.recenzje_produkt_opis {float: left; padding-left: 20px;} div.recenzje_produkt_opis p.nazwa_pro {color: #686868;} div.recenzje_produkt_opis p.firma_pro {color: #357cdd; text-transform: uppercase;} div.recenzje_ocena {float: right; text-align: right; color: #8C8C8C; margin-top: 20px; display: inline;} div.recenzje_ocena span {color: #9f9f9f; font-size: 10px;} div.recenzje_ocena p.opinie {padding-top: 60px; padding-right: 15px;} form#dodaj_rec div.arrow_l {height: 20px;} div#box_dodaj {display: none; margin-top: 10px; padding: 0px 0px 0px 0px;} table#doaj_table {width: 100%;} table#doaj_table td {padding: 2px 5px; vertical-align: top;} table#doaj_table td.opis {width: 100px; text-align: right;} table#doaj_table td.pola {width: auto;} table#doaj_table .pola input.t_radio {margin-top: -5px; margin-bottom: -2px;} div#box_dodaj span {font-weight: bold; color: #bf0000;} div#box_dodaj img {margin: 3px 5px -3px 5px;} div#box_dodaj textarea {width: 100%; height: 54px;} div#box_dodaj p {margin-top: 8px;} div#box_dodaj input.button {float: right; margin-top: 8px;} div.box_zaloguj {text-align: center; margin-top: 30px; font-weight: bold;} table.recenzje {border-collapse: collapse; margin: 0px; text-align: center; width: 432px;} table.recenzje td {} table.recenzje td.ocena {vertical-align: baseline ; font-size: 12px; color: #fff; height: 18px;} table.recenzje td.zobacz_wszystkie {text-align: right;} table.recenzje span {font-size: 10px; color: #9f9f9f;} div.data {color: #686868; float: right; font-size: 10px;} div.nick {color: #E43D00; float: left; font-size: 10px;} div.dymek_ocena {position: absolute; left: 170px; color: #fff; float: left; font-size: 10px; padding: 1px 5px 0px 0px; background: url(../img/rec_ocena_bg.gif) no-repeat 100% 0px; height: 18px;} table.recenzje td.recenzja {padding: 10px 5px 20px 0px; text-align: left; color: #9f9f9f;} /* ------------ Koniec Recenzje produktu ------------ */