@import url("reset.css");
@import url("menus.css");
@import url("type.css");
@import url("forms.css");

@import url("../common/common.css");

@import url("../../../categoryFilters/css/categoryFilters.css");

body {
	background:#525252;
	color: #333333;
	padding: 0 0 20px 0;
	height:100%;
	font-family:Arial, Helvetica, sans-serif
}
#page{
	width:960px;
	margin:0 auto;
	position:relative;
	text-align:left
}
#wrapper{
	margin-top:176px;
	position:absolute;
	width:100%;
	left:0;
}
	#hpColumns {
		margin:0 auto;
		width:960px;
	}
	.lineBg {
		background:url(../../images/bckg_linebg.png);
		clear:both;
		overflow:hidden;
		width:100%;
	}
/*Widths ------------------*/
input.w20, select.w20, textarea.w20{width:20px;}
input.w30, select.w30, textarea.w30{width:30px;}
input.w40, select.w40, textarea.w40, th.w40, td.w40{width:40px;}
input.w50, select.w50, textarea.w50{width:50px;}
input.w60, select.w60, textarea.w60{width:60px;}
input.w70, select.w70, textarea.w70{width:70px;}
input.w80, select.w80, textarea.w80{width:80px;}
input.w90, select.w90, textarea.w90{width:90px;}
input.w100, select.w100, textarea.w100, th.w100, td.w100{width:100px;}
input.w110, select.w110, textarea.w110, th.w110{width:110px;}
input.w120, select.w120, textarea.w120{width:120px;}
input.w130, select.w130, textarea.w130, th.w130, td.w130{width:130px;}
input.w140, select.w140, textarea.w140{width:140px;}
input.w150, select.w150, textarea.w150, th.w150, td.w150{width:150px;}
input.w160, select.w160, textarea.w160, th.w160, td.w160{width:160px;}
input.w170, select.w170, textarea.w170{width:170px;}
input.w180, select.w180, textarea.w180{width:180px;}
input.w190, select.w190, textarea.w190{width:190px;}
input.w200, select.w200, textarea.w200, th.w200{width:200px;}
input.w210, select.w210, textarea.w210{width:210px;}
input.w220, select.w220, textarea.w220{width:220px;}
input.w230, select.w230, textarea.w230{width:230px;}
input.w240, select.w240, textarea.w240{width:240px;}
input.w250, select.w250, textarea.w250{width:250px;}
input.w260, select.w260, textarea.w260, th.w260{width:260px;}
input.w270, select.w270, textarea.w270{width:270px;}
input.w280, select.w280, textarea.w280{width:280px;}
input.w290, select.w290, textarea.w290{width:290px;}
input.w300, select.w300, textarea.w300, th.w300{width:300px;}
input.w310, select.w310, textarea.w310{width:310px;}
input.w320, select.w320, textarea.w320{width:320px;}
input.w330, select.w330, textarea.w330{width:330px;}
input.w350, select.w350, textarea.w350{width:350px;}
input.w380, select.w380, textarea.w380{width:380px;}
input.w400, select.w400, textarea.w400, th.w400{width:400px;}
input.w440, select.w440, textarea.w440{width:440px;}
input.w450, select.w450, textarea.w450{width:450px;}
input.w500, select.w500, textarea.w500{width:500px;}
input.w600, select.w600, textarea.w600{width:600px;}
input.w762, select.w762, textarea.w762{width:762px;}
td.left-align, th.left-align{width:auto;}
/*Cleaners ----------------*/
.dotsLine, .hpColumn .cont .jshowoff-slidelinks a, .hpColumn .cont .category, .content .topBg, .content .hpBanners, 
.widget, .widget .bgFooter, .productSearch, .productSearch fieldset, .productBlock .bg2, .productBlock .cont, .categoryBlock .bg2, 
.categoryBlock .cont, .eshopBlock .bg2, .eshopBlock .cont, form#contacts fieldset, form#contacts, #wrapper form#contacts fieldset h2,
.commonFilter, .commonFilter .cont, .detailBlock.labels .cont, .mainBlock .article, .detailBlock div.cont,
.commonFilter .header, #footer{width:100%; overflow:hidden; clear:both;}
/*-------------------------*/
.pageBreak{display:none;}
.dotsLine{
	background:url(../../images/dotsLine.gif) repeat-x left top; 
	height:1px; line-height:0px; font-size:0px;
}
#header{
	display:block;
	margin:0 auto;
	position:relative;
	width:960px;
	height:178px;
	z-index:50;
	background:url(../../images/header1.jpg) no-repeat;
}

	#headerImages{
		width:100%;
		height:176px;
		position:absolute;
		z-index:-1;
		left:0;
		top:0;
		display:block
	}
		#headerImages .headerImage{
			width:100%;
			height:176px;
			position:absolute;
			left:0;
			top:0;
			background-position: center top
		}

	.logo{
		position:absolute;
		top:58px;
		left:20px;
		z-index:19;
		zoom:1;
		display:block;
	}
	.slogan{
		color:#3b5b67;
		font-weight:bold;
		position:absolute;
		font-size:1.2em;
		top:110px;
		left:25px;
		z-index:20
	}
	.isoLogo{
		position:absolute;
		right:0;
		top:35px;
		height: 78px;
	}
	#flyout{
		/*background:url(../../images/bckg_flyoutMenu.png) no-repeat;*/
		width:269px;
		height:31px;
		position:absolute;
		right:0px;
		top:6px;
	}
		#flyout ul{
			position:relative;
			width:269px;
		}
		#flyout li{
			float:left;
			display:inline;
			width:150px;
			overflow:hidden;
			height:29px;
			background:url(../../images/bckg_flyoutMenu.png) repeat-x;
			margin-right:3px
		}
			#flyout li#loginLink{
				width:116px;
				margin-right:0
			}
			#flyout li .flyCont{
				background:#fff; /*url(../../images/bckg_flyoutMenuCont.png) bottom left no-repeat*/
				position:absolute;
				top:29px;
				left:0px;
				height:0px;
				width:269px;
				font-size:1.1em;
				overflow:hidden;
				text-align:left;
				color:#3b5b67
			}
				#flyout li .flyCont .block{
					background:#fff;
					height:92px;
					margin-bottom:8px;
					padding:0px 8px 0 8px;
				}
				#flyout li .flyCont .block .flyLine, #flyout li .flyCont .block p{
					padding:4px 0 0 0;
					width:100%;
					overflow:hidden;
					clear:both;
					
				}
					#flyout li .flyCont .block p{
						padding:1px 0 4px 0;
						margin:0;
					}
					.smallImg{
						width:48px;
						height:48px;
						line-height:48px;
						vertical-align:middle;
						display:table-cell;
						text-align:center;
						float:left;
						background:#fff;
						padding:0;
						border:1px solid #e3e3e3;
						margin-bottom:5px
					}
						.smallImg .actionRibbon, .smallImg .action{
							background:url(../../images/actionRibbon.png) right top;
							height:40px;
							width:41px;
							left:7px;
							top:2px;
							display:block;
							position:absolute;
						}
							.language_sk .smallImg .actionRibbon{
								background:url(../../images/actionRibbon_sk.png) right top;
							}
							.smallImg .actionRibbon.newsRibbon{
								background:url(../../images/actionRibbon_news.png) right top;
							}
							.smallImg .action{
								background:url(../../images/actionRibbon_akce.png) right top;
							}
							.language_sk .smallImg .action{
								background:url(../../images/actionRibbon_akce_sk.png) right top;
							}
				#flyout li .flyCont .block .flyLine span.textBlock{
					float:right;
					width:194px;
					font-weight:normal;
					padding:11px 0 0 0;
					background:none;
				}
				#flyout li .flyCont .block .flyLine a.btn, #flyout li .flyCont .block button.btn{
					float:right;
					width:85px;
					background:url(../../images/btn_yellow.png) no-repeat 0 0;
					padding:4px 0 1px 0;
					color:#fff;
					text-shadow:none;
					text-decoration:none;
					margin:5px 0 0 0
				}
					#flyout li .flyCont .block .flyLine a.btn{
						padding:6px 0 1px 0
					}
		#flyout li a.menuLink{
			/*background:url(../../images/bckg_flyoutBtnActive.png) repeat-x -9999em -9999em;*/
			display:inline;
			float:left;
			font-size:1.2em;
			font-weight:bold;
			padding:7px 0 8px 0;
			text-decoration:none;
			width:150px;
			text-align:center;
			color:#3a5965
		}
			#flyout li#loginLink a{
				width:116px;
			}
		#flyout li a.menuLink:hover, #flyout li a.opened{/*background:url(../../images/bckg_flyoutBtnActive.png) repeat-x top left;*/ background:#fff;}
		#flyout li#loginLink.shade, #flyout li#cartLink.shade{/*background:url(../../images/bckg_flyoutBtnShade.png) no-repeat -150px 0;*/}
		#flyout li#cartLink.shade{background-position:0 0}
		#flyout li span{
			background:url(../../images/cartMini.gif) no-repeat 5px center;
			display:block;
			padding:0 0 0 22px;
			font-weight:bold;
		}
		#flyout li#loginLink span{
			background:url(../../images/userMini.gif) no-repeat 5px center;
			padding:0 0 0 22px
		}
	#menuStripe{
		background:url(../../images/bckg_topMenu.png) repeat-x #1c3842;
		height:37px;
		width:100%;
		float:left;
		margin-top:139px;
		display:inline;
		position:absolute;
		left:0;
	}
