/*
Jak zwykle, znowu robimy listę za pomocą div'a, ul'i i il'li  : 

<div id="menu"> <p>Menu</p>
<ul>
<li><a href="#">Strona Główna</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Forum</a></li>
</ul>
</div>


Teraz style:

body { // nasza całą strona 
background-color: #FFFFFF; // kolor strony 
font-family: Verdana, Sans-serif; /* krój czcionki 
font-size: 10px; } /* rozmiar czcionki 

#menu { /* div "menu" 
width: 150px; /* szerokość 
border: 1px solid #D3D3D3; /* obrazmowanie 
height: 30px; /* wysokość 
overflow: hidden; } /* przycinanie 

#menu:hover { /* najechane menu 
width: 150px; /* szerokość 
height: 100%; } /* wysokość (wartość musi być 100% lub "auto" 

ul { /* ul 
margin: 0px; /* margines
padding: 0px; } /* odstęp 

li { /* li 
list-style-type: none; /* rodzaj wykazu 
width: 150px;} /* szerokość 

li a { /* linki 
text-decoration: none; /* dekoracja linka 
display: block; /* rodzaj wyświetlenia elementów 
width: 150px; /* szerokość 
padding: 5px; /* odległości 
color: #3B3B3B; } /* kolor linka 

li a:hover { /* najechany link 
text-decoration: none; /* dekoracja tekstu 
color: #3B3B3B; /* kolor linka
width: 150px; /* szerokość
padding: 5px; /* odległości pomiedzy linkami 
background-color: #F0F0F0 } /* tło 

p { /* paragraf <p> 
text-align: center; }/* tekst wyśrodkowany 
*/

th {
        color : #FFFFFF;
        font-size : 11px;
        font-family : Tahoma,Verdana,Arial;
}
input, select {
        font-size : 11px;
        font-family : Tahoma,Verdana,Arial;
        font-weight: normal;
		background-color:#eee9e2;
		border:#9db9cb 1px solid;
}

.title {
        color : #FFFFFF;
        margin-top : 0px;
        padding-bottom : 0px;
        margin-bottom : 0px;
        margin-left : 5px;
        margin-right : 1px;
        font-size : 14px;
        font-family : Tahoma,Verdana,Arial;
        font-weight: bold;		
}
.title a {
        color : #EF6D00;
}
.title a:hover {
        color : #C25A02;
}
.list {
        color : #FFFFFF;
        margin-top : 3px;
        padding-bottom : 3px;
        margin-bottom : 0px;
        margin-left : 10px;
        margin-right : 10px;
        font-size : 11px;
        font-family : Tahoma,Verdana,Arial;
        font-weight: bold;
}
.right {
        color : #000000;
        margin-top : 5px;
        padding-bottom : 10px;
        margin-bottom : 0px;
        margin-left : 15px;
        margin-right : 15px;
        font-size : 11px;
        font-family : Tahoma,Verdana,Arial;
        font-weight: bold;
}
.right a, .list a {
        color : #FF7500;
}
.right a:hover {
        color : #AAAAAA;
}
.left {
        color : #000000;
        margin-top : 5px;
        padding-bottom : 5px;
        margin-bottom : 0px;
        margin-left : 15px;
        margin-right : 25px;
        font-size : 11px;
        font-family : Tahoma,Verdana,Arial;
        font-weight: bold;
}
.left b {
        color : #FF6600;
}
.left a {
        color : #FF6600;
}
.left a:hover {
        color : #FF0000;
}
p {
        color : #000000;
        margin-top : 5px;
        padding-bottom : 10px;
        margin-bottom : 0px;
        margin-left : 20px;
        margin-right : 20px;
        font-size : 11px;
        font-family : Tahoma,Verdana,Arial;
}
p a {
        color : #000000;
}
p a:hover {
        color : #294A7B;
}
/* strona glowna promocje */
.bar01 {
        color: #OOOOOO;
        margin-top: 1px;
        padding-bottom: 1px;
        margin-bottom: 0px;
        margin-left: 5px;
        margin-right: 20px;
        font-size: 18px;
        font-family: Arial,Tahoma,Verdana;
        font-weight: bold;
}

/* styles (mainly) for the middle content */
h1 {
font-size: 20px;
color: #3c7497;
}
h2 {
font-size: 20px;
color: #3c7497;

}
.greetuser {
font-weight: bold;
color: #39ae39;
}
table td {
padding: 0;
}

#contentBox table td.infoBoxHeading img {
display: none;
}
td#contentCell {
text-align: center;
}
div#contentBox {
width: 450;
margin: 8px auto;
text-align: right;
}
table,td {
font-size : 11px;
font-family : Tahoma,Verdana,Arial;
}

