﻿/*******************************************************/
/***************** Produkty* ***************************/
/*******************************************************/
div#products {
	float: left;
	border: solid 1px #cccccc;
	padding-top: 10px;
	background: url('../images/products_bckg.jpg') repeat-x 0 0;
	width: 777px;
}




div#products div.product_item,
div#products div.product_item_on ,
div#products div.product_item_news,
div#products div.product_item_news_on,
div#products div.product_item_sale,
div#products div.product_item_sale_on,
div#products div.product_item_week_choice,
div#products div.product_item_week_choice_on,
div#products div.product_item_week_choice_and_news,
div#products div.product_item_week_choice_and_news_on
 {
	float: left;
	width: 180px;
	margin-left: 11px;
	]margin-left:12px;
/*	background: url(     '../images/vignette.gif' ) no-repeat; */
	margin-bottom:20px;
	display:inline;
	position:relative;
	left:0px;
	top:0px;
}

div#products div.product_item_on .panel_bottom ,
div#products div.product_item_news_on .panel_bottom 
{
height:78px;
}
div#products div.product_item_on div.panel_image,
div#products div.product_item_news_on div.panel_image
{
	border-bottom: 3px solid #80d23f;
}
div#products div.product_item_on div.panel_bottom div.podpis,
div#products div.product_item_news_on div.panel_bottom div.podpis
{
	padding-top:24px;
}
div#products div.panel_image {
	width: 100%;
	height: 196px;
	border-bottom: 1px solid #c3c3c1;
	/* text-align: center; */
/*	display: table; */ /* włączyć "display: table;" jesli ma się pojawać hint z opisami po najechaniu na kartę produktu */
	overflow:hidden;
	position:relative;	
	
}

div#products div.panel_logo {
	float: right;
	height: 33px;
	width: 100%;
	position: absolute;
	top: 203px;
}

div#products div.panel_logo #iconslogo
{
	float:left;
	margin-left:5px;
	margin-top:2px;
}
div#products div.panel_logo span
{
	color: White; /*    display:block; */
	display: none;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 10px;
}
div#products div.panel_logo .imgSale
{
	margin-left: 10px;
	z-index: 3;
	float: left;
	position: absolute;
}
div#products div.panel_logo .imgBrand
{
	max-height: 33px;
	z-index: 3;
	float: left;
}

div#products div.product_item_invisible
{
	display: none;
}

div#products div.panel_image:hover div.hint
{
    z-index:30000000;
    display:block;
}
/* Style dla listy kart produktów ze strony Cart.apsx */
#content_bottom .ShipmentSameCostCards .product_item .panel_image, 
#content_bottom .ShipmentSameCostCards .product_item_on .panel_image, 
#content_bottom .ShipmentSameCostCards .product_item_week_choice_and_news .panel_image, 
#content_bottom .ShipmentSameCostCards .product_item_week_choice_and_news_on .panel_image
{
	width: 141px;
	height: 120px;
}
/* KONIEC */

div#products div.panel_bottom h1 a {
	color: #3d89bd;
	float: left;
	clear: both;
	/*width: 100%;*/
}
div#products div.panel_bottom h1 {
	margin-top: 4px;
	font-size: 10pt;
	font-weight: normal;
	color: #3d89bd;
	float: left;
	clear: both;
	width: 100%;
	font-size: 13px;
	color: #4C4C4C;
	font-weight: bold;
	/*width: 100%;*/
	width: 168px;
/*	]position: relative; */
	position: absolute;
}
div#products div.panel_bottom h2
{
	font-size: 13px;
	font-weight: bold;
	color: #4D4D4D;
	width: 160px;
}
div#products div.panel_bottom div.podpis
{
	padding-right: 6px;
	overflow: hidden;
	padding-top:26px;
	text-transform:uppercase;
}

div#products div.panel_bottom div.podpis #icons {
	  display:none;
}

div.wedziska div#products div.panel_bottom div.podpis #icons 
{
    display:none;
}