.infoLine{
	background: url(../../images/infoLine.png) no-repeat left;
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	position: absolute;
	right: 0;
	padding: 0 10px 0 37px;
	font-size: 1.4em;
	top: 113px;
	color: #fff;
}
.infoLine span{
	font-weight: normal;
	color: #7c8c92;
}
	
/* Home page---------------------------------------*/
.homepageOfferHeader{
	background: #f46a0e;
	border: 1px solid #f46a0e;
	//box-shadow: 0 0 0 1px #FCF59D inset;
	padding: 10px;
	//border-radius: 2px;
	color: #fff;
	margin-bottom: 12px;
	position: relative;
	//font-family: Tahoma, Geneva, 'FreeSans', sans-serif;
	box-sizing: border-box;
	width: 100%;
	float: left;
}
.homepageOfferHeader:after, .homepageOfferHeader:before {
	top: 100%;
	left: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.homepageOfferHeader:after {
	border-color: rgba(248, 234, 51, 0);
	border-top-color: #f46a0e;
	border-width: 12px;
	margin-left: -12px;
	margin-top: -2px;
}
.homepageOfferHeader:before {
	border-color: rgba(214, 199, 0, 0);
	border-top-color: #f46a0e;
	border-width: 11px;
	margin-left: -11px;
}
#hpColumns{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
	background:url(../../images/bckg_hpColumn.png) -60px top repeat-y;
	padding-bottom:10px;
}
	#hpColumnsWrapper{
		background:url(../../images/shopMenu.png) 0 top repeat-y;
		width:960px;
		margin-top:10px;
		overflow:hidden;
	}
	.hpColumn{
		width:230px;
		padding-right:10px;
		float:left;
	}
	.hpColumnWide{
		width:710px;
		float:right;
		padding:0 0 0 10px;
		margin:0 0 0 0;
		text-align:left;
		color:#e4e4e4;
		/*height:auto !important;
		height:200px;
		min-height:200px;*/
	}
		.hpColumnWide .cont{
			padding:0 10px 0 0
		}
		#wrapper .hpColumnWide h1{
			color:#fff;
			text-shadow:2px 2px 0 #4f4f4f
		}
		#wrapper .hpColumnWide h2{
			font-weight:normal;
			color:#017634;
			font-size:1.6em;
			margin:0 0 .3em 0
		}
			#wrapper .hpColumnWide ul{
				margin:0 1.5em 0.3em 0;
			}
			#wrapper .hpColumnWide li{
				background:url(../../images/bckg_hpLi.gif) no-repeat left 3px;
				list-style-type:none;
				padding:8px 8px 8px 30px
			}
		
			#wrapper .hpColumnWide ol li{
				list-style:inside decimal;
				margin-left:.3em;
				padding:0;
				background:none;
			}
		
		#wrapper .hpBan{
			float:left;
			margin:10px 0 0 0;
			display:inline;			
		}
		#wrapper .hpBan img, #wrapper .hpBan1 img, #wrapper .hpBan2 img{
			vertical-align:top;
		}
		#wrapper .hpBan1{
			margin:0 0 10px 0;
			width: 710px;
			float: left
		}
		#wrapper .hpBan2{
			margin:0 0 0 0;
			width: 710px;
			float: left
		}
	
/* Navigation----------------------------------------*/ 
#navigation{
	width:960px;
	overflow:hidden;
	clear:both;
	margin:0 auto;
	color:#fff;
	padding-bottom:6px;
	/*background:url(../../images/bckg_navigationStart.png) no-repeat left 10px;*/
}
#navigation a{
	color:#fff; 
	/*background:url(../../images/bckg_navigation.png) repeat-x;*/
	float:left;
	display:inline;
	margin:6px 0 0 0;
	cursor:pointer;
	text-decoration:underline;
	}
	#navigation a:hover{
		text-decoration:none;
	}
	#navigation a span{
		/*background:url(../../images/bckg_navigationLink.png) top right no-repeat;*/
		background:url(../../images/bckg_navigationLink.gif) top right no-repeat;
		padding:5px 17px 5px 8px;
		display:block;
	}
	#navigation a.first{
		background:url(../../images/bckg_navigationLink.gif) -5px top no-repeat;
		padding:0 0 0 19px
	}
	#navigation a.first span{
		padding:5px 17px 5px 0
	}
	#navigation a.last span{
		/*background:url(../../images/bckg_navigationStrong.png) top right no-repeat;*/
	}
#navigation strong{
	padding:5px 5px 5px 8px;
	float:left;
	display:inline;
	margin:6px 0 0 0;
}
	#navigation strong.first{
		background:url(../../images/bckg_navigationLink.gif) -5px top no-repeat;
		padding:5px 5px 5px 19px
	}

