@import 'fonts.css';

/* --------- General Styles---------- */

* {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
}


html {
	min-width: 320px;
}

body * {-webkit-tap-highlight-color: rgba(0,0,0,0);} /* Removes Hover for iTouch Devices  */
	html, body {
		height: 100%;

	}

		body {
			xposition: relative;
			margin: 0;
			height: 100%;
			color: #333;
			font-family: "Helen_Pro", arial, sans-serif;
			font-size: 16px;
		}

		#page {
			margin: 0;
			height: 100%;
		}

		html.no_scroll,
		html.no_scroll body {
			overflow: hidden;
			overflow-y: auto;
			-webkit-tap-touch: scroll;
		}

			a, object, embed { 
				outline: 0;
			}
			
			a {
				text-decoration: none;
				color: #005dab;
			}

			a, a > img {
				border: 0 none;
			}

				a:hover {
					text-decoration: underline;
				}

			h1, h2, h3, h4,
			caption,
			.register legend,
			.login legend {
				margin: 5px 0;
				font-size: 30px;
				color: #000;
				font-weight: normal;
				text-transform: uppercase;
				font-family: Helen_ProL_ight;
			}

			h2, caption {
				text-align: left;
				font-size: 17px;
				font-family: Helen_Pro;
			}

			h3 {
				font-size: 14px;
				font-family: Helen_Pro;
			}
                        
                        h4 {
				font-size: 14px;
				font-family: Helen_Pro;
			}
			
			.project legend,
			h1.underlined_heading,
                        h3.underlined_heading {
				color: #333;
				border-bottom: 1px solid #d6d6d6;
				font-size: 17px;
				line-height: normal;
				font-family: Helen_Pro;
				text-transform: none;
				clear: both;
				margin: 0;
			}

			.project legend {
				text-transform: uppercase;
			}

			hr {
				margin-bottom: 13px;
				height: 1px;
				border: 0;
				background-color: #D6D6D6;
			}
	
			.separator_title { 
				font-size: 17px;
				font-weight: bold;
				margin-bottom: 0;
			}

		#wrapper {
			padding-top: 74px;
			xoverflow: hidden;
		}

		#content {
			position: relative;
			padding: 0px 1.1% 24px 1%;
			background-color: #fff;
		}
		
		#content:after {
			content: '.';
			display: block;
			clear: both;
			visibility: hidden;
			height: 0;
			font-size: 0pt;
		}
		
		.home #content {
			margin-top: 0 !important;
		}

			#content p {
				font-family: Helen_ProL_ight;
				padding: 0 0 10px 0;
				line-height: 1.2em;
			}
	
			#content .rich_text ul,
			#content .rich_text ol {
				padding: 0 0 10px 20px;
				overflow: hidden;
				line-height: 1.2em;
			}

			#content ul {
				list-style-image: url(../images/dash_b.gif);
			}
			
			#content ul.sitemap,
			#content ul.sitemap_sub_cat {
				list-style-image: none;
			}

/* --------------- Pages styles----------------- */

.back-to-top {
	display: none;
	position: fixed;
	right: 40px;
	bottom: 40px;
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.75);
	box-shadow: 0px 4px 10px rgba(0,0,0,.4);
	cursor: pointer;
	z-index: 9999;
	opacity: 0;
	-webkit-transition: opacity 250ms ease 0s;
	transition: opacity 250ms ease 0s;
}
.back-to-top:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 11px;
	height: 6px;
	font-size: 0pt;
	text-indent: -9999px;
	background: url(../images/arrow_white_down.gif) no-repeat;
	color: #fff;
	-webkit-transform: translate(-50%, -50%) rotate(-180deg);
	transform: translate(-50%, -50%) rotate(-180deg);
}
.back-to-top.visible {
	display: block;
	opacity: 1;
}

/* --------- Home 3 ---------- */
#content.home {
	display: table;
	table-layout: fixed;
	position: relative;
	top: 0;
	padding:0;

	width: 100%;
	height: 100%;
	overflow: hidden;
}

.home #wrapper {
	height: 100%;
	padding-top: 0;
}

.home #header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.home #content {
	overflow: hidden;
	padding: 0;
	width: auto;
	height: 100%;
	background-color: #fff;
}

	#products_categories {
		display: table;
		table-layout: fixed;
		width: 100%;
		height: 100%;
		margin-left: -2%;
	}

	.home #products_categories {
		margin: 0;
	}

		.product_category {
			display: table-cell;
			height: 100%;
			background-position: 49.9% 49.9%;
			background-repeat: no-repeat;
			background-size: cover;
		}

			.product_category > img {
				display: none;
				position: absolute;
				height: 100%
			}

			.product_category .intro {
				position: absolute;
				bottom: 50px;

				padding: 1% 1.2%;
				width: 28%;
				height: 240px;
				background: url(../images/blackBgrOpcity.png);
				color: #fff;
				font-family: Helen_ProL_ight;
				font-size: 20px;
				line-height: 1.1em;
			}

			.product_category .intro a.see_more {
				position: absolute;
				left: 4%;
				bottom: 1%;
			}

			#content .product_category .intro p {
				line-height: 23px;
				padding: 0;
			}

				.product_category .intro h1,
				.product_category .intro h1 a {
					color: #fff;
					font-size: 45px;
					font-weight: normal;
					text-transform: none;
					line-height: 40px;
					margin-top: 0;
				}

					.product_category .intro h1 a:hover {
						text-decoration: none;
					}

					.product_category .intro .tool_tip {
						bottom: auto;
						left: auto;
						right: -20px;
						top: -40px;
					}
					
				.product_category .intro img {
					max-height: 100px;
				}


/* ------------ Header Styles ------------ */

.svg-wrapper {
	position: relative;
	text-align: center;
	width: 230px;
	height: 51px;
}

.svg-container {
	margin: 10px 15px 0px 15px;
	float: left;
	overflow: hidden;
	position: relative;
	width: 230px;
	height: 53px;
}

.svg-container .svg-content {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.svg-wrapper > a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 245px;
	height: 100%;
}


