/* -- J3.3 Default -- Copyright 2014 Reaktiiv Grupp OÜ 

- Struktuur
-- 01 Nullimine
-- 02 Body Stiilid, taust, lingid
-- 03 Fontide deklaratsioon kui vaja
-- 04 Pealkirjad / Headingud
-- 05 Wrap ja muud üldised containerid
-- 06 Menüüd (NB! Joomla mooduli ID tuleb seada menu1, menu2 jne..)
-- 07 Joomla Default stiilid

- */

/* ------------- 01 Nullimine -------------------*/
@import url("reset.css");  
*:focus {outline:none;} /* chrome jaoks */
.onlymobile {display:none;}
/* ------------- 02 Body ja lingid -------------------*/
#menu1 li.item-102, #menu1 li.item-226 {display:none;}
p {
	margin:10px 0;
	line-height: 24px;
}
.red {color:#ac001f;}
body,td,th {
	font-family:'Open Sans',Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #595858;
	font-weight:400;
}
body {
	margin: 0;
	text-align: center;
}
a:link {
	color: #ac001f;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #ac001f;
}
a:hover {
	text-decoration: none;
	color: #ac001f;
}
a:active {
	text-decoration: underline;
	color: #ac001f;
}
td {vertical-align:top;text-align:left;}
sup {font-size: 65%;position: relative;top: -9px;vertical-align: top;}
sub {font-size: 65%;position: relative;bottom: -9px;vertical-align: top;}
/* ------------- 03 Fontide deklaratsioon -------------------*/
/* ------------- 04 Pealkirjad -------------------*/
h1,h2,h3,h4,h5 {
	font-family:'Open Sans',Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:28px;
	color:#ac001f;
	text-decoration:none;
	margin:0;
	padding:0;
	line-height:100%;
	font-weight:400;
}
h1,.componentheading{padding-bottom:20px;}
h2,.contentheading{padding-bottom:20px;}
h3{color:#595959;font-size:16px;font-weight:400;}
h4{}
h5{}
h6{}
/* ------------- 05 Wrap-------------------*/

.container {width:980px;margin:0 auto;text-align:left;position:relative;height:auto;}
.width33 {}
.width66 {}
.width100 {}
.sprite {background-image:url(../images/harboe-sprite.png);background-repeat:no-repeat;background-position:0 0;}

#header,#slider,#main,#pre-footer,#footer,#login {width:100%;float:left;height:auto;clear:both;}

#wrapper {}
	#header {height:80px;background-color:#fff;background-image:url(../images/head-bg.gif);background-position:center top;background-repeat:repeat-x;}
		#header .container {background:#fff;height:80px;}
		#logo {float:left;width:200px;height:80px;background-position: 39px 11px;cursor:pointer;background-color:#ac001f;}
		#language {float:right;}
			#language ul {float:right;}
				#language li {display:block;margin:0;padding:0;float:left;}
					#language li:nth-last-child(1) a {padding-right:0;}
					#language li.lang-active a {font-weight:600;}
					#language a {
						float:left;display:block;margin:0;padding:8px 9px;
						font-weight:300;
						color:#ac001f;
						text-decoration:none;
						font-size:11px;
					}
					#language a:hover {text-decoration:underline;}
		#top-menu {
			clear: right;
			float: right;
			position: absolute;
			right: 0;
			top: 27px;
		}
			#top-menu .moduletable_menu {float:right;clear:both;display:block;}
			#menu1 {float:right;}
				#menu1 > li {list-style:none;float:left;display:block;position:relative;}
				#menu1 > li:nth-last-child(1) a {padding-right:0;}
					#menu1 > li > a {
						color: #666666;
						display: block;
						float: left;
						font-size: 14px;
						font-weight: 300;
						line-height: 14px;
						padding: 7px 10px 33px;
						text-decoration: none;

						text-transform: uppercase;
						transition: all 0.25s ease-in-out 0s;
					}
					#menu1 > li > a:hover,#menu1 > li:hover > a {
						padding: 13px 10px 27px;
						color:#ac001f;
					}
					#menu1 > li.active > a {font-weight:400;color:#ac001f;}
				#menu1 > li > ul {
					background-color: rgba(172, 0, 31, 0.9);
					border-top: 3px solid #98142C;
					/*left: 21px;*/
					left:12px;
					padding: 6px 18px 11px;
					position: absolute;
					top: 53px;
					z-index: 102;
					display:none;
					box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
				}
				#menu1 > li.item-112 > ul,#menu1 > li.item-227 > ul {left:0;}
				#menu1 > li.last-item > ul {
					width:100px !important;
					left:-59px !important;
				}
					#menu1 > li > ul > li {display:block;}
						#menu1 > li > ul > li > a {
							color: #edc6cd;
							display: block;
							font-size: 12px;
							font-weight: 400;
							line-height: 12px;
							padding: 6px 0;
							text-decoration: none;
							transition:color .25s ease-in-out;
						}
						#menu1 > li > ul > li > a:hover,#menu1 > li > ul > li.active > a {color:#fff;}
    #slider {
		position:relative;
		overflow:hidden;
		max-height:345px;
		min-height:3px;
	}
		.grey-gradient {
			background: rgb(244,244,244); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(244,244,244,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		}
		#slider-stripe {position:absolute;height:3px;width:100%;background:rgba(0,0,0,0.15);z-index:2;}
		#slider-frontpage,#slider-content {margin:0 auto;position:relative;width:100%;}
		#slider-frontpage {/*height:345px;*/}
		#slider-content {/*height:255px;*/}
			.bx-wrapper a.bx-prev,.bx-wrapper a.bx-next {
				background-image: url(../images/harboe-sprite.png);
				background-repeat:no-repeat;
			}
			.bx-wrapper a.bx-prev {background-position: 11px -96px;}
				.bx-wrapper a.bx-prev:hover {background-position: 11px -181px;opacity:.8;}
			.bx-wrapper a.bx-next {background-position: -136px -96px;}
				.bx-wrapper a.bx-next:hover {background-position: -136px -181px;opacity:.8;}
			.bx-pager {
				background-image: url("../images/harboe-sprite.png");
				background-position: center bottom;
				background-repeat: no-repeat;
			}
			.bx-wrapper .bx-pager  {height:42px;}
			.bxslider p {
				margin: -38px 0 0;
				top: 50%;
				display:none;
			}
			.frontpage .bxslider p {display:block;}
		#breadcrumb {
			display: block;
			float: left;
			padding: 15px 0 2px;
			width: 100%;
		}
			#breadcrumb li:nth-child(1) {display:none;}
			#breadcrumb li,#breadcrumb a,#breadcrumb span {
				color:#999;font-size:10px;font-family:'Open Sans',Arial, Helvetica, sans-serif;
				font-weight:300;
			}
			#breadcrumb li {float:left;display:block;padding-right:5px;}
			#breadcrumb a {text-decoration:underline;}
			#breadcrumb span.divider {display:inline-block;padding-left:5px;}
    #main {}
		#search {}
			#search .container {text-align:right;}

				.moduletable_searchbox {
					background:#666;
					background: none repeat scroll 0 0 rgba(102, 102, 102, 0.9);
					padding: 6px 5px;
					position: absolute;
					right: 0;
					text-align: left;
					top: -50px;
					width: 190px;
					z-index: 101;
				}
				#mod-search-searchword {
					background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
					border: medium none;
					color: #fff;
					font-family: 'Open Sans',Arial,Helvetica,sans-serif;
					font-size: 12px;
					font-weight: 300;
					line-height: 12px;
					margin: 0 9px 0 7px;
					width: 145px;
					padding: 0 0 2px;
				}
				.moduletable_searchbox label {display:none;}
				.moduletable_searchbox button {
					background-color:transparent;color:transparent;border:none;cursor:pointer;
					background-image:url(../images/harboe-sprite.png);
					background-position:0 -340px;
					background-repeat:no-repeat;
				}

		#frontpage-left,#frontpage-right {/*margin-top:15px;*/margin-top:40px;}
		#frontpage-left {float:left;width:380px;}
			#frontpage-left h1 {padding-bottom:20px;}
			.moduletable_fp-new {float:left;clear:both;margin-top:0px;}
			.moduletable_fp-left p {
				font-size: 13px;
				line-height: 22px;
			}
			.moduletable_fp-left p.red {font-size:14px;}
			#fp-new {}
				#fp-new-left {float:left;}
				#fp-new-right {
					float:left;
					font-size:43px;
					font-weight:700;
					text-transform:uppercase;
					color:#ac001f;
					padding:18px 8px;
					margin-left:20px;
					margin-top:62px;
					border-top:1px solid #ac001f;
					border-bottom:1px solid #ac001f;
					transition:opacity .25s ease-in-out;
					width:198px;
				}
				#fp-new-right:hover {opacity:.8;}
				#fp-new-right a {text-decoration:none;}
					#new-big {
						display: block;
						float: left;
					}
					#new-small {
						display: block;
						float: left;
						font-size: 15px;
						font-weight: 400;
						padding-left: 17px;
						padding-top: 2px;
					}
					
		/* -- START: new fp layout: 19.6.14  -- */
		.moduletable_fp-new {margin-top:14px;}
		/**/
		.fp-info {float:left;width:180px;}
		#frontpage-left .fp-info p {
			font-size: 13px;
			letter-spacing: -0.01em;
			line-height: 20px;
			height: 215px;
		}
		#fp-info-right {float:left;}
		#fp-info-left {float:right;}
		.moduletable_fp-new {margin-top: 53px;}
		/* -- END: new fp layout: 19.6.14 -- */
		
		#frontpage-right {float:right;width:560px;}
			#harboe-results {float:left;width:100%;padding-bottom:20px;border-bottom:1px solid #ccc;margin-bottom:20px;}
			#harboe-results.product-detail-search {
				margin-bottom: 10px;
				padding-bottom: 10px;
			}
			.product-detail-search h1 {padding-bottom:0;}
				#component #harboe-results ul {margin: 12px 0 0;}
				#component #harboe-results ul.product-detail-search {margin:10px 0 0 0;}
					#harboe-results h1 span {font-weight:300;color:#666666;}
					#component #harboe-results li {
						background-image: url("../images/harboe-sprite.png");
						background-position: 0 -1011px;
						background-repeat: no-repeat;
						display: block;
						float: left;
						font-size: 12px;
						font-weight: 600;
						line-height: 100%;
						padding-left: 10px;
						padding-right: 23px;
					}
					#component li#detail-filter {font-weight:400;padding-left:0;background:none;padding-right:11px;}
					#component #harboe-results li span {font-weight:400;}
				#harboe-live-results {
					clear: both;
					color: #7d7d7d;
					display: none;
					float: left;
					font-size: 12px;
					font-weight: 300;
					line-height: 100%;
					margin: 8px 0;
					padding: 4px;
					text-align: center;
					text-transform: uppercase;
					width: 100%;
				}
				#harboe-live-results span {color:#ac001f;font-weight:600;}
			#harboe-search {clear:both;}
			#harboe-search.productpage-search {padding-top:16px;}
				#harboe-search #hb-search-list {float:left;margin:0;padding:0;}
					#hb-submit-container {
						width:33px;
						height:32px;
						border:1px solid #c02944;
						border-radius:2px;
						float:left;
						display:block;
						
						background: rgb(184,38,64); /* Old browsers */
						/* IE9 SVG, needs conditional override of 'filter' to 'none' */
						background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I4MjY0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NTAzMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
						background: -moz-linear-gradient(top,  rgba(184,38,64,1) 0%, rgba(149,3,29,1) 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,38,64,1)), color-stop(100%,rgba(149,3,29,1))); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top,  rgba(184,38,64,1) 0%,rgba(149,3,29,1) 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top,  rgba(184,38,64,1) 0%,rgba(149,3,29,1) 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top,  rgba(184,38,64,1) 0%,rgba(149,3,29,1) 100%); /* IE10+ */
						background: linear-gradient(to bottom,  rgba(184,38,64,1) 0%,rgba(149,3,29,1) 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b82640', endColorstr='#95031d',GradientType=0 ); /* IE6-8 */

					}
						#harboe-submit {
							background-image:url(../images/harboe-sprite.png);
							background-repeat:no-repeat;
							background-position: 7px -333px;
							margin:0;
							padding:0;
							border:none;
							background-color:transparent;
							width:100%;
							height:32px;
							cursor:pointer;
							transition:all .25s ease-in-out;
						}
							#harboe-submit:hover {background-color:#ac001f;}
					.button-grad {
						background: rgb(92,92,92); /* Old browsers */
						/* IE9 SVG, needs conditional override of 'filter' to 'none' */
						background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVjNWM1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODM4MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
						background: -moz-linear-gradient(top,  rgba(92,92,92,1) 0%, rgba(56,56,56,1) 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(92,92,92,1)), color-stop(100%,rgba(56,56,56,1))); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top,  rgba(92,92,92,1) 0%,rgba(56,56,56,1) 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top,  rgba(92,92,92,1) 0%,rgba(56,56,56,1) 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top,  rgba(92,92,92,1) 0%,rgba(56,56,56,1) 100%); /* IE10+ */
						background: linear-gradient(to bottom,  rgba(92,92,92,1) 0%,rgba(56,56,56,1) 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c5c5c', endColorstr='#383838',GradientType=0 ); /* IE6-8 */
					}
					
					#harboe-search #hb-search-list > li {
							float:left;display:block;position:relative;
							width:120px;
							border:1px solid #6e6e6e;
							border-radius:2px;
							margin-right:4px;
							height:33px;
							transition:all .25s ease-in-out;
							padding:0;
							list-style:none;
							line-height:100%;
					}
					#harboe-search #hb-search-list > li.activated {
						background: rgb(184,38,64); /* Old browsers */
						/* IE9 SVG, needs conditional override of 'filter' to 'none' */
						background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I4MjY0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NTAzMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
						background: -moz-linear-gradient(top,  rgba(184,38,64,1) 0%, rgba(149,3,29,1) 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,38,64,1)), color-stop(100%,rgba(149,3,29,1))); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top,  rgba(184,38,64,1) 0%,rgba(149,3,29,1) 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top,  rgba(184,38,64,1) 0%,rgba(149,3,29,1) 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top,  rgba(184,38,64,1) 0%,rgba(149,3,29,1) 100%); /* IE10+ */
						background: linear-gradient(to bottom,  rgba(184,38,64,1) 0%,rgba(149,3,29,1) 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b82640', endColorstr='#95031d',GradientType=0 ); /* IE6-8 */
					}
					#harboe-search.productpage-search #hb-search-list > li {width:140px;}
					#harboe-search #hb-search-list p.level1 {
						background-image: url("../images/harboe-sprite.png");
						background-position: 104px -402px;
						background-repeat: no-repeat;
						color: #CCCCCC;
						cursor: pointer;
						display: block;
						font-size: 12px;
						height: 14px;
						line-height: 12px;
						margin: 0;
						overflow: hidden;
						padding: 9px 9px 0;
						text-overflow: ellipsis;
						transition: all 0.25s ease-in-out 0s;
						white-space: nowrap;
					}
					.clear-element {
						background: none repeat scroll 0 0 #B82640;
						border-left: 1px solid #6E6E6E;
						border-radius: 2px 2px 0 0;
						border-right: 1px solid #6E6E6E;
						border-top: 1px solid #6E6E6E;
						color: #FFFFFF;
						cursor: pointer;
						font-size: 9px;
						font-weight: 700;
						height: 15px;
						left: -1px;
						position: absolute;
						text-align: center;
						top: -16px;
						width: 14px;
						line-height:15px;
						display:none;
					}
					#harboe-search.productpage-search #hb-search-list p.level1 {background-position: 126px -402px;}
					#harboe-search #hb-search-list > li:hover > p, #harboe-search #hb-search-list p.level1:hover {
						color:#fff;
						background-position: 104px -375px;
					}
					#harboe-search.productpage-search #hb-search-list p.level1:hover {background-position: 126px -375px;}
					#harboe-search #hb-search-list > li.activated p.level1 {
						font-weight:600;
						color:#fff;
						background-position: 104px -375px;
					}
					#harboe-search.productpage-search #hb-search-list > li.activated p.level1 {background-position: 126px -375px;}
						#hb-details ul li {display:none;}
						#harboe-search ul.subsearch {
							background: none repeat scroll 0 0 rgba(110, 110, 110, 0.95);
							left: -1px;
							position: absolute;
							top: 34px;
							width: 102%;
							z-index: 2;
							padding: 0 0 4px;
							display:none;
							margin:0;
						}
						#harboe-search ul.subsearch > li, #harboe-search ul.subsearch-last li {
							color: #E3E0E0;
							cursor: pointer;
							font-size: 12px;
							font-weight: 300;
							padding: 7px 10px;
							transition:all .25s ease-in-out;
							position:relative;
							line-height:100%;
							list-style:none;
						}
							.subsearch > li:hover,.subsearch > li.active {background:#3b3b3b;color:#fff;}
							.subsearch > li.active {font-weight:600;}
							
							.subsearch > li span {
								display:block;
								background-image:url(../images/harboe-sprite.png);
								background-repeat:no-repeat;
								background-position: -49% -447px;
							}
							.productpage-search .subsearch > li span {background-position: -66% -447px;}
							
						#harboe-search ul.subsearch-last {
							background: none repeat scroll 0 0 #3B3B3B;
							left: 100%;
							position: absolute;
							top: 0;
							width: 100%;
							z-index: 3;
							padding: 0 0 4px;
							display:none;
							margin:0;
						}
							#harboe-search ul.subsearch-last li {
								color:#cccccc;
								line-height:100%;
								list-style:none;
							}
							#harboe-search ul.subsearch-last li:hover {color:#fff;}
							
			#frontpage-right #harboe-carousel h2 {width:100%;text-align:center;padding-bottom: 0;}
				#frontpage-right #harboe-carousel {/*margin-top:-15px;*/}
				#harboe-carousel {position:relative;}
					#carousel-reload {
						background-image: url("../images/harboe-sprite.png");
						background-position: 11px -400px;
						color: #7d7d7d;
						cursor: pointer;
						display: none;
						margin: 0;
						padding: 8px 12px 8px 27px;
						position: absolute;
						right: 0;
						text-decoration: none;
						top: 0;
						z-index: 2;
						transition:all .25s ease-in-out;
					}
					.frontpage #carousel-reload {
						background-color: transparent;
						color: #999;
						right: 148px;
						top: 345px;
						z-index: 10;
					}
						#carousel-reload:hover {background-color:#ac001f;color:#fff;}
					.da-dk #carousel-reload {display:block;}
					#expore-by,#harboe-carousel {width:100%;text-align:center;}
					#harboe-carousel h4 {
						font-weight:400;
						color:#333;
						font-size:20px;
						margin:0;
						padding:15px 0;
						line-height:20px;
						height:20px;
						transition:color .25s ease-in-out;
					}
					#harboe-carousel h4 a {color:#333;text-decoration:none;}
					#harboe-carousel h4 a:hover {color:#ac001f;}
					#explore-by {
						text-transform:uppercase;margin:0;padding:0;
						line-height:14px;
						font-size:14px;
						color:#666;
						font-weight:300;
						padding-bottom:15px;
					}
					.productpage-search #explore-by {float:left;padding: 10px 20px 0 0;}
					.da-dk .productpage-search #explore-by {font-size:12px;padding-right:11px;}
					
				#carousel {
					width:560px;
					height: 350px;
					position: relative;
					overflow:hidden;
				}
				.products-carousel #carousel {width:100%;margin-top:-31px;}
					.products-carousel .carousel-nav {top:153px;}
				#carousel *,.carousel-nav {
				  -moz-user-select: none;
				  -khtml-user-select: none;
				  -webkit-user-select: none;
				  user-select: none;
				}
				#carousel img {
					display: hidden; 
					cursor: pointer;
				}
				.carousel-nav {
					position:absolute;top:179px;
					width:30px;
					height:40px;
					background-image:url(../images/harboe-sprite.png);
					background-position: 6px -274px;
					background-repeat:no-repeat;
					transition:all .25s ease-in-out;
					cursor:pointer;
					z-index:1;
				}
				#carousel-prev  {left:0;}
				#carousel-next {right:0;background-position: -43px -274px;}
				#carousel-prev:hover {background-position: 0 -274px;}
				#carousel-next:hover {background-position: -37px -274px;}
				.carousel-nav:hover {opacity:.8;}
				
        #content {float:left;width:100%;clear:both;padding-top:40px;/*padding-bottom:25px;*/padding-bottom:5px;}
			.contact-line {
				background: none repeat scroll 0 0 #f1f1f1;
				border-radius: 2px;
				clear: both;
				color: #7d7d7d;
				display: inline-block;
				font-size: 12px;
				line-height: 18px;
				margin: 0 0 15px;
				padding: 10px 13px;
				text-align: right;
			}
			.blog {margin-top:-7px;}
			.blog .page-header h2 {
				font-size:18px;padding:0;
				line-height:120%;
			}
			.blog .item-image {width:100%;clear:both;padding-top: 15px;}
			.blog .item-image img {max-width:350px;border:1px solid #b7b7b7;}
				.blog a:hover .item-image img {border-color:#ac001f;}
			.blog .page-header h2 a {text-decoration:none;transition:color .2s ease-in-out;}
				.blog .page-header h2 a:hover {color:#595959;}
				dd.create {
					color:#b7b7b7;font-size:12px;line-height:100%;
					display:block;
					width:100%;
					clear:both;
					padding:10px 0 0 0;
				}
			.blog .items-row.cols-2 {width:100%;float:left;clear:both;display:block;}
			.blog .items-row .span6 {float:left;width:50%;display:block;}
			.blog .items-row .span6 .item {float:left;display:block;width:350px;}
			.blog .items-row .span6 .column-2 {float:right;}
			.blog .item p, .blog .item h3 {font-size:14px;margin:15px 0;padding:0;line-height:24px;color:#595858;}
			.blog .item p.readmore {margin:0;padding:0;line-height:100%;}
				p.readmore a {
					background-image: url("../images/harboe-sprite.png");
					background-position: -144px -630px;
					background-repeat: no-repeat;
					border: 1px solid #E6E6E6;
					border-radius: 2px;
					clear: both;
					color: #7D7D7D;
					display: block;
					float: left;
					font-size: 12px;
					margin: 0 0 15px;
					padding: 8px 11px 8px 28px;
					text-decoration: none;
					transition:color .2s ease-in-out;
				}
				p.readmore a:hover {
					color:#ac001f;
					background-position: 9px -630px;
					border-color:#B7B7B7;
				}
			.article-info-term,span.icon-calendar{display:none;}
			.hidden {display:none;}
			
			.item-page h2 a {text-decoration:none;}

			.item-page .item-image img {
				border: 1px solid #B7B7B7;
				display: block;
				float: left;
				margin: 16px 20px 0 0;
				max-width: 380px;
			}
			.item-page dd.create {padding:0;}
			
			.map-content {width:180px;height:180px;}
			#map-canvas {width:100%;height:315px;margin-bottom: 15px;/*30*/}
			.moduletable_contactmaps {float:left;width:100%;clear:both;}
			#component #hbm-columns {margin:0;padding:0;width:100%;clear:both;padding: 0 0 40px;float:left;}
				#component #hbm-columns li {
					float:left;width:162px;
					list-style:none;
					margin:0 40px 0 0;
					padding:0;
					line-height:100%;
					cursor:pointer;
				}
				#component #hbm-columns li:nth-last-child(1) {margin-right:0;}
					#hbm-columns li h3,.map-content h3 {
						color:#ac001f;
						font-size:14px;
						line-height:22px;
						margin:0;
						padding:0;
						display:none;
					}
					#hbm-columns li:hover h3,#hbm-columns li.active h3 {text-decoration:underline;font-weight:600;}
					.map-content h3 {padding-top:5px;}
					.hbm-content p {
						color:#8b8b8b;
						font-size:12px;
						line-height:20px;
						margin:5px 0 0 0;
					}
					.hbm-content a {color:#8b8b8b;}
					
		.frontpage #content {display:none;}
			.frontpage .blog-featured {padding:20px 0;}
            #left {float:left;width:200px;margin-right:40px;}
				#left > div {float:left;width:100%;}
				.latestnews_infobox {padding: 15px 20px 20px;}
					.latestnews_infobox li {display:block;padding-bottom:20px;}
					.latestnews_infobox li:nth-last-child(1) {padding-bottom:0;}
						.latestnews_infobox li a {
							background-position: 144px -782px;
							color: #7D7D7D;
							display: block;
							font-size: 12px;
							line-height: 120%;
							padding-bottom: 5px;
							padding-right: 20px;
							text-decoration: none;
							transition: color 0.2s ease-in-out 0s;
						}	
						.latestnews_infobox li a:hover {color:#ac001f;}
						.latestnews_infobox li span.latest-date {
							display:block;
							font-size:10px;
							font-weight:300;
							color:#b7b7b7;
							line-height:100%;
						}
						
				.moduletable_leftbox,.moduletable_textbox {margin:5px 0 35px 0;}
					.moduletable_leftbox h3 {margin-bottom:45px;}
					
				.moduletable_textbox h3 {
					color: #AC001F;
					font-size: 16px;
					font-weight: 400;
					line-height: 18px;
					margin: 0;
					padding: 0 0 6px;
				}
				.moduletable_textbox p {
					color:#7d7d7d;
					font-size:12px;
					font-weight:400;
					line-height:18px;
					margin: 15px 0;
				}
				
				#menu2 {
					/*float:left;*/
					width:100%;
					background:#f1f1f1;
				}
					#menu2.harboemenu {margin-bottom:-8px;}
					#menu2 li {list-style:square;display:block;}
					#menu2 li a {
						background-image: url("../images/harboe-sprite.png");
						background-position: 16px -1067px;
						background-repeat: no-repeat;
						color: #7D7D7D;
						display: block;
						font-size: 14px;
						line-height: 14px;
						padding: 12px 12px 12px 35px;
						text-decoration: none;
						transition:all .2s ease-in-out;
					}
					#menu2 > li.active > a {color:#585858;background-color:#e6e6e6;background-position: 16px -1129px;}
					#menu2 li a:hover {color:#ac001f;background-color:#e6e6e6;background-position: 16px -1002px;}
					#menu2 li.active ul {}
					/* -- level2 -- */
					#menu2 li ul li a {
						background-position: 28px -1068px;
						font-size: 12px;
						padding: 10px 10px 10px 45px;
					}
					#menu2 li ul li.active a {color:#585858;background-position: 28px -1002px;}
					#menu2.harboemenu li ul li a.active {background-position:28px -1003px;}
					
					#menu2 li ul li a:hover {
						background-position: 28px -1003px;
					}
					/* -- level 3-- */
					#menu2 li ul li ul li {}
					#menu2 li ul li ul li a {
						background-position: 38px -1073px;
						padding: 6px 10px 6px 55px;
					}
					#menu2.harboemenu li ul li ul li a.active {background-position:38px -1007px;}
					#menu2 li ul li ul li a:hover {background-position: 38px -1007px;background-color:transparent;}
					/* -- products menu override -- */
					#menu2.harboemenu > li > a {background-color:#e6e6e6;color: #585858;background-position: 16px -1129px;}
						#menu2.harboemenu > li > a:hover {color:#ac001f;background-position: 16px -1002px;}
					#menu2.harboemenu > li {margin-bottom:1px;}
					
					#menu2.harboemenu ul {display:none;}
					#menu2.harboemenu ul ul {
						background: none repeat scroll 0 0 #f7f7f7;
						display: block;
						padding: 5px 0;
					}
					.show,#menu2.harboemenu ul.show {display:block;}
					.hide {display:none;}
					#menu2.harboemenu a.active {color:#ac001f;}
					
					
            #component {float:left;}
				.item-page h3 {
					color: #333333;
					font-weight: 600;
					line-height: 24px;
					margin-top: 10px;
				}
				#component ul {
					margin: 15px 20px 15px 35px;
				}
					#component li {
						line-height: 24px;
						list-style: square outside none;
						padding: 3px 0;
					}
			.width33 {width:500px;}
			.width66 {width:740px;}
			.width100 {width:100%;clear:both;}
                #content-top {}
                #content-bottom {}
            #right {float:right;width:200px;}
				#form-toggle {
					display:block;width:15px;height:15px;
					background-position:0 -690px;
					cursor:pointer;
					margin:20px 0 10px 0;
				}
				#form-toggle.closed {
					background-position: -96px -690px;
				}
				#form-toggle:hover {opacity:.8;}
				
				.moduletable_infobox input,.moduletable_infobox select,.moduletable_infobox textarea,.moduletable_infobox button,
				#pre-footer input,#pre-footer select,#pre-footer textarea,#pre-footer button,.login fieldset input,.login fieldset button.btn,
				.hbu-input input,.hbu-input select,.hbu-input textarea  {
					font-size:12px;
					color:#999999;
					font-family:'Open Sans',Arial, Helvetica, sans-serif;
					font-weight:400;
					background:#e0e0e0;
					border:1px solid #e0e0e0;
					padding:5px 10px;
					width:138px;
					display:block;
					margin-bottom:10px;
					transition:all .25s ease-in-out;
				}
				.moduletable_infobox input:focus,.moduletable_infobox select:focus,.moduletable_infobox textarea:focus,
				#pre-footer input:focus,#pre-footer select:focus,#pre-footer textarea:focus {background:#d3d3d3;}
				textarea {
					resize: none;
				}
				.moduletable_infobox textarea {height:36px;}
				.moduletable_infobox select {width:158px;}
				.da-dk .moduletable_infobox #hbc-region,.da-dk .moduletable_footercontact #hbc-region {display:none;}
				.moduletable_infobox #hbc-submit,#pre-footer #hbc-submit,.login fieldset button.btn  {
					background:#cdcdcd;
					font-size:10px;
					text-transform:uppercase;
					font-weight:700;
					color:#868585;
					text-align:center;
					border:1px solid #c2c2c2;
					cursor:pointer;
					letter-spacing:0.3em;
					width:158px;
				}
				.moduletable_infobox #hbc-submit:hover,#pre-footer #hbc-submit:hover {color:#fff;border-color:#fff;}
				.moduletable_infobox .borderError,#pre-footer .borderError {border:1px solid #ac001f;}
				
				#pre-footer input,#pre-footer select,#pre-footer textarea,#pre-footer button {
					border-radius:1px;
					padding:10px;
					float:left;
					display:block;
					width: 358px;
				}
				#pre-footer #hbc-submit {
					float: right;
					margin-right: 0;
					padding: 11px 10px;
					width: 160px;
				}
				#pre-footer textarea {height:65px;width:413px;}
				#pre-footer select {width:380px;}
				.moduletable_footercontact h3 {
					float:left;
					width:145px;
					display:block;
					font-size:24px;
					color:#ac001f;
					line-height:28px;
					font-weight:300;
					
				}
				.moduletable_footercontact {float:left;clear:both;width:100%;padding: 20px 0 0;}
				#hbc-footercontact {float:left;}
				#hbc-left {float:left;width:380px;}
				#hbc-right {float:right;width:435px;padding-left:10px;}
				
				#system-message-container {
					float:left;width:100%;clear:both;position:relative;
					z-index: 1;
				}
				#system-message {position: relative;}
				.alert .close {
					background: none repeat scroll 0 0 #666666;
					color: #FFFFFF;
					display: block;
					font-size: 25px;
					font-weight: 700;
					padding: 5px 11px;
					position: absolute;
					right: 0;
					text-decoration: none;
					top: 0;
					cursor:pointer;
				}
				h4.alert-heading {font-size:18px;display:none;}
				.alert div p {font-size:18px;font-weight:600;padding:25px;text-align:center;background:#efefef;border-top:1px solid #ccc;}
					
				.moduletable_infobox {margin:5px 0 35px 0;background:#f1f1f1;}
					.moduletable_infobox h3 {
						display:block;background:#ac001f;
						padding: 10px 2px 10px 20px;
						color:#fff;
						font-size:16px;
						line-height:16px;
						font-weight:300;
						margin:0;
					}
					.da-dk .moduletable_infobox h3  {padding-left:14px;}
				.custom_infobox {padding:15px 20px;}
				.da-dk .custom_infobox {padding: 9px 14px;}
					.moduletable_infobox p {
						color: #7D7D7D;
						font-size: 12px;
						line-height: 18px;
						margin: 0 0 8px;
						padding: 0;
					}
					
    #pre-footer {height:190px;background:#f9f8f8;border-top:1px solid #eeebec;}
		#harboe-categories {float:left;width:1000px;clear:both;padding-top:30px;text-align:center;}
		/*.da-dk #harboe-categories {padding-left:71px;}*/
			#harboe-categories li {
				cursor:pointer;margin-right:5px;/*float:left;display:block;*/display:inline-block;width:135px;
				transition:all .25s ease-in-out;
				vertical-align: top;
			}
			.en-gb #harboe-categories li {margin-right: 2px;}
			.da-dk #harboe-categories li.hc-2,
			#harboe-categories li.hc-3, /*non-alco dark malt*/
			/*.en-gb #harboe-categories li.hc-9,*/
			#harboe-categories li.hc-8 {display:none;}
			#harboe-categories li:hover {opacity:.8;}
			#harboe-categories li:nth-last-child(1) {margin-right:0;}
				#harboe-categories li a {text-decoration:none;color:#333333;transition:all .25s ease-in-out;}
					#harboe-categories li a:hover p {color:#ac001f;}
				#harboe-categories p {
					color: #333333;
					float: left;
					font-size: 14px;
					font-weight: 700;
					line-height: 16px;
					margin: 0;
					padding: 15px 0 20px;
					text-align: center;
					text-transform: uppercase;
					width: 100%;
				}
				.en-gb #harboe-categories p {line-height:14px;padding-top:10px;}
				.harboe-cat {
					float:left;
					display:block;
					width:100%;
					height:92px;
					background-image:url(../images/harboe-categories-sprite-2.jpg);
					background-position:0 0;
				}
				#harboe-category-1 {background-position:0 0;}
				#harboe-category-3 {background-position:0 -92px;}
				#harboe-category-2 {background-position:0 -184px;}
				#harboe-category-4 {background-position:0 -276px;}
				#harboe-category-5 {background-position:0 -368px;}
				#harboe-category-6 {background-position:0 -460px;}
				#harboe-category-7 {background-position:0 -552px;}
				#harboe-category-9 {background-position:0 -644px;}
    #footer {
		min-height:225px;
		border-top:1px solid #d8d7d7;
		border-bottom:1px solid #d8d7d7;
		background:#f1f1f1;
	}
		#footer-logo {
			cursor:pointer;
			background-position: 0 -494px;
			float: left;
			height: 80px;
			margin: 65px 12px 0 0;
			width: 170px;
			transition:all .25s ease-in-out;
		}
		.da-dk #footer-logo {background-image: url("../images/harboe-sprite-dk.png");}
			#footer-logo:hover {opacity:.8;}
			
		.moduletable_footerbox {
			border-left: 1px solid #CDCDCD;
			display: block;
			float: left;
			margin-right: 20px;
			padding-left: 18px;
			width: 225px;
			margin-top: 35px;
		}
		.da-dk .moduletable_footerbox {margin-bottom:35px;}
		#footer .box-kontrolraport {
			margin-right: 0;
			width: 120px;
		}
		.frontpage .box-tailormade h3 {padding-bottom:7px;}
		.frontpage.da-dk .box-tailormade h3 {padding-bottom:25px;}
		
		.frontpage .moduletable_footerbox {width:180px;}
			.moduletable_footerbox h3 {
				font-weight:300;
				color:#ac001f;
				font-size:18px;
				line-height:18px;
				padding-bottom:25px;
			}
				.moduletable_footerbox h3 a {text-decoration:none;}
				.moduletable_footerbox h3 a:hover {text-decoration:underline;}
			.moduletable_footerbox p {
				font-size:12px;
				color:#868585;
				line-height:21px;
				font-weight:300;
				margin:0;
				padding:0;
			}
		
		
    #login {}
		.moduletable_sitemap {float:left;}
		#login .moduletable_sitemap a {
			background-position: 8px -631px;
			margin-top: 5px;
		}
		#login .moduletable_sitemap a:hover {border-color:#ac001f;}
		#harboe-login {float:right;background:#e4e4e4;padding:15px;}
			#harboe-login .control-group {float:left;}
			#harboe-login input,#harboe-login button,#harboe-login .logout-button input {
				float:left;display:block;padding:8px;
				color:#868585;
				font-size:12px;
				line-height:12px;
				font-weight:300;
				background:#f5f5f5;
				border:none;
				margin-right:15px;
				transition:all .25s ease-in-out;
			}
			#harboe-login input:focus {background:#fff;}
			#harboe-login button,#harboe-login .logout-button input {
				background: none repeat scroll 0 0 #CDCDCD;
				border: 1px solid #b5b5b5;
				cursor: pointer;
				font-size: 10px;
				font-weight: 700;
				letter-spacing: 0.3em;
				line-height: 10px;
				margin-right: 0;
				padding: 8px 20px;
				text-transform: uppercase;
				transition:all .25s ease-in-out;
			}
			#harboe-login .logout-button input {}
			#harboe-login button:hover,#harboe-login .logout-button input:hover {color:#fff;border-color:#fff;}