/* Content---------------------------------------------*/
.content{
	background:#fff;
	position:relative;
}
	.content .topBg{
		position:relative;
	}
	.content .hpBan1, .content .hpBan2{
		float:left;
		padding:10px 10px 0 10px;
		vertical-align:top
	}
	.content .hpBan2{
		padding:10px 0 0 0;
	}
	.mainBlock{
		width:710px;
		float:right;
		display:inline;
		margin:10px 10px 10px 0;
		height:auto !important;
		height:465px;
		min-height:465px;
	}
	.mainBlock .commonFilter, .download-box, .informations-form{background:url(../../images/bckg_mbWideCont.png) repeat-y; margin: 10px 0 0 0}
	.commonFilter .header, .download-box .header, .informations-form .header{background:url(../../images/bckg_mbWideHeader.png) no-repeat left top}
	.commonFilter .cont, .download-box .cont, .informations-form .cont{background:url(../../images/bckg_mbWideFoot.png) no-repeat left bottom}
	.commonFilter form.cont{padding-bottom:8px}
	form#contacts{background:url(../../images/bckg_contactCont.png) repeat-y; margin: 10px 0 0 0}
		form#contacts fieldset{background:url(../../images/bckg_contactFoot.png) no-repeat left bottom; position:relative;}
		#wrapper form#contacts fieldset h2{
			background:url(../../images/bckg_contactHeaderC.png) repeat-x #213d47;
			margin:0;
			font-size:1.1em;
		}
		#wrapper form#contacts fieldset h2 span{
			/*background:url(../../images/bckg_contactHeader.png) no-repeat left top;*/
			display:block;
		}
		#wrapper form#contacts fieldset h2 span a{
			/*background:url(../../images/bckg_contactHeaderF.png) no-repeat left bottom;*/
			display:block;
			padding:7px 10px 6px 10px
		}
		form#contacts em.envelope{
			background:url(../../images/envelope.png) no-repeat left top;
			position:absolute;
			width:50px;
			height:48px;
			top:1px;
			right:5px;
			z-index:50;
			display:block;
		}
		.download-box .cont{padding:3px 8px 8px 8px;}
	.mainBlock .article{padding:8px 0 3px 0; background:url(../../images/dotsLine.gif) repeat-x left bottom; }
		.mainBlock .article h2 a{font-size:1em; line-height:1.3em; padding:2px 5px 5px 5px; display:block;}
		.mainBlock .article .articleAnotation{padding:0 5px; line-height:1.4em;}
		.mainBlock .article .right-align{padding-bottom:5px;}
		.mainBlock .article .right-align a{padding:0 5px;}
	.mainBlock .article.last{background:none; margin-bottom:10px;}
	.mainBlock .articleLine{color:#959595; padding:0 5px; font-size:.9em}
		.mainBlock .articleLine .date, .mainBlock .articleLine .category{display:inline;}
	
	#wrapper .commonFilter .cont h2{
		font-size:1em;
		background:url(../../images/dotsLine.gif) repeat-x left bottom;
		padding:6px 0;
		margin:0 8px 8px 8px;
		font-weight:bold;
	}
		.subCategoriesList{
			font-size: 0.1px;
			overflow: hidden;
			clear: both;
			padding: 8px 8px 0 8px;
			text-align: justify;
			background: white;
			border: 1px solid #e3e3e3;
			margin: 8px;
		}
		.subCategoriesList:after{
			display: inline-block;
			width: 100%;
			content: " ";
		}
		.subCategoryWrapper{
			position: relative;
			display: inline-block;
			vertical-align: top;
			min-height: 36px;
			margin: 0 0 8px 0;
			font-size: 11px;
			width: 32%;
			box-sizing: border-box;
			border: 1px solid white;
			cursor: pointer;
			*zoom: 1;
			*display: inline;
		}
		.subCategoryWrapper.placeholder{
			min-height: 0;
			visibility: hidden;
		}
		.subCategoryWrapper:hover{
			border-color: #e3e3e3;
			background-color: #f7f7f7;
		}
		.subCategoryWrapper:hover a{
			text-decoration: none;
		}
		.subCategory{
			display: table;
			margin: 2px;
			text-align: left;
		}
		#wrapper .commonFilter .cont h3{
			margin: 0;
			padding: 0;
            position: relative;
            margin: 0;
            display: table-cell;
            height: 100%;
            vertical-align: middle;
		}
		.commonFilter .cont h3 a{
			padding:0px 8px 0px 8px;
			display: block;
			vertical-align: middle;
			line-height:1.1em;
		}
		.subCategoryWrapper .imgHolder{
			display: table-cell;
			overflow: hidden;
			height: 30px;
			width: 30px;
			position: relative;
		}
		.subCategoryWrapper .imgHolder img{
            position: absolute;
            top: 50%;
            left: 50%;
            max-height: 100%;
            max-width: 100%;
            vertical-align: middle;
            margin: 0;
            transform: translateY(-50%) translateX(-50%);
            -moz-transform: translateY(-50%) translateX(-50%);
            -webkit-transform: translateY(-50%) translateX(-50%);
		}
		.commonFilter .cont fieldset.sorting{padding:8px 8px 0px 8px; text-align:center}
		.commonFilter .cont fieldset.pagination{
			text-align:center;
			padding:8px 5px 0 5px
		}
			.commonFilter .cont fieldset.sorting .sortBy, .commonFilter .cont fieldset.sorting .sortType, .commonFilter .cont fieldset.sorting .showOnPage{
				display:inline-block; 
				position:relative; 
				zoom:1; 
				vertical-align:top;
				width:33%;
			}
			.commonFilter .cont fieldset.sorting .sortBy{ text-align:left;}
			.commonFilter .cont fieldset.sorting .sortType{padding:4px 0 0 0;}
			.commonFilter .cont fieldset.sorting .showOnPage{ text-align:right;}
			.commonFilter .cont fieldset.sorting .dotsLine{margin:5px 0 0 0;}
			.commonFilter .cont fieldset .showOnPage{display:inline;}
			.commonFilter .cont fieldset.sorting .sortBy a, .commonFilter .cont fieldset.sorting .sortBy a:hover{
				text-decoration:none;
			}
			.sortType{
				font-size: 0;
				text-align: center;
			}
			.sortType .title, .sortType a:link, .sortType a:visited, .sortType a:hover, .sortType strong{
				font-size: 12px;
				*zoom: 1;
				*display: inline;
				display: inline-block;
				vertical-align: top;
				position: relative;
				margin-right: 5px;
			}
			.sortType a:link, .sortType a:visited, .sortType a:hover, .sortType strong{
				background: url(../../images/listing.png) -15px 0;
				width: 15px;
				height: 15px;
				text-indent: -9999em;
				overflow: hidden;
				top: -1px;
			}
			.sortType a:hover, .sortType strong{
				background-position: 0 0
			}
			.sortType a.tableSort:link, .sortType a.tableSort:visited, .sortType a.tableSort:hover, .sortType strong.tableSort{
				background-position: -15px -15px
			}
			.sortType a.tableSort:hover, .sortType strong.tableSort{
				background-position: 0 -15px
			}
	/*product & category blocks ---------------------------------------*/
	.productBlock, .categoryBlock, .eshopBlock, #wrapper form#loginSecured{
		background:url(../../images/bckg_mbHalfCont.png) repeat-y #f0f9ff;
		width:350px;
		float:left;
		display:inline;
		position:relative;
		margin:10px 10px 0 0;
	}
		#wrapper form#loginSecured{
			display:inline-block;
			float:none;
			margin:0
		}
		.productBlock.second, .categoryBlock.second, .eshopBlock.second{
			margin:10px 0 0 0
		}
		.productBlock .bg2, .categoryBlock .bg2, .eshopBlock .bg2, #wrapper form#loginSecured fieldset{
			background:url(../../images/bckg_mbHalfHeader.png) no-repeat left top;
		}
		.productBlock .cont, .categoryBlock .cont, .eshopBlock .cont, #wrapper form#loginSecured .cont{
			background:url(../../images/bckg_mbHalfFoot.png) no-repeat left bottom;
			padding-bottom:11px;

		}
			.categoryBlock.eshopIndex .cont, .eshopBlock.eshopIndex .cont{
				height:auto !important;
				height:60px;
				min-height:60px;
			}
			#wrapper form#loginSecured .cont{
				height:auto !important;
				height:auto;
				min-height:0;
				padding:0 10px 10px 10px
			}
			.categoryBlock .cont, .eshopBlock .cont{
				padding-bottom:0
			}
				#wrapper .eshopBlock .cont h3{
					margin:0;
					padding:5px 10px 1px 10px
				}
				#wrapper .eshopBlock .cont div{
					padding:2px 10px 10px 10px
				}
			.productBlock .leftSide, .categoryBlock .leftSide, .eshopBlock .leftSide{
				float:left;
				display:inline;
				width:150px;
				margin:11px 0 0 11px;
				position: relative;
			}
				.productBlock .leftSide .attributesBlock{
					position: absolute;
					right: 3px;
					top: 3px;
				}
					.productBlock .leftSide .attributesBlock.withVideo{
						top: 35px
					}
					.productBlock .leftSide .attributesBlock strong span{
						font-weight: bold
					}
					.productBlock .leftSide .attributesBlock strong{
						font-size: 9px;
						display: block;
						float: right;
						clear: right;
						color: white;
						margin-bottom: 3px;
						-webkit-border-radius: 3px;
						border-radius: 3px;
						background-clip: padding-box;
						padding: 1px 3px;
						border-bottom: 1px solid transparent
					}
					.productBlock .leftSide .attributesBlock .attrPurple{
						background: #a814a6;
						border-color: #440543;
					}
					.productBlock .leftSide .attributesBlock .attrLightBlue{
						background: #ace0ff;
						color: #356482;
						border-color: #60acda;
					}
					.productBlock .leftSide .attributesBlock .attrRed{
						background: #f30000;
						border-color: #930000;
					}
					.productBlock .leftSide .attributesBlock .attrDarkBlue{
						background: #1c5a80;
						border-color: #052e48;
					}
					.productBlock .leftSide .attributesBlock .attrYellow{
						background: #eee025;
						color: #356482;
						border-color: #c7ba0a;
					}	
				.productBlock .leftSide .actionRibbon, .productBlock .leftSide .action{
					background:url(../../images/actionRibbon.png) no-repeat;
					width:66px;
					height:66px;
					position:absolute;
					left:-4px;
					top:-4px;
				}
					.productBlock .leftSide .action{
						background:url(../../images/actionRibbon_akce.png) no-repeat;
					}
					.language_sk .productBlock .leftSide .action{
						background:url(../../images/actionRibbon_akce_sk.png) no-repeat;
					}
					.language_sk .productBlock .leftSide .actionRibbon{
						background:url(../../images/actionRibbon_sk.png) no-repeat;
					}
					.productBlock .leftSide .actionRibbon.newsRibbon{
						background:url(../../images/actionRibbon_news.png) no-repeat;
					}
			.productBlock .rightSide, .categoryBlock .rightSide, .eshopBlock .rightSide{
				width:160px;
				display:inline;
				float:right;
				padding:5px 10px 0 0;
			}
			.productBlock .imgHolder, .producerDetail .imgHolder{
				background:url(../../images/bckg_productListImg.png) no-repeat;
				width:150px;
				height:150px;
				line-height:150px;
				float:left;
				padding:0;
				display: table-cell;
				text-align: center;
				vertical-align: middle;
			}
				.productBlock .leftSide .hasVideo{
					position: absolute;
					left: 118px;
					top: 2px
				}
				.categoryBlock .imgHolder{
					width:40px;
					height:40px;
					overflow:hidden;
					display:inline;
					float:left;
					margin:10px
				}
					.categoryBlock .imgHolder img{
						vertical-align:top
					}
			#wrapper .productBlock .cont h2, #wrapper .categoryBlock .cont h2{
				margin:0;
				padding:5px 0 0 0;
				font-size:1.2em;
			}
				#wrapper .productBlock .cont h2 a, #wrapper .categoryBlock .cont h2 a{
					font-weight: bold
				}
				#wrapper .categoryBlock .cont h2{
					padding:14px 0 0 0
				}
			.productBlock .cont .description{
				height:auto !important;
				height:142px;
				min-height:142px;
				padding-bottom: 15px;
				position: relative;
			}
				#wrapper .categoryBlock .cont .description{
					width:100%;
					clear:both;
					padding:0;
				}
					.content .productBlock .cont .description div.annotation{
						font-size:.9em;
						line-height:1.4em;
						padding-top: 5px;
						background:none;
						font-weight:normal;
						margin-bottom:0;
					}
						.content .categoryBlock .cont .description div.annotation{
							font-size:.9em;
							line-height:1.4em;
							background:none;
							font-weight:normal;
							padding:0 10px;
							width:auto
						}
						.content .onStock{
							font-weight: bold;
							color: #438100;
							text-transform: uppercase;
							padding-top: 8px;
							font-size: 1.2em;
							text-align: right;
							position: absolute;
							bottom: -5px;
							right: 0;
						}
			#wrapper .productBlock .cont .btn{margin:10px 0 0 0; float:right; color:#fff}
			.productBlock .cont .priceBlock{
				background:url(../../images/bckg_priceListBottom.png) left bottom no-repeat #3a5965;
				width:150px;
				margin-top:11px;
				text-align:center;
				float:left;
			}
				.productBlock .cont .priceBlock div{
					/*background:url(../../images/bckg_priceListTop.png) left top no-repeat;*/
					padding:5px 3px 5px 3px;
				}
				.productBlock .cont .priceBlock div span{
					font-size:.9em;
					white-space:nowrap;
					color:#fff
				}
				.productBlock .cont .priceBlock strong{
					color:#ff8f00
				}
