body,html {
	margin:0;
	padding:0;	
}
body {
	/* background:#5575B2 url(../images/background.jpg) no-repeat center center fixed; */
	background:#5575B2;
	font-family:Roboto,sans-serif;
	position:relative;
	background-size:cover;
	min-height: 100vh;
	padding-top:20px;
}
body:before {
	content:'';
	position: absolute;
    top: 0;
    left: 0;
	bottom:0;
	right:0;
	z-index:1;
	background:rgba(255,255,255,0.2);
	background:url(../images/raster.png) repeat;	
}
a,a:active,a:visited {
	color:#7b8b9b;
}
a:hover,a:focus {
	color:#3A5199;
}

.headerbody.main {
	max-width:95%;
	margin:0 auto;	
}
.main {
	max-width:100%;	
}
.whitebox {
	background:#fff;
	border-radius:5px;
	box-shadow:0px 0px 2px rgba(0,0,0,0.2);
	margin-bottom:20px;
	padding:20px;
	color:#464646;
}
body > div {
	position:relative;
	z-index:3;	
}
#nav {
	background:#ffffff;
	box-shadow:inset 0px -20px 40px rgba(0,0,0,0.2),0px -20px 40px rgba(0,0,0,0.2);
	text-transform:uppercase;
	padding:10px 20px;
}
.whitebox > .row {
	margin-bottom:10px;	
}
h1:empty {
	display:none;
}
h1,h2,h3,h4,h5,h6 {
	text-rendering: optimizeLegibility;	
	line-height:1.2em;
}
h1,.page-header h2 {
	font-size:28px;
	padding:10px 15px;
	margin-bottom:20px;
	color:#7b8a9d;
	background:#d2d2d2;
	border-radius:3px;
	font-weight:normal;
}
h1 a,.page-header h2 a {
	color:#7b8a9d;
	text-decoration:none
}
h1 span,.page-header h2 span {
	color:#050505;
}
.moduletable {
	margin-bottom:20px;
}
.moduletable h3 {
	background:#050505;
	padding:5px 8px;
	color:#bcbabb;
	border-radius:3px;
	margin-bottom:20px;
}
.moduletable h3 span {
	color:#84929d;
}
#nav .menu {
	padding:0;
	margin:0px 0px;	
}
#nav .menu > li {
	float:left;
	padding:6px 4px;
	list-style:none;
}
#nav .menu > li a,#nav .menu > li span {
	padding:5px 9px;
	color:#7a8b9d;
	display:inline-block;
	text-decoration:none;
	font-size:1.05em;
	font-weight:bold;
}
#nav .menu > li a:hover,#nav .menu > li.current > a {
	background:#3A5199;
	color:#fff;
}
#nav .menu > li + li {
	margin-left:10px;
	border-left:1px solid #ddd;	
	padding-left:10px;
}
#footer {
	padding: 20px 20px;
    color: #464646;
	background:#fff;
	border-top:5px solid #3A5199;
	box-shadow:0px -10px 20px rgba(0,0,0,0.4);
}
#footer a,#header a {
	color:#464646;	
}

.button,.btn,.btn.btn-primary {
	background:#3A5199;
	border-color:#2A3179;
	color:#fff !important;
	font-size:1.1em;
}
.button:hover,.btn:hover,.btn.btn-primary:hover {
	background:#2A3179;
	color:#fff !important;
}

.btn.btn-warning {
	background-color: #ec971f;
    border-color: #eb9316;
}
.btn.btn-warning:hover {
    background-color: #eb9316;	
}

.btn.btn-success {
	background-color: #449d44;
    border-color: #419641;
}
.btn.btn-success:hover {
	background-color: #419641;
}

.btn.btn-error {
	background-color:#c9302c;
    border-color:#c12e2a;
}
.btn.btn-error:hover {
	background-color:#c12e2a;	
}
table,td,th {
	border-spacing:0px;
	border-spacing:2px;
	border-collapse:separate;
}
th,td {
	border:1px solid #ccc;	
	padding:3px 5px;
}
td {
	border:1px solid #ddd;	
}
th {
	background:#f1f1f1;
	box-shadow:inset 0px -2px 10px rgba(0,0,0,0.1);
	text-align:left;
}
thead th {
	color:#3A5199;	
	text-transform:uppercase;
}

