/* Ogólne style dla całej strony, */
BODY, H1, H2, H3, H4, H5, P, UL, OL, DL, DIV, TABLE, TD, TH, CENTER, BLOCKQUOTE, A, FORM, INPUT, TEXTAREA, SELECT, OPTION {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  color:#7D7D7D;
}

/*
Wymieniam wszystkie znaczniki, choć wystarczyłoby zastosowanie body, jednak
nie wszystkie przegladarki rozumieja dziedziczenie kaskadowych arkuszy stylów
*/
BODY, P, UL, OL, DL, DIV, TABLE, TD, TH, FORM, INPUT, TEXTAREA, SELECT, OPTION  {
    font-size: 9pt;
}

BODY {
    padding:0px; margin:0px; text-align:center; vertical-align:top; background:#252525; color:#7D7D7D;
}

H1, H2, H3, H4, H5 {
    font-weight: normal;
    color: #999933;
}

H1 { font-size: 11pt; }

H2 { font-size: 10pt; }

H3 { font-size: 8pt; }

H4 { font-size: 7pt; }

H5 { font-size: 6pt; }

P, UL, OL, DL, BLOCKQUOTE {
    line-height: 1.2;
    text-align: justify;
}

/******************************************************************************/
/*      Ogólne
/******************************************************************************/

TABLE {
    empty-cells: show;
}

IMG { border: 0px; }

PRE {
    margin: 10px 5px 10px 5px;
    color: #000000;
}


