/*
  $Id: stylesheet.css,v 1.57 2003/07/23 15:31:35 dgw_ Exp $
*/

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj i rozmiar czcionki używanej do wyświetlania tekstu w boksach znajdujących się po lewej i po prawej stronie ekranu w Twoim sklepie */
/* linia 2: rodzaj i rozmiar czcionki używanej do wyświetlania tekstu błędów */
/* linia 3: rodzaj i rozmiar czcionki używanej do wyświetlania informacji o ilości produktu na stanie Twojego sklepu */
/* linia 4: rodzaj i rozmiar czcionki używanej do wyświetlania tekstu powiadomień o produktach */
/* linia 5: rodzaj i rozmiar czcionki używanej do wyświetlania tekstu zamówienia */

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 12px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #70d250; text-decoration: underline; }

/* -------------------------------------------------------------------- */
/* linia 2: kolor tła stron Twojego sklepu. WAŻNE: nie dotyczy to zewnętrznej części sklepu (#FFFFFF = biały) */
/* linia 3: kolor tekstu wyświetlanego w Twoim sklepie (#000000 = czarny) */
/* linia 4: rozmiar marginesów w Twoim sklepie */

BODY {
  background: #edf9f6;
  color: #0b726a;
  margin: 8px;
}

/* -------------------------------------------------------------------- */
/* linia 1: kolor odnośników w Twoim sklepie (#000000 = czarny) */
/* linia 2: wygląd odnośników w Twoim sklepie (none = bez dodatkowych atrybutów) */

A {
  color: #000735;
  text-decoration: none;
}

/* -------------------------------------------------------------------- */
/* linia 1 kolor odnośników po najechaniu na nie myszką (#AABBDD = beżowy) */
/* linia 2 wygląd odnośników po najechaniu na nie myszką (underline = podkreślenie) */

A:hover {
  color: #827ed0;
  text-decoration: underline;
}

/* -------------------------------------------------------------------- */
/* linia 1: formularze (jeszcze nie wiem o co chodzi) */

FORM {
	display: inline;
}

/* -------------------------------------------------------------------- */
/* linia 1: kolor tła nagłówka Twojego sklepu */

TR.header {
  background: #2e8780;
}

/* -------------------------------------------------------------------- */
/* linia 1: *** */

TR.headerNavigation {
  background: #2e8780;

}

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj czcionki używanej do wyświetlania tekstu w nagłówku nawigacyjnym Twojego sklepu */
/* linia 2: rozmiar czcionki używanej do wyświetlania tekstu w nagłówku nawigacyjnym Twojego sklepu */
/* linia 3: kolor tła nagłówka nawigacyjnego twojej strony UWAGA!!! Prawdziwym kolorem tła jest linia 5, a nie linia 2! */
/* linia 4: kolor czcionki używanej do wyświetlania tekstu w nagłówku nawigacyjnym Twojego sklepu (#FFFFFF = biały) */ 
/* linia 5: dodatkowe właściwości czcionki (bold = pogrubiona) */

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  background: #2e8780;
  color: #2e8780;
  font-weight: bold;
}

/* -------------------------------------------------------------------- */
/* linia 1: kolor czcionki odnośnika w nagłówku nawigacyjnym Twojego sklepu (#FFFFFF = biały) */

A.headerNavigation {
  color: #f4efef;
}

/* -------------------------------------------------------------------- */
/* linia 2: kolor czcionki odnośnika w nagłówku nawigacyjnym Twojego sklepu po najechaniu na niego myszką (#FFFFFF = biały) */

A.headerNavigation:hover {
  color: #528bf3;
}

/* -------------------------------------------------------------------- */
/* linia 1: kolor tła komunikatu błędu (#FF0000 = czerwony) */

TR.headerError {
  background: #FF0000;
}

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj czcionki używanej do wyświetlania tekstu błędów */
/* linia 2: rozmiar czcionki używanej do wyświetlania tekstu błędów */
/* linia 3: kolor tła komunikatu błędu (#FF0000 = czerwony) */
/* linia 4: kolor czcionki używanej do wyświetlania tekstu błędów */
/* linia 5: dodatkowe właściwości czcionki używanej do wyświetlania tekstu błędów (bold = pogrubiona) */
/* linia 6: ułożenie tekstu błędów (center = wyśrodkowane) */

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  background: #FF0000;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}

/* -------------------------------------------------------------------- */
/* linia 1: kolor tła komunikatu o pomyślnym wykonaniu operacji, wyświetlany na górze ekranu (#00FF00 = zielony) */