/*product category start ---------------------------------------*/
		.productLine, .productLineFooter{
			width:100%;
			overflow:hidden;
			clear:both;
		}
			.productLine{
				background:url(../../images/bckg_productsListCont.png) repeat-y;
				margin-top:10px;
			}
			.productLine .productBlock{
				margin-top:0;
			}
				.productLine .productBlock .cont{
					background:none;
					padding-bottom:0px;
					}
			.productLineFooter{
				background:url(../../images/bckg_productsListFoot.png) no-repeat left bottom;
				padding-bottom:11px;
			}
		.productSingle{
			background:none;
			margin-top:0;
		}
		.productSingle .productBlock{
			margin-top:10px;
		}
		.productSingle .productBlock .cont{
			background:url(../../images/bckg_mbHalfFoot.png) no-repeat left bottom;
			padding-bottom:11px;
		}
		.productSingle .productLineFooter{
			padding:0;
			background:none;
		}
/*product category end ---------------------------------------*/
		.content .dataTable{
			padding:6px;
		}
			.content .dataTable table {
				margin:0
			}
			.content .dataTable table th{
				border:none;
				border-bottom:1px solid #e3e3e3;
				background:none;
				color:#375662;
				text-shadow:#fff 1px 1px 0;
				padding:5px 5px 8px 5px
			}
			.content .dataTable table tr td{
				background:#fff;
				border-color:#e3e3e3;
				border-width:0 0 1px 0
			}
				.content .dataTable table td span.bargain, .content .dataTable table td span.action{
					background:url(../../images/actionRibbon.png) left bottom;
					width:34px;
					height:12px;
					float:left;
					display:inline;
					margin:1px 2px 0 0
				}
					.content .dataTable table td span.action{
						background:url(../../images/actionRibbon_akce.png) left bottom;
					}
					.language_sk .content .dataTable table td span.action{
						background:url(../../images/actionRibbon_akce_sk.png) left bottom;
					}
					.language_sk .content .dataTable table td span.bargain{
						background:url(../../images/actionRibbon_sk.png) left bottom;
					}
					.content .dataTable table td span.bargain.newsRibbon{
						background:url(../../images/actionRibbon_news.png) left bottom;
					}
				.content .dataTable table tr td .moreLink{
					background:url(../../images/bckg_arrHP.gif) no-repeat right 6px;
					padding:0 14px 0 0
				}
				.content .dataTable table tr td p b{
					background:#e96107;
					color:#fff;
					padding:0 2px
				}
				.content .dataTable table tr td.picture{
					padding: 2px;
					vertical-align: middle;
					text-align: center;
					font-size: 0
				}
				.content .dataTable table tr td.picture a{
					display: inline-block;
					position: relative;
					vertical-align: middle;
				}
				.content .dataTable table tr td.picture img{
					max-height:75px
				}
				.dataTable .onStock:hover, .dataTable .onStock:visited, .dataTable .onStock:link{
					color: #438100;
					text-decoration: none;
					padding: 2px;
					position: relative;
					right: auto;
					bottom: auto;
					font-size: 0.8em
				}
	/*product detail ---------------------------------------*/
	.leftSideDetail{
		width:421px;
		float:left;
		margin:10px 0;
	}
	.leftSideDetail .detailBlock:first-of-type .cont{
		overflow: visible;
	}
	.detailBlock{
		width:421px;
		float:left;
		background:url(../../images/bckg_detailBlockCont.png) repeat-y;
		position:relative;
		z-index:20
	}
		.detailBlock .header{
			background:url(../../images/bckg_detailBlockHeader.png) no-repeat left top;
		}
		.detailBlock .cont{
			background:url(../../images/bckg_detailBlockFooter.png) no-repeat left bottom;
			padding-bottom:3px
		}
			.detailBlock .cont .line{
				background:url(../../images/dotsLine.gif) repeat-x left bottom;
				clear:both;
				margin:0 10px;
				padding:0;
				zoom:1;
				position:relative;
			}
				.detailBlock .cont fieldset.line{
					background:none;
					padding:5px 0 0 0
				}
				.detailBlock .cont fieldset.line.parameters{
					background:url(../../images/dotsLine.gif) repeat-x left bottom;
					padding:0;
				}
				.detailBlock .cont .line .leftSide, .detailBlock .cont .line .rightSide{
					width:120px;
					display:inline-block;
					position:relative;
					vertical-align:top;
					zoom:1;
					padding:7px 0 7px 0
				}
				.detailBlock .cont .line .leftSide{
					font-weight:bold;
					color:#375662
				}
				.detailBlock .cont .line .rightSide{
					width:275px;
				}
				.detailBlock .cont .line .rightSide p{
					padding:3px 0 0 0
				}
				.detailBlock .cont .line .bargainPrice, .detailBlock .cont .line .normalPrice{
					margin:0 0 10px 0
				}
				.detailBlock .cont .line .normalPrice{
					background:url(../../images/bckg_priceBlock2.png) repeat-x #1d3842;
					display:inline;
					float:left;
					position:relative;
					overflow:hidden;
				}
					.detailBlock .cont .line .normalPrice b{
						display:inline;
						float:left;
						padding:3px 5px 3px 3px;
						margin:0 0 0 2px;
						position:relative;
						_left:0px;
					}
					.detailBlock .cont .line .normalPrice b.cont{
						position:relative;
						z-index:10;
						background:none;
						display:block;
						float:left;
						left:0px
					}
						.detailBlock .cont .line .normalPrice b.tlc, .detailBlock .cont .line .normalPrice b.trc,
						.detailBlock .cont .line .normalPrice b.blc, .detailBlock .cont .line .normalPrice b.brc{
							margin:0;
							padding:0;
							display:block;
							height:25px;
							width:60%;
							font-size:0;
							line-height:0;
							position:absolute;
							z-index:9;
							/*background:url(../../images/bckg_priceBlock1.png) no-repeat top left;*/
						}
							.detailBlock .cont .line .normalPrice b.tlc{
								left:-2px;
								top:0;
							}
							.detailBlock .cont .line .normalPrice b.trc{
								background-position:top right;
								right:0px;
								_right:5px;
								top:0;
							}
							.detailBlock .cont .line .normalPrice b.blc{
								background-position:bottom left;
								bottom:0px;
								left:-2px;
								z-index:5;
							}
							.detailBlock .cont .line .normalPrice b.brc{
								background-position:bottom right;
								bottom:0px;
								right:0px;
								z-index:5;
							}
							.detailBlock .cont .line .normalPrice strong{color:#ffa200; font-size:1.3em;}
							.detailBlock .cont .line .normalPrice strong span{font-weight:bold; color:#ffa200;}
							.detailBlock .cont .line .normalPrice span{ white-space:nowrap; color:#839ea9}
						.detailBlock .cont .line .bargainPrice b.cont{
							background:none;
						}
						.detailBlock .cont .line .bargainPrice b.cont strong, .detailBlock .cont .line .bargainPrice b.cont span{
							text-decoration:line-through;
						}
						.detailBlock .cont .line .phe{
							font-size:1em;
							color:#9c9c9c;
							width:100%;
							overflow:hidden;
							clear:both;
						}
						.detailBlock .cont .line .save{
							display:block;
							color:#fe0000;
							width:100%;
							overflow:hidden;
							clear:both;
							padding:10px 0 0 0
						}
					#stockAvailabilityWrapper,
					.stockAvailabilityWrapper{
						position:relative;
						display:inline;
						cursor:help;
						border-bottom:1px dotted #444;
					}
					#stockAvailabilityNote{
						display:none;
					}
					.stockAvailabilityTooltip{
						display:none;
						background-color:#ffffaa;
						zoom: 1;

						-webkit-border-radius: 5px; 
						-moz-border-radius: 5px; 
						border-radius: 5px;   
  						-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 

						padding:5px 5px 0 5px;
						font-size:11px;
						width:220px;
						z-index:999;
						-moz-box-shadow: 2px 2px 11px #666;
						-webkit-box-shadow: 2px 2px 11px #666;
					}
						.detailBlock .cont .line .rightSide .stockAvailabilityTooltip p{
							padding:0 0 5px 0;
							line-height:1.4em;
						}
	
	.detailBlock.labels{
		margin-top:10px;
	}
	.detailBlock.labels .cont{
		padding:9px 0 0 0
	}
	#toolTips{
		
	}
	.toolTipHolder { 
		display:none;
		padding:3px 3px 15px 3px;
		margin:0 0 0 3px;
		height:79px; 
		width:142px; 
		color:#000;
		overflow:hidden;
		background:url(../../images/tooltip.gif) no-repeat left top;	
	}
		.toolTipHolder.bottom{
			background:url(../../images/tooltip.gif) no-repeat right top;
			padding: 13px 3px 5px 3px;
			margin:0 0 0 -3px;
		}
		.detailBlock.labels .toolTipHolder .cont{
			display:table;
			background:none;
			padding:0;
			height:77px;
			width:138px;
		}
			.toolTipHolder .cont p{
				padding:0;
				margin:0;
				display:table-cell;
				text-align:center;
				vertical-align:middle;
				font-size:.9em;
				line-height:1.3em;
				color:#005a80
			}
	#toolTips a, #toolTips img{
		display:block;
		float:left;
	}
	#toolTips img{
		vertical-align:top
	}
	#toolTips a{
		display:inline;
		float:left;
		padding:0 0 10px 10px;
	}
