@charset "utf-8";
/* CSS Document */


/* Leftcolumn
--------------------------------------------------*/
/*categoriesBox*/
#productsCategoriesBox .header h3{

}	
#productsCategoriesBox{
	width:100%;
	background:url(/images/default/categoriesBoxListBg.png) left top repeat-y;
	overflow:hidden;
	padding-bottom:0;
}
#productsCategoriesBox .header{
	width:100%;
	height:51px;
	margin:0;
}

#productsCategoriesNav, #productsCategoriesNav ul{
	padding:0;
	margin:0;
	list-style:none;
}

/*1 and 2 level*/
#productsCategoriesNav li{
	padding:0;
	margin:0;
	list-style:none;	
	border-bottom:solid 1px #a3a3a3;
}
#productsCategoriesNav li a{
	display:block;
	overflow:hidden;
	color:#ffffff;
	text-decoration:none;			
}

/*1 level a*/
#productsCategoriesNav li a:hover{

}
#productsCategoriesNav li a.selected{
	border:solid 5px #a11b17;
	width:240px;
	overflow:hidden;
}

/*2 level li*/
#productsCategoriesNav li ul li{
	background:url(/images/default/categoriesBoxListItemBg.png) left top no-repeat;
	border:none;
}
#productsCategoriesNav li ul li.lastChild{
	background:none;
}

/*2 level a*/
#productsCategoriesNav li ul li a{
	display:block;
	height:26px;
	padding-top:8px;
	background:url(/images/default/categoriesBoxListHoverBg.png) left -100px no-repeat;
	padding-left:20px;
}
#productsCategoriesNav li ul li a:hover{
	background-position:0 0;
}
#productsCategoriesNav li ul li a.selected{
	/*padding-left:28px;*/
	text-decoration:underline;	
	border:none;
}

/*3 level*/
#productsCategoriesNav li ul li ul li a{
	padding-left:30px;
}

/*searchBox*/
#productsSearchBox {
}
#productsSearchBox  form{
	padding:0 18px;
}
#productsSearchBox select{
	width:104px;
}
#productsSearchBox .categories, #productsSearchBox .manufacturers{
	float:left;
	width:104px;
	border:#000000;
}
#productsSearchBox .manufacturers{
	padding-left:5px;
}
#productsSearchBox .searchKeyword{
	padding-top:10px;
	clear:both;
}
#productsSearchBox .searchKeyword input{
	width:214px;
	border:#000000;
	background-color:#cccccc;
}
#productsSearchBox .submit{
	padding-top:18px;
	text-align:right;
}

/*productsNewestBox productsPromotionsBox*/
#productsNewestBox{

}
#productsNewestBox .content, #productsPromotionBox .content{
	padding:0 18px;
	text-align:center;	
}
#productsNewestBox .all, #productsPromotionBox .all{
	padding-bottom:0;
}
#productsNewestBox .all a, #productsPromotionBox .all a{
	display:block;
	width:119px;
	height:21px;
	margin:0 auto;
	background:url(/images/default/wszystkieNowosciBtn.gif) left top no-repeat;	
}
#productsPromotionBox .all a{
	background:url(/images/default/wszystkiePromocjeBtn.gif) left top no-repeat;
	width:125px;
}
#productsNewestBox .all a span, #productsPromotionBox .all a span{
	display:none;
}

/*productsManufacturersBox*/
#productsManufacturersBox{
	
}
#productsManufacturersBox form{
	text-align:center;
	padding:18px;
	padding-bottom:0;
}	
#productsManufacturersBox form div{
	height:21px;
	overflow:hidden;
}
#productsManufacturersBox form select, #productsManufacturersBox form input{
	vertical-align:top;
}
#productsManufacturersBox .content{
	text-align:center;
	font-weight:bold;
}


/* content
--------------------------------------------------*/
#productsContainer{

}

/*procucts*/
.product{
	border-bottom:solid 1px #515356;
	margin-bottom:2em;
	padding-bottom:2em;
	position:relative;
	width:440px;
	padding-left:20px;
	padding-right:20px;
}
.product .imageContainer{
	width:110px;
	height:135px;
	float:left;
	position:relative;
	display:inline;
	margin-right:10px;
	overflow:hidden;
}
.product .image{
	width:100px;
	height:125px;
	background-color:#ffffff;
	border:solid 5px #808080;
	text-align:center;
	display:block;
	overflow:hidden;
	padding:0;
	overflow:hidden;
}

