* {
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-family: Tahoma;
}
/**
 * pomijamy treść wyświetlaną tylko screen reader`om
 */
.skip {
	display: none !important;
}
body {
	text-align: center;
}

#wrapper {
	width: 940px;
	margin: 0 auto;
	text-align: left;
}

/**
 * top
 */
#top {
	padding-top:2px;
}
#top-bar {
	position:absolute;
	top:0px;
	margin-left:242px;
	/*_margin-left:121px;*/
}
	#search {
		background:url('search-bg.gif') no-repeat left top;
		height:45px;
		width:263px;
		float:left;
	}
	#search form label {
		display:none;
	}
	#search form input {
		margin-left:18px;
		margin-top:10px;
		position:absolute;
		border:1px solid #d6d6d6;
		color:#aaa;
		padding:2px 2px;
		background:#fff;
		width:145px;
	}
	#search form button {
		border:0;
		background:url('search-button.gif') no-repeat left top;
		width:69px;
		height:14px;
		text-indent: -9999px;
		overflow: hidden;
		position:absolute;
		margin-left:179px;
		margin-top:13px;
	}
	#login {
		margin-left:7px;
		background:url('login-bg.gif') no-repeat left top;
		height:45px;
		width:428px;
		float:left;
	}
	#login form label#login-user {
		position:absolute;
		text-indent: -9999px;
		overflow: hidden;
		background:url('login-user.gif') no-repeat left top;
		width:8px;
		height:11px;
		margin:14px 0 0 12px;
	}
	#login form input#login_user {
		position:absolute;
		border:1px solid #d6d6d6;
		color:#aaa;
		padding:2px 2px;
		background:#fff;
		width:94px;
		margin:10px 0 0 29px;
	}
	#login form label#login-pass {
		position:absolute;
		text-indent: -9999px;
		overflow: hidden;
		background:url('login-pass.gif') no-repeat left top;
		width:8px;
		height:11px;
		margin:14px 0 0 137px;
	}
	#login form input#login_pass {
		position:absolute;
		border:1px solid #d6d6d6;
		color:#aaa;
		padding:2px 2px;
		background:#fff;
		width:94px;
		margin:10px 0 0 153px;
	}
	#login form button#login-submit {
		border:0;
		background:url('login-submit.gif') no-repeat left top;
		width:69px;
		height:14px;
		text-indent: -9999px;
		overflow: hidden;
		position:absolute;
		margin:13px 0 0 259px;
	}
	#login form a {
		text-decoration:none;
		background:url('login-register.gif') no-repeat left top;
		width:87px;
		height:14px;
		text-indent: -9999px;
		overflow: hidden;
		position:absolute;
		margin:13px 0 0 333px;
	}
	#login span {
		position:absolute;
		margin:13px 0 0 30px;
		color:#666;
	}
#logo {
	background:url('logo.gif') no-repeat left top;
	width:230px;
	height:83px;	
}
h1 {
	position: absolute;
}

h1 a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width:230px;
	height:37px;
}
/**
 * koszyk
 */
#koszyk {
	position:absolute;
	margin-top:-38px;
	margin-left:69px;
	color:#ebebeb;		
}
	#koszyk ul li {
		margin-bottom:2px;
		clear:both;
		list-style:none;
	}
		/**
		 * cena/ilość sztuk
		 */
		#koszyk ul li span {
			display:block;
			float:left;
			width:39px;
		}
		#koszyk ul li strong {
			white-space:nowrap;	
		}
	/**
	 * wymuszenie koloru fonta dla całego koszyka
	 */
	#koszyk * {
		color:#ebebeb !important;	
	}
	
	#koszyk a.go {
		text-indent: -9999px;
		overflow: hidden;
		position:absolute;
		background:url('go2koszyk.gif') no-repeat left top;
		width:27px;
		height:27px;
		margin-top:2px;
		margin-left:109px;
		text-decoration:none;
	}
	#koszyk a.go:hover {
		background-position:left -27px;
	}