#header {
	display: table;
	background-color: #05377b;
	width: 100%;
	position: relative; /* gets fixed on scroll */
	top: 0;
	color: #fff;
}

	#header .logo {
		display: table-cell;
		width: 265px;
	}

	#header .logo_print {
		display: none;
	}

		#header .logo img {
			display: inline-block;
			float: left;
			margin: 0 10px;
			padding: 5px 0;
			position: relative;
			vertical-align: middle;
		}

	#header > div {
		display: table-cell;
		vertical-align: middle;
	}

	#header ul,
	#footer ul {
		list-style-type: none;
	}

		#header .navigation {
			display: table;
			float: left;
			height: 74px;
			list-style: outside none none;
			text-transform: uppercase;
		}
		
			#header .navigation > li {
				display: table-cell;
				position: relative;
				font-size: 17px;
				xwhite-space: nowrap;
				line-height: 100%;
				vertical-align: middle;
			}

			#header .helper_menu.navigation > li {
				position: relative;
			}
			
			/* #header .helper_menu.navigation > li:before {
				content: 'v';
				position: absolute;
				top: 50%;
				margin-top: -15px;
				left: 0;
				width: 1px;
				height: 30px;
				background-color: #fff;
				font-size: 0pt;
				text-indent: -9999px;
			} */

			#header .navigation > li:hover:before,
			#header .navigation > li:hover + li:before {
				background-color: transparent;
			}
			
			#header .navigation > li.header_contact_info {
				/* position: absolute; top: -50px; */
			}
			
			#header .navigation > li.fake_search {
				display:block !important;
			}
			
			#header .navigation > li.big-search {
				display: none !important;
			}
			
			#header .navigation > li.big-search:hover:before,
			#header .helper_menu.navigation > li.fake_search:hover:before {
				background-color: #fff;
			}
			
				#header .navigation > li.big-search fieldset {
					border: 0;
					padding: 28px 0;
					padding-left: 10px;
				}

				#header .navigation > li.big-search.search-opened {
					background-color: #373737;
				}

				#header .navigation > li.big-search fieldset:hover {
					background-color: #373737;
				}
				
					#header .navigation > li.big-search label {
						display: none;
					}
					
					#header .navigation > li.big-search input {
						float: left;
						margin-bottom: 0;
						width: 100px;
						height: 20px;
						border: 0;
						font-size: 12px;
					}
					
					#header .navigation > li.big-search button {
						background: transparent url(../images/search.svg) no-repeat center center;
						border: 0;
						text-indent: -9999px;
						overflow: hidden;
						width: 25px;
						height: 20px;
					}

				#header .navigation li a,
				#footer span,
				#footer a {
					color: #fff;
					text-decoration: none;
				}
				#header .navigation > li > a::before {
					background-color: #FFFFFF;
					content: "";
					height: 30px;
					left: 0;
					position: absolute;
					top: 23px;
					width: 1px;
				}
                                
                                .mobile #header .helper_menu > li > a::before {
					background-color: #FFFFFF;
					content: "";
					height: 28px;
					left: 0;
					position: absolute;
					top: 20px;
					width: 1px;
				}
                                
				#footer span,
				#footer a {
					display: inline-block;
				}

				#header .navigation li a {
					display: block;
				}

				#header .navigation > li > a {
					padding: 0 15px;

					text-align: center;

					-webkit-transition: background-color .5s;
					-moz-transition: background-color .5s;
					-o-transition: background-color .5s;
					transition: background-color .5s;
				}
				
				#header .navigation > li.opened,
				#header .navigation > li:active,
				#header .navigation > li:hover {
					background-color: #373737;
				}
				
				#header .navigation > li.opened > a
				#header .navigation > li:active > a,
				#header .navigation > li:hover > a {
					background-color: #373737;
				}

				#header .helper_menu.navigation > li {

					-webkit-transition: background-color .5s;
					-moz-transition: background-color .5s;
					-o-transition: background-color .5s;
					transition: background-color .5s;
				}

					#header .helper_menu.navigation > li > a {
						display: block;
					}

				#header .navigation > li.products > div {
					padding: 20px 0px;
				}

				#header .navigation > li > div {
					display: none;
					overflow: hidden;
					position: absolute;
					background-color: #373737;
					line-height: 1.4em;
					font-size: 14px;
					font-family: Helen_Pro;
					min-width: 250px;
					z-index: 1;
					top: 74px;
				}

				#header .helper_menu.navigation > li > .scroll_cont {
					display: none;
					max-height: 200px;
					right: 0;
					border-top: 10px solid transparent;
					border-bottom: 10px solid transparent;
				}

				#header .helper_menu.navigation > li > div {
					width: 100%;
					min-width: 200px;
				}

				#header .helper_menu.navigation > li > .scroll_cont > div > ul {
					xmargin-top: -5px;
				}

				#header .navigation > li > div > ul a:hover,
				#header .navigation > li.products > div > ul a:hover,
				#footer a:hover {
					text-decoration: underline;
				}
					
					#header .navigation > li > .scroll_cont > div > ul,
					#header .navigation > li > .scroll_cont > div > ul > li > ul,
					.select ul {
						font-size: 12px;
					}

					.select ul {
						list-style-image: url(../images/dash_b.gif);
					}

					#header .navigation > li.products > div > ul {
						list-style: none;
						min-width: 400px;
					}

						#header .navigation > li.products > div > ul > li {
							float: left;
							width: 200px;
							font-size: 17px;
							overflow: hidden;
							border-right:1px solid #515151;
							box-sizing: border-box;
						}

						#header .navigation > li.products > div > ul > li:last-child {
							border-right:0;
						}

						#header .navigation li li {
							text-transform: none;
						}

						#header .navigation > li.products > div > ul > li > ul > li {
							font-size: 14px;
						}


						#header .navigation > li.products > div > ul > li > a { 
							background: none;
							padding-left: 35px;
							padding-right: 35px;
							text-transform: uppercase;
						}

						#header .navigation > li.products > div > ul > li.krono-original > a {
							padding-left: 35px;
							padding-right: 32px;
						}
					
						#header .navigation > li > div > ul > li > a,
						#header .navigation > li > .scroll_cont > div > ul > li > a,
						#header .navigation > li.products > div > ul > li > ul > li > a {
							padding: 8px 40px 8px 40px;
							background-image: url(../images/dash.gif);
							background-position: 28px 10px;
							display: block;
							background-repeat: no-repeat;
						}

						#header .navigation > li > div > ul > li:hover,
						#header .navigation > li > .scroll_cont > div > ul > li:hover,
						#header .navigation > li.products > div > ul > li > ul > li:hover,
						#header .navigation > li > div > ul > li > a:hover,
						#header .navigation > li > .scroll_cont > div > ul > li > a:hover,
						#header .navigation > li.products > div > ul > li > ul > li > a:hover {
							background-color: #000000;
							text-decoration: none;
						}
						
						#header .navigation > li.products > div > ul > li:hover {
							background: none;
						}
						
						#header .navigation > li > .scroll_cont > div > ul > li:hover {
							background-color: #4b4a48;
						}

						#header .navigation > li.products > div > ul > li {
							padding: 0;
						}

							#header .navigation > li.products > div > ul > li > ul {
								padding-left: 0px;
								overflow: hidden;
							}
							
							#header .navigation > li > div > ul > li.product_selector {
								position: absolute;
								right: 0;
								bottom: 0;
								padding: 0 10px 8px 0;

								width: auto;
								
								text-align: right;
								font-size: 11px;
							}

								#header .navigation > li > div > ul > li.product_selector a {
									position: relative;
									display: inline-block;
									padding: 5px 38px 5px 8px;

									border: 1px solid #fff;
									background-image: url(../images/arrow_white.gif);
									background-repeat: no-repeat;
									background-position: right;
								}

									#header .navigation > li > div > ul > li.product_selector a:after {
										position: absolute;
										top: -1px;
										bottom: -1px;
										right: 26px;

										width: 1px;
										background-color: #000;
										border-left: 1px solid #fff;
										border-right: 1px solid #fff;
										
										text-indent: -999px;
										content: ".";
										font-size: 0pt;
									}

								#header .navigation > li > div > ul > li.product_selector a:hover {
									background-color: #fff;
									background-image: url(../images/arrow_right.gif);
									background-position: right;
									background-repeat: no-repeat;

									border: 1px solid #d6d6d6;
									text-decoration: none;
									color: #000;
								}

								#header .navigation > li > div > ul > li.product_selector a:hover:after {
										border-left: 1px solid #d6d6d6;
										border-right: 1px solid #d6d6d6;
								}

										#header .navigation > li > div > ul > li > ul > li > ul {
											list-style-image: none;
											padding-left: 30px;
										}

											#header .navigation > li > div > ul > li > ul > li > ul > li > ul {
												list-style-image: none;
												padding-left: 10px;
											}
			/* Helper menu */

			#header .helper_menu {
				float: right;
				vertical-align: middle;
				text-transform: uppercase;
				border-right: 0;
				line-height: 100%;
				position: relative;
			}
				#header .helper_menu li.fake_search {
					position: relative;
					display: none;
					padding: 28px 0;
					text-indent: -9999px;
					width: 50px;
					cursor: pointer;
					background-image: url(../images/search.svg);
					background-position: center;
					background-repeat: no-repeat;
					font-size: 16px !important;
				}
				
                                #header .helper_menu li.fake_search:before { 
					background-color: #FFFFFF;
					content: "";
					height: 30px;
					left: 0;
					position: absolute;
					top: 23px;
					width: 1px;
				}
                                
				.mobile #header .helper_menu li.fake_search:before { 
					background-color: #FFFFFF;
					content: "";
					height: 28px;
					left: 0;
					position: absolute;
					top: 23px;
					width: 1px;
				}

					#header > .search {
						display: none;
						position: absolute;
						right: 0;
						top: 0;
						height: 74px;
						line-height: 74px;
					}

					#header .helper_menu li.fake_search.opened,
					#header .search.active {
						background-color: #000;
					}

					#header .search.active label {
						display: none;
					}

						#header > .search fieldset {
							border: 0;
						}

						#header .helper_menu fieldset {
							margin: 0 auto;
							padding: 15px;

							border: 0;
						}

						#header > .search fieldset label {
							display: none;
							font-size: 0pt;
							text-indent: -9999px;
							display: none !important;
						}

						#header > .search fieldset button {
							clear: none;
							position: relative;
							z-index: 2;

							width: 50px;
							height: 72px;
							margin: 0 auto; 
							padding: 0;

							border: 0;
							background: transparent;
						
							vertical-align: bottom;
							text-indent: -9999px;
							cursor: pointer;
                                                        top: -2px;
						} 

						#header > .search label {
							background: none;
						}

						#header > .search.active fieldset button {
							background: url(../images/search.svg) no-repeat center;
						}
                                                
						#header > .search input {
							height: 100%;
							margin: 0 10px;
							padding: 0;
							line-height: 20px;
							border: 0 none;

							background-color: transparent;
							color: #fff;
							font-size: 17px;
							font-family: Helen_Pro;
							text-transform: uppercase;
							box-shadow: none;
							-moz-box-shadow: none;
							-webkit-box-shadow: none;
							-webkit-appearance: none;
							outline: none;
						}

					#header > .search_results {
						display: none;
						position: absolute !important;
						top: 58px;
						right: 0;
						min-width: 406px;
						z-index: 6;
						padding: 10px;
						background-color: #373737;
						white-space: normal;
						text-align: left;
					}

					#header > .search_results {
						max-height: 300px;
						padding: 0 0 50px;
						overflow: hidden;
					}

					#header > .search_results > div {
						background-color: #373737;
						width: 100%;
						margin-bottom: 10px;
						overflow-x: hidden;
					}

					#header > .search_results > div.nicescroll-rails {
						background-color: #373737;
					}

					.show_all_search_results {
						display: none;
						position: absolute;
						bottom: 0;
						left: 0;
						right: 0;
						z-index: 7;
						height: 50px;
						padding: 0 30px;
						border-top: 1px solid #413D3B;
						background-color: #373737;
						color: #fff;
						line-height: 50px;
						text-align: right;
						font-family: Helen_Pro;
						font-size: 14px;
						text-transform: uppercase;
					}

						.search_results li {
							font-size: 11px;
							padding: 5px;
						}

						.search_results:hover li.active {
							background-color: transparent;
						}

						.search_results li.active,
						.search_results:hover li.active:hover,
						.search_results li:hover {
							background-color: #000;
						}

						.search_results li + li {
							border-top: 1px solid #413D3B;
						}

							#header .search_results li a {
								display: table;
								color: #fff;
								text-transform: uppercase;
							}

							.search_results li a > * {
								display: table-cell;
								vertical-align: middle;
							}

							.search_results li a > .no_img,
							.search_results li a > img {
								margin-right: 10px;
								width: 60px;
								font-size: 0pt;
								text-indent: -999px;
							}
							.search_results li a > .no_img {
								width: 70px;
							}
							.header_contact_info {
								-webkit-transition: background-color .5s;
					            -moz-transition: background-color .5s;
					            -o-transition: background-color .5s;
					            transition: background-color .5s;
								text-align: center;
							}
							.header_contact_info > span {
								position: relative;
								top: -9px;
							}
							.header_contact_info > a {
								/* overflow: hidden; */
								white-space: nowrap;
							}
	
	/* --------- Basic form elements ---------- */

		input,
		textarea {
			margin-bottom: 18px;

			border: 1px solid #c3c3c3;
			-moz-box-shadow: inset 0 0 3px #bbb;
			-webkit-box-shadow: inset 0 0 3px #bbb;
			box-shadow: inset 0 0 3px #bbb;
			resize: none;

			font-size: 11px;
		}
			
		input {
			xheight: 28px;
			padding: 0 10px;
		}

		textarea {
			padding: 5px 10px;
			font-size: 14px;
			font-family: Helen_Pro;
		}

		/* Checkboxes and radiobuttons */

			input[type="checkbox"] + label + br,
			input[type="radio"] + label + br {
				display: none;
			}

			input[type="checkbox"],
			input[type="radio"] {
				position: absolute;
				left: -9999px;
			}

			input[type="checkbox"] + label,
			input[type="radio"] + label {
				display: block;
				padding: 2px 20px;
				margin: 2px 0;
                                
				background-image: url(../images/empty.gif);
				background-position: left; /* 0 4px */
				background-repeat: no-repeat;
				cursor: pointer;
			}

			input[type="checkbox"] + label.checked,
			input[type="radio"] + label.checked {
				background-image: url(../images/checked.gif);
			}

			input[type="radio"] + label.checked {
				background-image: url(../images/radio.gif);
			}

			/* Select Dropdowns */
			
			select {
				font-size: 11px;
				text-transform: uppercase;
			}

			.select {
				display: inline-block;
				position: relative;

				margin-bottom: 18px;
				line-height: 19px;				
			}

				.select strong {
					font-weight: normal;
					display: block;
					padding: 5px 10px;
					box-sizing: border-box;
					-moz-box-sizing: border-box;

					cursor: pointer;
					border-bottom: 1px solid #000;
					background-image: url(../images/arrow_down.gif);
					background-position: 98% center;
					background-repeat: no-repeat;

					-webkit-transition: background-color .5s;
					-moz-transition: background-color .5s;
					-o-transition: background-color .5s;
					transition: background-color .5s;
				}

				#content .select ul,
				.select ul {
					display: none;
					position: absolute;
					z-index: 3;

					padding: 0;
					left: 0;
					right: 0;
					max-height: 210px;

					background-color: #fff;
					border: 1px solid #eee;
					border-top: 0;
					border-bottom-color: #ddd;

					box-shadow: 0 3px 5px #eee;
				}

				.select ul li {
					padding: 5px 10px;
					cursor: pointer;
					text-transform: uppercase;
				}

					.select ul li:hover {
						background-color: #000;
						color: #fff;
						list-style-image: url(../images/dash.gif);
					}

	/* --------- global buttons ---------- */
	
	span.zoom {
		position: absolute;
		bottom: 5px;
		right: 1px;

		width: 28px;
		height: 28px;

		border: 1px solid #d6d6d6;
		background-color: #fff;
		background-image: url(../images/plus_black.gif);
		background-repeat: no-repeat;
		background-position: right;
		
		font-size: 0pt;
		text-indent: -9999px;
	}

	span.zoom:hover {
		background-color: #000;
		border-color: #888;
		background-image: url(../images/plus_white.gif);
	}
        
        span.download_decor_img {
		position: absolute;
		bottom: 1px;
		right: 32px;

		width: 28px;
		height: 28px;

		border: 1px solid #d6d6d6;
		background-color: #fff;
		background-image: url(../images/download-decor-white.png);
		background-repeat: no-repeat;
		background-position: right;
		
		font-size: 0pt;
		text-indent: -9999px;
	}

	span.download_decor_img:hover {
		background-color: #000;
		border-color: #888;
		background-image: url(../images/download-decor-black.png);
	}
	
	/* --------- filter_menu_bar ---------- */

	.filter_menu_bar {
		display: table;
		left: 0;
		right: 0;
		width: 100%;
		position: fixed;
		top: 73px; /* height of header */
		z-index: 3;

		background-color: #000;
				
		vertical-align: middle;
		text-transform: uppercase;
		font-size: 0pt;
		color: #fefefe;
	}