TR.headerInfo {
  background: #00FF00;
}

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj czcionki używanej do wyświetlania tekstu o pomyślnym wykonaniu informacji, wyświetlanego na górze ekranu */
/* linia 2: rozmiar czcionki używanej do wyświetlania tekstu o pomyślnym wykonaniu informacji, wyświetlanego na górze ekranu */
/* linia 3: kolor tła komunikatu o pomyślnym wykonaniu operacji, wyświetlany na górze ekranu (#00FF00 = zielony) */
/* linia 4: kolor czcionki używanej do wyświetlania tekstu o pomyślnym wykonaniu informacji, wyświetlanego na górze ekranu (#FFFFFF = biała) */
/* linia 5: dodatkowe właściwości czcionki używanej do wyświetlania tekstu o pomyślnym wykonaniu informacji, wyświetlanego na górze ekranu (bold = pogrubiona) */
/* linia 6: ułożenie tekstu błędów (center = wyśrodkowane) */

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  background: #00FF00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/* -------------------------------------------------------------------- */
/* linia 1: kolor tła listwy, wyświetlanej na dole ekranu */

TR.footer {
  background: #2e8780;
}

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj czcionki używanej do wyświetlania tekstu na listwie, wyświetlanej na dole ekranu */
/* linia 2: rozmiar czcionki używanej do wyświetlania tekstu na listwie wyświetlanej na dole ekranu */
/* linia 3: kolor tła listwy, wyświetlanej na dole ekranu */
/* linia 4: kolor czcionki używanej do wyświetlania tekstu na listwie wyświetlanej na dole ekranu (#FFFFFF = biały) */
/* linia 5: dodatkowe właściwości czcionki używanej do wyświetlania tekstu na listwie wyświetlanej na dole ekranu (bold = pogrubiona) */

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #2e8780;
  color: #ffffff;
  font-weight: bold;
}

/* -------------------------------------------------------------------- */
/* linia 1: kolor tła boksów znajdujących się po lewej i prawej stronie strony głównej Twojego sklepu */

.infoBox {
  background: #e3f4ef;
}

/* -------------------------------------------------------------------- */
/* linia 1: kolor tła wnętrza boksów znajdujących się po lewej i prawej stronie strony głównej Twojego sklepu */
/* linia 2: rodzaj czcionki używanej do wyświetlania tekstu w boksach znajdujących się po lewej i prawej stronie strony głównej Twojego sklepu */
/* linia 3: rozmiar czcionki używanej do wyświetlania tekstu w boksach znajdujących się po lewej i prawej stronie strony głównej Twojego sklepu */

.infoBoxContents {
  background: #e3f4ef;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

/* -------------------------------------------------------------------- */
/* linia 1: kolor tła... */

.infoBoxNotice {
  background: #e3f4ef;
}

/* -------------------------------------------------------------------- */
/* linia 1: kolor tła wnętrza... */
/* linia 2: rodzaj czcionki używanej do wyświetlania tekstu w... */
/* linia 3: rozmiar czcionki używanej do wyświetlania tekstu w... */

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
}

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj czcionki używanej do wyświetlania tekstu w nagłówkach boksów znajdujących się po lewej i prawej stronie strony głównej Twojego sklepu */
/* linia 2: rozmiar czcionki używanej do wyświetlania tekstu w nagłówkach boksów znajdujących się po lewej i prawej stronie strony głownej Twojego sklepu */
/* linia 3: dodatkowe właściwości czcionki używanej do wyświetlania tekstu w nagłówkach boksów znajdujących się po lewej i prawej stronie strony głównej Twojego sklepu (bold = pogrubiona) */
/* linia 4: kolor tła nagłówków boksów znajdujących się po lewej i prawej stronie strony głównej Twojego sklepu */
/* linia 5: kolor czcionki używanej do wyświetlania tekstu w nagłówkach boksów znajdujących się po lewej i prawej stronie strony głównej Twojego sklepu */
/* linia 6: ułożenie wertykalne (względem pionu) tekstu wyświetlanego w nagłówkach boksów znajdujących się po lewej i prawej stronie strony głównej Twojego sklepu (top = do góry) */

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background: #2e8780;
  color: #FFFFFF;
  vertical-align: top;
}

/* -------------------------------------------------------------------- */
/* linia 1: *** */
/* linia 2: *** */

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

/* -------------------------------------------------------------------- */
/* linia 1: kolor tła nieparzystych elementów na listach: historia zamówień, ksiązka adresowa, także kupowane, metoda zapłaty, lista produktów, komentarze do produktów, nadchodzące produkty, metoda wysyłki */

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f1fffc;
}

/* -------------------------------------------------------------------- */
/* linia 1: kolor tła parzystych elementów na listach: historia zamówień, ksiązka adresowa, także kupowane, metoda zapłaty, lista produktów, komentarze do produktów, nadchodzące produkty, metoda wysyłki */

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #e3f4ef;
}