/**
 * menu górne
 */
ul#menu-top {
	position:absolute;
	list-style:none;
	margin-top:-32px;
	margin-left:223px;
	height:32px;
	width:717px;
	background:url('menu-top-line.gif') no-repeat left bottom; 
	/*padding-left:42px;
	_padding-left:38px;*/
}

	ul#menu-top li {
		float:left;
		margin-left:4px;
		background:url('menu-top-item.gif') no-repeat left top;
		height:27px;
	}
	ul#menu-top li.first {
		margin-left:316px;
		_margin-left:158px;
	}
	ul#menu-top li:hover, ul#menu-top li.active {
		background-position:left -27px; 
	}
		ul#menu-top li a {
			outline:none;
			display:block;
			text-align:center;
			padding:7px 0 6px;
			color:#fff;
			text-decoration:none;
			width:131px;
			font-weight:bold;
		}
		ul#menu-top li a:hover {
			text-decoration:underline;
		} 
/**
 * submenu; h:31px total 2px top bottom padding (bottom w warstwie centralnej)
 */
ul#submenu {
	background:url('submenu-bg.gif') no-repeat center top;
	margin-top:2px;
	padding:4px 0;
	list-style:none;
	display:block;
	text-align:center;
}
	ul#submenu li {
		display:inline;
		margin:0 14px 0;
	}
		ul#submenu li a {
			color:#c2c2c2;
			text-decoration:none;
			font-size:10px;
			font-weight:bold;
		}
		ul#submenu li a:hover {
			text-decoration:underline;
			color:#a2a2a2;
		}
/**
 * ciało strony, menu lewe (200px), prawe(200px) i content(540px -2*6px padding)
 */
#body {
	text-align:center;
	margin-top:7px;
}

#left {
	float:left;
	text-align:left;
	width:200px;
}

	.menu-left {
		background:#1c759d url('menu-left-bg-top.gif') no-repeat left top;
		
	}
	.menu-left h2 {
		display:none;
	}
	#menu-left {
		background:#1c759d url('menu-left-bg.jpg') no-repeat left top;
		
	}
		.menu-left ul {
			background:transparent url('menu-left-bg-bottom.gif') no-repeat left bottom;
			padding:10px 0 10px 0px;
			list-style:none;
		}
		.menu-left ul li {
			display:block;
			zoom:1;
		}
		.menu-left ul li.first {
			margin:0;
		}
		.menu-left ul li a {
			background:transparent url('menu-left-dot.gif') no-repeat 19px;
			padding:8px 0 8px 35px;
			display:block;
			color:#fff;
			zoom:1;
			font-weight:bold;
			text-decoration:none;
		}
		.menu-left ul li.sub a {
			background-position:34px;
			padding-left:50px;
		}
		.menu-left ul li.sub a strong {
			font-weight:normal;
		}
		.menu-left ul li a.active {
			background-color:#185D7D;
		}
		.menu-left ul li a:hover {
			text-decoration:underline;
			background-color:#12475f;
		}

#right {
	float:left;
	text-align:left;
	width:200px;
}
	#right h2 {
		display:none;	
	}
/**
 * wspolne dla left i right
 */
a#wysylka-gratis {
	background:url('wysylka-gratis.gif') no-repeat left top;
	width:200px;
	height:92px;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration:none;
	display:block;
}
a#pomoc {
	background:url('pomoc.gif') no-repeat left top;
	width:200px;
	height:124px;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration:none;
	display:block;
}
/**
 * FIXME: powalczyć z odstępami w promowanych kategoriach (buttony)
 */
#left .buttons, #right .buttons {
	list-style:none;	
	zoom:1;
	display:block;
}
#left .buttons li, #right .buttons li {
	display:block;
	zoom:1;	
}
#left .buttons a, #right .buttons a {
	outline:0;
	display:block;
	/display:inline;
	text-decoration:none;	
}

#left .buttons img, #right .buttons img {
	border:0 !important;
	display:block;
}