/* 
		.filter_menu_bar .filter > form {
			display: inline-block;
		}
 */
		.filter_menu_bar h3 {
			display: inline-block;
			margin: 0 15px 0 0;
			color: #fefefe;
			font-size: 14px;
			font-weight: normal;
			text-align: left;
			vertical-align: middle;
		}

		.filter_menu_bar .filter {
			padding-left: 15px;
			padding-right: 200px;
			font-size: 11px;
			float: left;
		}
			
			.filter_menu_bar .filter fieldset {
				float: left;
				margin: 5px 0;
				border: 0; 
				vertical-align: top;
			}

				.filter_menu_bar .filter fieldset > div {
					display: none;
					position: absolute;
					overflow: hidden;
					top: 28px;
					right: 0;
					left: 0;
					z-index: 999;
					line-height: 13px;
					background-color: #fff;
					color: #000;
					border: 1px solid #d6d6d6;
				}

				.filter_menu_bar .filter legend {
					padding: 0 27px 0 12px;
					border-left: 2px solid #fff;
					width: 126px;
					line-height: 17px;
					background-image: url("../images/arrow_grey_down.gif");
					background-repeat: no-repeat;
					background-position: 95% center;
					cursor: pointer;
				}

					.filter_menu_bar .filter input[type="checkbox"] + label,
					.filter_menu_bar .filter input[type="radio"] + label {
						float: left;
						margin: 0;
						padding: 4px 20px 4px 30px;
						width: 20%;
						background-position: 10px 4px;
						box-sizing: border-box;
					}
					
					.filter fieldset > div label:nth-of-type(5n+1) {
						clear: left;
					}

					.filter_menu_bar .filter input[type="checkbox"] + label:hover,
					.filter_menu_bar .filter input[type="radio"] + label:hover {
						background-color: #f3f3f3;
						color: #000;
					}

					.filter_menu_bar .filter .select {
						line-height: 15px;
						border-left: 2px solid #fff;
						background-color: #000;
					}

					.filter_menu_bar .filter .select strong {
						display: inline-block;
						list-style: none none;
						padding: 0 10px;

						line-height: 1.3em;
						color: #fff;
						background-color: #000;
						background-image: url(../images/arrow_white_down.gif);
						background-position: 95% center;
						background-repeat: no-repeat;
					}

					.filter_menu_bar .filter .select strong {
						background-color: #000;
						padding: 0 5px;
						border: 0;
					}

					.filter_menu_bar .filter .select ul {
						background-color: #000;
						color: #fff;
						padding-top: 6px;
					}

						.filter_menu_bar .filter .select ul li:hover {
							background-color: #4b4a48;
						}

					.filter_menu_bar .filter .clear {
						clear: left;
						display: block;
						padding: 5px 20px 10px 12px;

						color: #373737;
						text-decoration: none;
						text-transform: uppercase;
					}

						.filter_menu_bar .filter .clear:before {
							padding-right: 12px;
							content: "X";
						}

			br.clear {
				clear: both;
			}
		/* --------- Views ---------- */

		.views {
			xfloat: right;
			position: absolute;
			right: 15px;
			bottom: 0;
			text-align: right;
			width: 190px;
			margin-right: 15px;
			vertical-align: top;
		}

			.views ul {
				display: inline-block;
				list-style: none;
				font-size: 0pt;
				line-height: normal;
				vertical-align: middle;
			}
				.views li {
					display: inline-block;
					margin: 0 0 0 5px;
					
					width: 28px;
					height: 28px;
					
					background-color: #000;
					background-image: url(../images/views.gif);
					background-position: 0 -42px;
					background-repeat: no-repeat;
					cursor: pointer;
				}

				.views li:hover, .views li.current {
					background-color: #000;
					background-position: 0 8px;
				}

				.views li.grid {
					background-position: -30px -42px;
				}

				.views li.grid:hover,
				.views li.grid.current {
					background-position: -30px 8px;
				}

				/*.views li.grid:hover,
				.views li.grid.current {
					background-position: -30px -17px;
				}*/

				.views li.crsl {
					background-position: -56px 8px;
					width: 39px;
				}

				/*.views li.crsl:hover,
				.views li.crsl.current {
					background-position: -56px -17px;
				}*/

		/* --------- Breadcrumbs ---------- */

		.home .breadcrumb_wrap {
			position: absolute;
			top: 0;
			left: 0;

			margin-top: 0;
			padding: 10px 1% 5px;
			width: 98%;

			background-color: #fff;
		}

		.home .breadcrumbs {
			position: fixed;
			top: 73px;
			margin: 0;
			padding: 9px 0 8px 1%;
			width: 100%;
			background-color: #fff;
			z-index: 2;
		}
		
		.breadcrumbs {
			float: left;
			margin: 15px 0 8px 0;
			clear: none;
			line-height: 1;
		}

		.breadcrumb_wrap {
			float: right;
			margin: 9px 0 8px 0;
		}

		.breadcrumb_wrap .selectors {
			display: inline-block;
			clear: none;
			margin: 0;
		}

		.breadcrumb_wrap .selectors {
			float: right;
			padding: 0 !important;
		}

		.breadcrumbs a,
		.breadcrumbs a + a:before {
			margin-right: 5px;

			color: #05377b;
			font-size: 12px;
			vertical-align: top;
			font-style: italic;
			text-transform: lowercase;
			text-decoration: none;
			content: "/";
		}

		.breadcrumbs a + a:before {
			margin-left: -4px;
		}

			.breadcrumbs a.current {
				line-height: 13px;
				text-transform: uppercase;
				font-style: normal;
				font-size: 17px;
				color: #000;
			}

			.breadcrumb_wrap a.express {
				float: right;
				display: inline-block;

				margin: 0 0 0 0;
				width: 142px;
				height: 29px;
				
				background-image: url(../images/btn-express-program.png);
				background-repeat: no-repeat;
				background-position: center;
				text-indent: -999px;
				font-size: 0pt;
			}
			
                        .c-cl-title h1 {
                            display: initial;
                        }
                        
                        .p-page-title {
                            top: -5px;
                            position: relative;
                            display: inline-block;
                        }
                        .d-express-program {
                            margin: 0;
                            position: absolute;
                            top: 1px;
                            right: 1px;
                            background-image: url(../images/btn-express-program.png);
                            width: 142px;
                            height: 29px;
                            text-indent: -999px;
                            cursor: pointer;
                            background-repeat: no-repeat;
                            background-position: center;
                            font-size: 0pt;
                        }
                        
                        .p-express-program a.express {
                            margin: 0;
                            float: right;
                            background-image: url(../images/btn-express-program.png);
                            width: 142px;
                            height: 29px;
                            text-indent: -999px;
                            cursor: pointer;
                            background-repeat: no-repeat;
                            background-position: center;
                            font-size: 0pt;
                        }
                        
                        .p-title {
                            float: left;
                            margin-bottom: 5px;
                        }
                        
                        .clear-ex-p-btn {
                            margin: 0px;
                            padding-top: 1px;
                        }
                        
                        .d-express-program:hover, 
                        .breadcrumb_wrap a:hover.express,
                        .p-express-program a:hover.express {
                            background-image: url(../images/btn-h-express-program.png);
                        }
                        
			a.forgotten_password {
				color: #05377b;
				font-size: 14px;
				text-decoration: underline;
			}

			.go_back,
			a.matched_btn,
			a.simple_btn {
				padding: 6px 10px 6px 25px;
				display: inline-block;

				border: 1px solid #d6d6d6;
				background-color: #fff;
				background-image: url(../images/arrow_back.gif);
				background-repeat: no-repeat;
				background-position: 7px 9px; 

				color: #000;
				font-size: 11px;
				line-height: 16px;
				text-decoration: none;
				text-transform: uppercase;
				font-family: Helen_ProL_ight;
				font-style: normal;
			}

			.go_back,
			.breadcrumb_wrap a.simple_btn {
				float: right;
			}

			.go_back {
				margin: 0 10px;
			}

			a.matched_btn,
			a.simple_btn {
				padding: 6px 11px;
				background-image: none;
				text-align: center;
			}

				a.simple_btn.active,
				.go_back:hover,
				a.matched_btn:hover,
				a.simple_btn:hover {
					border-color: #000;
					background-color: #000;
					background-position: 7px -9px;
					color: #fff;
					text-decoration: none;
				}
				
			a.simple_btn.inactive {
				color: #999;
				cursor: default;
			}

			a.simple_btn.inactive:hover {
				color: #999;
				border: 1px solid #d6d6d6;
				background-color: #fff;
			}
				.greeting {
					float: right;
					font-weight: normal;
					line-height: 26px;
					margin: 0 10px;
				}

	/* --------- Nicescroll Styles ---------- */
	
	 #ascrail2003.nicescroll-rails {
		xpadding: 70px 0;
		xheight: 90% !important;
	}
		
		 .nicescroll-rails > div {
			cursor: pointer;
		} 
	
	/* --------- Selector Links and Order & Download Buttons from list views ---------- */

	.selectors {
		clear: both;
		margin: 20px 0;
	}

		.selectors.small {
			margin: 5px 0;
		}

			.selectors a {
				xfloat: left;
				min-width: 150px;
			}

			.selectors.small a {
				min-width: 0;
				width: auto;
			}

			.selectors a.delete {
				background-image: url(../images/x_black.gif);
			}

				.selectors a.delete:hover {
					background-image: url(../images/x_white.gif);
				}

		/* style button without colors */
		#content button,
		.button,
		.table_popup button,
		.selectors a,
		div.load_more a,
		.main_image span.add_to_wish,
		.see_more,
		.see_more:hover,
		#content .product_btn,
		#content .crsl .product_btn:hover,
		#content .grid .product_btn:hover,
		.cc_container .cc_btn {
			position: relative;
			display: inline-block;

			margin: 0 10px 10px 0;
			padding: 7px 42px 7px 8px;

			font-size: 11px;
			font-family: Helen_Pro;
			line-height: 14px;
			text-decoration: none;
			text-transform: uppercase;
			text-align: left;
			cursor: pointer;
			border-width: 1px;
			border-style: solid;
		}

		.list .see_more {
			margin: 0;
		}

	/* white button */
		#content .tool_tip h3 > a,
		#content button,
		.button,
		.table_popup button,
		.selectors a,
		div.load_more a,
		.main_image span.add_to_wish,
		.see_more,
		.intro .see_more:hover,
		.home_slider .see_more:hover,
		#content .product_btn,
		#content .product_btn:after,
		#content .crsl .product_btn:hover,
		#content .grid .product_btn:hover,
		.cc_container .cc_btn:hover {
			border-color: #d6d6d6;
			background-color: #fff;
			background-image: url(../images/arrow_right.gif);
			background-position: right;
			background-repeat: no-repeat;
			color: #000000;
		}

		/* black button */
			#content button:hover,
			.button:hover,
			.table_popup button:hover,
			.selectors a:hover,
			div.load_more a:hover,
			.main_image span.add_to_wish:hover,
			.intro .see_more,
			.home_slider .see_more,
			#content .product_btn:hover,
			#content .crsl .product_btn,
			#content .grid .product_btn,
			.see_more:hover,
			.cc_container .cc_btn {
				border-color: #000;
				background-color: #000;
				background-image: url(../images/arrow_right_black.gif);
				background-position: right;
				background-repeat: no-repeat;
				
				color: #fff;
			}

			.intro .see_more,
			.home_slider .see_more,
			.cc_container .cc_btn {
				background-color: transparent;
			}

			.intro .see_more,
			.home_slider .see_more {
				position: absolute;
				bottom: 20px;
			}

		/* :after button styles without color */
			.see_more:after,
			.selectors a:after,
			div.load_more a:after,
			.main_image span.add_to_wish:after,
			#content button:after,
			.button:after,
			.table_popup button:after,
			#content .product_btn:after,
			.cc_container .cc_btn:after {
				position: absolute;
				top: -1px;
				bottom: -1px;
				right: 28px;
				width: 1px;
				border-left-width: 1px;
				border-right-width: 1px;
				border-left-style: solid;
				border-right-style: solid;

				content: ".";
				text-indent: -999px;
				font-size: 0pt;
			}

			.see_more:after,
			.selectors a:after,
			div.load_more a:after,
			.main_image span.add_to_wish:after,
			.table_popup button:after,
			.button:after,
			#content button:after {
				background-color: #fff;
				border-color: #d6d6d6;
			}

		.intro .see_more,
		.home_slider .see_more,
		.home_slider .see_more:hover:after,
		#content .crsl .product_btn,
		#content .grid .product_btn,
		.intro .see_more:hover:after,
		.cc_container .cc_btn,
		.cc_container .cc_btn:hover:after
		{border-color: #fff;}

		.see_more:hover:after,
		.intro .see_more:hover,
		.home_slider .see_more:hover,
		#content .product_btn:hover:after,
		#content .crsl .product_btn:hover:after,
		#content .grid .product_btn:hover:after,
		.cc_container .cc_btn:hover {
			background-color: #fff;
			color: #000;
		}

		.intro .see_more:after,
		.home_slider .see_more:after,
		.home_slider .see_more:hover:after,
		#content .crsl .product_btn,
		#content .grid .product_btn,
		#content .crsl .product_btn:after,
		#content .grid .product_btn:after,
		#content .crsl .product_btn:hover:after,
		#content .grid .product_btn:hover:after,
		.see_more:hover,
		.cc_container .cc_btn:after,
		.cc_container .cc_btn:hover:after {
			background-color: #000;
			color: #fff;
		}

		#content .crsl .product_btn:hover:after,
		#content .grid .product_btn:hover:after,
		#content .product_btn:hover:after,
		.main_image span.add_to_wish:hover:after,
		.table_popup button:hover:after,
		.selectors a:hover:after,
		div.load_more a:hover:after,
		#content button:hover:after,
		.button:hover:after,
		.see_more:hover:after,
		.see_more:hover {
			border-color: #000;
		}

		#content .product_btn.download:hover,
		#content .crsl .product_btn.download,
		#content .grid .product_btn.download {
			background-image: url(../images/download.gif);
		}

		#content .product_btn.download,
		#content .crsl .product_btn.download:hover,
		#content .grid .product_btn.download:hover {
			background-image: url(../images/download_black.gif);
		}

	/* --------- list View Layout ---------- */

	#content .list {
		clear: both;
		margin: 10px 0 0 0;
		padding: 0;

		list-style: none;
		font-size: 0pt;
	}
	
	div.load_more {
		text-align: center;
		clear: both;
		margin: 20px 0;
	}

	div.load_more a {
		display: inline-block;
		width: 20%;
		text-align: center;
	}

	div.load_more a + img {
		display: inline-block;
		visibility: hidden;
	}

	#content .list.fixed.grid {
		margin-right: -1%;
	}

	.product_view + h2 {
		clear: both;
	}

	/* default - 2 items */
	.list.grid li {
		position: relative;
		float: left;
		width: 49%;
		margin-top: 0 !important; 
	}

	.list li {
		float: left;
		margin: 0 1% 1% 0;

		width: 32%;
		overflow: hidden;
		
		font-size: 14px;
	}
	
	.list.pictograms li {
		float: none;
		width: auto;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;
	}

		.list.pictograms li img {
			width: 10%;
		}
		
		.list.pictograms li a {
			color: inherit;
			text-decoration: none;
		}

	.list li.odd {
		clear: left;
	}

	.list.grid li.odd,
	.list.crsl li.odd {
		clear: none;
	}

	.list.grid li img,
	.list.crsl li img {
		border: 0 none;
	}

	.list li.section_heading,
	.list.grid li.section_heading,
	.list.grid.fixed li.section_heading {
		width: 99.25% !important;
	}

	.list.grid li.section_heading + li {
		clear: left;
	}

		.list li .description {
			font-family: Helen_ProL_ight;
		}

		#content .description > p {
			padding-top: 0;
		}

		.list li img {
			display: block;
			width: 100%;
			height: auto;
		}
		
		.list li > figure {
			float: left;
			overflow: hidden;
			margin: 0 10px 0 0;
			max-width: 300px;
			width: 49%;
		}
		
		.sample_types li .bordered,
		.list li > figure.bordered,
                .selectable_product label.bordered,
                #selected_objects_list li label.bordered {
			display: block;
			border: 1px solid #f2f2f2;
		}
                
                .selectable_product label.big_decor_border {
                    margin-top: 33px;
                }
			
		.list li .bordered + h3 {
			position: relative;
		}
                
                .list li .bordered + h4 {
			position: relative;
		}
		
		.list li .bordered + h3:before {
			content: 'bordered';
			position: absolute;
			top: -3px;
			left: 0;
			width: 100%;
			height: 1px;
			background-color: #f2f2f2;
			font-size: 0pt;
			text-indent: -9999px;
		}
                
		.list li .bordered + h4:before {
			content: 'bordered';
			position: absolute;
			top: -3px;
			left: 0;
			width: 100%;
			height: 1px;
			background-color: #f2f2f2;
			font-size: 0pt;
			text-indent: -9999px;
		}
		
		.list li > figure.bordered {
			box-sizing: border-box;
		}
		
		.list.grid li > figure,
		.list.crsl li > figure {
			max-width: none;
		}
			.tool_tip h3 a,
			.list li h3 a {
				color: #000;
				font-size: 17px;
				text-decoration: none;
				text-transform: uppercase;
				font-family: Helen_Pro;
			}
			
			.dealers.list li h3 a,
			.tool_tip h3 a,
			.wish_list .selectable_product h3 a,
			.wish_list .selectable_product h3 span,
			.wish_list .sample_types ul h3 a,
			.list.grid li h3 a,
			.list.grid li h4 a,
			.list.crsl li h3 a {
				font-size: 11px;
				color: #000;
			}
			
			.list li h3 {
				margin-top: 0;
			}
			
			.list li h4 {
				margin-top: 0;
			}
			.selectable_product img {
				width: 100%;
				height: auto;
			}

			
	/* --------- Simple List View ---------- */
	#content .list.simple_list {
		display: table;
		margin-left: 0;
		padding: 0;
		width: 100%;
	}

		.simple_list li {
			float: none;
			display: table-cell;
			padding: 0 3% 1% 0;
			border-right: 5px solid transparent;
		}

			.simple_list h1 {
				font-size: 45px;
			}

				.simple_list h1 a {
					color: #333333;
				}

				#content .list.simple_list .description p {
					padding: 0;
				}	
	
	/* --------- Sample list view ---------- */

	#content ul.sample_types {
		padding: 0;
		font-size: 0pt;
		list-style: none none;
	}

		.sample_types li {
			position: relative;
			display: inline-block;
			width: 15%;
			margin: 0 1% 1% 0;
		}
		
		.sample_types li img {
			width: 100%;
			height: auto;
		}
	
	
	/* --------- Grid View Layout & Dealers Layout ---------- */

	.list.dealers li {
		position: relative;
		float: left;
		
		padding-bottom: 30px;
		width: 49%;
		height: 250px;
	}
		
	/* Dealers styles */

			.list.dealers li > .description h2 {
				margin: 0 0 5px 0;
				font-size: 15px;
				font-family: Helen_Pro;
				font-weight: bold;
				color: #333;
				line-height: 15px;
				text-transform: uppercase;
			}

			.list.dealers li > .description img {
				margin: 0;
				width: 100%;
				height: 100%;
			}

			.list.dealers li > .description address {
				font-style: normal;	
			}

			.list.dealers li > .description a {
				color: #000;
			}

			.list.dealers li > .description .dealer_logo {
				height: 30%;
				position: absolute;
				bottom: 42px;
				right: 9px;
				left: 9px;
			}

		.list.dealers li:hover > .description h2,
		.list.dealers li:hover > .description a {
			color: #fff;
		}

		.list.dealers li:hover > .description,
		.list.dealers li:hover > h3 > a {
			background: #000;
			border-color: #000;
			color: #fff;
		}

		.list.dealers li:hover > h3 > a {
			background-image: url(../images/arrow_white.gif);
			background-repeat: no-repeat;
			background-position: right;
		}

			.list.dealers li .see_more {
				padding: 6px 35px 6px 5px;
				border-top-style: solid;
				border-top-width: 1px;
			}

				.list.dealers li .description {
					height: 94%;
					padding: 2.2% 5px 2.2% 10px;
					background-color: #fff;
					border: 1px solid #ccc;
					overflow: hidden;
				}

				.list.dealers li .description .scroll_bar {
					height: 62%;
				}

				.list.dealers li .description .scroll_bar .rich_text {
					overflow: hidden;
					width: 97%;
				}

				#content .dealers .description p {
					padding: 0;
				}

			.tool_tip h3,
			.wish_list .selectable_product h3,
			.wish_list .sample_types ul h3,
			.list.crsl li h3,
                        .list.crsl li h4,
                        .list.grid li h4,
			.list.dealers li > h3 {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;

				margin: 0;
				padding: 0;

				font-weight: normal;
				border-top: 2px double #fff;
				z-index: 2;
			}

				.list.dealers li h3 {
					border-color: 1px solid #ccc;
					border-top: 0;
				}
				
				.tool_tip h3 a,
				.wish_list .selectable_product h3 a,
				.wish_list .selectable_product h3 span,
				.wish_list .sample_types ul h3 a,
				.list.dealers li h3 a,
				.list.crsl li h3 a,
				.list.grid li h3 a,
                                .list.grid li h4 a {
					position: relative;
					display: block;

					padding: 7px 35px 7px 8px;

					border: 1px solid #d6d6d6;
					background-color: #fff;
					background-image: url(../images/arrow_right.gif);
					background-position: right;
					background-repeat: no-repeat;
				}

				.wish_list .selectable_product h3 > a > span {
					display: inline;
					border: 0px;
					padding: 0px;
					background: none;
				}

				.wish_list .selectable_product h3 > a:hover > span {
					color: #fff;
				}


				.list.grid li h3 a.download {
					background-image: url(../images/download_black.gif);
				}

				.list.grid li:hover h3 a.download {
					background-image: url(../images/download.gif);
				}

				.wish_list .selectable_product h3 span {
					background-image: none;
				}

				.tool_tip h3 > a:after,
				.wish_list .selectable_product h3 > a:after,
				.wish_list .sample_types ul h3 > a:after,
				.list.dealers li h3 a:after,
				.list.crsl li h3 a:after,
				.list.grid li h3 a:after,
                                .list.grid li h4 a:after {
					position: absolute;
					top: 0;
					bottom: 0;
					right: 28px;

					width: 1px;
					background-color: #fff;

					border-left: 1px solid #d6d6d6;
					border-right: 1px solid #d6d6d6;

					content: ".";
					text-indent: -9999px;
				}

				.list.crsl li .medium_description,
				.list.crsl li .description,
				.list.grid li .description {
					display: block;
					opacity: 0;
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					padding: 10px;
					overflow: hidden;
					height:'auto';
					
					background: #000;
					background-color: #000;
					background-color: rgba(1, 0, 0, 0.4);
					background: rgba(0, 0, 0, 0.4);

					color: #fff;
					font-size: 14px;

					-webkit-transition: opacity 0.35s, -webkit-transform 0.1s;
					transition: opacity 0.35s, transform 0.1s;
					-webkit-transform: scale(1.02);
					transform: scale(1.02);
					z-index: 1;
				}

				.list.grid li > figure {
					float: none;
					margin: 0 0 2px 0;
					width: 100% !important;
					height: auto;
					z-index: 0;
				}
				
				#selector li img:hover {
					-webkit-transform: scale(1.1);
					transform: scale(1.1);
				}

				.list li img {
					-webkit-transition: -webkit-transform 0.45s;
					transition: transform 0.45s;
					-webkit-transform: scale(1);
					transform: scale(1);
					position: relative;
					z-index: 1;
				}

				.list.grid li:hover img {
					-webkit-transform: scale(1.1);
					transform: scale(1.1);
				}
	

				.list.crsl li a.see_more,
				.list.grid li a.see_more {
					display: none;
				}

				.list.crsl li:hover.active_product .medium_description,
				.list.crsl li:hover .description,
				.list.grid li:hover .description {
					display: block;
					opacity: 1;
					-webkit-transform: scale(1);
					transform: scale(1);
				}
				
				.list.crsl li:hover.active_product .description,
				.list .medium_description,
				.list.grid .medium_description,
				.list .description {
					display: none;
				}
				
				.list .medium_description,
				.list.dealers .description,
				.list.pictograms .description,
				.list.grid li:hover .description,
				.list.crsl li:hover.active_product .medium_description {
					display: block;
					opacity: 1;
					-webkit-transform: scale(1);
					transform: scale(1);
				}

				.list.grid li .description a {
					color:#fff;
					text-decoration: none;
					display: block;
					width: 100%;
					height: 100%;
				}
				
				.list .see_more {
					margin-top: 10px;
				}
	
					.wish_list .selectable_product h3 a:hover,
					.list.crsl li:hover h3 a,
					.list.grid li:hover h3 a,
                                        .list.grid li:hover h4 a {
						background-color: #000;
						background-image: url(../images/arrow_white.gif);
						color: #fff;
						border-color: #000;
					}

					.list.crsl li:hover h3 a.remove,
					.list.grid li:hover h3 a.remove,
                                        .list.grid li:hover h4 a.remove  {
						border-color: #000;
						border-left: 1px solid #fff;

						background-color: #000;
						background-image: url(../images/x_white.gif);
						background-repeat: no-repeat;
						background-position: right;
					}
					
					.wish_list .selectable_product h3 a:hover:after,
					.list.crsl li:hover h3 a:after,
					.list.crsl li:hover h3 a,
					.list.dealers li:hover > h3 > a:after,
					.list.grid li:hover h3 a:after,
					.list.grid li:hover h3 a,
                                        .list.grid li:hover h4 a:after,
					.list.grid li:hover h4 a {
						border-color: #000;
					}
				
	.list.crsl {
		position: relative;
		width: 10000px;
	}
	
		.list.crsl li {
			position: relative;
			float: left;
			margin: 0;
			
			width: auto; /* toni */
			margin-left: 15px;
		}

			.list.crsl li img {
				margin: 0;
			}
	
	.scrollbar {
		position: relative;
		margin-top: 10px;
		width: 100%;
		height: 24px;
		border: 1px solid #EFEFEF;
	}

		.scrollbar .handle {
			position: absolute;
			left: 0;
			bottom: 0;
			display: inline-block;
			width: 97px;
			height: 22px;
			border: 1px solid #DFDFDF;
			background: url(../images/knob_bgr.png);
			cursor: pointer;
		}