/* -------------------------------------------------------------------- */
/* linia 1: grubość (w pikselach) ramki tabeli... */
/* linia 2: styl ramku tabeli... */
/* linia 3: kolor ramki tabeli... */
/* linia 4: margines ramki tabeli... */

TABLE.productListing {
  border: 2px;
  border-style: solid;
  border-color: #43a282;
  border-spacing: 2px;
}

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj czcionki używanej do wyświetlania tekstu na liście produktów Twojego sklepu */
/* linia 2: rozmiar czcionki używanej do wyświetlania tekstu nagłówków kolumn na liście produktów Twojego sklepu */
/* linia 3: kolor... */
/* linia 4: kolor czcionki używanej do wyświetlania tekstu nagłówków kolumn na liście produktów Twojego sklepu */
/* linia 5: dodatkowe właściwości czcionki używanej do wyświetlania tekstu nagłówków kolumn na liście produktów Twojego sklepu (bold = pogrubiona) */ 

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #43ac92;
  color: #FFFFFF;
  font-weight: bold;
}

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj czcionki używanej do wyświetlania tekstu na liście produktów Twojego sklepu */
/* linia 2: rozmiar (w pikselach) czcionki używanej do wyświetlania tekstu na liście produktów Twojego sklepu */

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

/* -------------------------------------------------------------------- */
/* linia 1: *** */

A.pageResults {
  color: #0000FF;
}

/* -------------------------------------------------------------------- */
/* linia 1: *** */
/* linia 2: *** */

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj czcionki używanej do wyświetlania tekstu tytułu wybranego towaru */
/* linia 2: rozmiar czcionki (w pikselach) używanej do wyświetlania tekstu tytułu wybranego towaru */
/* linia 3: dodatkowe właściwości czcionki używanej do wyświetlania tekstu tytułu wybranego towaru (bold = pogrubiona) */
/* linia 4: kolor czcionki używanej do wyświetlania tekstu tytułu wybranego towaru */

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #878282;
}

/* -------------------------------------------------------------------- */
/* linia 1: *** */

TR.subBar {
  background: #f4f7fd;
}

/* -------------------------------------------------------------------- */
/* linia 2: *** */
/* linia 3: *** */

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
}

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj czcionki używanej w opisie danego towaru */
/* linia 2: rozmiar czcionki używanej w opisie danego towaru */
/* linia 3: wysokość wiersza tekstu opisu danego towaru */

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 2;
}

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj czcionki używanej w dodatkowych elementach opisu, takich jak: Ten produkt został dodany do naszego sklepu, czy: Kliknij, aby powiększyć */
/* linia 2: rozmiar czcionki używanej w dodatkowych elementach opisu, takich jak: Ten produkt został dodany do naszego sklepu, czy: Kliknij, aby powiększyć */

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

/* -------------------------------------------------------------------- */
/* linia 1: *** */
/* linia 2: *** */
/* linia 3: *** */

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj czcionki używanej w nazwach pól, np. w zaawansowanej wyszukiwarce */
/* linia 2: rozmiar czcionki (w pikselach) używanej w nazwach pól, np. w zaawansowanej wyszukiwarce */
/* linia 3: dodatkowe właściwości czcionki używanej w nazwach pól, np. w zaawansowanej wyszukiwarce (bold = pogrubiona) */

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/* -------------------------------------------------------------------- */
/* linia 1: *** */
/* linia 2: *** */

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

/* -------------------------------------------------------------------- */
/* linia 1: *** */
/* linia 2: *** */

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj czcionki używanej w nazwie towaru, który właśnie został dodany do koszyka (boks Koszyk) */
/* linia 2: rozmiar czcionki (w pikselach) używanej w nazwie towaru, który właśnie został dodany do koszyka (boks Koszyk) */
/* linia 3: kolor czcionki używanej w nazwie towaru, który właśnie został dodany do koszyka (#FF0000 = czerwony) */

TD.category_desc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ff0808;
}

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj czcionku używanej w polach: checkbox, input (pole tekstowe), radio i select (lista wyboru) */
/* linia 2: rozmiar czcionki (w pikselach) używanej w polach: checkbox, input (pole tekstowe), radio i select (lista wyboru) */

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