/* right side detail ---------------------------*/
		.rightSideDetail{
			float:right;
			width:281px;
			margin-bottom:10px;
			text-align: center;
		}
		#productAttributes{
			width:100%;
			overflow:hidden;
			clear:both;
			margin-top:5px
		}
			#productAttributes strong{
				background:url(../../images/bckgAttributes.png) no-repeat left top;
				float:left;
				display:inline;
				margin:5px 5px 0 0;
				padding:0 0 0 7px;
				color:#fff;
				white-space:nowrap;
			}
				#productAttributes strong span{
					background:url(../../images/bckgAttributes.png) no-repeat right top;
					display:block;
					padding:7px 7px 7px 0;
					font-weight:bold;
					white-space:nowrap;
				}
				#productAttributes strong.attrGreen{background-position:left top; text-shadow:0 1px 1px #375e00}
				#productAttributes strong.attrGreen span{background-position:right top;}
				#productAttributes strong.attrPurple{background-position:left -116px; text-shadow:0 1px 1px #210020}
				#productAttributes strong.attrPurple span{background-position:right -116px;}
				#productAttributes strong.attrLightBlue{background-position:left -145px; color:#00436C}
				#productAttributes strong.attrLightBlue span{background-position:right -145px;}
				#productAttributes strong.attrRed{background-position:left -29px; text-shadow:0 1px 1px #930000}
				#productAttributes strong.attrRed span{background-position:right -29px;}
				#productAttributes strong.attrDarkBlue{background-position:left -58px; text-shadow:0 1px 1px #002034}
				#productAttributes strong.attrDarkBlue span{background-position:right -58px;}
				#productAttributes strong.attrYellow{background-position:left -87px; color:#fff; text-shadow:0 1px 1px #b14700}
				#productAttributes strong.attrYellow span{background-position:right -87px;}
				.icoPrint, .icoPdf{
					background:url(../../images/icons/icoPrint.png) no-repeat 10px center;
					display:block;
					padding:4px 0 4px 32px
				}
				.icoPdf{
					background:url(../../images/icons/icoPdf.png) no-repeat 10px center;
				}
					.rightSideDetail .grayLink a.icoPdf:link, .rightSideDetail .grayLink a.icoPdf:visited, .rightSideDetail .grayLink a.icoPdf:hover{
						color:#999;
						background:url(../../images/icons/icoPdfGray.png) no-repeat 10px center;
					}
                    .rightSideDetail .btn {
                        margin-bottom: 5px;
                    }
                    .rightSideDetail .btn:hover {
                        margin-bottom: 5px;
                    }
                    .rightSideDetail .icoPrint {
                        display: inline-block;
                    }

		#imagesCont{
			margin-top:10px;
			width: 281px;
			float:right;
			position:relative;
			background:url(../../images/bckg_detailImage.png) no-repeat;
			height:286px;
		}
			#imagesCont .actionRibbon, #imagesCont .action{
				background:url(../../images/actionRibbon.png) no-repeat 0 -66px;
				width:97px;
				height:97px;
				position:absolute;
				left:-5px;
				top:-7px;
				z-index:50
			}
				.language_sk #imagesCont .actionRibbon{
					background:url(../../images/actionRibbon_sk.png) no-repeat 0 -66px;
				}
					#imagesCont .actionRibbon.newsRibbon{
						background:url(../../images/actionRibbon_news.png) no-repeat 0 -66px;
					}
					#imagesCont .action{
						background:url(../../images/actionRibbon_akce.png) no-repeat 0 -66px;
					}
					.language_sk #imagesCont .action{
						background:url(../../images/actionRibbon_akce_sk.png) no-repeat 0 -66px;
					}
			#imagesCont .prevPage, #imagesCont .nextPage{
				background:url(../../images/bclg_imgScrollLeft.png) no-repeat left center;
				width:30px;
				height:238px;
				position:absolute;
				left:0;
				top:0;
				z-index:10;
				text-indent:-999em;
				cursor:pointer;
			}
			#imagesCont .nextPage{
				background:url(../../images/bclg_imgScrollRight.png) no-repeat left center;
				left:auto;
				right:0;
			}
			#imagesCont.oneImage .nextPage, #imagesCont.oneImage .prevPage,
			#imagesCont.noImage .nextPage, #imagesCont.noImage .prevPage{
				display:none;
			}
		div.photosBlock { 
			position:relative; 
			overflow:hidden; 
			width: 275px; 
			height:235px; 
			margin:3px;
		} 
		 
		div.photosBlock div#photos { 
			width:20000em; 
			position:absolute; 
		} 
		
		div.photosBlock div#photos a, div.photosBlock div#photos em{ 
			float:left;
			cursor:pointer;
			width:259px;
			height:216px;
			line-height:216px;
			margin:8px;
			display: table-cell;
			text-align: center;
			vertical-align: middle;
		} 
			div.photosBlock div#photos em{
				cursor:default;
			}
			#imagesCont span.imgDescription {
				display: none;
				position:absolute;
				left:0;
				top:244px;
				background:#fff;
				width:281px;
				text-align:center;
				font-weight:bold;
			}
	.panes{
		background:url(../../images/bckg_mbWideCont.png) repeat-y;
	}
		.panes .cont{
			background:url(../../images/bckg_mbWideFoot.png) no-repeat left bottom
		}
		.panes .header{
			background:url(../../images/bckg_mbWideHeader2.png) no-repeat left top;
			padding:11px 11px 0 11px
		}
			.panes.panesHP .header{
				padding:11px 11px 1px 11px;
				*zoom:1;
			}
			.panes.panesHP .header:after, .panes.panesHP .header:before{
				content: "";
				display: table;
				font-size: 0;
			}
			.panes.panesHP .header:after{
				clear:both;
			}
		.panes .tabPane{
			display:none;

		}
			.panes .cont .productBlock{
				width:339px;
				margin:0 10px 10px 0;
				background:url(../../images/bckg_mbHalfCont2.png) repeat-y;
			}
				.panes .cont .productBlock.second{
					margin:0 0 10px 0
				}
			.panes .cont .productBlock .bg2{
				background:url(../../images/bckg_mbHalfHeader2.png) no-repeat;
			}
			.panes .cont .productBlock .cont{
				background:url(../../images/bckg_mbHalfFoot2.png) no-repeat left bottom;
			}
			 #wrapper .productBlock .cont h2{
				 width:160px;
			 }
			 #wrapper .productBlock .cont .description{
				 width:160px
			 }
		.mainBlock .panes .articles{
			padding:0 0 0 0;
			border:1px solid #e3e3e3;
			background-color:#f0f0f0;
			margin-bottom:12px
		}
		.mainBlock .panes .articles p{
			margin:5px 0 0 0;
			padding:1px 5px 5px 5px;
			border-bottom:1px solid #e3e3e3;
		}
		.mainBlock .panes .article{
			padding: 3px 0 6px 0;
			background-color:#fff
		}
			.mainBlock .panes .article.last{
				margin-bottom:0;
			}
			#wrapper .panes .article h2{
				margin:0
			}



		.mainBlock .panes .videos{
			width: 100%;
			overflow: hidden;
			clear: both;
		}
			.mainBlock .panes .videos .clearfix{
				width: 100%;
				display: inline-block;
				overflow: hidden;
				clear: both;
			}
			.mainBlock .panes .videos .videoWrapper{
				display: inline;
				float: left;
				position: relative;
				width: 49%;
			}
			.mainBlock .panes .videos .videoWrapper.secondVideo{
				float: right;
			}
			.mainBlock .panes .video_description{
				display: block;
				overflow: hidden;
				clear: both;
				text-align: center;
				padding: 5px;
				background: #f0f0f0;
				border:1px solid #e3e3e3;
				border-width: 0 1px 1px 1px
			}
		.mainBlock .panes .video{
			position: relative;
			padding-bottom: 56.25%;
			padding-top: 30px;
			height: 0;
			overflow: hidden;
		}
		.mainBlock .panes .video iframe,
		.mainBlock .panes .video object,
		.mainBlock .panes .video embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}


    div.tabsCover{
        overflow:hidden;
		width:100%;
        clear:both;
        position:relative;
    }
		div.tabsSliderCover{
			margin-top: 10px;
			width:100%;
			overflow:hidden;
			clear:both;
			position:relative;
			bottom:-2px;
		}
		div.tabSliderArrowsActive div.tabsCover {
			width:88%;
			margin:0 6%;
            height:33px;
		}
		div.tabsSliderCover .arrowLeft, div.tabsSliderCover .arrowRight{
			position:absolute;
			z-index:10;
			display:none;
			top:3px;
			left:10px;
			height:18px;
			width:18px;
			padding:2px 2px 0 0;
			-moz-border-radius:3px; 
			-webkit-border-radius:3px; 
			border-radius:3px;
			background:#fff;
			border:1px solid #ccc;
			text-align:center;
			color:#213D47;
			cursor:pointer
		}
			div.tabsSliderCover .arrowRight{
				left:auto;
				right:10px;
				padding:2px 0 0 2px;
			}
	        div.tabSliderArrowsActive .arrowLeft, div.tabSliderArrowsActive .arrowRight {
	            display:block;
	        }
	ul.tabs{
		padding:0;
		margin:0;
        overflow:visible;
		clear:both;
		position:relative;
		width:100%;
	}
	div.tabSliderArrowsActive ul.tabs {
	   top:0;
	   left:0;
	   position:absolute;
	   width:780px;
	}
		.tabs li{
			list-style:none;
			padding:0 0 0 5px;
			margin:0 -2px 0 0;
			display:inline;
			float:left;
			position:relative;
			z-index:1;
			line-height: .9em;
			background:url(../../images/bckg_detailTab2.gif) no-repeat 0 0;
		}
		.tabs li a:link, .tabs li a:visited, .tabs li a:hover{
			background:url(../../images/bckg_detailTab2.gif) no-repeat right 0;
			padding:12px 10px 5px 6px;
			display:block;
			text-decoration:none;
			font-size:.9em;
			color:#646464
		}
			.tabs.tabsHP li a:link, .tabs.tabsHP li a:visited, .tabs.tabsHP li a:hover{
				font-size:1.2em;
				padding:13px 10px 7px 6px;
			}
		.tabs li.current{
			background:url(../../images/bckg_detailTab1.gif) no-repeat 0 0;
			z-index:6;
		}
			.tabs li.current a:link, .tabs li.current a:visited, .tabs li.current a:hover{
				background:url(../../images/bckg_detailTab1.gif) no-repeat right 0;
				font-weight:bold;
				color:#375662;
				padding:9px 10px 10px 6px;
			}
			.tabs.tabsHP li.current a:link, .tabs.tabsHP li.current a:visited, .tabs.tabsHP li.current a:hover{
				background:url(../../images/bckg_detailTab1.gif) no-repeat right 0;
				font-weight:bold;
				padding:13px 10px 9px 6px;
			}
		#tabPhotos, #gallery{
			width:100%;
			overflow:hidden;
			clear:both;
			margin:0;
			padding:0 0 20px 0;
		}
		#tabPhotos .photo, #gallery .photo{
			float:left;
			display:inline;
			list-style:none;
			padding:0px;
			margin:13px 10px 5px 10px;
			background:#FFFFFF;
			border:1px solid #e3e3e3;
			width:150px;
		}
			#tabPhotos .photo a, #gallery .photo a{
				float:left;
				cursor:pointer;
				width:150px;
				height:150px;
				line-height:150px;
				display: table-cell;
				text-align: center;
				vertical-align: middle;
			}
			#tabPhotos div span.description, #gallery div span.description{
				float:left;
				width:140px;
				background:#f0f0f0;
				padding:5px;
				text-align:center
			}
		.panes .cont .files{
			padding-bottom:10px;
		}
		.files a:link, .files a:visited, .files a:hover{
			display: inline-block;
			padding: 4px 4px 4px 0;
		}
		.files a:after{
			float: left;
			width: 16px;
			height: 16px;
			vertical-align: top;
			content: "";
			display: block;
			margin: -1px 3px 0 0;
			background: url(../../../default/images/fileExtensions.png) 0 -240px;
		}
		.files a.doc-word:after{
			background-position: 0 0;
		}
		.files a.doc-excel:after{
			background-position: 0 -30px;
		}
		.files a.doc-acrobat:after{
			background-position: 0 -60px;
		}
		.files a.doc-office:after{
			background-position: 0 -90px;
		}
		.files a.doc-powerpoint:after{
			background-position: 0 -120px;
		}
		.files a.doc-picture:after{
			background-position: 0 -180px;
		}
		.files a.doc-compress:after{
			background-position: 0 -210px;
		}
		.files a.doc-music:after{
			background-position: 0 -150px;
		}
		