/* scroll bar - toni*/
#dragable_slider {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 5px;
	background-color: #f2f2f2;
	margin-top: 20px;
}	

	#dragable_slider .bgr {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
	}
	
	#dragable_slider .knob {
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		/* height: 5px; */
		height: 5px;
		background: #c2c2c2;
		cursor: pointer;
	}
	
#h_slider {
	position: relative;
	padding-bottom: 30px;	
	min-height: 300px;
	outline: none;
}

	#h_slider .list.crsl {
		min-height: 300px;
		margin-top: 0;
		padding-left: 50%;
		height: 100%;
	}

		#h_slider li{
			float: left;
			vertical-align: middle;
			overflow: visible;
		}

		#h_slider li {
			width: 300px;
			min-width: 300px;
		}
		
		.list.crsl li.section_heading {
			display: none;
		}

		#h_slider li img {
			width: 100%;
			height: auto;
		}


/* scroll bar - toni end*/

#overlay {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 4;
	position: fixed;
	background-color: #fff;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=0.8);
}

	#overlay .loader {
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		width: 32px;
		height: 32px;
		z-index: 5;
		margin-left: -10px;
		margin-top: -10px;
		background-image: url(../images/reloader.gif);
	}

/* --------- Terms and Conditions Page ---------- */

	.img_holder {
		float: left;

		width: 40%;
		margin: 0 20px 10px 0;

		background-color: #333;
	}

		.img_holder > img {
			width: 100%;
		}

 /*------------------ Search Result Page ------------------*/
 	.search_highlight,
 	.search_word {
 		color: #005DAB;
 		font-family: Helen_Pro;
 		text-transform: uppercase;
 	}

 	.search_result {
 		position: relative;
 		padding-left: 160px;
 		min-height: 145px;
 		margin: 10px 0;
	 }


	 .first_result {
		margin-top: 30px;
	 }

	.product_image {
		position: absolute;
		left: 0;
		width: 145px;
	}

	.product_image > img{
		width: 100%;
	}
	
 	.search_result h2 {
 		color: #000;
 	}

	.image_holder {text-align: center;}