#left .space, #right .space {
	margin-top:3px;

	zoom:1;
}
#right .space { 
	_margin-top:1px;	
}
/**
 * content i ostylowanie zawartosci
 */
#content {
	text-align:left;
	margin:0 6px;
	float:left;
	width:528px;
	
}

#content h2 {
	text-align:left;
	font-size:14px;
	font-weight:bold;
	margin-left:1px;
	color:#959595;	
}

#content .section {
	margin-top:1px;
	background:url('section-top.gif') no-repeat left top;
	padding-top:8px;
	zoom:1;
}

#content .section .group {
	background:transparent url('section-bottom.gif') no-repeat left bottom;
	padding-bottom:9px;	
	zoom:1;
}
	#content .section .group h3 {
		color:#1c759d;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
	}
	#content .section .group h4 {
		color:#999;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
	}
	#content .section .group h5 {
		font-size:12px;
		font-weight:bold;
		margin-top:13px;
		margin-botom:6px;
	}
	#content .section .group ul {
		margin-left:15px;
	}
	#content .section .group h4 span {
		font-weight:normal;
	}	
	#content .section .group .p, #content .section .group .p * {
		font-size:12px;
		color:#666;
	}
	#content .section .group .p {
		padding:10px 2px;
	}
	#content .section .group .price {
		text-align:right;
	}
	#content .section .group .pricel {
		text-align:left;
	}
	#content .section .group .price strong {
		color:#ed1c24;
		font-size:14px;	
	}
	#content .section .group .price strike {
		font-size:10px;
		color:#7f7f7f;
	}
	#content .section .group .image {
		float:right;
		text-align:center;
		padding-left:10px;
		margin-top:-40px;
	} 
	#content .section .group .image img {
		border:0;
	}
	#content .section .group .image a {
		text-decoration:none;
		color:#175E7E;
	}
	#content .section .group .image a.l:hover {
		color:#96090D;
		text-decoration:underline;	
	}
	#content .section .group .options {
		padding:10px 0;
		text-align:right;
	}
	#content .section .group .options .i {
		color:#555;
		font-weight:bold;
		padding-right:5px;
		font-size:12px;
	}
	#content .section .group .options .option {
		text-align:right;
	} 
	#content .section .group .options label {
		color:#666;
		font-size:12px;
		padding-right:10px;
		display:block;
		text-align:right;
		font-weight:bold;
	}
	#content .section .group .options select {
		border:1px solid #aaa;
		font-size:10px;
		width:150px;
		color:#666;
	}
	#content .section .group .submit {
		text-align:right;
	}
 	#content .section .group .p ol {
 		padding-left:25px;
 	}
 	#content .section .group .p ol.info li {
 		margin-bottom:10px;
 	}
#content .section .group .columns {
	background:transparent url('section-column.gif') repeat-y center top;
	padding-top:3px;
	zoom:1;
	padding:0;
}

#content .columns dl {
	display:block;
	float:left;
	width:255px;
	padding-top:18px;
	_padding-top:9px;
	zoom:1;
	background:transparent url('separator-dash.gif') no-repeat center 9px;
	_background:transparent url('separator-dash.gif') no-repeat center 3px;

}

#content .columns dl.first {
	padding-top:0;
	background:transparent;
}

#content .columns dl.l {
	margin-right:9px;	
}

#content .columns dl.r {
	margin-left:9px;	
}

#content .columns dt {
	display:block;
}
#content .columns dt a {
	color:#1c759d;
	font-weight:bold;
	text-decoration:none;
}
#content .columns dt a:hover {
	text-decoration:underline;
}
#content .columns dd {
	
}
#content .columns dd .cena {
	position:absolute;	
	_margin-top:8px;
	margin-left:175px;
	width:77px;
	white-space:nowrap;
	text-align:right;
}
#content .columns dd .cena strong {
	color:#ed1c24;
	font-size:14px;	
	display:block;
	margin-top:2px;
	
}
#content .columns dd .cena strike {
	font-size:10px;
	color:#7f7f7f;
	margin-top:-1px;
	margin-right:1px;
	margin-bottom:-5px;
	display:block;
	font-weight:bold;
	
}