/*product category start ---------------------------------------*/
		.productLine, .productLineFooter{
			width:100%;
			overflow:hidden;
			clear:both;
		}
			.productLine{
				background:url(../../images/bckg_productsListCont.png) repeat-y;
				margin-top:10px;
			}
			.productLine .productBlock{
				margin-top:0;
			}
				.productLine .productBlock .cont{
					background:none;
					padding-bottom:0px;
					}
			.productLineFooter{
				background:url(../../images/bckg_productsListFoot.png) no-repeat left bottom;
				padding-bottom:11px;
			}
		.productSingle{
			background:none;
			margin-top:0;
		}
		.productSingle .productBlock{
			margin-top:10px;
		}
		.productSingle .productBlock .cont{
			background:url(../../images/bckg_mbHalfFoot.png) no-repeat left bottom;
			padding-bottom:11px;
		}
		.productSingle .productLineFooter{
			padding:0;
			background:none;
		}
		
		.tabPane .productLine{
			background:url(../../images/bckg_productsListTabCont.png) repeat-y;
			margin:0 0 10px 0
		}
			.tabPane .productSingle{
				background:none;
			}
			.tabPane .productLineFooter{
				background:url(../../images/bckg_productsListTabFoot.png) no-repeat left bottom;
			}
				.tabPane .productSingle .productLineFooter{
					background:none;
				}
		.panes .cont .productLine .productBlock .cont{
			background:none
		}
			.panes .cont .productSingle .productBlock .cont{
				background:url(../../images/bckg_mbHalfFoot2.png) no-repeat scroll left bottom transparent;
			}
		.panes .cont .productLine .productBlock {
			margin-bottom:0;
		}
		.panes .cont .productLine .productBlock {
			margin-bottom:0;
		}

		.tabPane .sortType{
			margin-bottom: 10px;
		}
		.tabPane .commonFilter{
			background: none;
		}
		.tabPane .commonFilter .header{
			background: none;
			padding: 0 0 10px 0;
		}
		.tabPane .commonFilter .cont{
			background: none;
		}