div#products div.panel_bottom div.podpis img
{
}
div#products div.panel_bottom
{
	/*	font-size: smaller; */
	height:80px;
}
div#products div.cut_price_percent
{
	float: left;
	background-color: red;
	color: white;
	width: 48px;
	height: 27px;
	font-size: 18px;
	padding-left: 3px;
	padding-top: 6px;
	margin-left: 12px;
	margin-top: 3px;
}
div#products div.prices
{
	margin-top: 6px;
	margin-right: 10px;
	text-align: right;
	display:none ;
}
div#products span.price
{
	font-size: 16px;
	font-weight: bold;
	color: #020014;
	line-height: 90%;
}
div#products span.old_price
{
	text-decoration: line-through;
}
#ProductsAction1_pnlLeft
{
	margin-left: 4px;
}
div#products .extra_mark_new
{
	background-image: url('../images/extra_mark_new.png'); 	background-repeat: no-repeat; 
	position: absolute;
	z-index: 100;
	width: 92px;
	height: 92px;
	left: 0px;
	top: 0px;
}
div#products .extra_mark_week_choice
{
	background-image: url('../images/nasza-rekomendacja.gif'); 	background-repeat: no-repeat; 
	position: absolute;
	z-index: 100;
	width: 102px;
	height: 107px;
	float: left;
	left: 0px;
	top: 0px;
}
div#products div.product_item_week_choice_and_news .extra_mark_new, 
div#products div.product_item_week_choice_and_news_on .extra_mark_new
{
	left: 110px;
	top: 0px;
/*	margin-left: 110px;*/
}
div#products .extra_mark_new img
{
	display:none;
}
div#products .extra_mark_promotion
{
	position: absolute;
	padding-top: 33px;
}
div#products .extra_mark_promotion img
{
	width: 92px;
	height: 92px;
}


/* ***************************************************************** */
/*klasy dla wedzisk*/

div.wedziska div#products div.product_item,
div.splawiki div#products div.product_item,
div.wedziska div#products div.product_item_on,
div.splawiki div#products div.product_item_on,
div.wedziska div#products div.product_item_week_choice_and_news, 
div.splawiki div#products div.product_item_week_choice_and_news,
div.wedziska div#products div.product_item_week_choice_and_news_on, 
div.splawiki div#products div.product_item_week_choice_and_news_on,
div.wedziska div#products div.product_item_sale, 
div.splawiki div#products div.product_item_sale,
div.wedziska div#products div.product_item_sale_on, 
div.splawiki div#products div.product_item_sale_on,
div.wedziska div#products div.product_item_week_choice, 
div.splawiki div#products div.product_item_week_choice,
div.wedziska div#products div.product_item_week_choice_on, 
div.splawiki div#products div.product_item_week_choice_on,
div.wedziska div#products div.product_item_news, 
div.splawiki div#products div.product_item_news,
div.wedziska div#products div.product_item_news_on, 
div.splawiki div#products div.product_item_news_on
 {
	float: left;
	width: 755px;
	height: 132px;
	border-bottom: solid 1px #d3d3d3;
	margin-right: 12px;
	]margin-right:8px;
	overflow: visible;
	margin-bottom:20px;
	display:block;
	position:relative;
}

div.wedziska div#products div.product_item_on,
div.splawiki div#products div.product_item_on,
div.wedziska div#products div.product_item_week_choice_and_news_on, 
div.splawiki div#products div.product_item_week_choice_and_news_on,
div.wedziska div#products div.product_item_sale_on, 
div.splawiki div#products div.product_item_sale_on,
div.wedziska div#products div.product_item_week_choice_on, 
div.splawiki div#products div.product_item_week_choice_on,
div.wedziska div#products div.product_item_news_on, 
div.splawiki div#products div.product_item_news_on
 {
	border-bottom: solid 3px #80d23f!important;
	height:130px;
}

div.wedziska div#products div.product_item_on div.panel_bottom div.podpis,
div.wedziska div#products div.product_item_news_on div.panel_bottom div.podpis,
div.splawiki div#products div.product_item_on div.panel_bottom div.podpis,
div.splawiki div#products div.product_item_news_on div.panel_bottom div.podpis
{
	padding-top:26px;
}

div.wedziska div#products div.panel_image,
div.splawiki div#products div.panel_image {
	border-bottom:none !important;
	border-right: 1px solid #E2E2E2;
/*	display: table; */ /* włączyć "display: table;" jesli ma się pojawać hint z opisami po najechaniu na kartę produktu */
	float: left;
	height: 130px;
	/*text-align: center; */
	width: 570px;
	position:relative;
}

div.wedziska div#products div.panel_bottom, 
div.splawiki div#products div.panel_bottom {
	float:left;
	height:40px;
	width:174px;
	position: absolute;
	right: 0;
}