#content .columns dd ol {
	margin-top:6px;	
}
#content .columns dd ol li {
	list-style:none;
	background:url('list-arrow.gif') no-repeat 6px;
	padding-left:17px;
	color:#7f7f7f;
	margin-bottom:1px;
	font-size:10px;
}
#content .columns dd ol li * {
	font-size:10px;	
}

#content .columns dd img {
	float:left;
	margin:7px 11px 0 2px;
	
}
#content .columns dd p {
	font-size:10px;
	color:#666;
	height:70px;
	overflow:hidden;
	line-height:14px;
	margin-top:8px;	
}

#content .columns dd ul.links {
	clear:both;
	margin-top:8px;
	margin-bottom:0;
}

#promotion {
	height:135px;
	soverflow:hidden;
	background:url('promotion-bg.jpg') no-repeat left top;
	margin-bottom:5px;
}
/**
 * hak na IE6 bez hakowania :)
 */
#promotion .h3 {
	padding-top:15px;
}
#promotion h3 {
	background-position:left top;
	background-repeat:no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	height:23px;
	margin-left:23px;
}
#promotion p {
	margin:10px 190px 0 22px;
	color:#888;
}
#promotion p a, #promotion p strong {
	font-weight:bold;
	color:#888;
	text-decoration:none;
}

#promotion p a:hover {
	text-decoration:underline;
}
#promotion ul.links{
	position:absolute;
	margin:69px 0 0 21px;
	_margin-left:0; /* hak na jebany IE6 bo sobie kurwa przesuwa jebany 2 razy za dużo */
	
}
/**
 * linki obrazkowe
 */
ul.links {
	display:block;
	list-style:none;
	
}
ul.links li {
	float:left;
	margin-right:8px;
}
ul.links li.r {
	float:right;
	margin:0 0 0 8px;
}
ul.links li a {
	text-indent: -9999px !important;
	overflow: hidden !important;
	height:14px;
	display:block;
	text-decoration:none;
}

ul.links li a.more {
	background:url('link-more.gif') no-repeat left top;
	width:54px;
}

ul.links li a.send {
	background:url('link-polec.gif') no-repeat left top;
	width:105px;
}

ul.links li a.opis {
	background:url('link-opis.gif') no-repeat left top;
	width:89px;
}

ul.links li a.buy {
	background:url('link-buy.gif') no-repeat left top;
	width:122px;
}

/**
 * paginator
 */
 ul.paginator {
 	display:block;
 	text-align:center;
	list-style:none;
	padding:14px 0;
 }
 	ul.paginator li {
 		display:inline;
 	}
 	ul.paginator li a {
 		font-size:10px;
 		font-weight:bold;
 		text-decoration:none;
 	}
 	ul.paginator li.prev a {
 		background:url('pagination-prev.gif') no-repeat left;
 		color:#b2b2b2;
 		padding-left:9px;
 		margin-right:11px;
 	}
 	ul.paginator li.next a {
 		background:url('pagination-next.gif') no-repeat right;
 		color:#b2b2b2;
 		padding-right:9px;
 		margin-left:6px;
 	}
 	ul.paginator li.prev a:hover, ul.paginator li.next a:hover {
 		text-decoration:underline;
 		color:#959595;
 	}
 	ul.paginator li.page a, ul.paginator li.page strong {
 		color:#fff;
 		padding:3px 4px 2px 6px;
 		background:#cacaca;
 		border-left:1px solid #e0e0e0;
 		border-right:1px solid #e0e0e0;
 		margin-right:5px;
 	}
 	ul.paginator li.page a.active, ul.paginator li.page a:hover, ul.paginator li.page strong {
 		background:#959595;
 		font-size:10px;
 		border-left:1px solid #c1c1c1;
 		border-right:1px solid #c1c1c1;
 	}
 #foot {
 	clear:both !important;
 	padding-top:10px !important;
 	_margin-top:-7px;
 }	
 #foot p {
 	background:url('foot.gif') no-repeat left top;
 	text-align:center;
 	zoom:1;
 	font-size:10px;
 	color:#7f7f7f;
 	padding:12px 0 10px;
 }
 #foot * {
 	font-size:10px;
 	color:#7f7f7f;
 }
 #foot a {
 	text-decoration:underline;
 }
 #foot a:hover {
 	text-decoration:none;
 }