#shopping_cartBox td.boxContent table, #shopping_cartBox td.boxContent img {
display: none;
}
#shopping_cartBox div, #shopping_cartBox td {
color: white;
font-weight: bold;
}

/* boxy */
td.b01 {
padding: 4px 0px 5px 5px;
	text-align: center;		
}
td.b01R {
padding: 4px 0px 5px 5px;
	text-align: center;	
}
td.b01 form {
display: inline;
}
.box_gl
{
	background: url(bgl.gif);
	background-position: right;
	background-repeat:no-repeat;
	width:10px;
}
.box_gs
{
	height:24px;
	background: url(bgs.gif);
	background-repeat:repeat-x;
}
.box_gp
{
	background: url(bgp.gif);
	background-position: left;
	background-repeat:no-repeat;
	width:10px;
}
.box_sl
{
	background: url(bsl.gif);
	background-position: right;
	background-repeat:repeat-y;
	width:10px;
}
.box_sp
{
	background: url(bsp.gif);
	background-position: left;
	background-repeat:repeat-y;
	width:10px;
}
.box_dl
{
	background: url(bdl.gif);
	background-position: top right;
	background-repeat:no-repeat;
	width:10px;
}
.box_ds
{
	background: url(bds.gif);
	background-repeat:repeat-x;
	background-position: top;
	height:10px;
}
.box_dp
{
	background: url(bdp.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width:10px;
}
table.infoBox32 {
	width: 170px;
}

.infoBox32Bottom {
height: 18px;
}

.infoBox32Top {
height: 23px;
BORDER-BOTTOM: black 1px dashed;
}

/* kategorie */
#categoriesBox td.box_sp, #languagesBox td.infoBox32Top {

}
div#specialsBox{ 
	width:240px;
	sbackground:#CC99CC;
}
div#categoriesBox{ 
	width:170px;
	sbackground:#CC99CC;
}
#promocjeramka{
width:230px;
}
/* left */
#categoriesBox td.b01 {
text-align: left;
}

#categoriesBox a{
	padding-bottom:5px;
	padding-left:0px;
	height:20px;
	dborder-bottom:dotted 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#panellewy a{
	display:block;
	padding-top:5px;
	padding-bottom:0px;
	padding-left:0px;
	sheight:7px;
	border-top: #999999 dotted 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
img {
border: none;
}
html, body {
margin: 0; 
}
td#loginBox {
background: #fff;
}

td.productListing-heading {
background: #f0f0f0;
padding: 2px;
color: black;
font-weight: bold;
height: 22px;
}
tr.plo td {
padding: 4px 0;
BORDER-BOTTOM: #8B8B8B 1px dashed;
}
tr.ple td {
padding: 4px 0;
BORDER-BOTTOM: #8B8B8B 1px dashed;
}
table.infoBoxContents td{
padding: 4px 0;
}

.boxText {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif
}

TD.boxTextCategories {
	FONT-SIZE: 11px; FONT-FAMILY: Arial,Verdana, sans-serif;BACKGROUND: #EEEEEE;
}

.errorBox {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #ffb3b5; FONT-FAMILY: Verdana, Arial, sans-serif
}
.stockWarning {
	FONT-SIZE: 10px; COLOR: #cc0033; FONT-FAMILY: Verdana, Arial, sans-serif
}
.productsNotifications {
	BACKGROUND: #f2fff7
}
.orderEdit {
	FONT-SIZE: 10px; COLOR: #70d250; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-DECORATION: underline
}
A:link {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: tahoma, verdana, arial; TEXT-DECORATION: none	
}
A:visited {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: tahoma, verdana, arial; TEXT-DECORATION: none	
}
A:hover {
	FONT-SIZE: 11px; COLOR: #626262; FONT-FAMILY: tahoma, verdana, arial; TEXT-DECORATION: underline
}
FORM {
	DISPLAY: inline
}

TR.header {
}

TD.headerNavigation {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Arial,Verdana sans-serif;
	BORDER-RIGHT: #D2C7D8 0px solid; BORDER-TOP: #D2C7D8 0px solid; BORDER-LEFT: #D2C7D8 0px solid; BORDER-BOTTOM: #D2C7D8 0px solid; border-spacing: 1px
}
A.headerNavigation {
 	COLOR: #0;
}
A.headerNavigation:link {
	COLOR: #0; TEXT-DECORATION: none
}
A.headerNavigation:visited {
	COLOR: #0; TEXT-DECORATION: none
}
A.headerNavigation:hover {
	COLOR: #626262; TEXT-DECORATION: underline
}
TR.headerError {
	BACKGROUND: #ff0000
}
TD.headerError {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #ff0000; COLOR: #ffffff; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif; TEXT-ALIGN: center
}
TR.headerInfo {
	BACKGROUND: #00ff00
}
TD.headerInfo {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #DADFCD; COLOR: #ffffff; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif; TEXT-ALIGN: center
}
TR.footer {
}
TD.footer {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif;
	BORDER-RIGHT: #D2C7D8 0px solid; BORDER-TOP: #D2C7D8 0px solid; BORDER-LEFT: #D2C7D8 0px solid; BORDER-BOTTOM: #D2C7D8 0px solid; border-spacing: 0px	
}