/* ----------- Footer ------------ */

#footer {
	position: fixed;
	bottom: 0;
	z-index: 5;
        /* padding-bottom: 10px; */

	width: 100%;

	background-color: rgba(0,0,0,0.75);
	background-image: url(../images/blackBgrOpcity.png)\0/;
	
	text-transform: uppercase;
	font-size: 11px;

	-webkit-transition: background-color 1s;
	-moz-transition: background-color 1s;
	-o-transition: background-color 1s;
	transition: background-color 1s;
}

	#footer.footer_animated,
	#footer:hover {
		background: #404040;
	}

		#footer > ul {
			float: left;
			display: table;
		}
		#footer > a {
			position: absolute;
			right: 20px;
			top: 10px;
		}

		#footer > a.telphonn {
			float: right;
			margin-top: 10px;
			position: initial;
		}

			#footer > ul > li {
				display: table-cell;
				border-left: 0;
				width: auto;
				height: 100%;
				padding: 4px 0px;
			}

			#footer.footer_animated > ul > li,
			#footer > ul:hover > li {
				border-left: 1px solid #666;
			}

				#footer > ul > li > span,
				#footer > ul > li > a {
					padding: 0 10px 5px 10px;
				}

				#footer > ul > li.current > span,
				#footer > ul > li.current > a {
					background-color: #000;
				}

				#footer > ul > li > span {
					cursor: default;
				}

					#footer > ul > li > ul {
						display: none;
						margin: 5px 5px 0 0;
						padding-left: 10px;
						
						line-height: 12px;
					}

						#footer > ul > li > ul > li {
							padding: 3px 0;
						}

			#footer .subscribe-button-inner {
				float: right;
				/* margin-top: 5px !important;
				margin-right: 10px !important; */
				vertical-align: middle;
			}

			#footer .social_share {
				float: right;
				margin-right: 5px;
				margin-top: 3px;
			}

		#footer .social_share li {
			width: 18px;
			margin: 4px;
			float: left;
			height: 18px;
		}

		#footer .social_share li a,
		#footer .social_share li span {