/* ------------- Print ja pdf ikoonid - */
ul.actions {
    margin: 0;
    padding: 0;
    text-align: right;
    width: 100%;
}
ul.actions li {
    display: inline;
}
/* ------------- 07 Joomla Default Styles -------------------*/
/* ------------- Default ul li -- */
div.item-page ul, div.blog ul {margin-left:25px;}
div.item-page ul li {}
/* ------------- Contact form -- */
.contact {margin-top:20px;}
#emailForm label {
	margin: 3px 0 8px 0;
	display:block;
}
#emailForm input, #emailForm textarea, #emailForm button {
	border:1px solid #999;
	padding:3px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#ccc;
}
p.form-required {font-size:10px; color:#999;}

/* -- phoca override -- */
.lightBox .image-browser-image {background:#fff;}
#phocagallery h1 {padding-bottom:37px;}
#sb-container #sb-wrapper-inner {border:none;}
#sb-container #sb-body {background:#fff;}
#sb-container #sb-loading {background:#000;}
#sb-container #sb-body-inner {}
/*#sb-body img {margin:20px;}*/
#phocagallery {padding: 0 0 0 20px;position:relative;}
	#phoca-white {position:absolute;right:0;bottom:-2px;width:180px;height:30px;background:#fff;z-index:10;}
	#component .pg-cv-box {
		border-radius:0;
		box-shadow:none;
		margin:0;
		padding:0;
		border:1px solid transparent;
		height:169px;
		transition:all .25s ease-in-out;
		border-top:1px solid #c5c5c5;
		border-left:1px solid #c5c5c5;
		border-right:0;
		border-bottom:0;
		
	}
	#component .pg-cv-box:hover {/*border:1px solid #ac001f;*/}
		#component .pg-cv-box:hover img {}
		#component .pg-cv-box:hover .pg-cv-name {background:#ac001f;}
	#component .pg-cv-box-img {min-height:145px;overflow:hidden;height:145px;display:block;}
		#component #phocagallery .pg-box2 {
			display: table-cell;
			vertical-align: middle;
		}
		#component .pg-cv-box-img a {
			display: table-cell;
			height: 145px;
			overflow: hidden;
			vertical-align: middle;
			width: 178px;
		}
		#component .pg-cv-folder.pg-cv-name,#component .pg-cv-name {
			margin:0;
			padding:6px 0;text-align:center;background-image:none;
			background:#5B5B5B;
			font-size:12px;
			color:#fff;
		}
	#phocagallery a img {}

