BODY {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        FONT-SIZE: 10px;
        color: #000000;
        FONT-FAMILY: Verdana;
        
        background-image: url(../images/bg.gif);
        background-repeat: repeat-x;
        background-color: #9FB6C8;
        
}

TD, TH {
FONT-SIZE: 10px; FONT-FAMILY: Verdana; ;
}
H1.hit { 
FONT-SIZE: 8pt; COLOR: #888; FONT-FAMILY: Helvetica; font-weight: normal;
}    

/* przykrywka dla tekstu Akcesoria GSM w prawym menu */
H2.maly { 
FONT-SIZE: 8pt; COLOR: #888; FONT-FAMILY: Verdana; font-weight: normal;
}

ul {padding: 0.2em 0 0.2em 1.8em; margin: 0}
li {margin-left: 1em} /* dla niepoprawnych li bez ul */
ul li {margin-left: 0}

p {margin: 2px 0}

H1 {
        FONT-SIZE: 14px;
        FONT-FAMILY: Arial;
        color:#000080;
        font-weight: bold;
        font-style: normal;
        margin: 5px 0 10px 0;
        padding: 0px;
}

H2 {
        FONT-SIZE: 12px;
        FONT-FAMILY: Helvetica;
}
H3 {
        FONT-SIZE: 11px;
        FONT-FAMILY: Helvetica;
        font-weight: bold;
        vertical-align: middle;
        font-style: normal;
        line-height: normal;
        font-variant: normal;
        margin: 0px;
        padding: 0px;
}

/* wszystkie selecty */
SELECT.menu_rozwijane { 

border:1px solid #22442B; FONT-SIZE: 10px; COLOR: #2E6D98; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #EEF0F2;
}


/*wszystkie textarea */
TEXTAREA.pole {
  border:1px solid #22442B; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #EEF0F2;  
     background-image: url(../images/bg_textarea.gif);
        background-repeat: repeat-x;
}

/* inputy wywietlane przy pomocy 2 klas - pole i button; (poza koszykiem, ktry celowo nie ma klasy) */
input[type=text], input[type=password], select, textarea {
    FONT-SIZE: 10px; 
    COLOR: #2E6D98; 
    FONT-FAMILY: Verdana; 
    BACKGROUND-COLOR: #ECF1F5; 
    border:1px solid #22442B; 
}

INPUT.pole { 
        
    cursor:pointer;
    border:1px solid #22442B; 
    height:16px;
    FONT-SIZE: 10px; 
    COLOR: #2E6D98; 
    FONT-FAMILY: Verdana; 
    BACKGROUND-COLOR: #ECF1F5; 
    font-weight:bold;
    background-image: url(../images/tlo_button.gif);
    background-repeat: repeat-x;
}
input.button, input[type=button], input[type=submit] {
   cursor:pointer;
    border:1px solid #22442B; 
    height:20px;
    FONT-SIZE: 10px; 
    COLOR: #2E6D98; 
    FONT-FAMILY: Verdana; 
    BACKGROUND-COLOR: #ECF1F5; 
    font-weight:bold;
    background-image: url(../images/tlo_button.gif);
    background-repeat: repeat-x;
}

/* przycisk do pacenia kart kredytow (ostani krok zamwienia dla karty) - powinien by bardzo dobrze widoczny */
INPUT.alertbutton {
        border:1px solid #22442B; 
        height:22px;
    FONT-SIZE: 14px; 
    COLOR: #BD3100; 
    FONT-FAMILY: Arial,Tahoma,Verdana; 
    BACKGROUND-COLOR: #EA0437; 
    font-weight:bold;
    font-weight:bold;
    background-image: url(../images/tlo_button.gif);
    background-repeat: repeat-x;
}

/* czcionka dla ceny */
 FONT.priceinfo { 
 height:50px;
 FONT-SIZE: 12px; 
 COLOR: #E6E6E6; 
 FONT-FAMILY: Verdana; 
 font-weight:bold; 
 BACKGROUND-COLOR: transparent;
}

FONT.cena { /* to tez czcionka dla ceny, domylnie powinna by taka sama jak priceinfo (do_show_product.inc)*/
 FONT-SIZE: 12px; 
  COLOR: #E6E6E6; 
 FONT-FAMILY: Verdana; 
 font-weight:bold
}

