#ProductGroup {
float : right; 
width : 720px; 
display : inline; 
margin : 0; 
padding : 0 15px 25px 15px; 
background : #fff; 

}

#ProductGroup-3-kolumny { 
float : right; 
width : 575px; 
display : inline; 
margin : 0; 
padding : 10px 0px 25px 25px; 
background : #fff; 
} 
#ProductGroup-3-kolumny h1 {
color:#3d2900;
font-family:Arial,sans-serif;
font-size:24px;
font-weight:300;
margin: 0 0 5px;
}

.category {
	overflow-x: hidden;
}

.sortOptions .current{
	text-decoration:none;
	font-weight:bold;
}

ul.productList {
	color: #666;
	list-style: none;
	float: left;
	width: 100%;
	padding: 0;
	margin: 10px 0;	
}
ul.productListBoxMaly {
	color: #666;
	list-style: none;
	float: left;
	width: 445px;
	margin: 1px 0 1px 1px;
	padding: 0;
	font-size: 14px;
}
li.productItemBox {
	float: left;
	width: 180px;
	height: 180px;
	overflow: hidden;
	background : url(../images/bg_subKat.png) no-repeat left top; 
	margin: 5px;
	padding: 0;
	border: none;
	text-align: center;
	position: relative;
    vertical-align: middle;
}
li.productItemBox:hover {
	color:#C90C14;
	background : url(../images/bg_subKatAct.png) no-repeat left top; 
	border: none;
}

ul.productListBox {
	color: #666;
	list-style: none;
	float: left;
	width: 100%;
	margin: 1px 0 20px 0;
	padding: 0;
	font-size: 14px;
}
li.productItemBox a.span {
	padding: 0;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto;
}
.grupa_tlo {
display: table-cell; 
text-align: center;
vertical-align: middle;
margin: 0 auto;
padding: 20px 0 0 0;
}
.grupa_tlo a {
	color:#3d2900;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
}
.grupa_tlo span {
line-height: 30px; 
}
.grupa_tlo a:hover {
text-decoration: none;
color:#c90c14;
}

/* 3) Product Settings */

li.productItem {
	float: left;
	width: 550px;
	height: 150px;
	overflow: hidden;
	margin: 0;
	font-size: 11px;
	padding: 0;
	background: transparent;
}
li.productItem div.opis {
	float: left;
	width: 300px;
	overflow: hidden;
	margin: 1px 0 0 10px;
	font-size: 11px;
	padding: 0;
	background: transparent;
}

li.productItem a.Wiecej { 
display : block; 
width : 61px; 
height : 20px; 
text-indent : -9000px; 
float : right; 
outline : none; 
background : url(../images/wiecej.gif) no-repeat left top; 
} 
li.productItem a.Wiecej:hover, a.removeItem:hover { 
background-position : left bottom; 
} 
li.productItem a.Wiecej:focus, a.removeItem:focus { 
background-position : left center; 
}
li.productItem .TloImage {
margin: 0 auto;
padding: 4px 2px;
float: left;
width : 182px; 
height : 132px; 
background: url(../images/bg_kategoria_foto.png) no-repeat left top;
}
li.productItem div.TloImage {
position: relative;
/* line-height: 100px; */
text-align: center;
}
.PromocjaItem {
position: absolute;
top: 0;
left:0;
width : 48px; 
height : 48px; 
background: transparent;
}

li.productItem a img {
	margin: 0;
	padding: 2px;
	border: 0;
	background: transparent;
vertical-align: middle;
}
li.productItem .blok_cena {
position: relative; 
	float: left;
	width: 300px;
	height : 100px; 
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 10px;
	background:transparent;
	border-bottom: 1px dotted #3d2900;
}
li.productItem .blok_cena img {
	background: transparent;
	/* border: 1px solid #E9E9E9; */
	border: 0;
	padding: 3px 0 0 0;
}
	li.productItem a {
		color: #778288;
		text-decoration: none;
	}
		li.productItem a:hover {
			text-decoration: underline;
		}
	
	li.productItem .productTitle {
	float: left;
		font-size: 11px;
		font-style: normal;
		width: 300px;
		margin: 5px 0 5px 0px;
	}