.infoBoxContents {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif
}
/* checkout_payment */
.infoBoxNotice {
}
.infoBoxNoticeContents {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif
}

TD.infoBoxHeading {
	background: #f0f0f0;
	padding: 2px;
	height: 22px;
	FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #black; FONT-FAMILY: Comic Sans MS, Verdana, Arial, sans-serif;
	BORDER-RIGHT: #D2C7D8 0px solid; BORDER-TOP: #D2C7D8 0px solid; BORDER-LEFT: #D2C7D8 0px solid; BORDER-BOTTOM: #C19D09 0px solid; border-spacing: 0px;
}
TD.infoBox {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif;
	padding-right : 0px;
}
SPAN.infoBox {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif
}

TR.upcomingProducts-odd {
	BACKGROUND: #f8f8f9
}
TR.payment-even {
	BACKGROUND: #f8f8f9
}
TR.productReviews-even {
}
TR.upcomingProducts-even {
	BACKGROUND: #f8f8f9
}

TABLE.productListing {	
	BORDER-RIGHT: #08719A 0px solid; BORDER-TOP: #8B8B8B 0px solid; BORDER-LEFT: #08719A 0px solid; BORDER-BOTTOM: #8B8B8B 0px solid; border-spacing: 1px;
}

A.productListing:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.productListing:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.productListing:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline
}

TD.pLd {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif;
}
A.pageResults {
	COLOR: #0000ff
}
A.pageResults:hover {
	BACKGROUND: #ffff33; COLOR: #0000ff
}
TD.pageHeading {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #3c7497; FONT-FAMILY: Tahoma, Arial, sans-serif;
	padding-left: 10px;
}
TD.pageHeadingTowar {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #3c7497; FONT-FAMILY: Arial Narrow,Verdana, sans-serif;
	padding-left: 10px;
}
DIV.pageHeading {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #3c7497; FONT-FAMILY: Verdana, Arial, sans-serif
}
TR.subBar {
	BACKGROUND: #f4f7fd
}
TD.subBar {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif
}
TD.main {
	FONT-SIZE: 11px; LINE-HEIGHT: 1.5; FONT-FAMILY: Verdana, Arial, sans-serif;color:#3c7497;
}
P.main {
	FONT-SIZE: 11px; LINE-HEIGHT: 1.5; FONT-FAMILY: Verdana, Arial, sans-serif;color:#3c7497;
}
TD.smallText {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif;color:#3c7497;
}
SPAN.smallText {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif;color:#3c7497;
}
P.smallText {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif;color:#3c7497;
}
TD.accountCategory {
	FONT-SIZE: 13px; COLOR: #DADFCD; FONT-FAMILY: Verdana, Arial, sans-serif
}
TD.fieldKey {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, sans-serif
}
TD.fieldValue {
	FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, sans-serif
}
TD.tableHeading {
	BORDER-RIGHT: black 0px dashed; BORDER-TOP: black 0px dashed; FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER-LEFT: black 0px dashed; BORDER-BOTTOM: black 0px dashed; FONT-FAMILY: Verdana, Arial, sans-serif
}
SPAN.newItemInCart {
	FONT-SIZE: 10px; COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, sans-serif
}
CHECKBOX {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, sans-serif
}
INPUT {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, sans-serif
}
RADIO {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, sans-serif
}
SELECT {
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, sans-serif
}
TEXTAREA {
	FONT-SIZE: 11px; WIDTH: 100%; FONT-FAMILY: Verdana, Arial, sans-serif
}
SPAN.greetUser {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #f0a480; FONT-FAMILY: Verdana, Arial, sans-serif
}
SPAN.markProductOutOfStock {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #c76170; FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif
}
SPAN.productSpecialPrice {
	COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, sans-serif
}
SPAN.errorText {
	COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, sans-serif
}
.moduleRow {
	
}
.moduleRowOver {
	CURSOR: hand; BACKGROUND-COLOR: #d7e9f7
}
.moduleRowSelected {
	BACKGROUND-COLOR: #e9f4fc
}
.checkoutBarFrom {
	FONT-SIZE: 10px; COLOR: #DADFCD; FONT-FAMILY: Verdana, Arial, sans-serif
}
.checkoutBarTo {
	FONT-SIZE: 10px; COLOR: #DADFCD; FONT-FAMILY: Verdana, Arial, sans-serif
}
.checkoutBarCurrent {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, sans-serif
}
.messageBox {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif
}
.messageStackError {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif; BACKGROUND-COLOR: #ffb3b5
}
.messageStackWarning {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif; BACKGROUND-COLOR: #ffb3b5
}
.messageStackSuccess {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, sans-serif; BACKGROUND-COLOR: #99ff00
}
.inputRequirement {
	FONT-SIZE: 10px; COLOR: #3c7497; FONT-FAMILY: Verdana, Arial, sans-serif
}