/* -------------------------------------------------------------------- */
/* linia 1: szerokość (w procentach) dużego pola tekstowego */
/* linia 2: rodzaj czcionki używanej w dużym polu tekstowym */
/* linia 3: rozmiar czcionki (w pikselach) w dużym polu tekstowym */

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
}

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj czcionki używanej przy wyświetlaniu nazwy użytkownika (w tekście powitalnym) na stronie głównej Twojego sklepu */
/* linia 2: rozmiar czcionki używanej przy wyświetlaniu nazwy użytkownika (w tekście powitalnym) na stronie głównej Twojego sklepu */
/* linia 3: kolor czcionki używanej przy wyświetlaniu nazwy użytkownika (w tekście powitalnym) na stronie głównej Twojego sklepu */
/* linia 4: dodatkowe właściwości czcionki używanej przy wyświetlaniu nazwy użytkownika (w tekście powitalnym) na stronie głównej Twojego sklepu */

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

/* -------------------------------------------------------------------- */
/* linia 1:  */
/* linia 2:  */
/* linia 3:  */

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 2px;
}

/* -------------------------------------------------------------------- */
/* linia 1:  */
/* linia 2:  */
/* linia 3:  */

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj czcionki używanej do wyświetlania tekstu o braku produktu na stanie Twojego sklepu */
/* linia 2: rozmiar czcionki (w pikselach) używanej do wyświetlania tekstu o braku produktu na stanie Twojego sklepu */
/* linia 3: kolor czcionki używanej do wyświetlania tekstu o braku produktu na stanie Twojego sklepu */
/* linia 4: dodatkowe właściwości czcionki używanej do wyświetlania tekstu o braku produktu na stanie Twojego sklepu (bold = pogrubiona) */

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #c76170;
  font-weight: bold;
}

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj czcionki używanej do wyświetlenia ceny promocyjnej towaru */
/* linia 2: kolor czcionki używanej do wyświetlania ceny promocyjnej towaru (#FF0000 = czerwona) */

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #f80d0d;
}

/* -------------------------------------------------------------------- */
/* linia 1: rodzaj czcionki używanej do wyświetlenia komunikatu o błędzie */
/* linia 2: kolor czcionki używanej do wyświetlania komunikatu o błędzie (#FF0000 = czerwona) */

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
}
/* -------------------------------------------------------------------- */
/* Wygląd tabeli Katalogu Produktów -2 - linie 2 dół -przewijanie */
.tableData {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
  font-size: 12px;
}

TD.smallText_Print, SPAN.smallText_Print, P.smallText_Print{
  font-family: Verdana, Arial, sans-serif;
  color: #fd1515;
  font-size: 12px;
  }
  
  .infoTabSystemHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #f90808;
  vertical-align: top;
}
  
/* -------------------------------------------------------------------- */

/* -------------------------------------------------------------------- */

.infoTabSystemHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #ffffff;
  vertical-align: top;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

/* -------------------------------------------------------------------- */

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; }

/* -------------------------------------------------------------------- */
/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #99ff00; }

/* -------------------------------------------------------------------- */
/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #fd0b0b; }

/* Calendar */
.yearHeader      { font-family: Helvetica, Arial, Verdana; font-size: 14px; font-weight: bold; color: #000000; background-color: #FFFFFF; text-decoration: none;}
.calendarMonth   { background-color: #BBC3D3; cursor: default; width: 100%;}
.calendarHeader  { font-family: Helvetica, Arial, Verdana; font-size: 12px; font-weight: bold; color: #000000; background-color: #FFFFFF; text-decoration: none; height: 23px;}
.calendarToday   { font-family: Arial, Verdana; font-size: 12px; color: #000000; background-color: #FFCF00; padding-left : 3px; text-decoration: none; border:2px solid #FFFFFF; }
.calendarWeekend { font-family: Arial, Verdana; font-size: 10px; color: #000000; background-color: #CAEEFF; padding-left : 3px; line-height: 14px; text-decoration: none; border:1px solid #FFFFFF; height: 23px }
.calendar        { font-family: Arial, Verdana; font-size: 10px; color: #010000; background-color: #f9f4f4; padding-left : 3px; line-height: 14px; text-decoration: none; border:1px solid #FFFFFF; height: 23px }
.event           { font-family: Arial, Verdana; font-size: 12px; color: #000000; background-color: #FFFFFF; text-decoration: none; border:1px solid #E6E6E6; }
.empty           { background-color: #F0FAFF; line-height: 14px; height: 23px}
.calendar A:hover, .calendar A:link, .calendar A:visited, .calendar A:visited:hover, .yearHeader A:hover {color: red; text-decoration: underline;}
.calendarWeekend A:hover, .calendarWeekend A:link, .calendarWeekend A:visited, .calendarWeekend A:visited:hover {color: red; text-decoration: underline;}
.calendarToday A:hover, .calendarToday A:link, .calendarToday A:visited, .calendarToday A:visited:hover {color: red; text-decoration: underline;}