/* -- product top inner navigation-- */
#product-navigation {
    clear: both;
    float: left;
    padding: 7px 0 37px;
    width: 100%;
}
	#product-navigation a {
		background-position: -105px -833px;
		color: #595858;
		display: block;
		font-size: 12px;
		line-height: 11px;
		padding: 5px 20px;
		text-decoration: none;
		transition:all .2s ease-in-out;
	}
	#product-navigation a:hover {color:#ac001f;}
		#product-navigation .pn-prev {float:left;}
		#product-navigation .pn-next {float:right;background-position: -174px -833px;}
		.da-dk #product-navigation .pn-next {background-position: -164px -833px;}
			#product-navigation span {color:#ac001f;}
/* -- inner artcile navigation: plugin override -- */
ul#harboe-pagination {
    clear: both;
    float: left;
    margin: 0;
    padding: 40px 0;
    width: 100%;
}
	#harboe-pagination li {
		display: block;
		float: left;
		height: 60px;
		line-height: 100%;
		list-style: none outside none;
		padding: 0;
	}

		#harboe-pagination li a {
			background: none repeat scroll 0 0 #E6E6E6;
			float: left;
			width: 100%;
			transition:all .2s ease-in-out;
		}
			#harboe-pagination li a:hover {
				color:#ac001f;
				background-color:#ededed;
			}
		#harboe-pagination li.previous {width:45%;}
		#harboe-pagination li.to-top {
			background-color: #D0D0D0;
			background-image: url("../images/harboe-sprite.png");
			background-position: 108px -814px;
			border-left: 1px solid #FFFFFF;
			border-right: 1px solid #FFFFFF;
			display: block;
			width: 9%;
			transition:background-color .2s ease-in-out;
		}
		#harboe-pagination li.to-top:hover {background-color:#ac001f;}
		#harboe-pagination li.to-top a {
			display:block;width:100%;height:60px;
			background:transparent;
		}
		#harboe-pagination li.next {width:45%;}
			#harboe-pagination .title {
				color: #646464;
				float: left;
				font-size: 14px;
				height: 16px;
				margin: 15px 0 2px;
				overflow: hidden;
				padding: 0 5%;
				text-align: center;
				text-decoration: none;
				text-overflow: ellipsis;
				white-space: nowrap;
				width: 81%;
			}
				#harboe-pagination .title:hover {color:#ac001f;}
			#harboe-pagination .direction {
				color: #878787;
				float: left;
				font-size: 12px;
				font-weight: 300;
				text-align: center;
				width: 91%;
			}

			#harboe-pagination .pointer {
				background-color: #D0D0D0;
				background-image: url("../images/harboe-sprite.png");
				background-position: 204px -814px;
				display: block;
				float: left;
				height: 60px;
				width: 9%;
			}
				#harboe-pagination .pointer:hover {
					background-color:#bdbcbc;
					background-position: 204px -814px;
				}
			#harboe-pagination li.next .pointer {
				background-position: -266px -813px;
				float: right;
			}
				#harboe-pagination li.next .pointer:hover {
					
				}

