html,body 		{ height:100%;	}

body			{
				width: 1008px;
				margin: 0 auto;
				padding: 0;
				background-color: #fff;
				text-align: left;
				font: normal 11px tahoma, verdana, arial, helvetica;
				color: #000;
				}

#main			{
				width: 1008px;
				padding:0;
				text-align: left;
				overflow: hidden;
				background-color: #fff;
				}

#top_logo		{
				background-color: #fff;
				text-align: left;
				padding-top: 1px;
				overflow: hidden;
				height: 86px;
				}

#top_menu		{
				padding: 0;
				overflow: hidden;
				text-align: center;
				font: bold 11px tahoma, verdana, arial, helvetica;
				color: #666;
				background: url(../layout/menu_bg_m.png);
				}

#user_menu		{
				padding: 0;
				overflow: hidden;
				text-align: left;
				font: normal 11px tahoma, verdana;
 				color: #666;
 				text-decoration: none;
				background: url(../layout/menu_bg.png);
				height: 20px;
				}


#bottom_menu	{
				padding: 0;
				overflow: hidden;
				text-align: center;
				font: bold 11px tahoma, verdana, arial, helvetica;
				color: #666;
				background: url(../layout/menu_bg.png);
				}

#left_panel		{
				background-color: #fff;
				float: left;
				width: 246px;
				_width: 240px;
				overflow: hidden;
				/*background: url(../layout/panel_left_bg.gif);*/
				}

#article_panel	{
				overflow: hidden;
				}


#footer			{
				width: 1008px;
				margin: 0 auto;
				padding: 0;
				background-color: #fff;
				text-align: left;
				font: normal 10px tahoma, verdana;
				color: #818197;
				border:0;
				text-align: center;
				}

a.top_menu:link,
a.top_menu:visited,
a.top_menu:active
				{
				text-decoration: none;
				font: bold 11px tahoma, verdana, arial, helvetica;
				color: #666;
				}

a.top_menu:hover
				{
				text-decoration: underline;
				font: bold 11px tahoma, verdana, arial, helvetica;
				}

a.bottom_menu:link,
a.bottom_menu:visited,
a.bottom_menu:active
				{
				text-decoration: none;
				font: bold 11px tahoma, verdana, arial, helvetica;
				color: #666;
				}

a.bottom_menu:hover
				{
				text-decoration: underline;
				font: bold 11px tahoma, verdana, arial, helvetica;
				}


table.top_menu td {
 background: url(../layout/menu_bg_m.png);
 height: 18px;
 padding: 0 2px 0 4px;
}

table.top_menu td:hover {
 background: url(../layout/menu_bg_m.png);
 background-position: left bottom;
}

table.bottom_menu td {
 background: url(../layout/menu_bg.png);
 height: 18px;
 padding: 0 2px 0 4px;
}

table.bottom_menu td:hover {
 background: url(../layout/menu_bg.png);
 background-position: left bottom;
}


a.left_menu:link,
a.left_menu:visited,
a.left_menu:active
				{
				display: block;
				text-decoration: none;
				font: normal 12px tahoma, verdana, arial, helvetica;
				color: #000;
				padding: 4px;
				}

a.left_menu:hover
				{
				text-decoration: none;
				font: normal 12px tahoma, verdana, arial, helvetica;
				color: #008;
				background-color: #fe1;
				}


img.black_border
				{
                margin: 4px;
                border: 2px solid #000;
				}

.leftTitle {
 background: url(../layout/panel_left_head.png);
 height: 26px;
 margin-top: 4px;
 background-position: left top;
}

.leftTitleOff {
 background: url(../layout/panel_left_head.png);
 height: 26px;
 margin-top: 4px;
 background-position: left bottom;
}

.leftTitleTxt {
 font: bold 12px tahoma, verdana, arial, helvetica;
 position: absolute;
 margin-top: 5px;
 margin-left: 8px;
}

.leftBody {
 background: url(../layout/panel_left_body.png);
}

.leftEnd {
 background: url(../layout/panel_left_end.png);
 background-repeat: no-repeat;
 height: 12px;
}

.leftMainTxt {
 font: normal 12px tahoma, verdana, arial, helvetica;
 padding-left: 8px;
 padding-right: 8px;
 padding-bottom: 0px;
}

.leftUrl {
 padding: 0px 0px 0px 4px;
}