.carousel {
	margin:-23px 0px -12px 0px !important;

}
.carousel li {
	background:#fff;
	background:rgba(0,0,0,0.9);
	box-shadow:inset 0px 0px 20px rgba(0,0,0,0.8);
	overflow:hidden;
}
.carousel img {
	object-fit:contain;	
	min-width:100%;
	height:auto;
	margin-bottom:-5px;
	vertical-align:bottom;
}
.carousel .row {
	margin:0;	
}
.carousel ul li {
	position:relative;
}
.carousel ul li .slidecontent {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	padding:20px;
	margin:20px;
	overflow:hidden;
	z-index:4;
	box-shadow:0px 0px 15px rgba(0,0,0,0.2)
}
.carousel ul li .slidecontent > img {
	-webkit-filter: blur(5px);
	  -moz-filter: blur(5px);
	  -o-filter: blur(5px);
	  -ms-filter: blur(5px);
	  filter: blur(5px);
	  position:absolute;
	  bottom:0px;
	  left:0px;
		z-index:3;
		max-width:none;
		margin:-20px;
}
.carousel ul li .slidecontent:after {
	content:' ';
	background:rgba(255,255,255,0.3);	
	z-index:4;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.carousel ul li .slidecontent * {
	position:relative;
	z-index:5;
	margin:0;
	color:#fff;
	text-shadow:1px 1px 1px #000;
}
.carousel .prev,.carousel .next {
	display:none;
	width:32px;
	height:32px;
	overflow:hidden;
	position:absolute;
	top:50%;
	margin:-32px 0px;
	border-radius:50%;
	background:rgba(255,255,255,0.7);
	font-size:42px;
	text-align:center;
	text-indent:32px;
	box-shadow:0px 0px 4px rgba(0,0,0,0.4);
}
.carousel:hover .prev,.carousel:hover .next {
	display:block;
}
.carousel .prev {
	left:20px;
}
.carousel .next {
	right:20px;
}
.carousel .prev:after,.carousel .next:after {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	text-shadow:-1px -1px 1px #333;
	color:#999;
	z-index:6;
	text-indent:0;
	line-height:32px;
}
.carousel .prev:after {
	content:'<';
}
.carousel .next:after {
	content:'>';
}

#fancybox-overlay {
	background:url(../images/raster.png);	
}
.pagenav {
	display:flex;
	justify-content:flex-end;
	margin-bottom:20px;
}
.pagenav a,.pagenav span {
	margin-right:7px;
	display:inline-block;
	padding:4px 8px;
	text-decoration:none;
}
.pagenav a {
	background: #3A5199;
    border:1px solid #2A3179;
    color: #fff !important;
}
.pagenav span,.pagenav a:hover {
	color:#3A5199 !important;
	border:1px solid #2A3179;
	background:#d1d1d1;
	text-decoration:none;
}
.product_next_prev {
	border-bottom:1px solid #d1d1d1;
	padding-bottom:0px;
	margin-bottom:10px;	
}
.product_next_prev a {
	color:#b1b1b1;
	text-decoration:none;
	font-size:0.9em;
	font-style:italic;
}
.header-inner .row {
	display:flex;
	margin:0;
	margin-bottom:-10px;
}
.header-inner .row > div {
	display:flex;
	justify-content:center;
	align-items:center;		
}
.header-inner .row > div > * {
	margin:0;
	margin-bottom:10px;
}
.customtel {
	text-align:right;
	position:relative;
}
.customtel:before {
	content:' ';
	position:absolute;
	width:48px;
	height:48px;
	background:url(../images/tel.png) no-repeat;
	right:100%;
	top:0px;
	background-size:contain;
}
.customtel a {
	font-size:2.4em;
	line-height:1em;
	text-decoration:none;
}
.customtel p:last-child {
	margin:0;	
}
.centertop {
	display:flex;
	justify-content:center;
	align-items:center;	
}
.customtel .free a {
	font-size:3em;
}
.opening_times {
	font-size:1.1em;
	list-style:none;
	padding:0;
	margin:0;
}
#component {
	padding:0px;	
}
#component > h1,.page-header > h2  {
}
.productcontainer .imgcont {
	margin-bottom:20px;	
}
.productcontainer .imgcont.noimage {
	background:url(../../../images/noimage.png) no-repeat 50% 50%;
	background-size:contain;
	opacity:0.5;	
}
.productcontainer .imgcont.noimage * {
	visibility:hidden;
}
.productcontainer .title a {
	max-height:2em;
	font-size:0.9em;
	color:#616161;
	text-decoration:none;
	display:block;
	text-align:center;
}
.productcontainer {
	border:1px solid #d2d2d2;
	padding:20px;
	background:#fefefe;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
	border-radius:1px;
}
#products > .row {
	display:flex;
}
#products {
	display:block;
	width:auto;	
}
#products div.price {
	float:right;
	font-size:1.3em;
	text-align:right;	
}
#products .buttons {
	float:left;	
}
a.gallery.loaded img {
	border:1px solid #d2d2d2;
	padding:4px;
	display:block;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
	background:#fdfdfd;
	transition:transform ease-in-out 0.4s;
}
a.gallery {
	perspective: 94px;
	position:relative;
	transform-style: preserve-3d;
	display:block;
}
a.gallery.loaded img {
	transform:rotate3d(0,1,0,0deg);
}
a.gallery.loaded img:hover {
	transform:rotate3d(0,2,1,-2deg);
}
#products {
	margin-bottom:20px;	
}