/*product category end ---------------------------------------*/


/* galleries ------------------------------------*/
div.photosBlock div#photos a *, div.photosBlock div#photos em *, 
.productBlock .imgHolder *, .producerDetail .imgHolder *, #tabPhotos a *, #gallery a *, .hpColumn .cont #slidingProducts div a *,
.smallImg a *{
	vertical-align: middle;
}
/*\*//*/
div.photosBlock div#photos a, div.photosBlock div#photos em, 
.productBlock .imgHolder, .producerDetail .imgHolder, #tabPhotos a, #gallery a, .hpColumn .cont #slidingProducts div a,
.smallImg a{
	display: block;
}
div.photosBlock div#photos a span, div.photosBlock div#photos em span,
.productBlock .imgHolder span, .producerDetail .imgHolder, #tabPhotos a span, #gallery a span, .hpColumn .cont #slidingProducts div a span,
.smallImg a span{
	display: inline-block;
	height: 100%;
	width: 1px;
}
/**/

div.photosBlock div#photos a img, div.photosBlock div#photos em img,
.productBlock .imgHolder img, .producerDetail .imgHolder, #tabPhotos a img, #gallery a img, .hpColumn .cont #slidingProducts div a img,
.smallImg a img{
	display:inline;
	margin:-2px auto auto auto;
	vertical-align:middle;
}
.content table.gallery{
	border-bottom:none;
}
	.content table.gallery, .content table.gallery th, .content table.gallery td, .content table.gallery tr:hover td,
	.content .dataTable table.gallery tr td{
		background:none;
	}
		.content .dataTable table.gallery tr td p{
			padding:0.2em 0 0.2em 0
		}
		.content .dataTable table.gallery tr td.photo{
			width:94px
		}
	.content table.gallery tr td, .content table.gallery tr:hover td{
		vertical-align:top;
		border-bottom:1px solid #e3e3e3;
		padding:5px
	}
	.content table.gallery tr.last td, .content table.gallery tr.last:hover td {
		border-bottom:none;
		border-width:0
	}
	.content table.gallery td .photo-crop{
		text-align:center;
		overflow:hidden;
		clear:both;
		height:92px;
		display:block;
	}
	#wrapper .commonFilter .cont table.gallery h3, #wrapper .commonFilter .cont table.gallery h3 a{
		background:none;
		padding:0;
		float:none;
		margin:0;
		font-weight:bold;
		border:none
	}

	/* Sidebar & widgets ------------------------------------*/
	.sidebar{
		width:220px;
		float:left;
		padding:10px 0px 0 10px;
	}
		.widget{
			background:url(../../images/bckg_widgetCenter.png) top left repeat-y #ecf8ff;
			margin-bottom:10px;
		}
			.widget .bgFooter{
				background:url(../../images/bckg_widgetFooter.png) no-repeat left bottom;
			}
			#wrapper .widget h2{
				background:url(../../images/bckg_widgetHeaderC.png) repeat-x #1d3842;
				display:block;
				margin:0;
				padding:0;
				font-size:1em;
			}
			#wrapper .widget h2 span{
				/*background:url(../../images/bckg_widgetHeader.png) no-repeat left top;*/
				display:block;
				font-weight:bold;
				color:#fff;
				line-height:1.5em;
				padding:6px 9px 6px 9px
			}
			#wrapper .widget .cont, #wrapper .widget .articles{
				/*background:url(../../images/bckg_widgetHeaderF.png) no-repeat;*/
				padding:6px 10px 0 10px;
				overflow:hidden;
				clear:both;
			}
				#wrapper .widget.menu .cont{
					padding:0
				}
				#wrapper .widget .cont ul{
					padding:0;
					margin:0 0 .5em 10px;
				}
				#wrapper .widget .cont ul li{
					margin:0;
					padding:0;
				}
			#wrapper .widget .articles{padding:0px 1px 10px 1px; width:218px;}
			 .widget .article{
				 border-bottom:1px solid #e3e3e3;
				 border-top:1px solid #ffffff;
				 margin:0;
				 display:block;
				 float:left;
				 width:202px;
				 padding:0 8px 8px 8px;
			 }
			 .widget .article h3{
				background:url(../../images/bckg_arrHP.gif) no-repeat 3px 7px;
				padding:0px 6px 2px 21px;
			 }
			 .widget .article h3 a{font-weight:bold; line-height:1.4em; display:block;}
			 .widget .article .annotation{
				 font-weight:normal;
				 font-size:.9em;
				 line-height:1.4em;
				 background:none
			 }
			 .widget .centered{
				 padding-bottom:10px
			 }
			 .widget .gallery{
				 text-align:center;
				 background:url(../../images/dotsLine.gif) repeat-x left bottom;
				 padding:3px 0 5px 0;
				 margin-bottom:5px
			 }
				 .widget .gallery a img{
					 background:#fff;
				 }
			
			#wrapper .widget.poll h3{
				margin:0;
				padding:0 0 5px 0;
				font-size:1em;
				background:url(../../images/dotsLine.gif) repeat-x left bottom;
			}
				.widget.poll .answer{
					background:url(../../images/dotsLine.gif) repeat-x left bottom;
					padding:5px 0 5px 0;
					color:#959595
				}
				.widget.poll .pollAnswerButton{
					font-size:1em;
					font-weight:bold;
				}
				.widget.poll .count{
					font-size:.9em;
				}
				.widget.poll p {
					padding:5px 0
				}
				.widget.poll .answer .pollBar{		
					background:#e5e5e5;
					display:block;
					font-size:0;
					line-height:0;
					height:7px;
					margin:2px 0 3px 0;
					border-top:1px solid #d5d5d5;
					border-left:1px solid #d5d5d5;
					border-bottom:1px solid #fff;
					border-right:1px solid #fff;
				}
				.widget.poll .answer .pollBar span{
					background:#f4690e;
					background-image: -moz-linear-gradient(top, #f4690e, #dd5901); /* FF3.6 */
					background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f4690e),color-stop(1, #dd5901)); /* Saf4+, Chrome */
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4690e', EndColorStr='#dd5901'); /* IE6,IE7 */
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4690e', EndColorStr='#dd5901')"; /* IE8 */
					border-radius: 2px;
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
					display:block;
					width:30%;
					height:7px;
				}
			.widgetCarouselWrapper{
				position: relative;
			}
			.widgetCarouselWrapper .widgetCarouselPrev, .widgetCarouselWrapper .widgetCarouselNext{
				position: absolute;
				top: 50%;
				height: 24px;
				width: 24px;
				background: #fff;
				margin-top: -12px;
				left: -10px;
				z-index: 50;
				cursor: pointer;
				border: 1px solid #E3E3E3;
				border-width: 1px 1px 1px 0;
			}
			.widgetCarouselWrapper .widgetCarouselPrev:after, .widgetCarouselWrapper .widgetCarouselNext:after{
				left: 50%;
				top: 50%;
				border: solid transparent;
				content: " ";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
				border-color: transparent;
				border-right-color: #E3E3E3;
				border-width: 5px;
				margin-top: -5px;
				margin-left: -8px;
			}
			.widgetCarouselWrapper .widgetCarouselPrev:hover:after{
				border-right-color: #DC5800;
			}
			.widgetCarouselWrapper .widgetCarouselNext:after{
				border-right: transparent;
				border-left-color: #E3E3E3;
				margin-left: -3px;
			}
			.widgetCarouselWrapper .widgetCarouselNext:hover:after{
				border-left-color: #DC5800;
			}
			.widgetCarouselWrapper .widgetCarouselNext{
				left: auto;
				right: -10px;
				border-width: 1px 0 1px 1px;
			}
			.widgetCarousel{
				position: relative;
				padding: 0 0 15px 0;
			}
			.widgetCarousel .slide{
				width: 100%;
				padding: 0 25px;
				float: left;
				position: absolute;
				box-sizing: border-box;
			}
			.widgetCarousel .slide a, .widgetCarousel .slide strong, .widgetCarousel .slide img{
				display: block;
				margin: 0 auto;
			}
			.widgetCarousel .slide img{
				margin-top: 15px;
				max-width: 100%;
			}
			.widgetCarousel .slide strong{
				text-align: center;
				padding-top: 8px;
			}
	/* employees -----------------------------------------------*/
	.employees, .employees .header, .employees .cont{
		width:100%;
		overflow:hidden;
		clear:both;
		background:url(../../images/bckg_mbWideCont.png) repeat-y
	}
		.employees{
			margin:10px 0 0 0
		}
		.employees .header{
			background:url(../../images/bckg_mbWideHeader2.png) no-repeat left top
		}
		.employees .cont{
			background:url(../../images/bckg_mbWideFoot.png) no-repeat left bottom;
		}
		.employees a.imgSingleAutoScale, .employees span.noImage{
			background:#fff;
			padding:4px;
			margin:7px 0 7px 7px;
			float:left;
			border:1px solid #e3e3e3
		}
		.employees a.imgSingleAutoScale img{
			vertical-align:top
		}
		#wrapper .employees h3{
			float:right;
			width:590px;
			margin:0;
			padding:5px 0 7px 0;
			font-size:1em;
		}
		.employees dl{
			float:right;
			width:590px;
			padding:0 0 10px 0
		}
			.employees dl dt, .employees dl dd{
				position:relative;
				zoom:1;
				vertical-align:top;
				display:inline-block;
				width:480px;
				padding:2px 0
			}
				.employees dl dt{
					width:110px
				}
				.employees .description{
					float:right;
					width:590px;
					padding:0 0 10px 0
				}