a.leftUrl:link,
a.leftUrl:visited,
a.leftUrl:active {
 display:block;
 text-decoration: none;
 font: normal 12px tahoma, verdana, arial, helvetica;
 color: #000;
 width: 218px;
 padding: 1px 0px 1px 4px;
 white-space: nowrap;
 overflow: hidden;
}

a.leftUrl:hover	{
 text-decoration: none;
 font: normal 12px tahoma, verdana, arial, helvetica;
 color: #fff;
 background-color: #888;
}

a.leftUrlAct:link,
a.leftUrlAct:visited,
a.leftUrlAct:active {
 display:block;
 text-decoration: none;
 font: normal 12px tahoma, verdana, arial, helvetica;
 color: #000;
 width: 218px;
 padding: 1px 0px 1px 4px;
 white-space: nowrap;
 overflow: hidden;
 color: #fff;
 background-color: #aaf;
}

a.leftUrlAct:hover {
}

.leftIlosc {
 margin-top: 1px;
 position: absolute;
 font: normal 10px tahoma, verdana;
 color: #aaa;
}

.topKoszyk {
 background: url(../layout/koszyk_bg.png);
 width: 192px;
 padding: 4px 4px 4px 12px;
}

.topTitleKoszyk {
 height: 14px;
 font: normal 11px tahoma, verdana, arial, helvetica;
 padding-top: 6px;
 padding-left: 6px;
}

.koszykMainTxt {
 font: normal 12px tahoma, verdana, arial, helvetica;
 padding-bottom: 6px;
}

.koszykUrl {
}

a.koszykUrl:link,
a.koszykUrl:visited,
a.koszykUrl:active {
 text-decoration: none;
 font: normal 12px tahoma, verdana, arial, helvetica;
 color: #000;
 width: 204px;
 padding: 1px 0px 1px 0px;
}

.centerTitle {
 background: url(../layout/panel_center_head.png);
 margin-top: 4px;
 height: 26px;
 width: 762px;
}

.centerTitleTxt {
 font: bold 12px tahoma, verdana, arial, helvetica;
 position: absolute;
 margin-top: 5px;
 margin-left: 8px;
}

.centerTitleTryby {
 font: normal 12px tahoma, verdana, arial, helvetica;
 position: absolute;
 margin-top: 5px;
 margin-left: -108px;
}

.centerBody {
 margin-left: 0px;
 background: url(../layout/panel_center_body.png);
 width: 762px;
}
.centerEnd {
 background: url(../layout/panel_center_end.png);
 background-repeat: no-repeat;
 height: 12px;
}

.centerTitleLeft {
 float: left;
}
.centerTitleRight {
 float: right;
}

a.centerTitleUrl:link,
a.centerTitleUrl:visited,
a.centerTitleUrl:active {
 text-decoration: none;
 font: bold 12px tahoma, verdana, arial, helvetica;
 color: #000;
}

a.centerTitleUrl:hover	{
 text-decoration: underline;
 color: #000;
}

a.kategoriaUrl:link,
a.kategoriaUrl:visited,
a.kategoriaUrl:active {
 text-decoration: none;
 font: normal 12px tahoma, verdana, arial, helvetica;
 color: #000;
}

a.kategoriaUrl:hover	{
 text-decoration: underline;
 color: #008;
}

a.produktyUrl:link,
a.produktyUrl:visited,
a.produktyUrl:active {
 text-decoration: none;
 font: normal 12px tahoma, verdana, arial, helvetica;
 color: #000;
}

a.produktyUrl:hover	{
 text-decoration: underline;
 color: #008;
}

.produktyCena {
 font: normal 14px tahoma, verdana, arial, helvetica;
 color: #f00;
}
.produktyCenaObnizka {
 font: normal 14px tahoma, verdana, arial, helvetica;
 text-decoration: line-through;
 color: #000;
}

.produktyCenaProsty {
 font: normal 12px tahoma, verdana, arial, helvetica;
 color: #f00;
}
.produktyCenaObnizkaProsty {
 font: normal 11px tahoma, verdana, arial, helvetica;
 text-decoration: line-through;
 color: #000;
}

.error {
 font: normal 14px tahoma, verdana, arial, helvetica;
 color: #f00;
}

.pelnyTitle {
 font: normal 16px tahoma, verdana, arial, helvetica;
 color: #0000a0;
}

.pelnyProducent {
 font: normal 14px tahoma, verdana, arial, helvetica;
 color: #aaa;
}

.pelnyKod {
 font: normal 14px tahoma, verdana, arial, helvetica;
 color: #c99;
}

.pelnyCena {
 font: normal 14px tahoma, verdana, arial, helvetica;
 color: #888;
}