table.Produkt {
	font-family: Arial,Tahoma,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
td.body1plain{
	font-family: Arial,Tahoma,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
	text-align: right;
}
.srodek{
	font-family: Arial,Tahoma,Helvetica,sans-serif;
	font-size: 12px;
	padding-right: 2px;
	padding-left: 2px;
	text-align: left;	
}

table.gora{	
}
.tabdol{	
}
.trail{
	BACKGROUND-COLOR: #f0f0f0;
}
.stopka{
	BACKGROUND-COLOR: #E9EDF0;
	border: #D6D7D9 1px solid;
}
.stopka a{
     color : #1F3449;
}
.stopka a:visited{
     color : #1F3449;
}
.stopka a:hover{
     color : #1F3449;
}
.boxgora div{
     color : #BFBFBF;
}
.categories_box{
	BORDER-BOTTOM: black 1px solid;
	height: 40px;
}
.tabelanaglowka{
	WIDTH:100%; BORDER:0;	
}

table.tbut{
	border-style:none;
	cursor:hand;
	padding:0px;
	BORDER-BOTTOM: black 0px solid;
}
td.tbut{
	text-align:center;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	padding-right:4px;
	padding-left:4px;
	background:none;
}

.drugalinia{
width:993px;
height:54px;
background:url(2linia.jpg);
}
.trzecialinia{
height:38px;
background:url(trail.jpg);
}
#mszukaj{
color:#437195;
}
#inputszukaj{
color:#437195;
width:200px;
border:solid 2px;
border-color:#f0be99;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 150px;
	background:none;
}

#sidebar #specialsBox div{
	float: center;
	width: 230px;
	background:none;
}

#sidebar ul {
	list-style: none;
	color: #36393D;
	background:none;
	width:150px;
	float:left;
	margin: 0px;
	padding: 0px;
	
}
#sidebar ul #specialsBox  {
	list-style: none;
	color: #36393D;
	background:none;
	width:230px;
	margin: 20;
	padding: 0px;	
}

#sidebar li li {
	padding: 0 0 0 2px;
	background:#CC6699;
}

#sidebar h2 {
	height: 22px;
	padding: 4px 0 0 10px;
	font-size: 1.1em;
}
#sidebar #specialsBox h2 {
	height: 22px;
	padding: 4px 0 0 10px;
	width:230px;
	font-size: 1.1em;
}
#sidebar a {
	text-decoration: none;
	
}
#sidebar #specialsBox a {
	text-decoration: none;
	font-weight:bold;
	font-size: 1.1em;
}
#sidebar SPAN.productSpecialPrice {
	COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, sans-serif;
	font-size: 1.1em;
}
#sidebar a:hover {
	text-decoration: underline;
}

.stopkatab {
	background: url(stopka.jpg);
	color:#FFFFFF;
	padding-top:20px;
}

.przerwapromocje{
	xxbackground: url(../kolcek02.gif);
	xxwidth:150px;
	xxheight:1px;
}

#filter_gl{
background:url(listasearchlg.png) bottom right no-repeat;
width:13px;
height:15px;
}
#filter_gp{
background:url(listasearchpg.png) bottom left no-repeat;
width:13px;
height:15px;
}
#filter_dl{
background:url(listasearchld.png) top right no-repeat;
width:13px;
height:15px;
}
#filter_dp{
background:url(listasearchpd.png) top left no-repeat;
width:13px;
height:15px;
}
#filter_sl,#filter_sp,#filter_ss,#filter_ds,#filter_gs {
background: #5a89a7;
}

#box_towar {
	margin  : auto;
    border  : none;
    padding : 0px;
    width   : 100%;
	
	bborder: 1px solid #000033;
	bbackground: red;
	Uvertical-align:bottom;
}
#p1 {
    margin  : 0px;
    border  : none;
    padding : 1px;
    width   : 65px;
    float   : left;
	bbackground:green;
	text-align:right;
}

#p2 {
    margin  : 0px;
    border  : none;
    padding : 2px;
    width   : 450px;
    float   : right;
	vertical-align:bottom;
	bbackground:orange;
}
#p2 a{
	font-size:14px;
}