.product .image img{
	position:relative;
}
.product .magnifyingGlass{
	display:block;
	width:26px;
	height:25px;
	position:absolute;
	top:5px;
	right:5px;
	background:url(/images/default/maginifyingGlass.gif) left top no-repeat;
	z-index:2;
}
.product .magnifyingGlass:hover{
	background-position:0 -25px;
}
.product .capacity{
	position:absolute;
	z-index:10;
	bottom:5px;
	right:10px;
	color:#000000;
	font-weight:bold;
}
.product p{
	line-height:1.4em;
}

.product h3{
	line-height:.8em;
	padding-bottom:16px;
	padding-top:1px;
}
.product h3 a{
	text-decoration:none;
}
.product p{
	padding-bottom:16px;
}
.product .btns{
	position:absolute;
	left:138px;
	bottom:20px;
}
.product .detailsBtn{
	position:relative;
	left:10px;	
}
.product .price{
	font-weight:bold;
	text-align:right;	
}
.product .price span{
	color:#a0cf00;
}
.product .price span span{
	font-size:1.3em;
}
.productLastChild{
	border-bottom:none;
}

/*product2*/
.product2{
	width:240px;
	float:left;
}
.product2 h3{
	line-height:1.1em;
	position:relative;
	top:-2px;
}
.product2 .detailsBtn{
	left:0;
}
.product2 .cartBtn{
	position:relative;
	top:-4px;
}
.product2 .oldPrice{
	text-decoration:line-through;
	padding:0;
}



/* produktyKategoria
--------------------------------------------------*/
#produktyKategoria{

}
#produktyKategoria h1 {
	padding:20px;
}
#produktyKategoria .content{
	padding:0 20px;
}
#produktyKategoria form{
	padding:20px;
	padding-bottom:30px;
}
#produktyKategoria form fieldset{
	border:solid 1px #515356;
	padding:10px 20px;
}
#produktyKategoria form fieldset legend{
	color:#cccccc;
}
#produktyKategoria form select{
	width:75px;
	vertical-align:top;
}
#produktyKategoria form select, #produktyKategoria form input{
	position:relative;
	border:none;
	line-height:21px;
}
#produktyKategoria form input{
	padding:0;
	top:-1px;
	left:5px;
}

#produktyKategoria #pager{
	padding:0 18px;
}


/* produkty-szczegoly
--------------------------------------------------*/
#produktySzczegoly{
	padding-top:20px;
}
/*opis i zdjecie produktu i przyciski*/
#produktySzczegoly .content{
	padding:0;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:40px;
}
#produktySzczegoly h3{
	max-width:450px;
}
#produktySzczegoly .left{
	width:300px;
	padding-left:5px;
	overflow:auto;
}
#produktySzczegoly .right{
	width:230px;
	text-align:right;
	padding-left:20px;
}
#produktySzczegoly .right img{
	border:solid 1px #dcedf7;
	padding:5px;
	background-color:#ffffff;
}
#produktySzczegoly .right span span{
	font-size:1.5em;
}
#produktySzczegoly .right .button img{
	padding:0;
	border:0;
	padding-top:10px;
	background:none;
}

/*kategorie produktu, breadcrumb*/
#produktySzczegoly .categories{
	padding-left:2px;	
	padding-bottom:2em;
}
#produktySzczegoly .categories li{
	display:inline;	
	background-position:5px 8px;
	padding-left:20px;
	background-image:url(/images/default/bullet.gif);
}
#produktySzczegoly .categories li.firstChild{
	background:none;
	padding-left:0;
}
#produktySzczegoly .categories li.lastChild{
	font-weight:bold;
}

/*powrot do kategorii*/
#produktySzczegoly .backLink{
	padding:5px 0;
}
#produktySzczegoly .backLink a{
}

/*subHeader, ala zakladka*/
.subHeader{
	margin-bottom:30px;
	/*background:url(/images/default/gradientLine.gif) left bottom repeat-x;*/
	border-bottom:solid 1px #515356;
}
.subHeader span{
	/*background-color:#2e3033;*/
	font-weight:bold;
	padding:5px 0px;
	padding-bottom:1px;
	font-size:1.3em;
	color:#ffffff;
}
#produktySzczegoly .subHeader span{
	padding-left:20px;
}

/*zalaczniki*/
#produktySzczegoly .attachmentsContainer{
	padding-bottom:20px;
}
#produktySzczegoly .attachmentsContainer ul{
	padding:20px;
}
#produktySzczegoly .attachmentsContainer ul li{
	background-position:left 8px;
}