/*			border: 1px solid #eee;*/
			font-size: 0pt;
			display: block;
			width: 100%;
			height: 100%;
			background: url(../images/social_footer_sprite_18_3.png) no-repeat;
		}
                
                .subscribe {
                    margin: 2px 4px !important;
                }

	#footer .social_share .facebook_ft {
		background-position: 0 0;
	}

	#footer .social_share .instagram_ft {
		background-position: -18px 0;
	}

	#footer .social_share .pinterest_ft {
		background-position: -36px 0;
	}
	
	#footer .social_share .youtube_ft {
		background-position: -54px 0;
	}

	#footer .social_share .linkedin_ft {
		background-position: -72px 0;
	}
        
	#footer .social_share .twitter_ft {
		background-position: -90px 0;
	}
	
	#footer .social_share .vimeo_ft {
		background-position: -108px 0;
	}
	
	#footer .social_share .vkontakte_ft {
		background-position: -126px 0;
	}

	#footer .social_share li a:hover,
	#footer .social_share li span:hover {
/*		background-color: #eee;*/
	}

	#footer .social_share .facebook_ft:hover {
		background-position: 0 -18px;
	}

	#footer .social_share .instagram_ft:hover {
		background-position: -18px -18px;}


	#footer .social_share .pinterest_ft:hover {
		background-position: -36px -18px;
	}
	
	#footer .social_share .youtube_ft:hover {
		background-position: -54px -18px;
	}

	#footer .social_share .linkedin_ft:hover {
		background-position: -72px -18px;
	}
        
	#footer .social_share .twitter_ft:hover {
		background-position: -90px -18px;
	}
	
	#footer .social_share .vimeo_ft:hover {
		background-position: -108px -18px;
	}
	
	#footer .social_share .vkontakte_ft:hover {
		background-position: -126px -18px;
	}