.rozszezonyKod {
 text-align: center;
 font: normal 11px tahoma, verdana, arial, helvetica;
 color: #444;
}

.polpelnyOpis {
 text-align: justify;
 font: normal 11px tahoma, verdana, arial, helvetica;
 color: #777;
}

.polpelnyKod {
 text-align: justify;
 font: normal 11px tahoma, verdana, arial, helvetica;
 color: #444;
 float: right;
}

.polpelnyIosc {
 text-align: center;
 font: normal 12px tahoma, verdana, arial, helvetica;
 padding-bottom: 6px;
 color: #7f7f7f;
}

.prostyIlosc {
 text-align: center;
 font: normal 12px tahoma, verdana, arial, helvetica;
 color: #7f7f7f;
}

.middLine {
 background: url(../layout/line_midd.gif);
 height: 8px;
}

.koszykInput {
 width: 30px;
 border: 1px solid #000;
 padding: 0; margin: 0;
 padding-left:2px; padding-right:2px;
 font-size: 10px;
 color: #000;
 font-weight: normal;
 vertical-align:middle;
 text-align: center;
}

.daneTd {
 font-size: 12px;
 color: #000;
 font-weight: normal;
 vertical-align:middle;
 text-align: left;
}

.daneInput {
 width: 240px;
 border: 1px solid #aaa;
 padding: 0; margin: 0;
 padding-left:2px; padding-right:2px;
 font-size: 12px;
 color: #000;
 font-weight: normal;
 vertical-align:middle;
 text-align: left;
}

.daneSelect {
 width: 246px;
 border: 1px solid #aaa;
 padding: 0; margin: 0;
 padding-left:2px; padding-right:2px;
 font-size: 12px;
 color: #000;
 font-weight: normal;
 vertical-align:middle;
 text-align: left;
}

.daneTextarea {
 width: 240px;
 height: 60px;
 border: 1px solid #aaa;
 padding: 0; margin: 0;
 padding-left:2px; padding-right:2px;
 font-size: 12px;
 color: #000;
 font-weight: normal;
 vertical-align:middle;
 text-align: left;
}

.szukajInput {
 width: 206px;
 *width: 201px;
 width /*\**/:201px\9;
 border: 1px solid #aaa;
 padding: 0; margin: 0;
 padding-left:2px; padding-right:2px;
 font-size: 13px;
 background-color: #fff;
 color: #000;
 font-weight: normal;
 vertical-align:middle;
 text-align: center;
}

.szukajInputImg {
 width: 17px;
 height: 18px;
 border: 1px solid #aaa;
 border-left: 0px;
 padding: 0; margin: 0;
 padding-left:2px; padding-right:2px;
 font-size: 13px;
 background-color: #fff;
 color: #000;
 font-weight: normal;
 vertical-align:middle;
 text-align: center;
 background: url(../layout/szukaj.gif);
 cursor: pointer;
}

.userMenu {
 margin-top: 2px;
 width:480px;
 text-align: right;
}

a.userMenu {
 font: normal 11px tahoma, verdana;
 color: #666;
 text-decoration: none;
}
a.userMenu:hover {
 text-decoration: underline;
}


.szukajTxt {
 font: normal 12px tahoma, verdana, arial, helvetica;
 padding-left: 24px;
 padding-bottom: 6px;
}

.spedytorSelect {
 width: 510px;
 border: 1px solid #aaa;
 padding: 0; margin: 0;
 padding-left:2px; padding-right:2px;
 font-size: 12px;
 color: #000;
 font-weight: normal;
 vertical-align:middle;
 text-align: left;
}

.zamiloscInput {
 width: 24px;
 border: 1px solid #dfdfdf;
 padding: 0; margin: 0;
 padding-left:2px; padding-right:2px;
 font-size: 13px;
 background-color: #fff;
 color: #000;
 font-weight: normal;
 vertical-align:middle;
 text-align: center;
}

.zamiloscInputProsty {
 width: 24px;
 border: 1px solid #dfdfdf;
 padding: 0; margin: 0;
 padding-left:2px; padding-right:2px;
 font-size: 11px;
 background-color: #fff;
 color: #000;
 font-weight: normal;
 text-align: center;
 vertical-align:middle;
}

.zamiloscTxt {
 font: normal 12px tahoma, verdana, arial, helvetica;
 padding-bottom: 6px;
 color: #7f7f7f;
}

.powRatyTxt {
 margin-left: 20px;
 font: normal 12px tahoma, verdana, arial, helvetica;
 color: #7f4f4f;
 font-weight: bold;
}