/* czcionka dla "wiecej informacji>>" (pod wyswietlanym produktem); uwaga - take dla "wszystkie>>" w prawym menu - nowosci */
FONT.moreinfo {
                FONT-FAMILY: Verdana; 
        FONT-SIZE: 11px;
        TEXT-DECORATION: none;
        FONT-WEIGHT: bold;
        COLOR: #C63908;
}

/* czcionka w prawym menu */
FONT.menu_right {
        FONT-FAMILY: verdana; 
        FONT-SIZE: 10px;
        TEXT-DECORATION: none;
        COLOR: #000000;
}

/* nazwa wywietlanego produktu */
FONT.naglowek {
        FONT-SIZE: 11px;
        COLOR: #3B5462;
        FONT-FAMILY: Verdana;
        font-weight:bold;
        TEXT-DECORATION: none;
        word-spacing: normal;
        letter-spacing: 1px;
}

h3.naglowek a:link, h3.naglowek a:visited {
        FONT-SIZE: 11px;
        COLOR: #3B5462;
        FONT-FAMILY: Verdana;
        font-weight:bold;
        TEXT-DECORATION: underline;
        word-spacing: normal;
        letter-spacing: 1px;
        padding: 0;
}

/* czcionka dla komunikatu o bdzie na czerwono */
FONT.error {
font-size: 10px; color:#FF0033; font-weight:bold; font-style: normal; FONT-FAMILY: Arial;
}

/* czcionki statusu/bdu dla prawego menu, np. wywietlane po subskrybcji */
/* pomoaraczowy */
FONT.clsMsgError {
        font-size: 11px;
        color:#ff7c11;
        font-style: normal;
        FONT-FAMILY: Arial;
}
/* zielony */
FONT.clsMsgStatus {
        font-size: 11px;
        color:#03bd11;
        font-style: normal;
        FONT-FAMILY: Arial;
}


/* czcionka dla komunikatu "ID twojego zamwienia....", np. w potwierdzeniu zakupu  GRANATOWY */
FONT.info {
        font-size: 14px;
        color:#000080;
        font-weight:bold;
        font-style: normal;
        FONT-FAMILY: Arial;
}

/* tytul includowanych plikw, np. "polityka prywatnoci" ( pliki z katalogw includes_en, inculdes_pl) */
FONT.tytul_includa {
        font-size: 14px;
        color:#000080;
        font-weight:bold;
        font-style: normal;
        FONT-FAMILY: Arial;
}
/* header Nowoci */

FONT.header  {
font-size: 11px;
        COLOR: #0577BE;
        font-family: Verdana;
        text-decoration: none;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-decoration: none;
}


/* poprawna kolejno pseudo-klas to: link, visited, hoover, active. Zmiana kolejnoci moe powodowa "przykrycie" pseudo-klasy hoower, bd active */
/* Linki: */
A:link {
        font-size: 10px;
        COLOR: #1B2327;
        font-family: Verdana;
        text-decoration: none;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
}

A:visited {
font-size: 10px;
        COLOR: #0033CC;
        font-family: Verdana;
        text-decoration: none;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
}
A:hover {
font-size: 10px;
        COLOR: #666666;
        font-family: Verdana;
        text-decoration: none;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
}
A:active {
font-size: 10px;
        COLOR: #0033CC;
        font-family: Verdana;
        text-decoration: none;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
}
/* Header */

A.header:link {
        font-size: 12px;
        COLOR: #1B2327;
        font-family: Verdana;
        text-decoration: none;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-decoration: none;
}

A.header:visited {
font-size: 12px;
        COLOR: #0033CC;
        font-family: Verdana;
        text-decoration: none;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-decoration: none;
}
A.header:hover {
font-size: 12px;
        COLOR: #666666;
        font-family: Verdana;
        text-decoration: none;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-decoration: none;
}
A.header:active {
font-size: 12px;
        COLOR: #0033CC;
        font-family: Verdana;
        text-decoration: none;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-decoration: none;
}

/* Linki - prawe menu: */
A:link.menu_right {
        font-size: 10px;
        COLOR: #000000;
        font-family: verdana;

}
A:visited.menu_right {
        font-size: 10px;
        COLOR: #000000;
        font-family: verdana;
        text-decoration: underline;
}
a:hover.menu_right {
        font-size: 10px;
        COLOR: #C63908;
        font-family: verdana;
        text-decoration: none;

}
A:active.menu_right {
        font-size: 10px;
        COLOR: #000000;
        font-family: verdana;
        text-decoration: none;
        }