/*/* tables */
	table {
		padding: 0;

		border-spacing: 1px;
		border-collapse: separate;
		border-spacing: 1px;

		background-color: #fff;
		font-size: 17px;
	}

			table td,
			table th {
				border: 1px solid #d6d6d6;
				padding: 8px 15px;
				background-color: #fff;
			}

			table td:first-child {
				text-transform: uppercase;
			}

			table th {
				background-color: #d6d6d6;
				text-transform: uppercase;
				font-weight: normal;
			}

/* rich text styles */

.rich_text table {
	clear: both;
}

.rich_text .sample_types + h2,
.sample_types + .rich_text h2:first-child {
	margin-top: 10px;
}

.rich_text + h2 {
	margin-top: 30px;
}

.rich_text p + h2 {
	margin-top: 20px;
}

.rich_text h2 {
	margin: 30px 0 20px 0;
}

.rich_text img {
	/*float: left;
	margin: 0 20px 10px 0;*/
}

.rich_text table.styled_table {
	width: auto;
}

	.rich_text table.styled_table tr > * {
		padding: 5px;
		border: 0 none;
	}

	.rich_text table.styled_table tbody tr.head-row,
	.rich_text table.styled_table tbody tr.head-row td,
	.rich_text table.styled_table th {
		background: #fff;
		font-size: 18px;
		font-weight: bold;
		text-transform: none;
	}

	.rich_text table.styled_table tbody tr.head-row,
	.rich_text table.styled_table thead tr {
		border-top: 2px solid #0053a1;
	}

	.rich_text table.styled_table tbody tr.head-row + tr.head-row {
		border-top: 1px solid #0053a1;
		border-bottom: 2px solid #0053a1;
	}

	.rich_text table.styled_table thead tr + tr {
		border-top: 1px solid #0053a1;
		border-bottom: 2px solid #0053a1;
	}


	.rich_text table.styled_table tbody tr {
		border-bottom: 1px solid #0053a1;
	}

		.rich_text table.styled_table tbody tr td {
			font-size: 16px;
			text-transform: none;
		}

		.rich_text table.styled_table .styled_table_in tr {
			border: 0 none;
		}

		.rich_text table.styled_table .styled_table_in tr + tr {
			border-top: 1px solid #0053a1;
		}


						