/**
 * no kurwa niestety do tego doszło i trzeba było użyć osobnego clear:both :/
 * FIXME: dorobić jebaństwo na IE
 */
 .cb {
 	display:block;
 	clear:both !important;
 	visibility:hidden;
 	height:0px;
 	zoom:1;
 	smargin-top:-100px;
 	font-size:1px;
 }
 .cb * {
 	display:none; 
 }
 .fie * {
  display:none;
 }
 
 /**
  * podsumowanie koszyka
  */
  
  .cart {
  }
  table.bdr {
  	border-top:1px solid #aaa;
  }
  .cart tr td {
  	padding:5px 3px;
  }  
  .cart tr.item:hover td, .cart tr.item:hover td input, .cart tr.active td, .cart tr.active td input {
  	background:#f5f5f5;
  }  
  .cart tr.white td {
  	background:#fff !important;
  }  
  .cart tr.item td a {
  	color:#175E7E;
  	text-decoration:none;
  }
  .cart tr.item td a:hover {
  	color:#96090D;
  	text-decoration:underline !important;
  }
  .cart tr.item td, .cart td.line {
  	border-bottom:1px solid #aaa;
  }
  .cart tr.item label {
	 display:none;
   }
  .cart tr.item input {
  	border:1px solid #ddd;
  	text-align:center;
  	width:40px;
  }  
  .cart tr.item td.c1 {
  	width:30px;
  }
  .cart tr.item td.c2 {
  	width:320px;
  }
  .cart tr.item td.c3 {
  	width:60px;
  }
  .cart a.delete {
  	text-indent: -9999px !important;
	overflow: hidden !important;
	height:14px;
	width:17px;
	background:url('delete.gif') no-repeat left top !important;
	display:block;
	text-decoration:none;
  }
  p.info {
  	color:#888;
  	padding:15px 5px
  }
  a.logoff {
   	text-indent: -9999px !important;
	overflow: hidden !important;
	height:14px;
	width:69px;
	background:url('link-logoff.gif') no-repeat left top !important;
	display:block;
	position:absolute;
	margin-left:325px;
	margin-top:13px;
	text-decoration:none; 
  }
  a.myaccount {
   	text-indent: -9999px !important;
	overflow: hidden !important;
	height:14px;
	width:88px;
	background:url('link-account.gif') no-repeat left top !important;
	display:block;
	position:absolute;
	margin-left:225px;
	margin-top:13px;
	text-decoration:none; 
  }
  
  
.ar {
	text-align:right !important;
}
.mr {
	margin-right:2px;	
}
  
/**
 * lightbox
 */
 
 #jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
p.error {
	color:#b00 !important;
	font-weight:bold;
	padding:10px;
	text-align:center;
}

/*FORMULARZE*/
.ml75{
	margin-left:75px;
}
.form input, .form select{
	border:1px solid #ccc;
	padding:4px;
	width:200px;
	margin-bottom:10px;
}
.form textarea{
	border:1px solid #ccc;
	padding:4px;
	width:400px;
	height:150px;
	
}
.form input.btn, .nform input{
	border:0;
	padding:0;
	width:auto;
	margin-bottom:0;
}
.fblue{
	color:#1c759d !important;
	font-size:12px !important;
	font-weight:bold !important;
}
.hr{
border-color:#EBEBEB;
border-style:solid none none;
border-width:1px 0pt 0pt;
height:0px;
width:98%;
}