li.productItem .productTitle a {
color: #4A3100;
}

.NumerRef {
		margin: 5px 0 5px 0px;
}
	
	li.productItem .price_display{
		font-weight: bold;
		color: #4694c4;
		line-height: 1.5em;
	}
	
	li.productItem .productActions {
		text-align: right;
		margin-top: 5px;
	}
		li.productItem .productActions li {
			list-style: none;
		}
			li.productItem .productActions li a {
				color: #999;
			}
	
	
.product_details #cenaRamka { 
float: left;
width : 300px; 
height : 50px; 
padding: 10px 0 0 5px;
margin-top: 5px;
line-height: 22px;
} 

.cenaRamka { 
float: left;
width : 300px; 
height : 32px; 
padding: 1px;
margin-top: 5px;
line-height: 15px;
} 
.cenaRamkaPromo { 
float: left;
width : 155px; 
height : 30px; 
padding: 1px;
margin-top: 5px;
} 
.price_displayN{
	text-align:right;
	font-weight: normal;
	color:#999;
	font-size:1.1em;
	padding: 2px 5px 5px 20px;
}
.price_displayNPromo{
	text-align:right;
	font-weight: normal;
	color:#999;
	font-size:1.1em;
	padding: 2px 5px 5px 5px;
}

.price_displayB{
	text-align:right;
	font-weight: bold;
	color:#c90c14;
	font-size:1.2em;
	padding: 2px 5px 5px 15px;
}
.price_displayBPromo {
	text-align:right;
	font-weight: bold;
	color:#c90c14;
	font-size:1.1em;
	padding: 2px 5px 5px 5px;
}

.price_opis {
	font-weight: normal;
	color: #999;
	padding: 2px 0 1px 0;
	margin: 0;
	}

.price_opisPromo {
	font-weight: normal;
	color: #999;
	padding: 1px 0 1px 5px;
	margin: 0;
}

/* 4) jQuery Navigation Bar Styling */

.navigationBar {
	text-align: center;
	margin: 10px 0;
	font-size: 12px;
}

.navigationBar a,
.navigationBar .current {
	background: #fff none repeat scroll 0% 50%;
	border: 1px solid #dddddd;
	padding: 2px 6px;
	text-decoration: none;
	margin:0 1px;
}

.navigationBar .current {
	color: #e31212;
	font-weight: bold;
	border: none;
}

.navigationBar span.prev,
.navigationBar span.next {
	color: #999;
}

#Layout .navigationBar a:hover,
.navigationBar a:hover {
	background: #efecec none repeat scroll 0%;
	text-decoration: none;
}

/* 5) Results Bar Styling */

.quantityBox {
display:block;
width : 295px; 
height : 20px; 
padding: 5px;
position: absolute;
top: 32px;
right:0;
}

.quantityBoxPromo {
display:block;
width : 168px; 
height : 20px; 
padding: 0px;
position: absolute;
top: 42px;
right:0;
}

.resultsBar {
	height: 21px;
	background: transparent;
	border: 1px dotted #3d2900;
	padding: 4px 10px 2px 10px;
	margin: 0 0 20px 0;
}
	#Layout .resultsBar p,
	.resultsBar p {
		margin: 0;
		padding: 2px 0;
		font-weight: bold;
	}
	
	#Layout .resultsBar select.productsDropdown,
	.resultsBar select.productsDropdown {
		float: left;
		width: 10%;
	}
	#Layout .resultsBar p.productsDropdown,
	.resultsBar p.productsDropdown {
		float: left;
		width: 25%;
		text-align: left;
		margin-left: 5px;
	}
	#Layout .resultsBar p.resultsShowing,
	.resultsBar p.resultsShowing {
		float: right;
		width: 50%;
		text-align: right;
	}