/* --------- CLEAR STYLES ---------- */

	#wrapper:after,
	#header:after,
	#header .helper_menu li:after,
	.list:after,
	.selectors:after,
	#content:after,
	.wish_list li:after,
	.search_result:after,
	.breadcrumb_wrap:after,
	#popup_wrapper > form:after,
	#popup_wrapper > div:after,
	#content .sample_types ul:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
		font-size: 0pt;
	}

	.clear_left {
		clear: left;
	}
	
/* mobile */
div#mobile_menu {
	display: none;
}
.h_slider :first-child
{
	margin-left:0px;
}
.h_slider{
	width:100%;
	margin-left:0px;
}
.h_slider img{
	width:100% !important;
	height: auto;
}

/* Safari-Opera specific declarations here */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul.sample_types li {
		margin: 0 0.5% 1% 0 !important;
	}
}


/* DEBUGGER :) */

#debug {
	position: fixed;
	z-index: 10;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	font-size: 16px;
	background-color: rgba(255,255,204,0.9);
	border: 3px solid #fff;
	bottom: 0;
	min-height: 50px;
	max-height: 150px;
	overflow-y: scroll;
	box-shadow: 1px 1px 25px #888;
}

#clear_console {
	z-index: 11;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 5px #aaa;
	padding: 5px 10px;
	position: fixed;
	bottom: 10px;
	right: 50px;
	border-radius: 5px;
	text-transform: uppercase;
}


#clear_console:hover {
	background-color: #fffa70;
}


#hide_console {
	z-index: 11;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 5px #aaa;
	padding: 5px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	height: 18px;
	width: 20px;
	border-radius: 5px;
	text-transform: uppercase;
	text-align: center;
}


#video_controlbar {display: none !important;}
.jwlogo {display: none !important;}

.download_section.grid li h3 a:first-child, 
.download_section.grid  .product_btn.download{
	display: none !important;
}

.plbordlesstable td {
    border: medium none;
    margin: 0;
    padding: 0;
}
.plbordlesstable {
        width: 80% !important;
    }
.ploffr_paragraph {
    width: 80%;
    padding-top: 0pt;
}
@media only screen and (max-width: 1300px) {
    .plbordlesstable {
        width: 100% !important;
    }
}
.lstcomnn {
    display: inline-block;
    float: left;
    width: 19%;
}
.rstcomnn {
    display: inline-block;
    float: right;
    width: 80%;
}
.img-responsive {
    max-width: 100%;
}
@media only screen and (max-width: 979px) {
    .lstcomnn {
        width: 100%;
    }
    .rstcomnn {
    width: 100%;
    }
}
.theLoginPrt > input {
    background-color: #cecece;
    border: 1px solid #05377b;
}
.foil-table {
    display: inline-block;
    width: 50%;
}
.foil-table > tbody > tr > td {
    border: 1px solid #005daa;
    text-transform: none !important;
}
.foil-table img {
    display: block;
    margin: 0 auto;
}
@media only screen and (max-width: 979px) {
    .foil-table {
        width: 100%;
    }
}
/* News update - by IT */
.news_title_inner {
	font-size: 30px;
	color: #000;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Helen_ProL_ight;
}

.news_back_button {
	float: left;
	margin-left: -10px;
}
.news_content {
	margin-top: 30px;
}

.news_title {
	color: #000;
    font-size: 17px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Helen_Pro
	display: block;
	height: 44px;
	overflow: hidden;	
}

.news_description {
	font-family: Helen_ProL_ight;
	display: block;
	height: 60px;
	overflow: hidden;
}
.news_content {
    width: 70%;
}

/* TABS - express_services */
.download_tabs {
	float: left; 
	margin-bottom: 20px;
	width: 100%;
}

.tab_last {
	height: 36px;	 
	border-bottom: 1px solid #d6d6d6; 
	width: 100%;
}
.tab_title h2 {
    font-size: 17px;
    text-transform: none;
    float: left;
    padding: 0 30px 0 12px;

    line-height: 35px;
    margin: 0;
    border-bottom: none;
}
.tab_title {
	float: left;
	margin-right: 10px;
    width: auto;
    background-color: #fff;  
    margin-bottom: 20px;
    color: #000;
    border-left: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    border-bottom: none;
    background-image: url(../images/arrow_right.gif);
    background-repeat: no-repeat;
    background-position: 100% center;
    cursor: pointer;
}

.tab_selected, .tab_title:hover {
    background-image: url(../images/arrow_grey_down.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-color: #373737;
}
.tab_title.tab_selected h2, .tab_title h2:hover {
    color: #FFFFFF;
}
.tab_selected h1 {
	color: #fff;
}

@media only screen and (max-width: 1300px) {
.tab_title h1 {
    font-size: 14px;
	}
}

@media only screen and (max-width: 980px){
.tab_title h1 {
    font-size: 12px;
	}
}


@media only screen and (max-width: 799px){
.tab_title h1 {
    font-size: 17px;
	}
.tab_title {
	width: 100%;
	display: block;
	border-bottom: 1px solid #d6d6d6;
    background-position: 100% center;
    margin-bottom: 10px;
	}

.underlined_heading {
	border: none;
	}
	.tab_selected {
    background-position: 99% 50%;
}
}
/* TABS END */

.product_details_header_big {
        margin: 5px 0;
        color: #000;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 17px;
        font-family: Helen_Pro;
        padding: 0;
}

.product_details_header_small {
        margin-top: 10px;
        font-size: 14px;
        font-family: Helen_Pro;
        color: #000;
        font-weight: normal;
        text-transform: uppercase;
        padding: 0;
}

.last_views h3 {
    font-size: 17px;
    padding-top: 5px;
}

.suggestions h3 {
    font-size: 17px;
}

.express_service {
    font-size: 20px;
}

.material_container_text {
}

.product_view h3 {
    font-size: 17px;
}