div.items-more ol {
margin-left:25px;
}
.tooltip {display:none !important;}
.pagination .counter {display:none;}
.pagination {
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
}

#component .pagination ul {
    display: block;
    float: left;
    margin: 0 0 0 -3px;
    padding: 40px 0 20px;
}
.pagination li {
    color: #FFFFFF;
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0 3px;
    width: auto;
	padding:0;
}
.pagination li .pagenav {
    background: none repeat scroll 0 0 #AC001F;
    border: 1px solid #AC001F;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    line-height: 28px;
    padding: 0 11px;
    text-align: center;
}
.pagination li.pagination-prev .pagenav, .pagination li.pagination-next .pagenav {
    background: none repeat scroll 0 0 #E6E6E6;
    border-color: #E6E6E6;
    color: #878787;
    font-size: 12px;
}
.pagination li a.pagenav {
    background: none repeat scroll 0 0 #F1F1F1;
    border-color: #E6E6E6;
    color: #878787;
    text-decoration: none;
}
#component .pagination li a.pagenav:hover {
	color:#fff;
	border-color:#ac001f;
	background:#ac001f;
}
li.pagination-start,li.pagination-end {display:none;}

/* -- jQuery easyPaginate.js plugin -- */
ol#pagination {
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 400;
    /*width: 100%;*/
    padding: 20px 0;
	margin:0 0 0 -3px;
}
	ol#pagination li {
		background: none repeat scroll 0 0 #f1f1f1;
		border: 1px solid #e6e6e6;
		color: #878787;
		cursor: pointer;
		display: block;
		float: left;
		font-size: 14px;
		line-height: 28px;
		margin: 0 3px 6px;
		padding: 0;
		text-align: center;
		text-decoration: none;
		width: 32px;
	} 
		ol#pagination li:hover,ol#pagination li.next:hover,ol#pagination li.prev:hover,ol#pagination li.current {
			color:#fff;
			border-color:#ac001f;
			background:#ac001f;
		}
	ol#pagination li.prev, ol#pagination li.next,#pagination #prev-dummy  {
		background: none repeat scroll 0 0 #E6E6E6;
		border-color: #E6E6E6;
		color: #878787;
		font-size: 12px;
		padding:0 12px;
		width:auto;
	} 