/******************************************************************************/
/*      Listy i wypunktowania
/******************************************************************************/
ul { margin:0; padding:0; list-style:none; }
li { background: url(../images/list1_tall.gif) repeat-x bottom; color:#7D7D7D; line-height:22px;}
li a { text-decoration:none; color:#7D7D7D; padding-left:21px; background:url(../images/pimp1.gif) no-repeat left; }
li a:hover { text-decoration:none; color:#ffffff;}


DT {
    margin: 8px 0px 4px 0px;
    padding: 0px;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
}

DD {
    margin: 0px 0px 0px 16px;
    padding: 0px;
    line-height: 1.2;
    text-align: justify;
}

/******************************************************************************/
/*      LINKI
/******************************************************************************/
a { color:#7D7D7D; text-decoration:underline;}
a:hover{ text-decoration:none; }

A IMG { border: 0px; }


A.red, A.red:link, A.red:active, A.red:visited {text-decoration: none; color: red;}
A.red:hover {text-decoration: underline;}

.clear{
  clear: both; height: 1px; overflow: hidden;
}


/******************************************************************************/
/*        Oraganizacja tabel za pomoca divów bardzo fajna sprawa :)
/******************************************************************************/
.dt { display:table; width:100%;} /* tym zaczynamy nowa tabele */
.dr { display:table-row; width:100%; height:100%;} /* tym zaczynamy nowy wiersz tabeli */
.dc { display:table-cell; text-align:left; vertical-align:top; width:100%;font-family:Tahoma; font-size:11px; line-height:14px; color:#7D7D7D;} /* tym zaczynamy nowa komórke w tabeli */



/******************************************************************************/
/*    style z layotu
/******************************************************************************/
.l1{height:319;}
.l1X_t1{height:38px;}

fieldset {background:#252525;}

.l1X_t21{height:88px; background:url(../images/h_back.jpg) no-repeat left top;}
.l1X_t2{height:88px; background:url(../images/bg_topic_bg.gif) left top;}
.l1X_t2_c1{width:386px;}
.l1X_t2_c2{width:380px;}
.l1X_t2_c2_t1{height:17px;}
.l1X_t2_c2_t2{height:56px;}
.l1X_t2_c2_t2_c1{ width:100px;}
.l1X_t2_c2_t2_c2{ width:262px;}
.l1X_t2_c2_t2_c3{ width:auto;}
.l1X_t2_c2_t3{height:193px;}

.l1X_t22{height:193px; background:url(../images/h_back_2.jpg) no-repeat left top;}

.ht1{height:56px; background:url(../images/h_tall2.gif) repeat-x;}
.ht2{background:url(../images/h_l.gif) no-repeat left;}
.ht3{background:url(../images/h_r.gif) no-repeat right;}

.ht1x1{background:url(../images/hx_back.gif);}
.ht1x2{background:url(../images/hx_top_tall.gif) repeat-x top;}
.ht1x3{background:url(../images/hx_btall.gif) repeat-x bottom;}
.ht1x4{background:url(../images/hx_ltall.gif) repeat-y left;}
.ht1x5{background:url(../images/hx_rtall.gif) repeat-y right;}



.hlist li { color:#9D080D; line-height:16px; font-size:9px; font-weight:bold; text-transform:uppercase; background:none;}
.hlist li a { background:url(../images/h_pimp.gif) no-repeat left; padding-left:10px; text-decoration:none; color:#9D080D;}
.hlist li a:hover { text-decoration:underline;}

.blacktop{background:#000000; height:6px;}

.ht_c1{width:19px;}
.ht_c2{width:111px;}
.ht_c3{width:1px;}
.ht_c4{width:14px;}
.ht_c5{width:115px;}

.l2{background:#252525;}
.l2_c1{width:10px;}
.l2_c2{width:208px;}
.l2_c2_t1{ background:#000000;}

.l2_c3{width:0px; background:#000000;}
.l2_c4{width:330px;}
.l2_c5{width:0px; background:#000000;}
.l2_c6{width:208px;}
.l2_c6_t1{  background:#000000;}
.l2_c7{width:10px;}
.pressing{margin-left:9px; margin-right:9px;}

/******************************************************************************/
/*      Nagłówek i główna tabelka zawierajaca stronę
/******************************************************************************/
DIV.main {
    margin-top: 6px;
    width: 100%;
    text-align: center;
    margin-bottom: 6px;
}

DIV.page {
    border: 1px solid #595A65 /* #e0e0e0 */;
    width: 764px;
    margin: auto;
    text-align: left;
}
/******************************************************************************/

DIV.header {

}


/******************************************************************************/

DIV.body {
    padding: 10px 5px;

}

DIV.body_left {
    float: left;
    margin: 0px;
    width: 190px;
}


DIV.body_center {
    vertical-align: top;
    /*width: 530px;*/
    margin: 0px 0px 20px 197px;
    text-align: center;
    padding: 0px;
    padding-left: 8px;
    border-left: solid 1px #595A65;
    
}

DIV.promo_wyprz00{
    margin-right: 0px;
}

DIV.body_content {
    
    margin: 0px;
}


DIV.body_right {
    float: right;
    margin: 0px 0px 10px 0px;
    width: 179px;
    display: none;
}


/******************************************************************************/
/*      Stopka
/******************************************************************************/

DIV.footer {
    border-top: 1px solid #595A65 /* #e0e0e0 */;
    width:100%;
    vertical-align: middle;
    clear: both;
    font-size:8pt;
    margin-bottom: 1px;
    background: url(../images/f_back.gif) no-repeat left top;
}

DIV.footer A{
    color:#CCCCCC;
}
DIV.footer A:hover{
    text-decoration:underline;
}

DIV.footer DIV.fcontent{
    margin: 2px 4px 2px 4px;
}

/******************************************************************************/


TD.pagefootercont, TD.pagefooternav {
    height: 22px;
    padding-top: 1px;
}

TD.pagefootercopy, TD.pagefooterdate {
    height: 30px;
    padding: 3px 0px 0px 0px;
    color:#CCCCCC;
    font-family:Tahoma;
    font-size:11px;
    line-height:14px;
}

TD.pagefooternav, TD.pagefooterdate {
    text-align: right;
}

TD.pagefootercont A {
    padding: 2px 5px 2px 0px;

    color:#CCCCCC;
    font-family:Tahoma;
    font-size:11px;
    line-height:14px;
    text-decoration:none;
}

TD.pagefootercont A + A {
    padding-left: 5px;
    border-left: 1px solid #ebebeb;
}

TD.pagefooternav A {
    display: block;
    float: right;
    padding: 3px 12px 5px 12px;
    border-bottom: 2px solid #cccccc;
    font-size: 7pt;
    text-align: center;
    color:#CCCCCC;
    font-family:Tahoma;
    text-decoration:none;
}

TD.pagefooternav A + A {
    border-right: 1px solid #ebebeb;
}

TD.pagefootercont A:hover, TD.pagefooternav A:hover {
    text-decoration: underline;
}
/* koniec stopki */
/******************************************************************************/
DIV.bar, DIV.blue_bar, DIV.green_bar, DIV.orange_bar{
  text-align: left;
  padding: 0px;
  vertical-align: top;
  height: 22px;
  color: white;
  font-weight:bold;
  display: block;
}

DIV.box{
  display: block;
  font-size: 8pt;
  padding: 2px ;
  margin: 2px 0px 16px 0px;
  /*#1768A7*/
}

DIV.label{
  display: block;
  color: #9C9C9C;
  padding: 4px 0px 2px 0px;
  font-size: 8pt;
}

.blue_bar {
  background: url(../images/bars/blue_bar_bg.gif) repeat-x 0px 0px;
  height: 21px;
  padding: 0px;
  color: white;
  font-weight:bold;
  margin: 0px;
  padding-top: 3px;
  vertical-align:middle;
}


.orange_bar {
  background: url(../images/bars/orange_bar_bg.gif) repeat-x;
  height: 21px;
  padding: 0px;
  padding-top: 3px;
  color: white;
  font-weight:bold;
  margin: 0px;
  vertical-align:middle;
}

.green_bar {
  background: url(../images/bars/green_bar_bg.gif) repeat-x;
  height: 21px;
  padding: 0px;
  padding-top: 3px;
  color: white;
  font-weight:bold;
  margin: 0px;
}

.blue_bar IMG, .green_bar IMG, .orange_bar IMG {
    margin-top:-3px;
}

.raks_logo_small {
  float:left;
  vertical-align:middle;
  margin-right: 4px;
}

.small{
  font-size: 8pt;
}


/******************************************************************************/
/* Tabelka do wywietlania artykułów
/******************************************************************************/
TABLE.browser {
    border: 1px solid #a0a0a0;
}


TR.browserhead TH, TR.browserhead TD, TD.browserhead, TH.browserhead {
    background: #585858 url(../images/bars/td_bg.jpg) repeat-x scroll 0%;
    color : white;
    font-size: 7.8pt;
    padding: 4px 4px 4px 10px;
    height: 32px;
}

.wiersz1{
  background-color: #ffffff;
}

.wiersz2{
  background-color: #f4f4f4;
}

.highlight{
  background-color: #dddddd;
  cursor: default;
}


TR.browserodd {
    /*background-color: #f4f4f4;*/
    background-color: #404040;
}

TR.browserodd:hover {
    /*background-color: #f0eef6;*/
    background-color: black;
}

TR.browsereven {
    /*background-color: #ffffff;*/
    background-color: #282727;
}

TR.browsereven:hover {
    /*background-color: #f0eef6;*/
    background-color: black;
}

TR.browserodd TD, TR.browsereven TD {
    color: #B1ABAB;
    padding: 4px;
    border-top: 1px solid #e0e0e0;
}

TR.browserodd TD a:link, TR.browsereven TD a:link, TR.browserodd TD a, TR.browsereven TD a{
    color: #efefef;
    /*color: #D52D00; czerwony*/
    text-decoration:none;
}

TR.browserodd TD a:hover, TR.browsereven TD a:hover{
    text-decoration:underline;
}

TR.browserhead + TR.browserodd TD {
    border-top: 0px;
}

TD.browserno {
    font-size: 6pt;
    text-align: right;
}

/*    Koniec tabelki do wywietlania artykułów
/******************************************************************************/

/******************************************************************************/
/* Tabelka grid, do wyswietlania róznych danych
/******************************************************************************/
TABLE.grid {
    border-top: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
}

TABLE.grid TR.wiersz1 {
    background-color: #ffffff;
}

TABLE.grid TR.wiersz2 {
    background-color: #F2F2F2;
}


TABLE.grid TH {
    background-color: #ECE9D8;
    color: #464646;
    border-bottom: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    padding: 2px;
    font-weight: bold;
}

TABLE.grid TD {
    border-bottom: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    color: #464646;
    padding: 2px;
}

TABLE.grid TR.highlight {
    background-color: #EaEaEa;
}


/******************************************************************************/
/* nagłówki, raczej do zmiany tak zeby używac browserhed
/******************************************************************************/

TH.basket, TD.basket {
  background: #585858 url(../images/bars/td_bg.jpg) repeat-x scroll 0%;
  color : white;
  font-size: 7.8pt;
  padding: 2px 4px 2px 2px;
}

TH.basket a, TH.basket a:link, TH.basket a:active, TH.basket a:hover {
  color: white;
  font-size: 8pt;
  text-decoration: underline;
  display:inline;
}

TH.basket a:hover { text-decoration: none; }
/* Jest typ sortowania w jakis sposob ma byc wyswietlkany */
.asc, .desc{
  float: right;
  display: block;
  margin: 2px 8px 2px 4px;
  width: 9px;
  height: 6px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: top left;
}

.asc { background-image: url(../images/icons/asc.gif);  }
.desc{ background-image: url(../images/icons/desc.gif); }


/******************************************************************************/
/* Tabelka do wywietlania promocji w sklepie
/******************************************************************************/
DIV.promo_box {
  width: 179px;
}

DIV.hbar{
  margin: 0px;
  display: block;
  overflow: hidden;
  padding: 2px 8px 2px 8px;
  border: solid 1px #E7E7E7;
  font-size: 8pt;
  margin: 2px 0px 26px 0px;
  overflow: hidden;
}

.promo_img{
  height: 125px;
  width: 140px;
  border: solid 1px #CECECE;
}

.promo_cena{
  height: 20px;
  padding: 0px 0px 6px 0px;
  border-bottom: solid 1px #CECECE;
  margin: 6px 0px 10px 0px;
  color: #BF0F0F;
}

.promo_towar_nazwa{
  border-left: solid 2px #1867A9;
  font-size: 8pt;
  padding: 0px 4px 0px 4px;
  width: 140px;
}

.promo_cena_wart{
  color: white;
  background: #72A90A;
  border: solid 1px #72A90A;
  height: 20px;
  padding: 2px 4px 2px 4px;
}

.promo_vat{
  color: #72A90A;
  background: white;
  border: solid 1px #72A90A;
  height: 20px;
  padding: 2px 4px 2px 4px;
}


.wyprz_cena{
  height: 20px;
  padding: 0px 0px 6px 0px;
  border-bottom: solid 1px #CECECE;
  margin: 6px 0px 10px 0px;
  width: 146px;
  color: #BF0F0F;
}

.wyprz_towar_nazwa{
  border-left: solid 2px #1867A9;
  font-size: 8pt;
  padding: 0px 4px 0px 4px;
  width: 140px;
}

.wyprz_cena_wart{
  color: white;
  background: #FE730D;
  border: solid 1px #FE730D;
  height: 20px;
  padding: 2px 4px 2px 4px;
}

.wyprz_vat{
  color: #FE730D;
  background: white;
  border: solid 1px #FE730D;
  height: 20px;
  padding: 2px 4px 2px 4px;
}


/******************************************************************************/
/* legenda do opisu towarów */
TABLE.legend TD{
  padding: 2px 8px 4px 2px;
  font-size: 8pt;
  word-spacing: 5;
}


/******************************************************************************/
/* Jaka tabelka wykorzystywana w różnych miejscach
/******************************************************************************/
TABLE.nv {
    margin: 10px 0px 10px 0px;
}

TR.nvhead TH {
    padding: 15px 5px 5px 0px;
    border-bottom: 3px solid #595A65;
    font-size: 120%;
    font-weight: bold;
    text-align: left;
}

TR.nvsubhead TH {
    padding: 0px 5px 5px 0px;
    border-bottom: 2px solid #595A65;
    text-align: left;
}
TR.nvoverhead TH{
    padding: 0px 5px 5px 0px;
    border-top: 2px solid #595A65;
    text-align: left;
}

TR.tinynvsubhead TH {
    padding: 0px 5px 5px 0px;
    border-bottom: 1px solid #595A65;
    text-align: left;
}

TR.nvplain TD {
    padding: 3px 5px 3px 0px;
    border-bottom: 1px solid #595A65;
}
TR.nvover TD {
    padding: 3px 5px 3px 0px;
    border-bottom: 1px solid #595A65;
    border-top: 1px solid #595A65;
}
TR.nvover TH {
    padding: 3px 5px 3px 0px;
    border-bottom: 1px solid #595A65;
    border-top: 1px solid #595A65;
}


/******************************************************************************/
/* przycisk, domyslny wyglad buttonów na stronie
/******************************************************************************/
.plainbutton {
  padding: 3px 8px 3px 8px;
  background: #284B99 url(../images/buttons/button.gif) no-repeat 0px 0px;
  border-left: 1px solid #BAE3F5;
  border-top: 1px solid #BAE3F5;
  border-right: 1px groove #00468E;
  border-bottom: 1px groove #00468E;
  vertical-align: middle;
  text-align:center;
  color : white;
  cursor: pointer;
  font-size: 8pt;
}


.plainbutton:hover{
  color: red;
}


/******************************************************************************/
TABLE.dbnav{
    font-size: 10pt;
    color : 0066cb;
}

TABLE.packed, TD.packed , TH.packed{
  background-color: #ebebeb;
  border : 2px solid navy;
}

TABLE.lightpacked , TR.lightpacked{
    padding: 3px 5px 3px 0px;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}


TD.plhi, TH.plhi{
  background-color : #dfdfdf;
}

TD.inside {
    font-size: 8pt;
    color : #fefefe;
}


TD.promo {
  font-size: 7pt;
  color : #003466;
  background-color: white;
}



/******************************************************************************/
/* Tabelka gdzie s‘ wywietlane grupy */
TABLE.grupy_tab{
  margin-top:10px;
}



/******************************************************************************/
/* Tabelka  do zamowienia                                                     */
/******************************************************************************/
TABLE.zamOdbDostTab {
  margin-top:15px;
  border: none;
}

TABLE.zamOdbDostTab TD{
  padding: 2px 2px 2px 4px;
}

TABLE.zamOdbDostTab TH{
  padding: 2px 2px 2px 4px;
  height: 22;
  font-weight:bold;
  text-align: center;
}

TABLE.zamOdbDostTab TD.odstep{
  height: 30px;
  border-top: solid white 1px;
  border-bottom: solid #595A65 1px;
}


/* Obsługa błędów do zamówienia w zasadzie wszedzie tak samo pewnie,
   ale moze ktos zechce inaczej, lepiej aby była mozliwoc ustawienia */
DIV.zamowienie_errors{
  color: red;
  text-align: left;
}

DIV.zamowienie_errors h2{
  color: red;
  text-align: left;
}

DIV.zamowienie_errors li{
  color: red;
  text-align: left;
  background: no-repeat;
}


/******************************************************************************/
/* navigacja ciezka                                                                 */
.nawigacja { padding-left: 5px; }

.nawigacja .tree_path {}

/******************************************************************************/
/* PANEl UŻYTKOWNIKA        */
/******************************************************************************/
.user_menu_left{
    background:#000000 none repeat scroll 0%;
    height:100%;
}

DIV.user_menu_item, DIV.user_menu_item1 {
  background: url(../images/icons/gtgt.jpg) no-repeat 14px 6px;
  padding: 2px 2px 2px 30px;
  text-align: left;
  color: #1487E4;
  border-bottom: 1px dotted #CACACA;
  margin-bottom: 5px;
  cursor: pointer;
}
/* aktywna zakładka w menu uzytkownika */
DIV.user_menu_item1 {
  background: url(../images/icons/gtgt_red.jpg) no-repeat 14px 6px;
  font-weight:bold;
}

.user_resize_td{
    background-color: #595A65;
    cursor:e-resize;
    width: 2px;
}


/******************************************************************************/
/*      Strona wywietlaj‘ca informację o towarze                             */
/******************************************************************************/
/* naglówek z nazw‘ towaru */
H2.title{
    font-weight: normal;
    text-transform: uppercase;
    color: #999933;
    font-size : 12pt;
    font-weight : bold;
    text-align : left;
    padding-left : 10px;
}

/* input do wywietlenia ilosci zamówionych towarów */
INPUT.number{
  height: 22px;
  vertical-align: middle;
}

TABLE.towar_info { }

TABLE.towar_info .srodek{
  text-align: center;
}

TABLE.towar_info .brutto{
  color: white;
  font-weight:bold;
}

TABLE.towar_info UL { margin:0; padding:0; list-style:none; }
TABLE.towar_info UL li { background: no-repeat; text-align:left; }
TABLE.towar_info UL li a { text-decoration:none; font-size: 8pt; color:#7D7D7D; padding-left:12px; background:url(../images/icons/pimp.gif) no-repeat -6px -5px; }
TABLE.towar_info UL li a:hover { text-decoration:none; color:#595A65;}


TABLE.towar_info TR.browserodd {
    border: none 0px;
}

TABLE.towar_info TR.browserodd TD, TABLE.towar_info TR.browsereven TD {
    border: none;
    padding: 0px;
}

TABLE.towar_info TR.browserodd TD.tabcell, TABLE.towar_info TR.browsereven TD.tabcell {
    padding: 6px 4px 6px 4px;
    border-bottom: solid 1px #595A65;
}

TABLE.towar_info TD.tabcell + TD.tabcell {
  border-left:solid 1px #595A65;
}

.towar_image{
  padding: 10px;
  text-align: center;
  border: solid 1px #595A65;
  margin-left: 10px;
}

.towar_image IMG{
  margin: 0px; padding: 0px; border: none; vertical-align: middle;
}


/*pasek gdzie s‘ wywietlane małe obrazki */
DIV.towar_img_mini{
  padding: 2px 0px 2px 0px;
  display: block;
  overflow: show;
  
  /*border: solid 1px #595A65;; */
  margin: 10px 0px 0px 0px;
}

DIV.towar_img_mini IMG{
  border: solid 1px #595A65;
  background: white;
  margin-right: 8px;
  vertical-align: middle;
  padding: 5px;
}

p.nowarranty{
  margin-top: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: solid 1px #595A65;
  font-size: 7.5pt;
  color: #7D7D7D;
  text-indent: 0.5cm;
}

.ok_msg{
  display: block;
  width:100%;
  border: solid 1px green;
  padding: 10px;
}

.err_msg{
  display: block;
  width:100%;
  border: solid 1px green;
  padding: 10px;
}


/*
Do zwijania i rozwijania
*/
.zwin_rozwin_bar{
  padding: 2px 2px 2px 2px;
  border-bottom: dashed 1px #CECECE;
}


.zwin_rozwin_bar IMG{ cursor:pointer; }
.zwin_rozwin_top{  padding: 4px 0px; }
.zwin_rozwin_el{  display: none;   }

#towar_preview_div{
  display: block;
  width: 95%;
  overflow: auto;
  margin: 0px;
  padding: 0px;
  border: none;
}
.archiwalny0{

}


.archiwalny1 .cena, .archiwalny1 .nazwa  {
    text-decoration: line-through;
}

.archiwalny1 .do_koszyka {
    display: none;
}


/*
jak ma wygladac zaznaczona kategoria w poszczegolnych drzewkach
0,1,2,... sa to kolejne drzewka wystepujace na stronie
*/
.t0i_selected, .t1i_selected, .t2i_selected, .t3i_selected {
  font-weight:bold;
  color: #e1e1e1;
}

TABLE.tree_tab TD{ border: none; padding:0px; }

A.help{
  cursor:pointer;
  width: 18px;
  height: 18px;
  background: url(../images/icons/pomoc.gif) -5px -5px no-repeat;
  vertical-align: middle;
  float: right;
  display: block;
}

a.user_menu{}

a.user_menu_active {
  color: #D52D00;
}

/******************************************************************************/
/*    SCROLL, SUGGEST, to podpowiedzi które sie wywietlaja na stronie
/******************************************************************************/
.content{
  /*height: 100%;
  width: 100%;
  text-align:center;
  background-color: #efefef;
  opacity: .30;
  filter: alpha(opacity=30);*/
  position: absolute;
}

.message{
  font-weight: bold;
  text-align: center;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px
}

.scroll{
  position: absolute;
  margin: 0 auto;
  visibility: hidden;
  background-color: #efefef;
  z-index: 1;
  width: 300px;
  height: 180px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-collapse: collapse;
  border-bottom-style: solid;
  border-color: #000000;
  border-width: 1px;
  overflow: auto;

  filter: alpha(opacity=80);
  opacity: .80;
}
.scroll div{
  margin: 0 auto;
  text-align:left
}
.suggest table{
  width: 280px;
  font-size: 11px;
  font-weight: normal;
  color: #1A1A1A;
  text-decoration: none;
  border: 0px;
  padding: 0px;
  text-align:left;
  margin: 0px
}


.highlightrow {
    background-color: #737373;
    cursor: pointer
    color: white;
}

.highlightrow TD, .highlightrow SPAN{
    color: white;
}

span.suggest {
    cursor: pointer;
}


/******************************************************************************/
.btn{
  height: 15px;
  cursor: pointer;
  margin: 5px 3px 3px 3px;
  text-align: center;
  padding: 0px;
}

.btn IMG {
    vertical-align: middle;
    padding: 0px;
    margin: 0px;

}

.btnbg{
  height:16px;
  line-height:15px;
  padding: 0px 8px 2px 8px;
  background: url(../images/buttons/button_bg.gif) repeat-x;
  text-align: center;
  color: #E1E1E1;
  font-weight:normal;
  font-size: 8pt;
}

DIV.btns{
    text-align: center;
    margin-top: 3px;
}
/******************************************************************************/

.tt_txt{color:#E1E1E1; font-family:Tahoma; font-size:9px; font-weight:bold; text-transform:uppercase; line-height:12px; margin:2px 13px 1px 13px;}
.tt_txt a{color:#E1E1E1; font-family:Tahoma; font-size:9px; font-weight:bold; text-transform:uppercase; line-height:12px;}

.TTX_IN1{background:url(../images/ttx_back.gif);}
.TTX_IN2{background:url(../images/ttx_tall.gif) repeat-x top; }
.TTX_IN3{background:url(../images/ltx.gif) no-repeat left top;}
.TTX_IN4{background:url(../images/lbx.gif) no-repeat left bottom;}
.TTX_IN5{background:url(../images/rtx.gif) no-repeat right top;}
.TTX_IN6{background:url(../images/rbx.gif) no-repeat right bottom;}

/******************************************************************************/
.center {
 
    text-align: center;
}

.error{
  color: red;
}

.errors{
  color: red;
}

.error0{
  visibility: hidden;
  position: absolute;
  display: none;
}

.error1{
  visibility: visible;
  display: block;
  color: red;
}

.display, .display0 {
  display: none;
}

.display1 {

}

.komunikat{
  margin: 10px;
  padding: 10px;
  text-align:center;
}

.blokada0 {
  display: none;
}

.blokada1{
  display: block;
  color: red;
  font-weight:bold;
  font-size: 16px;
  border: solid 1px red;
  padding: 4px;
}

.message_error{
	display: block;
	margin: 1em 0;
	color: #300;
	background: #fee url("../images/icons/uwaga.gif") no-repeat 2px 2px;
	padding: 10px 10px 10px 35px;
	border-width: 1px 6px 1px 1px;
	border-style: solid;
	border-color: #800;
}


.message_notice{
  display: block;
	margin: 1em 0;
	color: #033;
	background: #eff url(../images/icons/info.gif) no-repeat 2px 2px;
	padding: 10px 10px 10px 35px;
	border-width: 1px 3px 1px 1px;
	border-style: solid;
	border-color: #595A65;
}


DIV.rowhead{
    background: #585858 url(../images/bars/td_bg.jpg) repeat-x scroll 0%;
    color : white;
    border-bottom: solid 1px #595A65;
    padding: 5px 0px 5px 5px;
    font-weight: bold;
}

DIV.rowfoot{
    border-bottom: solid 1px #595A65;
    background-color: #f4f4f4;
}


DIV.rowodd {
    border-bottom: solid 1px #595A65;
    background-color: #404040;
    clear: both;
}

DIV.rowodd:hover {
    background-color: black;
}

DIV.roweven {
    border-bottom: solid 1px #595A65;
    background-color: #282727;
    clear: both;
}

DIV.roweven:hover {
    background-color: black;
}

DIV.rowend{
    height: 1px;
    padding: 0px;
    margin: 0px;
    line-height: 0;
    display: block;
    overflow: hidden;
    border: none;
    clear: both;
}

DIV.datalabel{
    float: left;
    width: 180px;
    display: inline;
    padding: 5px 0px 5px 5px;
    border-right: solid 1px #595A65;
    overflow: hidden;
}

DIV.datalabel LABEL{
    width: 100%;
    display: inline;
}

DIV.datavalue{
  margin: 0px 0px 0px 185px;
  border-left: solid 1px #595A65;
  padding: 5px 0px 5px 5px;
}

.hint{
    font-size: 9px;
    display:none;
}

.nobr{
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  white-space: nowrap;
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


.absmiddle_icon{
  vertical-align: middle;
  padding: 0px 0px 3px 5px;
}


DIV.check, DIV.check0, DIV.check1{
  display: block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: top left;
  overflow: hide;
}

DIV.check, DIV.check0 {
    background-image: url(../images/icons/check0.gif);
}
DIV.check1{
    background-image: url(../images/icons/check1.gif);
}

/******************************************************************************/
/*do mierzenia siły hasła */
.passMeter{
			position:		absolute;
			margin-top: -57px;
			width: 		170px;
			background: #F0F0F0;
			border: 		1px solid #909090;
			padding:		10px;
}

.font_resizer{
    text-align: right;
    padding: 3px 5px 2px 0px;
    display: block;
    width:100%;
    
}
.font_resizer A{
  text-decoration: none;
}


.do_koszyka_multi{
    padding: 10px 5px 10px 8px;
    margin-bottom: 5px;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #595A65;
    text-align: left;
}


.popup_form {
    position: absolute;
    width:600px;
    visibility:hidden;
    display: none;
    background: #252525;
    border: solid 1px #A0A0A0;
}

span.tiny {
    font-size: 9px;
    margin-top: 5px;
}

.hurt_rabat{
    font-size: 9px;
    border: solid 1px #B1ABAB;
    color: white;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    vertical-align: middle;
    padding: 2px 4px 2px 4px;
}