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: #f8f8f8;
				}

#top_logo		{
				background-color: #fff;
				padding-top: 4px;
				overflow: hidden;
				}

#top_menu		{
				padding: 0;
				overflow: hidden;
				text-align: center;
				font: normal 11px tahoma, verdana, arial, helvetica;
				color: #fff;
				background-color: #ea7041;
				border: 1px solid #f8f8f8;
				}

#bottom_menu	{
				padding: 0;
				overflow: hidden;
				text-align: center;
				font: normal 11px tahoma, verdana, arial, helvetica;
				color: #fff;
				background-color: #ea7041;
				border: 1px solid #f8f8f8;
				/*border-top: 0;*/
				}

#left_panel		{
				background-color: #fff;
				float: left;
				width: 246px;
				border-bottom: 1px solid #f8f8f8;
				border-left: 1px solid #f8f8f8;
				border-right: 1px solid #f8f8f8;
				overflow: hidden;
				background: url(../layout/panel_left_bg.gif);
				}

#article_panel	{
				/*border-bottom: 1px solid #f8f8f8;*/
				/*border-left: 1px solid #f8f8f8;*/
				border-right: 1px solid #f8f8f8;
				overflow: hidden;
				}


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

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

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

table.top_menu td {
 background: url(../layout/menu_bg.gif);
 height: 24px;
 padding: 0 10px 0 12px;
}

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


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

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


img.top_logo	{
				border-top: 1px solid #f8f8f8;
				border-left: 1px solid #f8f8f8;
				border-right: 1px solid #f8f8f8;
				}

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

.leftTitleS {
 background: url(../layout/panel_left.gif);
 background-position: right top;
 height: 32px;
 cursor: pointer;
}

.leftTitle {
 background: url(../layout/panel_left_on.gif);
 background-position: right top;
 height: 32px;
 cursor: pointer;
}

.leftTitleOff {
 background: url(../layout/panel_left_on.gif);
 height: 32px;
 background-position: right bottom;
 cursor: pointer;
 }

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

.leftMain {
/* background: url(../layout/panel_left_bg.gif);*/
}

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

.leftLine {
 background: url(../layout/line_left.gif);
 height: 8px;
}

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

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

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

.leftTitleKoszyk {
 border-top: 1px solid #000;
 background: url(../layout/panel_left_koszyk.gif);
 height: 32px;
}

.leftMainKoszyk {
 background: url(../layout/panel_left_koszyk_bg.gif);
 border-bottom: 1px solid #000;
}

.centerTitle {
 background: url(../layout/panel_center.gif);
 height: 32px;
}
.centerTitleTxt {
 font: bold 16px tahoma, verdana, arial, helvetica;
 position: absolute;
 margin-top: 5px;
 margin-left: 24px;
}

.centerTitleUrl {
 color: #000;
 text-decoration: none;
}

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

a.kategoriaUrl:link,
a.kategoriaUrl:visited,
a.kategoriaUrl:active {
 text-decoration: none;
 font: bold 14px 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: bold 12px tahoma, verdana, arial, helvetica;
 color: #000;
}
.produktyUrl {
 text-decoration: none;
 font: normal 12px tahoma, verdana, arial, helvetica;
 color: #555;
}

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

.produktyCena {
 font: bold 14px tahoma, verdana, arial, helvetica;
 color: #f00;
}
.produktyCenaObnizka {
 font: bold 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: bold 14px tahoma, verdana, arial, helvetica;
 color: #f00;
}

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

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

.prostyProducent {
 font: bold 12px tahoma, verdana, arial, helvetica;
 color: #000;
}

.pelnyKodPaskowy {
 font: bold 12px tahoma, verdana, arial, helvetica;
 color: #aaa;
}

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

.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;
}

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

.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;
 height: 15px;
 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;
}

.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;
}

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

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