/* koniec styli tylko dla wędzisk */
/* ***************************************************************** */
div.products_action {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background:#cccccc;
	color: White;
	float: left;
	height: 21px;
	line-height: 20px;
/*	margin-top: 7px; */
	padding-left: 3px;
	padding-top: 2px;
	width: 776px;
}
div.products_action select
{
	border: medium none;
}
.content_3col div.products_action {
	background: #cccccc;
	width: 776px;
	position: relative;
}
body div#products .product_item_week_choice .panel_image a {
	-moz-background-clip:border !important;
	-moz-background-inline-policy:continuous !important;
	-moz-background-origin:padding !important;
	background:transparent url(../images/nasza-rekomendacja.gif) no-repeat scroll 0 -33px !important;
	border-top:medium none;
	width: 358px;
}
.wedziska div#products .product_item_week_choice .panel_image a, .wedziska div#products .product_item_week_choice_on .panel_image a, 
.splawiki div#products .product_item_week_choice .panel_image a, .splawiki div#products .product_item_week_choice_on .panel_image a {
	width: 570px;
	height :130px;
}
body div#products .product_item_week_choice_on div.panel_logo {
	border-bottom:medium none !important;
}
body div#products .product_item_week_choice_on  .panel_image a {
	-moz-background-clip:border !important;
	-moz-background-inline-policy:continuous !important;
	-moz-background-origin:padding !important;
	background:transparent url(../images/nasza-rekomendacja.gif) no-repeat scroll 0 -33px !important;
	border-top:medium none;
	width: 358px;
}
body div#products .product_item_week_choice div.panel_logo {
	border-bottom:medium none !important;
}
.wedziska div#products div.panel_image div.hint, .splawiki div#products div.panel_image div.hint {
	top:130px;
	width: 750px;
}
.wedziska div#products div.panel_image div.hint div.hint_inner, .splawiki div#products div.panel_image div.hint div.hint_inner {
	top:0px;
}
.wedziska div#products div.panel_image:hover div.hint {
	display: block;
}
div#products div.panel_image div.hint {
	background:#EEECED none repeat scroll 0 0;
	border: solid 1px #99b1d3;
	border-top:none; 
	color:#060606;
	display:none;
	left:-1px;
	line-height:13px;
	margin-top:0;
	padding:0;
	position:absolute;
	top: 310px; 
	top/*\**/: 277px\9;
	width: 174px;
/*	width:160px; */
	z-index:300000;
	text-align:left ;
}
body div#products .product_item_week_choice_on div.panel_bottom {
}
div#products div.product_item_news_on div.panel_bottom {
}
div#products div.product_item_on div.panel_bottom {
}
div#products div.product_item_week_choice_and_news_on div.panel_bottom {
}
body div#products .product_item_week_choice #iconslogo , body div#products .product_item_week_choice_on #iconslogo {
	margin-left:100px;
}
body div.wedziska div#products .product_item_week_choice #iconslogo , body div.wedziska div#products .product_item_week_choice_on #iconslogo {
	margin-left:5px;
}
body div#products .product_item_news #iconslogo , body div#products .product_item_news_on #iconslogo {
	margin-left:58px;
}
body div.wedziska div#products .product_item_news #iconslogo, body div.splawiki div#products .product_item_news #iconslogo,
body div.wedziska div#products .product_item_news_on #iconslogo, body div.splawiki div#products .product_item_news_on #iconslogo {
	margin-left: 5px;
}
.boolDescList {
	display:none;
}

/* style kart dla HOVER itp. */
.product_item_week_choice_and_news div.panel_image a.center_foto, .product_item_week_choice_and_news_on div.panel_image a.center_foto {
	width: 358px;
	height: 196px;
}
.wedziska .product_item_week_choice_and_news, .wedziska .product_item_week_choice_and_news_on,
.splawiki .product_item_week_choice_and_news, .splawiki .product_item_week_choice_and_news_on {
	height: 130px;
}
.product_item_week_choice_and_news div.panel_image a.center_foto table, .product_item_week_choice_and_news_on div.panel_image a.center_foto table {
	height: 196px;
	width: 358px;
}
.wedziska .product_item_week_choice_and_news div.panel_image a.center_foto, .splawiki .product_item_week_choice_and_news div.panel_image a.center_foto,
.wedziska .product_item_week_choice_and_news_on div.panel_image a.center_foto, .splawiki .product_item_week_choice_and_news_on div.panel_image a.center_foto {
	width: 100%;
	height: 130px;
}
.wedziska .product_item_week_choice_and_news div.panel_image a.center_foto table, .splawiki .product_item_week_choice_and_news div.panel_image a.center_foto table,
.wedziska .product_item_week_choice_and_news_on div.panel_image a.center_foto table, .splawiki .product_item_week_choice_and_news_on div.panel_image a.center_foto table {
	height: 130px!important;
	width: 100%;
}
.wedziska .product_item_news div.panel_image a.center_foto table, .splawiki .product_item_news div.panel_image a.center_foto table,
.wedziska .product_item_news_on div.panel_image a.center_foto table, .splawiki .product_item_news_on div.panel_image a.center_foto table {
	height: 130px;
	position: absolute;
	top: 0px;
}
.product_item_week_choice_and_news div.panel_image a.center_foto td {
	vertical-align: middle;
}
.product_item_news div.panel_image a.center_foto, .product_item_news_on div.panel_image a.center_foto {
	width: 174px;
	height: 196px;
}
.product_item_news div.panel_image a.center_foto table, .product_item_news_on div.panel_image a.center_foto table {
	height: 196px;
	width: 174px;
	text-align: center;
}
.product_item_news div.panel_image a.center_foto td {
	vertical-align: middle;
}
div#products div.product_item .panel_image table, div#products div.product_item_on .panel_image table {
	height: 196px;
	width: 174px;
}
div#products div.product_item .panel_image table, div#products div.product_item_on .panel_image table td {
	text-align: center;
}
div#products div.product_item_week_choice_and_news div.panel_image table, div#products div.product_item_week_choice div.panel_image table,
div#products div.product_item_week_choice_and_news_on div.panel_image table, div#products div.product_item_week_choice_on div.panel_image table {
	width: 358px;
	height: 196px;
}
.wedziska .product_item_news div.panel_image a.center_foto, .splawiki .product_item_news div.panel_image a.center_foto,
.wedziska .product_item_news_on div.panel_image a.center_foto, .splawiki .product_item_news_on div.panel_image a.center_foto {
	height: 130px;
	width: 570px;
}
div#products div.panel_image div.hint div.hint_inner {
/*	padding: 15px 7px 7px; */
	top: 0px;
}
div#products div.panel_image div.hint div.hint_inner {
	padding: 15px 7px 7px;
}
div#products div.product_item_week_choice_and_news div.panel_image span, div#products div.product_item_week_choice_and_news_on div.panel_image span {
	width: 100%;