/* ------------- Joomla Otsing -- */
dl.search-results {
    clear: both;
    float: left;
    margin: 0;
}
dd.result-text {
    clear: both;
    float: left;
    font-weight: 400;
    line-height: 135%;
    padding: 5px 0 20px;
    width: 100%;
}
.highlight {/*background:#999;color:#fff;font-weight:600;padding:0 3px;*/}

dt.result-title {
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding-left: 0;
}
dd.result-category, dd.result-created {
    color: #ac001f;
    float: left;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 2px;
}
fieldset.phrases, fieldset.only, fieldset.word {display:none;}
#component > .contentsearch {
    clear: both;
    float: left;
    margin-top: 5px;
    width: 100%;
}
#search-searchword, .contentsearch .btn-toolbar button.btn {
    background: none repeat scroll 0 0 #999;
    border: medium none;
    color: #fff;
    float: left;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 8px;
    width: 155px;
}
.contentsearch .btn-toolbar button.btn {
    background-color: #ac001f;
    background-image: url("../images/harboe-sprite.png");
    background-position: 8px -331px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 36px;
    margin-left: 5px;
    padding: 0;
    width: 36px;
}
#searchForm .btn-toolbar {float:left;width:40%;}
#searchForm .searchintro {float:left;}
#searchForm .form-limit {float:right;}
#searchForm p.counter {
    clear: both;
    color: #999999;
    float: left;
    font-size: 12px;
    width: 100%;
}
#searchForm .form-limit select#limit {
    background-color: #999999;
    background-position: right -250px;
    border: medium none;
    color: #FFFFFF;
    display: block;
    float: right;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 14px;
    height: 40px;
    margin-left: 13px;
    padding: 10px;
}
#searchForm .form-limit label {
    display: block;
    float: left;
    padding-top: 13px;
}
.contentsearch .result-created {display:none;}
.badge-info {color:#ac001f;}
/* -- -- */

/* -- com_harboe > view: category -- */
.harboe-container {float:left;width:100%;clear:both;max-width:720px;}
.hbc-text h3 {
	font-size:18px;
	font-weight:600;
	color:#333;
	padding-top: 15px;
}
.hbc-text img {float:right;padding-left:40px;padding-bottom:20px;max-width:225px;margin-top:-10px;}
.hbc-text p {
	font-size:12px;
	line-height:21px;
}
#component .hbc-text ul {margin: 5px 20px 5px 25px;}
#component .hbc-text li {font-size: 12px;line-height: 17px;}
/* -- com_harboe > view: products -- */
#harboe-products {float:left;width:100%;clear:both;}
	#harboe-products ul#product-list {margin:0;padding:0;float:left;width:100%;padding:40px 0;min-height: 180px;}
		ul#product-list li {
			line-height:100%;padding:0;list-style:none;float:left;display:block;
			position:relative;
			border-top:1px solid #c5c5c5;
			border-left:1px solid #c5c5c5;
			margin:0;
			width:179px;
			height:179px;
		}
		ul#product-list li:nth-child(4n),ul#product-list li:nth-last-child(1)  {border-right:1px solid #c5c5c5;}
			ul#product-list li a.container-link {
				float:left;display:block;
				font-size:12px;
				position:relative;
				width:100%;
				height:100%;
			}
			
			ul#product-list ul.package-icos {
				bottom: 26px;
				/*display: none;*/
				left: 3px;
				margin: 0;
				padding: 0;
				position: absolute;
				bottom:auto;top:6px;left:9px;
			}
				ul#product-list ul.package-icos li {
					background-image: url("../images/icos.gif");
					background-repeat: no-repeat;
					color: #919191;
					float: none;
					font-size: 10px;
					height: 21px;
					line-height: 21px;
					margin: 5px 0;
					padding-left: 13px;
					width: auto;
					opacity:0.6;
					border-left:0 !important;
					border-right:0 !important;
					border-top:0 !important;
					border-bottom:1px solid #ccc;
					background-position: -4px 0;
				}
				ul#product-list ul.package-icos li.mainico, ul#product-list ul.package-icos li.ico-searched {opacity:1;}
				ul#product-list ul.package-icos li.ico-searched {
					background-image: url("../images/icos-searched.gif");
					/*color:#ac001f;*/
					/*border-bottom:1px solid #ac001f;*/
				}
				/* mod harboesearch legend */
				#component #harboe-results #legend-icon,#harboe-search #legend-icon {
					/*
					background-image: url("../images/icos-searched.gif");
					background-position: 0 -83px;
					background-repeat: no-repeat;
					border-left: 1px solid #ccc;
					color: #ac001f;
					font-size: 11px;
					font-weight: 300;
					margin-left: 2px;
					padding-bottom: 1px;
					padding-left: 16px;
					*/
					background-image: url("../images/icos-searched.gif");
					background-position: 5px -78px;
					background-repeat: no-repeat;
					border: 1px solid #ccc;
					border-radius: 7px;
					box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
					color: #ac001f;
					font-size: 12px;
					font-weight: 600;
					margin-left: 10px;
					padding: 4px 13px 4px 24px;
				}
				/*
				#harboe-search #legend-icon {
					border: medium none;
					clear: both;
					display: block;
					float: left;
					margin: 10px 0 0;
					padding: 3px 19px;
				}
				*/
				/* cans */
				#component .package-icos .package-3 {background-position: -4px -52px;}
				#component .package-icos .package-3.content-2,
				#component .package-icos .package-3.content-1 {background-position: -4px -79px;}
				/* bottles */
				#component .package-icos .package-2,.package-icos .package-1 {background-position:-4px 0;}
				#component .package-icos .package-2.content-2,
				#component .package-icos .package-1.content-2 {background-position: -4px -130px;}
				/* pet */
				#component .package-icos .package-4 {background-position:-4px -26px;}
				/* pet canister ja 200 ml bottle */
				#component .package-icos .package-4,
				#component .package-icos .package-1.content-7 {background-position:-4px -103px;}
				
			.product-medium-thumb,.product-overlaythumb {
				float:left;width:100%;text-align:center;display:block;max-height:170px;
				overflow:hidden;
			}
			.product-medium-thumb img,.product-overlaythumb img {max-height:170px;}
			.product-name {
				position:absolute;
				bottom:0;
				display:block;width:100%;text-align:center;
				overflow:hidden;
				white-space:nowrap;
				text-overflow:ellipsis;
				color:#fff;
				background:#5b5b5b;
				height:24px;
				line-height:24px;
			}
			.product-overlay {
				background: none repeat scroll 0 0 #FFFFFF;
				border: 1px solid #C5C5C5;
				display: none;
				height: 210px;
				left: -21px;
				position: absolute;
				top: -18px;
				width: 220px;
				z-index: 2;
				box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);
			}

			.product-overlaybox {
				background: none repeat scroll 0 0 #AC001F;
				bottom: 0;
				color: #FFFFFF;
				padding: 8px 0;
				position: absolute;
				text-align: center;
				width: 100%;
				
			}
				.product-overlaybox span {display:inline-block;padding:0 5px;line-height:100%;}
				.product-type {
					color: #FFFFFF;
					font-size: 10px;
					font-weight: 300;
					padding: 5px;
				}
				.product-overlaythumb img {margin-top:-8px;}
				.product-overlaythumb {width:100%;text-align:center;}
					span.see-details {
						background-image: url("../images/harboe-sprite.png");
						background-position: 59px -946px;
						background-repeat: no-repeat;
						color: #43000C;
						display: inline-block;
						font-size: 10px;
						font-weight: 300;
						height: 16px;
						line-height: 16px;
						margin: 0;
						padding: 0 26px 0 0;
					}