li.productItem .productActions li a {
	color: #999;
	font-size: 10px;
	display: inline;
}
div.productActionsG a { 
display : block; 
padding: 0;
margin: 2px 0 0 0;
width : 69px; 
height : 20px; 
text-indent : -9000px; 
float : right; 
outline : none; 
background: url(../images/finalizuj-mini.png) no-repeat right top; 
}
div.productActionsG a:hover { 
background-position : right bottom; 
} 
div.productActionsG a:focus { 
background-position : right center; 
} 
li.productItem a.DodajDoKoszykaS { 
display : block; 
width : 69px; 
height : 20px; 
text-indent : -9000px; 
float : right; 
outline : none; 
background : url(../images/kupuje.png) no-repeat left top; 
} 
li.productItem a.DodajDoKoszykaS:hover, a.removeItem:hover { 
background-position : left bottom; 
} 
li.productItem a.DodajDoKoszykaS:focus, a.removeItem:focus { 
background-position : left center; 
}
#finalizujLeft {
height : 40px; 
}
a.finalizuj-zakupy { 
display : block; 
width : 115px; 
height : 30px; 
text-indent : -9000px; 
float : right; 
outline : none; 
background: #62c6ff url(../images/przycisk_zakoncz_zakupy.gif) no-repeat left top; 
} 
a.finalizuj-zakupy:hover { 
background-position : left bottom; 
} 
a.finalizuj-zakupy:focus { 
background-position : left center; 
} 
.napisI {
float: left;
padding: 3px 0 0 0;
color: #999;
}
.odejmij {
float: left;
margin: 0 3px;
}
.okienkoIlosc {
float: left;
margin: 0 0 0 30px;
}
.dodaj {
float: left;
margin: 0 3px;
}
.productActionsG {
position: absolute;
top: 30px;
right: 65px;
}
.OpisW {
position: absolute;
top: 65px;
left: 35px;
}
.KoszykW {
 position: absolute;
top: 65px;
right: 65px;
}
/****************/
li.productPromo {
position: relative;
	float: left;
	width: 280px;
	height: 150px;
	overflow: hidden;
	margin: 5px 0 0 0;
	font-size: 11px;
	padding: 0;
	background: transparent;
}
li.productPromo .OszP {
position: absolute;
bottom: 0px;
left: 8px;
font-weight: bold;
color:#c90c14;
font-size: 30px;
}
li.productPromo div.opis {
	float: left;
	width: 275px;
	overflow: hidden;
	margin: 1px 0 0 0;
	font-size: 11px;
	padding: 0;
	background: transparent;
}

li.productPromo a.Wiecej { 
display : block; 
width : 61px; 
height : 20px; 
text-indent : -9000px; 
float : right; 
outline : none; 
background : url(../images/wiecej.gif) no-repeat left top; 
} 
li.productPromo a.Wiecej:hover, a.removeItem:hover { 
background-position : left bottom; 
} 
li.productPromo a.Wiecej:focus, a.removeItem:focus { 
background-position : left center; 
}
li.productPromo .TloImage {
margin: 0 auto;
padding: 4px;
float: left;
width : 90px; 
height : 90px; 
background: url(../images/bg_promo_foto.png) no-repeat left top;
}
li.productPromo div.TloImage {
line-height: 90px; 
height: 90px; 
text-align: center; 
}
li.productPromo a img {
margin: 0 4px 0 0;
padding: 0;
border: 0;
background: transparent;
vertical-align: middle;
}
li.productPromo .blok_cena {
position: relative; 
	float: left;
	width: 175px;
	height : 95px; 
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 0px;
	background:transparent;
	border-bottom: 1px dotted #3d2900;
}
li.productPromo .blok_cena img {
	background: transparent;
	/* border: 1px solid #E9E9E9; */
	border: 0;
	padding: 0;
}
	li.productPromo a {
		color: #778288;
		text-decoration: none;
vertical-align: middle;
	}
		li.productPromo a:hover {
			text-decoration: underline;
		}
	
	li.productPromo .productTitle {
	float: left;
		font-size: 11px;
		font-style: normal;
		width: 255px;
		margin: 5px 0 5px 0px;
	}
		li.productPromo .productTitle a {
		color: #494949;
		}