.jakRatyTxt {
 color: #7f4f4f;
 text-decoration: underline;
}

.refRatyTxt {
 color: #7f4fff;
 font-size: 13px;
 font-weight: bold;
}

.truePlatnosciTxt {
 color: #7f4fff;
 font-size: 13px;
 font-weight: bold;
}

.falsePlatnosciTxt {
 color: #ff1f1f;
 font-size: 13px;
 font-weight: bold;
}


.advWyszTxt {
 font: normal 12px tahoma, verdana, arial, helvetica;
}

.advWyszSelect {
 width: 224px;
 border: 1px solid #aaa;
 padding: 0; margin: 0;
 margin-top: 2px;
 margin-bottom: 2px;
 font-size: 11px;
 color: #000;
 font-weight: normal;
 vertical-align:middle;
}

.naZamowienie {
 font-size: 10px;
 color: #44a;
 font-weight: normal;
 text-align: left;
}

.naZamowienieRoz {
 font-size: 10px;
 color: #44a;
 font-weight: normal;
 text-align: right;
 padding-right: 6px;
}

.naZamowieniePel {
 font-size: 12px;
 color: #44a;
 font-weight: bold;
 text-align: left;
}

.infoM {
 font-size: 10px;
 color: #444;
 background-color: #eee;
 font-weight: normal;
 text-align: center;
 padding: 4px;
}

.libr {
 height: 4px;
}

table, div {
 font: normal 11px tahoma, verdana, arial, helvetica;
 color: #000;
}

hr {
	border: solid #eaf0f5 0px;
	border-top-width: 1px;
	height: 0px;
}

/* buttony */

.bt_wiecej {
 width:100px;
 height:24px;
 background: url(../layout/wiecej.png);
 background-position: left top;
}
.bt_wiecej:hover {
 background-position: left bottom;
}

.bt_dokoszyka {
 width:100px;
 height:24px;
 background: url(../layout/dokoszyka.png);
 background-position: left top;
}
.bt_dokoszyka:hover {
 background-position: left bottom;
}

.bt_dokoszyka_mini {
 width:18px;
 height:18px;
 background: url(../layout/koszyk_mini.png);
 background-position: left top;
}

.bt_powrot {
 width:100px;
 height:24px;
 background: url(../layout/powrot.png);
 background-position: left top;
}
.bt_powrot:hover {
 background-position: left bottom;
}

.bt_kupujdalej {
 width:150px;
 height:24px;
 background: url(../layout/kupujdalej.png);
 background-position: left top;
}
.bt_kupujdalej:hover {
 background-position: left bottom;
}

.bt_aktualizujkoszyk {
 width:150px;
 height:24px;
 background: url(../layout/aktualizujkoszyk.png);
 background-position: left top;
}
.bt_aktualizujkoszyk:hover {
 background-position: left bottom;
}

.bt_zlozzamowienie {
 width:150px;
 height:24px;
 background: url(../layout/zamow.png);
 background-position: left top;
}
.bt_zlozzamowienie:hover {
 background-position: left bottom;
}

.bt_powrot_w {
 width:150px;
 height:24px;
 background: url(../layout/powrot_w.png);
 background-position: left top;
}
.bt_powrot_w:hover {
 background-position: left bottom;
}

.bt_popraw {
 width:150px;
 height:24px;
 background: url(../layout/popraw.png);
 background-position: left top;
}
.bt_popraw:hover {
 background-position: left bottom;
}

.bt_potwierdz {
 width:150px;
 height:24px;
 background: url(../layout/potwierdz.png);
 background-position: left top;
}
.bt_potwierdz:hover {
 background-position: left bottom;
}

.bt_pokaz_produkty {
 width:150px;
 height:24px;
 background: url(../layout/pokaz.produkty.png);
 background-position: left top;
 border:0;
}
.bt_pokaz_produkty:hover {
 background-position: left bottom;
}

.bt_monitoruj {
 width:150px;
 height:24px;
 background: url(../layout/monitoruj.png);
 background-position: left top;
 border:0;
}
.bt_monitoruj:hover {
 background-position: left bottom;
}

.bt_zarejestruj {
 width:150px;
 height:24px;
 background: url(../layout/zarejestruj.png);
 background-position: left top;
}
.bt_zarejestruj:hover {
 background-position: left bottom;
}

.bt_zapisz {
 width:150px;
 height:24px;
 background: url(../layout/zapisz.png);
 background-position: left top;
}
.bt_zapisz:hover {
 background-position: left bottom;
}