/*	width: 344px;*/
}
div#products .product_item_week_choice div.panel_image span, div#products .product_item_week_choice_on div.panel_image span {
	width: 358px;
}
.wedziska .product_item table, .wedziska .product_item_on table,
.splawiki .product_item table, .splawiki .product_item_on table, 
.wedziska .product_item_week_choice table, .wedziska .product_item_week_choice_on table,
.splawiki .product_item_week_choice table, .splawiki .product_item_week_choice_on table {
	height: 130px!important;
	width:570px!important;
}
div#products div.product_item_week_choice_and_news div.panel_image div.hint, div#products div.product_item_week_choice div.panel_image div.hint,
div#products div.product_item_week_choice_and_news_on div.panel_image div.hint, div#products div.product_item_week_choice_on div.panel_image div.hint {
	width: 358px;
}
.wedziska div#products div.product_item_week_choice_and_news div.panel_image div.hint, .wedziska div#products div.product_item_week_choice div.panel_image div.hint,
.wedziska div#products div.product_item_week_choice_and_news_on div.panel_image div.hint, .wedziska div#products div.product_item_week_choice_on div.panel_image div.hint,
.splawiki div#products div.product_item_week_choice_and_news div.panel_image div.hint, .splawiki div#products div.product_item_week_choice div.panel_image div.hint,
.splawiki div#products div.product_item_week_choice_and_news_on div.panel_image div.hint, .splawiki div#products div.product_item_week_choice_on div.panel_image div.hint {
	width: 750px;
}
div.wedziska div#products div.panel_logo,
div.splawiki div#products div.panel_logo {
	float: right;
	height: 33px;
	width: 174px;
	top: 0;
	right: 0;
}
div.products_action  #ProductsAction1_btnGoBack {
	border:solid 0px;
	background:transparent url(../images/arrow_up.jpg) no-repeat 3px 50%;
	color:#333333;
	padding-left:15px;
	text-align:left;
	width:60px;
	cursor:pointer;
	float: left;
	font-size: 8pt;	
	font-family: Arial;
	height: 16px;
/*	
	float: right;
	font-size: 8pt;
	height: 16px;
	margin-right: 160px;
*/
}
div#PanelProdukty span.no_results {
font-size:10pt;
font-weight:bold;
}

/*********************************************************/
/********************* OPIS SERII ************************/
/*********************************************************/

div#PanelOpis #lblPageTitle {
	display: block;
	margin-bottom: 15px;
}
div#PanelOpis div#pnlMoreContent {
	border-left: solid 1px #CCC!important;;
	border-right: solid 1px #CCC!important;;
}
#PanelOpis {
	font-family: Tahoma;
	color: #191919;
	font-weight: bold;
	font-size: 12px;
}
#PanelOpis a#btnOpis {
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	clear:both;
	display:block;
	float:right;
	text-align:center;
	width:777px;
}
#PanelOpis a#btnOpis span {
	background-color:#CCCCCC;
	cursor:pointer;
	color: black;
	display:block;
	float:right;
	padding:4px 15px;
	width:90px;
	font-size: 8pt;
}
#PanelOpis #pnlMoreContent div {
	padding: 15px;
}
#PanelOpis #pnlMoreContent p {
	font-weight: normal;
	margin-top: 10px;
	font-size: 10pt;
}
#PanelOpis #pnlMoreContent p img {
	float: left;
	display: block;
	margin: 0px 10px 10px 0px;
}
/*
.wedziska #PanelOpis #pnlMoreContent p img, .splawiki #PanelOpis #pnlMoreContent p img {
	margin: 0px auto 10px;
	display: block;
	float: none;
}
*/