li.productPromo a.DodajDoKoszykaS { 
display : block; 
width : 69px; 
height : 20px; 
text-indent : -9000px; 
float : right; 
outline : none; 
background : url(../images/kupuje.png) no-repeat left top; 
} 
li.productPromo a.DodajDoKoszykaS:hover, a.removeItem:hover { 
background-position : left bottom; 
} 
li.productPromo a.DodajDoKoszykaS:focus, a.removeItem:focus { 
background-position : left center; 
}
.KoszykWPromo {
 position: absolute;
top: 55px;
right: 45px;
}
.productActionsPromo {
position: absolute;
top: 17px;
right: 45px;
}
div.productActionsPromo a { 
display : block; 
padding: 0;
margin: 2px 0 0 0;
width : 69px; 
height : 20px; 
text-indent : -9000px; 
float : right; 
outline : none; 
background: url(../images/finalizuj-mini.png) no-repeat right top; 
}
div.productActionsPromo a:hover { 
background-position : right bottom; 
} 
div.productActionsPromo a:focus { 
background-position : right center; 
} 
#ProductGroup-3-kolumny fieldset {
font-size: 0.8em;
width: 400px;
}
#ProductGroup-3-kolumny .middleColumn,
#Skala,
#Producent,
#Rodzaj {
width : 100px; 
float: left;
background: transparent;
margin: 0 0 5px 0;
padding: 0;
}
.Actions {
width : 50px; 
margin: 0 0 0 350px;
}
.okienkoIloscPromo .ecomquantityfield {
margin: 0 0 0 50px;
}
.okienkoIlosc .ecomquantityfield {
margin: 0 0 0 58px;
}

.ecomquantityfield input {
font-size: 10px;
color: #999;
padding: 0;
margin:  0;
text-align : center; 
border-right : 1px solid #666; 
}



#DDMenuFiltrSzuk {
float: left; 
position: relative; 
}
#DDMenuFiltrSzuk a {
font-size: 11px;
margin: 0 0 0 10px;
color : #fff; 
text-decoration: none; 
text-transform: uppercase; 
}

#DDMenuFiltrSzuk span {
margin: 0;
padding: 4px 7px; 
background-color: #fb670a;
height: 21px;
z-index: 9;
}

#FiltrujDane span {
margin: 0 0 0 10px;
}
#CzyscFiltry span {
margin: 0 0 0 7px;
}

#DDMenuFiltrSzuk a:hover {
color : #000; 
}
#FormularzFiltrowaniaSzuk {
padding: 0; 
margin: 0;
height: 21px;
float: left; 
}
#SymbolSzukaj label,
#SymbolFiltr {
display: none;
}
#Form_Filtruj_SymbolSzukaj {
width: 150px;
}
#DDMenuSzuk {
    line-height: 21px;
    margin: 5px 0 7px 0;
    width: 525px; 
}

#Form_Szukaj {
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 176px;
    text-align : left; 
    height: 20px;
    border: 1px solid #DADADC;	
	background: #F0F0F0 none repeat scroll 0 0;
}

#Form_Szukaj fieldset  {
    margin: 0;
    padding: 0;
}

#CzyscFiltrySzuk {
display:none;
}
.sortOptions a,
.sortOptions span {
width: 180px;
height: 22px;
text-align : center; 
}
.sortOptions a.sortlink {
text-align : center; 
border: 1px solid #DADADC;	
background: #F0F0F0 none repeat scroll 0 0;
padding: 2px 10px;
margin: 0 5px;
width: 180px;
height: 22px;
}
.sortOptions a.current {
text-align : center; 
border: 1px solid #DADADC;	
background: #e83f00 none repeat scroll 0 0;
padding: 2px 10px;
margin: 0 5px;
color: #fff;
width: 180px;
height: 22px;
}