/* Linki - lewe menu: */
A:link.menuleft {
        font-size: 10px;
        COLOR: #0A2D3E;
        font-family: verdana;
        text-decoration: none;
}
A:visited.menuleft {
        font-size: 10px;
        COLOR: #0A2D3E;
        font-family: verdana;
        text-decoration: none;
}
a:hover.menuleft {
        font-size: 10px;
        COLOR: #6196B5;
        font-family: verdana;
        background:#FFFFFF;
        text-decoration: none;
        
}
A:active.menuleft {
        font-size: 10px;
        COLOR: #000000;
        font-family: verdana;
        text-decoration: none;
        
}

/* Linki - pasek nawigacyjny, (pod nagwkiem): */
A:link.navibar {   

    font-family : helvetica;
        font-weight:bold;
    color : #2D465F;  

}

A:visited.navibar {

   font-family : helvetica;
        font-weight:bold;
   color : #000000;
   text-decoration : none;

}

A:hover.navibar {
        font-weight:bold;
   font-family : helvetica;
   text-decoration : none;
   color : #0577BE;    
}

A:active.navibar {

   font-family : helvetica;
        font-weight:bold;
   color : #000000;
   text-decoration : none;
}

A:link.upperNavibar, A:visited.upperNavibar, A:hover.upperNavibar, A:active.upperNavibar {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: middle;
}


/* Linki - tabela nowoci w prawym menu: */

A:link.newest {
   font-family : verdana;
   font-size : 10px;
   color : #DE6C44;
   text-decoration : none;
}
A:visited.newest {
   font-family : verdana;
   font-size : 10px;
   color : #DE6C44;  
   text-decoration : none;
}
A:hover.newest {
   font-family : verdana;
   font-size : 10px;
   COLOR: #FFFFFF;
   background:#0577BE;
   text-decoration : none;
}
A:active.newest {
   font-family : verdana;
   font-size : 10px;
   COLOR: #000000;
   text-decoration : underline;
}

/* Tabela paska nawigacyjnego (pod nagwkiem): */ 
TABLE.navibar {
    width:780px;  
}
TD.navibar {

   font-family : helvetica;
   color : #5F666D;
   padding-left: 6px;
   font-size : 12px;
   font-weight : bold;
	line-height: 40px; 
   background-image: url('../images/menu_top.gif');
}

TABLE.upperNavibar {	
}
TD.upperNavibar {
	text-align: right;
	vertical-align: middle;
}


/* tabela w dziale "download" */
TABLE.download {
 
   color : #000000; 
}
TD.download {
  font-family : verdana;
   font-size : 10px;
   color : #000000;
}

/* tytuy stron, np. TWJ KOSZYK   //Granat*/
TD.entitled {
        border-left-width: 0;
        border-right-width: 0;
        border-top-width: 0;
        border-bottom-style: solid;
        border-bottom-width: 0;
        height:1;
        border-top-style:solid;
        background:#AEBDCE;
        color:#000000;
        font-size:10px;
        font-family:Arial;
        font-weight:bold;
        padding-left: 10px;
        height: 32px;
        vertical-align: middle;
        background-image: url('../images/news02_header_center-.gif');
        text-align: left;        
        
        /*
        text-align:center;
        font-style: normal;
        text-decoration: none;
        line-height: 20px;
        line-width: 420px;
*/
        
}

/*lewe menu - CAO (a nie top): // light blue */
TD.lewa_top { 
           width: 170px;
       border-style:solid;
           border-width:1px;
           border-color:#9DABB2;
           background-color:#F8F8F8;
                vertical-align: top;
}

/* srodek - tresc glowna - CAlosc (a nie top): // light gray */
TD.srodek_top { 

       border-left-width: 1px;
           border-right-width: 1px;
           border-top-style: solid;
           border-top-width: 1px;
           border-bottom-style: solid;
           border-bottom-width: 1px;
           border-color:#9DABB2;
           background-color: #FFFFFF;
                vertical-align: top;
}