/*galeria pozostalych obrazow*/
#produktySzczegoly .imagesContainer{
	padding-bottom:20px;
}
#produktySzczegoly .imagesContainer a{
	float:left;
	width:103px;
	height:134px;
	padding:5px;
	border:solid 1px #818080;
	background-color:#ffffff;
	text-align:center;
	margin-left:27px;

	position:relative;
	margin-bottom:30px;
	overflow:hidden;
}
#produktySzczegoly .imagesContainer a:hover{
	border-color:#009ddb;
}
#produktySzczegoly .imagesContainer a.lastChild{

}
#produktySzczegoly .imagesContainer a img{
	position:relative;
}

/*produkty powiazane*/
#produktySzczegoly .product{
	float:left;
	width:345px;	
	padding-right:0;	
}
#produktySzczegoly .name{
	padding-bottom:3px;
}
#produktySzczegoly .product p{
	padding-bottom:3px;
	line-height:1.3em;
}
#produktySzczegoly .product .price{
	text-align:left;
}

/*nazwa produktu na dole*/
#produktySzczegoly .productName{
	text-align:right;
	padding:20px;
}


/* koszyk
--------------------------------------------------*/
#produktyKoszyk .orderBtn, #paymentForm-submit .submit input, #productsForm-next .submit input{
	display:block;
	width:111px;
	height:80px;
	background:url(/images/default/dalejDuzyBtn.gif) left top no-repeat;
	border:none;
	background-color:#444649;
	float:right;
}

#produktyKoszyk{
	padding:20px;
}

#produktyKoszyk b.dist{
	color:#ffffff;
	font-size:1.3em;
}
/*tabela produktow*/
#produktyKoszyk table, #produktyZamowieniaPotwierdzenie table, #produktyZamowieniaSzczegoly table{
	width:690px;
	border-collapse:collapse;
}
#produktyKoszyk table input{
	width:30px;
}
#produktyKoszyk table th, #produktyKoszyk table td, #produktyZamowieniaPotwierdzenie table td, #produktyZamowieniaPotwierdzenie table th, #produktyZamowieniaSzczegoly table th, #produktyZamowieniaSzczegoly table td{
	padding:5px;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:solid 1px #515356;	
}
#produktyKoszyk table th, #produktyZamowieniaPotwierdzenie table th, #produktyZamowieniaSzczegoly table th{
	background-color:#323438;
}
#produktyKoszyk table tr.odd{
	
}

/*kroki w sekwencji*/
#productsOrderSteps{
	padding-left:2px;	
	padding-bottom:2em;
}
#productsOrderSteps li{
	display:inline;	
	background-position:5px 7px;
	padding-left:20px;
	background-image:url(/images/default/bullet.gif);
}
#productsOrderSteps li.firstChild{
	background:none;
	padding-left:0;
}
#productsOrderSteps li.current{
	font-weight:bold;
}


/* zamowienia
--------------------------------------------------*/
/*index*/
#produktyZamowieniaIndex{
	padding:20px;
}
#produktyZamowieniaIndex form{
	width:500px;
	margin:0 auto;
}
#produktyZamowieniaIndex .left{
}
#produktyZamowieniaIndex .right{
	text-align:center;
}

/*wybor platnosci*/
#produktyZamowieniaWyborPlatnosci{
	padding:20px;
}
#produktyZamowieniaWyborPlatnosci form{
	width:350px;
}
#produktyZamowieniaWyborPlatnosci form input{
	width:auto;
}
#produktyZamowieniaWyborPlatnosci form label{
	font-weight:bold;
}
#produktyZamowieniaWyborPlatnosci h3{
	padding-bottom:1em;
}
#produktyZamowieniaWyborPlatnosci .right{
	text-align:center;
	padding-bottom:1.6em;
}

/*potwierdzenie*/
#produktyZamowieniaPotwierdzenie{
	padding:20px;
}
#produktyZamowieniaPotwierdzenie .right{
	text-align:center;
}
#produktyZamowieniaPotwierdzenie form .btn{
	display:block;
	width:128px;
	height:47px;
	float:right;
	background:url(/images/default/zamawiamBtn.gif) left top no-repeat;
	background-color:none;
}
/*dziekujemy za zlozenie zamowienia*/
#produktyZamowieniaDziekujemy{
	padding:20px;
}
/*szczegoly*/
#produktyZamowieniaSzczegoly{
	padding:20px;
}


/* producenci
--------------------------------------------------*/
#produktyProducenciIndex h1{

}
#produktyProducenciIndex .manufacturer{
	float:left;
	width:144px;
	height:144px;
	padding:5px;
	border:solid 1px #dcedf7;
	background-color:#ffffff;
	text-align:center;
	margin-left:20px;

	margin-bottom:20px;
	overflow:hidden;
}