/* -- com_harboe > view: product -- */
#single-product {float:left;width:100%;clear:both;/*padding:65px 0 0 0;*/}
	.single-left {float:left;width:340px;}
	.single-right {float:right;width:360px;}
	#single-product h4,#single-product h5 {
		margin:0;
		padding:20px 0;
		line-height:100%;
		font-size:14px;
		color:#666666;
		font-weight:300;
		text-transform:uppercase;
	}
		#single-product h5 {
			color: #999;
			font-size: 13px;
			margin: -20px 0 0;
			padding: 0 0 20px;
			text-transform: none;
		}
	#product-top {float:left;width:100%;clear:both;}
		#top-left {
			border: 1px solid #C5C5C5;
			text-align: center;
			width: 338px;
			height:410px;
			transition:all .25s ease-in-out;
		}
		#top-left:hover {box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);}
			#top-left img {}
		#top-right {}
			#top-thumbs {
				float: left;
				padding-bottom: 8px;
				width: 100%;
			}
				#top-thumbs ul {margin:0;}
					#top-thumbs li.active,#top-thumbs li:hover,
					#bottom-thumbs li.active,#bottom-thumbs li:hover {border-color:#ac001f;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);}
					
					#top-thumbs a:hover,#top-thumbs li.active a,#top-thumbs li.active .package-content,
					#bottom-thumbs a:hover,#bottom-thumbs li.active a,#bottom-thumbs li.active .package-content {color:#ac001f;}
					#top-thumbs li,#bottom-thumbs li {
						border: 1px solid #C5C5C5;
						display: block;
						float: left;
						height: 102px;
						line-height: 100%;
						list-style: none outside none;
						padding: 0;
						position: relative;
						text-align: center;
						width: 79px;
						margin:0 10px 10px 0;
					}
					#bottom-thumbs li {height:91px;}
					#top-thumbs li:nth-child(4n),#bottom-thumbs li:nth-child(4n) {margin-right:0;}
						#top-thumbs li a,#bottom-thumbs li a {
							display: block;
							float: left;
							height: 100%;
							text-decoration: none;
							width: 100%;
							color: #7D7D7D;
							cursor:pointer;
						}
						.small-img {
							display: block;
							float: left;
							height: 90px;
							overflow: hidden;
							text-align: center;
							width: 100%;
						}
						.package-content {
							background: none repeat scroll 0 0 #FFFFFF;
							bottom: 0;
							/*color: #7D7D7D;*/
							font-size: 9px;
							left: 0;
							overflow: hidden;
							padding: 3px 0;
							position: absolute;
							text-decoration: none;
							text-overflow: ellipsis;
							white-space: nowrap;
							width: 100%;
						}
						#product-content .cpackage {display:none;}
						
						/*overrides to hide the country notice*/
						#single-product.single-countries-package-82 .country-notice,
						#single-product.single-countries-package-30 .country-notice {display:none;}
						
						
			#top-right h1 {
				float: left;
				line-height: 120%;
				padding: 0 0 8px;
				width: 100%;
			}
			#product-content {float:left;width:100%;}
				#product-content p {}
			#product-specs {float:left;width:100%;clear:both;margin-top:10px;}
				#product-specs ul {
					border-bottom: 1px solid #E1E1E1;
					border-top: 1px solid #E1E1E1;
					float: left;
					margin: 0;
					padding: 12px 0;
					width: 100%;
				}
					#product-specs li {
						color: #7D7D7D;
						display: block;
						float: left;
						font-size: 12px;
						line-height: 120%;
						list-style: none outside none;
						padding: 9px 0;
						width: 33%;
					}
					#product-specs span {
						font-weight:600;
						color:#5a5a5a;
					}
					
	.clearboth {clear:both;}
	.flt-left {float:left;}
	#product-bottom {float:left;width:100%;clear:both;}
		#bottom-left {}
			#explore-box {float:left;width:200px;/*width:100%;*/}
				table#product-explore {width:100%;}
				#product-explore td {
					color: #9A9A9A;
					font-size: 12px;
					font-weight: 300;
					line-height: 125%;
					overflow: hidden;
					padding: 3px 0;
					text-align: left;
					vertical-align: top;
				}
					td.left-td {width:40%;/*25*/}
					#product-explore span {color:#ac001f;text-decoration:underline;cursor:pointer;}
						#product-explore span:hover {text-decoration:none;color:#9A9A9A;}
						.hidden {display:none;}
			#data-box {float:left;width:120px;}
				#view-datasheet,.download-pdf,.moduletable_sitemap a,.subtoggle {
					background-image: url("../images/harboe-sprite.png");
					background-position: 8px -891px;
					background-repeat: no-repeat;
					border: 1px solid #C5C5C5;
					color: #AC001F;
					display: block;
					float: left;
					font-size: 11px;
					line-height: 100%;
					padding: 9px 10px 9px 30px;
					text-align: center;
					text-decoration: none;
					transition:border .2s ease-in-out;
				}
				#left .subtoggle {
					display:none;
					margin:5px 0 10px 0;
					padding:4%;
					width:92%;
					background-image:url("../images/mmenu.png");
					background-position:5% 50%;
				}
				#left #close-submenu {display:none;}
				.download-pdf {margin:0 0 20px 0;clear:both;}
				#view-datasheet:hover {border-color:#ac001f;}
		#bottom-right {}
			#bottom-right ul {margin:0;}
				#bottom-right li {padding:0;list-style:none;line-height:100%;}
					#bottom-right a {}
					