/*prawe menu - CAO (a nie top): // light blue */
TD.prawa_top { 
           width: 150px;
       border-style:solid;
           border-width: 1px;
           border-color:#9DABB2;
           background-color:#F8F8F8;
                vertical-align: top;
}

/* obramowanie naokoo rabatu w menu logowania - raczej nieistotne */
TD.obr_dol { 
       border-left-width: 1px;
           border-right-width: 1px;
           border-top-width: 1px;
           border-bottom-style: solid;
           border-bottom-width: 1px; height:1px; 
}
TD.obr_gora { 
       border-left-width: 1px;
           border-right-width: 1px;
           border-top-width: 1px;
           border-top-style:solid; height:1px;
}

/* w menu logowania - raczej nieistotne*/
TD.etykieta_menu { 

       border-left-width: 1px;
           border-right-width: 1px;
           border-bottom-style: solid;
           border-bottom-width: 1px; height:1px; 

}

/* wyrnione komrki w treci gwnej, np. w pierwszym lub drugim kroku zamwienia */
.etykieta_menu_2 { 
   
           color:#000000;
           font-size:10px;
           font-family:Verdana;
           text-align:center;
           font-weight:bold;
           text-decoration: none;
           line-height: 28px;
          
           background-repeat: no-repeat;
           background-position: center;
}
/* wyrnione komrki (tyuy) lewego menu, np. PRODUKTY */
TD.etykieta_menu_2_left { 
      
           color: #4D5E74;
           font-size:10px;
           font-family:Verdana;
           text-align:center;
           font-weight:bold;
           text-decoration: none;
           line-height: 24px;
                    
           background-image: url('../images/blok_header_left.gif');
         
          
           
}
/* wyrnione komrki (tyuy) prawego menu, np. LOGOWANIE */
TD.etykieta_menu_2_right { 
                
           color: #4D5E74;
           font-size:9px;
           font-family:Verdana;
           text-align:center;
           font-weight:bold;
           text-decoration: none;        
           line-height: 24px; 
           background-image: url('../images/blok_header_right.gif');
         
          
           
}

/* tabela "nowoci" w prawym menu, wiersze parzyste(2) i nieparzyste(1): 
TD.newest1 {
        background-color: #C9E5F8;
}
TD.newest2 {
        background-color: #9BC9E3;
}
*/

/* to ceny towaru, np. na stronie gwnej */
TD.tlo_przy_cenie { 
   color:#E6E6E6;
   background-image: url(../images/tlo_cena.gif);
   background-repeat: repeat-x;
   height:50px;

background-color: #5DA1CC;
border: none;
}


/* kolor ta w wielu wyrnionych tabelach, np. krok2 zamwienia, skrcony cennik */
TABLE.tabelaztlem {
        background-color: #DBDFE2;
}


/* kolor czcionki uywanej w reklamach, zarwno w prawym menu ja i w treci gwnej */
TD.advertisment {
        color: #999999;
}

/* stopka na dole strony: */
TD.lewa_stopka {
        border-left-width: 0px;
        border-right-width: 0px;
        border-top-width: 0px;
        border-bottom-style: none;
        border-bottom-width: 0px;
        border-top-style:none;
        color:#000000;
        font-size:10px;
        font-family:Verdana;
        text-align:center;
        font-weight:bold;
        text-decoration: none;
        line-height: 49px;
        background-image: url('../images/stopka.gif');
        
        background-position: right;
}
TD.srodek_stopka {
        border-left-width: 0px;
        border-right-width: 0px;
        border-top-width: 0px;
        border-bottom-style: none;
        border-bottom-width: 0px;
        border-top-style:none;
        color:#000000;
        font-size:10px;
        font-family:Verdana;
        text-align:center;
        font-weight:bold;
        text-decoration: none;
        line-height: 49px;

        background-image: url('../images/stopka.gif');
}
TD.prawa_stopka {
        border-left-width: 0px;
        border-right-width: 0px;
        border-top-width: 0px;
        border-bottom-style: none;
        border-bottom-width: 0px;
        border-top-style:none;
        color:#000000;
        font-size: 10px;
        font-family:Verdana;
        text-align:center;
        font-weight:bold;
        text-decoration: none;
        line-height: 49px;
        background-image: url('../images/stopka.gif');

        background-position: left;
}
/* kolor tla tabeli z lista produktow w koszyku - krok1 // light blue */
.tabela_koszyk {  
background-image: url(../images/news01_header_center.gif);
 background-repeat: repeat-x;
        background-color:#FFFFFF;
}