.bt_zaloguj {
 width:150px;
 height:24px;
 background: url(../layout/zaloguj.png);
 background-position: left top;
}
.bt_zaloguj:hover {
 background-position: left bottom;
}

.bt_wyczysc {
 width:150px;
 height:24px;
 background: url(../layout/wyczysc.png);
 background-position: left top;
}
.bt_wyczysc:hover {
 background-position: left bottom;
}

.bt_dodajnagrode {
 width:150px;
 height:24px;
 background: url(../layout/dodajnagrode.png);
 background-position: left top;
}
.bt_dodajnagrode:hover {
 background-position: left bottom;
}


.bt_pager {
 width:26px;
 height:24px;
 background: url(../layout/pager.png);
 background-position: left top;
 border:0;
 cursor: pointer;
 text-align: left;
 font: normal 11px tahoma, verdana;
 color: #416f7f;
 text-align: center;
 margin-left: 4px;
 margin-right: 4px;
}
.bt_pager_act {
 width:26px;
 height:24px;
 background: url(../layout/pager.png);
 background-position: left bottom;
 border:0;
 text-align: left;
 font: normal 11px tahoma, verdana;
 color: #999999;
 text-align: center;
 margin-left: 4px;
 margin-right: 4px;
}
.bt_pager:hover {
 background-position: left bottom;
}

.stan_hi {
background: url(../layout/stan_hi.png);
width:135px;
height:8px;
}
.stan_md {
background: url(../layout/stan_md.png);
width:135px;
height:8px;
}

.stan_lw {
background: url(../layout/stan_lw.png);
width:135px;
height:8px;
}

.stan_em {
background: url(../layout/stan_em.png);
width:135px;
height:8px;
}

.stanTxt {
 font: normal 11px tahoma, verdana, arial, helvetica;
 color: #888;
}

.stan_mini_hi {
background: url(../layout/stan_mini_hi.png);
width:100px;
height:8px;
}
.stan_mini_md {
background: url(../layout/stan_mini_md.png);
width:100px;
height:8px;
}

.stan_mini_lw {
background: url(../layout/stan_mini_lw.png);
width:100px;
height:8px;
}

.stan_mini_em {
background: url(../layout/stan_mini_em.png);
width:100px;
height:8px;
}

.prosty_ico {
background: url(../layout/prosty.png);
margin-top: 2px;
margin-right: 4px;
width:20px;
height:20px;
cursor: pointer;
}

.rozszerzony_ico {
background: url(../layout/rozszerzony.png);
margin-top: 2px;
margin-right: 4px;
width:20px;
height:20px;
cursor: pointer;
}

.polpelny_ico {
background: url(../layout/polpelny.png);
margin-top: 2px;
margin-right: 8px;
width:20px;
height:20px;
cursor: pointer;
}

#showCase {
 height: 125px;
 display: none;
}

.showCase {
 width: 750px;
 height: 125px;
 white-space: nowrap;
 overflow: hidden;
 padding: 2px;
}


fieldset {
 padding-left:20px;
 padding-bottom:8px;
 border:1px solid #aaa;
}

legend {
  font-family: Tahoma, Verdana;
  padding: 0 4px 0 4px;
  color:#3a3a3a;
  font-weight: bold;
  font-size: 11px;
  text-align:right;
}

input.button_blue {
 background-image: url(../images/but_blue.gif);
 border: 1px solid #fff;
 padding: 4px;
 margin: 0;
 font-size: 10px;
 font-size /*\**/:11px\9;
 color: #fff;
 font-weight: bold;
 cursor: pointer;
}

/* specjalne */

.leftAtiv {
 cursor: pointer;
}

.cls {
 clear:both;
}

.hide {
 display:none;
}

.nowrap {
 white-space: nowrap;
 overflow: hidden;
}

form { display: inline; }

#tooltip {
	position: absolute;
	z-index: 3000;
}

#tooltip h3, #tooltip div { margin: 0; }

.tooltip {
	border: 2px solid #a7b5b1;
	background-color: #e1e7d2;
	padding: 5px;
	opacity: 0.85;
}

/* podswietlenie wyszukanych wyrazow */
.sb {
background-color: #ff8;
}

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:6px 0pt 6px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 1px;
}
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 0px;
	padding-left: 4px;
	vertical-align: middle;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

table.tablesorter tr {
background-color: #fFF;
}

table.tablesorter tr:hover {
background-color: #e6EEEE;
}