.downloads {
	border-top:1px solid #ddd;
	padding-top:20px;
	list-style:url(../images/attachment.png);
	font-size:1.3em;
	line-height:32px;
}
.downloads li {
	padding-bottom:10px;	
}
.row-fluid {
	/*display:flex;	*/
}
#sidebar {
	border-right:1px solid #d2d2d2;
	box-shadow:5px 0px 15px rgba(0,0,0,0.03) 
}
.sidebar-nav {
	padding-right:20px;
}
.sidebar-nav > * > h3 {
	margin-bottom:3px;
}
.sidebar-nav > * > div {
	padding:20px;
	margin-bottom:20px;	
	background:#f4f4f4;
	box-shadow:inset -4px -4px 8px rgba(0,0,0,0.05);
	border-radius:3px;
}
.sidebar-nav .categories_container ul {
	padding:0;
	margin:0;
	list-style:none;	
}
.sidebar-nav .categories_container > ul {
	font-size:1.3em;
}
.sidebar-nav .categories_container > ul > li > ul {
	font-size:0.8em;
}
.sidebar-nav .categories_container > ul ul {
	margin-left:20px;	
}
.sidebar-nav .categories_container li a {
	padding:8px 10px;
	display:block;
	margin-bottom:1px;
	text-decoration:none;
}
.sidebar-nav .categories_container li a:hover,.sidebar-nav .categories_container li.active a {
	background:rgba(0,0,0,0.1);
}
#sidebar .custom_brands {
	background:#414141;
	color:#fff;
}
.brands {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	list-style:none;
	padding:0;
	margin:0;
	align-items: center;
}
.brands > li {
	padding:20px;	
}
.homepage_sections {
	background:#fff;
	padding:20px;
	box-shadow:inset 0px -20px 30px 0px rgba(0,0,0,0.1);
	margin-bottom:20px;
	border-radius:0px 0px 3px 3px;
}
.flex {
	display:flex;
}
.homepage_sections .flex {
	justify-content:center;	
	flex-wrap:nowrap;
}
.homepage_sections > div > div {
	padding:20px;
	box-sizing:content-box;
}
.homepage_sections > div > div > h2 {
	text-align:center;
	line-height:34px;
	font-size:27px;
	color:#959596;
	color: #135cae;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:underline;
}
.homepage_sections h3 {
	color:#7b8c9e; 
	font-size:1.3em;
	color: #135cae;
	font-size: 1.6em;
	font-weight: bold;
}
.moduletable .homepage_sections .flex {
	display:block;	
}
.moduletable .homepage_sections .flex > div {
	padding:0;	
}
.moduletable .homepage_body h3 {
	background:none;
	padding:0;	
}
.customcta p {
	padding:10px;
	font-size:1.2em;
	background:#f1f1f1;
	margin:10px 0px;
	line-height:1.3em;
}
.searchbar {
	position:relative;	
}
.searchbar input[type="text"] {
	width:100%;
	height:30px;
	padding-right:32px;
	box-sizing:border-box;
}
.searchbar input[type="submit"] {
	width:25px;
	height:25px;
	position:absolute;
	border:none;
	background:#f8f8f8 url(../images/searchicon.png) no-repeat;
	right:3px;
	top:3px;
	box-shadow:none;
	overflow:hidden;
	text-indent:-9999px;
	padding:3px;
}
#subcategories .row {
	display:flex;
	margin-bottom:20px;
}
#subcategories .row > * {
	background:#ededed;
	padding:10px;
	font-size:1.1em;
	text-align:center;
}
.chzn-container {
	line-height: 26px;
}
.searchbar input[type="submit"]:hover {
	background-color:transparent;	
}
.cart-filter {
	text-align:right;
}
.cart-filter > * {
	display:inline-block;
	margin-left:5px;
}
.cart-filter select {
	display:inline-block;
	width:auto;
}
.muskoka .header-inner.whitebox {
	background:#c8d9ec;
}
.productcontainer .imgcont {
	padding-top:75%;
	position:relative;
}
.productcontainer .imgcont img {
	position:absolute;
	top:0;
	align-self: center;
	object-fit:contain;
}
.chzn-container {
	max-width:100%;	
}
#content {
	font-size:1.2em;
	line-height:1.6em;
}
.com_content #component span {
	font-size:inherit !important;	
}
@media (max-width: 750px) {
	.homepage_sections .flex {
		display:block;
	}
	.homepage_sections > div > div {
		padding-bottom:0px;	
	}
}
.responsemenu_icon {
	display:none;	
}
.responsemenu li > span,.responsemenu li > a {
	display:block;
	padding:7px 6px;
	font-size:1.3em;
	min-width:200px;
	cursor:pointer;
}
.responsemenu li > span:after {
	color:#ddd;
	content:'>';
	float:right;
}
.responsemenu li + li {
	border-top:1px solid #555;	
}
.responsemenu ul {
	padding:20px 0px !important;	
	clear:both;
}
.responsemenu > a {
	float:right;	
}
.responsemenu > a.back {
	float:left;	
}
#nav .menu > li a.promotion {
	color:#C83537;
	position:relative;
}
#nav .menu > li a > span {
	padding:0px;
	color:inherit;
	background:inherit;
}
#nav .menu > li a.promotion > img {
	position:absolute;
	right:-5px;
	top:-7px;
}
#nav .menu > li a.promotion:hover,#nav .menu > li.active > a.promotion {
	background:#C83537;
	color:#fff;
}
#nav .menu > li {
	height:50px;	
}
body .fixedheader {
	max-width:100%;
	width:100%;
}
body .fixedheader.fixed {
    position: fixed;
    top: 0px;
    z-index: 1000;
	left:2.5%;
	right:2.5%;
	width:auto;
}