/* ERROR 404 PAGE */
#errorboxoutline {border: 1px solid #CCCCCC;box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);}
#errorboxheader {
    background: none repeat scroll 0 0 #ac001f;
    border-bottom: medium none;
    padding: 14px 0;
	font-size:24px;
	line-height:33px;
}
#errorboxbody ol,#errorboxbody ul {margin-left:25px;}
#errorboxbody li {list-style:square;padding:2px 0;line-height:125%;}
#errorboxbody {padding: 30px;}
#error-image {padding: 30px;text-align: center;}
#errorboxbody a {color: #ac001f;font-size: 16px;font-weight: 600;text-decoration: none;}
.error .homelinks li {color:#ac001f;}
.error #latest_container {margin:10px 0 20px 0;}
#error-logo {
    background-position: 0 -495px;
    display: inline-block;
    height: 70px;
    width: 167px;
}

/* DK muudatused */
.da-dk #popup-inner {width:495px;}
.da-dk a#age-yes .age-btn-cont {left:30px;}
.da-dk a#age-no .age-btn-cont {left:19px;}
.da-dk #frontpage-left .fp-info p {height:205px;}
.da-dk .moduletable_fp-new {margin-top:75px;}
.da-dk #logo {background-image: url("../images/harboe-sprite-dk.png");}

/* general login */
.login fieldset {clear:both;}
.login fieldset label {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    padding: 5px 0;
}
.login fieldset input#remember {width:auto;}
.login fieldset button.btn {}

/* new login prompt position */
#login-link {position:relative;display:none;}
#login-container { position: absolute; display:none;z-index: 10; top: 35px; right: 0; border: 1px solid #ccc;box-shadow: 0 0 15px 0 rgba(0,0,0,.2);  }
#login-container::before {font-family: arial; position: absolute; top: -12px; right: 69px; display: block; content: '▲'; color: #ccc;}
.da-dk li#login-link {display:none;}




