/* main style file */
body, table, td, th, textarea { font-family:Tahoma, Helvetica, sans-serif; font-size:12px; color:#333333}
html, body, div, p { margin: 0; padding: 0; }
body { width:auto; }
html, body  {height: 100%;}
div {width:auto; height:auto; margin:0; padding:0;}
div.div_magic_alt { z-index:2; display:none; position:absolute;	top:0px; left:0px;	border:1px solid #999999; background-color:#FFFFFF; padding:2px; color:#666666}
input, textarea { color:#333333 }
textarea {width:280px}
br.clear, span.clear {clear:both; line-height:0; margin:0; padding:0; font-size:0;}
a {color:#0066CC;font-weight:bold;}
a.bold_menu {line-height:16px;font-weight:bold;}
a:link, a:visited, a:active {text-decoration: none;}
a:hover {text-decoration: underline;}
img, div {border: 0;}

/* tools */
div#tooltip { position: absolute; display: none; padding: 3px; background: #FFFFEE; color: black; border: 1px solid black; white-space: nowrap; z-index: 10; font-size: 11px; }
div#shoppingCartInfo { position: fixed; display: none; top: 0; left: 0; width: 100%; padding: 5px 0; background: #FFFFEE; color: black; border-bottom: 1px solid black; z-index: 10; text-align: center; font-size: 12px; }
* html div#shoppingCartInfo { position: absolute; } 
span.boldRed {color:#FF0000; font-weight:bold}
input.button { background-color:#CC0000; color:#FFFFFF; border:1px solid #006699; font-weight:bold; margin:1px 0 0 5px;}
table.autoTable { border:1px solid #dddddd; float:left}
table.autoTable tr th { border:1px solid #dddddd; background-color:#CCCCCC}
table.autoTable tr td {border:1px solid #dddddd}
table.autoTable tr td.td0 { background-color:#EEEEEE}
table.autoTable tr td.td1 { background-color:#FAFAFA}

/* layout */
div.top, div.foot, div.all { width:100%; position:relative}
div.topIn, div.footIn, div.middle { position: relative; width: 900px; text-align: left; margin: 10px auto 10px auto;}

div.all {background-color:#FFFFFF; float:left}
div.middle {border:1px solid #cccccc; display:block }
div.middleIn {margin:5px}

div#menu {background-color:#ffffff; margin:5px 0 0 0; height:24px}
div#menu ul { margin:0; padding:0}
div#menu ul li {list-style:none; float:left; background-color:#CC0000; padding:5px }
div#menu ul li:hover { background-color:#999999}
div#menu ul li a { color:#FFFFFF; margin:3px 10px 3px 10px}

div.foot div.f1 { float:left }
div.foot div.f2 { float:right; font-size:11px; color:#666666 }

/* dokumenty */
h1, h2 {font-size:14px; margin:5px}
div.introduction {margin:5px}
div.body{margin:5px}
table.autoTable { float:left; width:auto}

/* produkty */
	/* lista */
div.productList { border:1px solid #cccccc; float:left; }
div.productList div.photo { float:left; width:70px; margin:5px 15px 5px 5px; text-align:center; vertical-align:middle}
div.productList div.description {float:left; width:560px;}
div.productList table {width:100%; float:left}
div.productList table td {border:0}
div.productList td.more { text-align:right;}
div.productList div.shopping { float:right; text-align:center; margin:auto; width:180px }
	/* pełny */
div.product { margin:10px}
div.product div.title { margin:0 0 4px 0}
div.product div.photo { float:left; margin-right:15px}
div.product div.desc { float:left}
div.product div.body {float:left; clear:left; width:100%}

/* koszyk */

table.tableShoppingCart {border:1px solid #CCCCCC}
table.tableShoppingCart td { border:1px solid #DDDDDD}
span.white, input.white {color:#000000; background:#ffffff}
span.red, input.red {color:#FFFFFF; background:#990000}
input.short {width:40px}
form.addToCartForm {float:left}

/* logowanie */
div#loginPanel {}
div#loginPanel div.loginForm { float:left} 
div#loginPanel div.loginButton {} 
div#loginPanel div.registerLinkers {clear:both} 

/* panel usera */
div#changePasswordPanel { float:left; clear:left}