.mainnav.whitebox {
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}
@media (max-width: 860px) {
	.mainnav {
		display:none;	
	}
	#logo {
		padding-top:20px;	
	}
	.customtel a {
		font-size:1.4em;
	}
	.customtel .free a {
		font-size:2em;	
	}
	#header .responsemenu_icon {
		position:fixed;
		top:5px;
		left:5px;
		background:#000;
		background:rgba(0,0,0,0.8);
		display:inline-block;
		font-size:1.2em;
		color:#fff;
		text-transform:uppercase;
		padding:5px;
		border-radius:3px;
		box-shadow:0px 0px 20px rgba(0,0,0,0.1);
		border:2px solid #000;
		z-index:10000;
	}
}
@media (max-width: 600px) {
	body,body:before {
		background:#fff;	
	}
	.row-fluid {
		display:block;	
	}
	.sidebar-nav {
		padding:0;
	}
	#sidebar {
		border:none;	
	}
	.row {
		display:block !important;	
	}
	.opening_times {
		text-align:center;	
	}
	.customtel {
		text-align:center;	
	}
	.header-inner {
		background:rgba(255,255,255,0.8);
		border-radius:0px;
		margin:0;
	}
	.whitebox,#body,#footer,body,#nav {
		border-radius:0px;
		margin:0;
		box-shadow:none;
	}
	#slider {
		margin:20px 0px;
		background:#fff;	
	}
	#slider .slidecontent {
		display:none;
	}
}