/* producers ----------------------------*/

.producerDetail{
	width:100%;
	overflow:hidden;
	clear:both;
	background:url(../../images/dotsLine.gif) repeat-x left bottom;
	padding:0px 0 8px 0;
	margin-bottom:10px
}
.producerDetail dl{
	overflow:hidden;
	padding:10px 0px 0 8px 
}
*html .producerDetail dl{
	float:left;
}
.producerDetail dl dt, .producerDetail dl dd{
	display:block;
	width:160px;
	font-weight:bold;
	padding-bottom:6px
}
.producerDetail dl dd{
	width:370px;
	padding:0 0 15px 10px;
	font-weight:normal;
}
	.producerDetail dl dd span{
		display:block;
		padding:0 0 5px 0
	}
.producerDetail p{
	padding:0 0 0 8px;
	overflow:hidden;
}
*html .producerDetail p{
	float:left;
}
.producerDetail .imgHolder{
	float:right;
}
	/* footer -----------------------------------------------*/
	#footer{
		background:#525252;
	}
		#footer .creator{
			float:right;
		}
		#footer .creator a{
			float:left;
		}
		#footer .creator span{
			float:left;
			padding:20px 0 0 0;
			color:#707070
		}
		#footer ul{
			float:left;
			width:600px;
		}
		#footer li, #footer li a, #footer li strong{
			float:left;
			color:#fff
		}
		#footer ul li a, #footer ul li strong{
			padding:12px 0 0 18px;
			display:inline;
			margin-right:10px;
			background:url(../../images/bckg_bottomMenuArr.gif) no-repeat 5px 15px;
		}

.product-comparator-wrapper {
    box-sizing: border-box;
	padding-left: 17px;
}
.content .sidebar table {
	margin: 0;
	border-bottom: 0;
	width: 210px;
}
.content .sidebar table td {
	border: 0px solid #000;
	vertical-align: top;
	padding: 7px 5px;
}
.content .sidebar table td.name,
.content .sidebar table td.order-code,
.content .sidebar table td.align-right {
	padding-left: 0;
}
.content .sidebar table td.td-image {
	width: 60px;
}
.content .sidebar table td.td-image img {
	width: auto;
	max-width: 60px;
	height: auto;
	max-height: 70px;
}
.content .sidebar table td.align-right {
	text-align: right;
}
.content .sidebar table td.price strong,
.content .sidebar table td.priceDPH strong,
.content .sidebar table td.priceFinal strong {
	float: right;
}
.content .sidebar table tbody tr:last-child td {
	border-bottom: 2px solid #cbe6e7;
	padding-bottom: 15px;
}
.content .sidebar table tbody tr:first-child td {
	padding-top: 15px;
}
.content .sidebar table tfoot td {
	background: #cbe6e7;
}
.content .sidebar table tfoot td strong {
	font-size:1.2em;
	font-weight:bold;
	white-space:nowrap;
}
.productBlock .cont .priceBlock div div {
	padding: 0px;
}
.line-through,
.line-through strong,
.line-through span {
	text-decoration: line-through !important;
	color: #999999 !important;
}
.exclamation {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #cccccc;
	background: #f46a0e;
	color: #ffffff;
	text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.exclamation-tooltip {
	display: block;
	display: none;
	position: absolute;
	background: #f2f2f2;
	border: 1px solid #999999;
	color: #000;
	padding: 10px;
	width: 255px;
	z-index: 9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}