/* naglowek tabeli z lista produktow w koszuku - krok1 // gray */
.koszyk_opis {
color: #4B4B4B;
font-size: 9px;
FONT-FAMILY: Verdana;
 }
 
/* czcionka - nazwy produktow, ilosc i wartosc w koszyku - krok1 // light blue */
.koszyk_prod {
background-color:#FFFFFF;
color: #000000;
font-size: 10px;
FONT-FAMILY: Verdana;
font-weight: normal;
 }
 
 /* czcionka - nazwy produktow, ilosc i wartosc w koszyku - krok1 // light blue */
.totalcost {
background-color:#ffffff;
color: #000000;
font-size: 10px;
FONT-FAMILY: Verdana;
font-weight: bold; 
 background-image: url(../images/news01_header_center.gif);
 background-repeat: repeat-x;
 height:24px;
 }
 
input.buy-text-button {color: #E6E6E6}

/* ikonka koszyka,w Usu px */ 
 .koszykusunimg {
        height: 19px;
        width: 19px;
        border: none;
        background-image: url('../images/usun.gif');
        background-repeat: no-repeat;
/*        background-position: center; */
 }
 
 
 
/* =========REKLAMY konfiguracja, wygld ============*/
/* ---- w gwnym oknie: ---- */
/* warstwa reklamy, konfiguracja */
div#mainAdvert {
        position:absolute;
        top:150px;
        left:0px;
        overflow:hidden;
        width:100%;
        text-align:center;
        background-color:transparent;
        z-index:1;
}

/* zewntrzna tabela */
table.mainOuterTable {
        text-align: center;
        padding: 0px;
        border: none;
        background-color: transparent;
}

/* tytyu okna */
span#mainAdvertTitle {
        display:inline;
        color: Gray;
        background-color:white;
        font-weight: bold;
        font-size: 13px;
}
/* guzik zamknij 'X' */
a#mainAdvertClose {
        display:inline;
        color:#FF0000;
        background-color:white;
        font-weight:bold;
        font-size:13px;
        border: 1px solid black;
}

/*wewntrzna tablea */
table.mainAdvertTable {
        padding: 0px;
        border:2px solid black;
        background-color:white;
        width: 100%;
        text-align: center;
}
td.mainAdvertBody{
        width: 100%;
        text-align: center;
}
/* -----koniec-------- */

/* ---- w prawym menu: ----- */
/* tytyu okna */
span#rightAdvertTitle {
        display:block;
        color: #404040;
        background-color:transparent;
        font-weight: normal;
        font-size: 9px;
        padding: 2px;
}

table.rightAdvertTable {
        border-bottom: 1px solid #404040;
        border-top: 1px solid #404040;
        text-align: center;
        padding: 2px;
        background-color: transparent;
        color: #404040;
}

 /* strzalka w menu */
 img.strzalka {
 display: inline;
 background-image: url('../images/strzalka2.gif');
 background-position: center;
 background-repeat: no-repeat;
 border: none;
 width: 4px;
 height: 6px;
 }
 
a.menuleft img.open {
 display: block;
 background-image: url('../images/open.gif');
 background-position: center;
 background-repeat: no-repeat;
 border: none;
 width: 9px;
 height: 9px;
 }
 
 a.menuleft img.closed {
 display: block;
 background-image: url('../images/closed.gif');
 background-position: center;
 background-repeat: no-repeat;
 border: none;
 width: 9px;
 height: 9px; 
 }
 
/* -----koniec-------- */


/* kolor czcionki uywanej w reklamach, zarwno w prawym menu ja i w treci gwnej - klasa do starego systemu - nieuywana*/
TD.advertisment {
	color: #404040;
}
/* ======REKLAMY konfiguracja, wygld - koniec======= */


/* powiekszenie obrazka */
div.zoom-control {margin-bottom: 5px}
div.zoom-control .prod-pic {margin-bottom: 5px; vertical-align: bottom}
div.zoom-control a:link, div.zoom-control a:visited {text-decoration: none}
div.zoom-control a:link:hover, div.zoom-control a:visited:hover {background: none}
div.zoom-control span img {border: none; vertical-align: middle}