
	header ul {
		list-style-type: none;
		margin: 0;
	}

	header ul > li {
		margin: 0 1em;
	}

	header #navbar-brand .col_a li {
		float:left;
	}

	header #navbar-brand .col_b li {
		float:right;
	}

	header #navbar-brand .navbar-brand {
		height:auto;
		padding: 10px 0px 0px 0px;
	}

	header #navbar-brand ul {
		margin-top: 6px;
		padding: 10px 0px 9px 0px;
	}

	header #navbar-top .container > * {
		font-size:13px;
		padding-bottom:8px;
		padding-top:10px;
	}

	header #basket a:hover {
		text-decoration:none;
	}

	header ul #search {
		background: white;
		padding: 0;
	}

	header ul #search input {
		border: none;
		color: #b74b80;
		margin: 0 !important;
		padding: 0 0.5em;
	}

	header ul #search button {
		background: none;
		border: none;
		padding: 0 0.42em;
		color: #666;
		font-size: 1.2em;
	}

	header ul li#basket {
		color:#fff;
		transition: transform .2s;
	}

	header #navbar-brand li {
		background-repeat:no-repeat;
		background-size:contain !important;
		cursor:pointer;
		display: flex;
		justify-content: center;
		-webkit-justify-content: center;
		height:40px;
		margin: 0px 15px;
		width:40px;
	}


	header ul li#basket label {
		cursor:pointer;
		font-weight:normal;
	}

	header #navbar-brand li > * {
		color: #000;
		display: block;
		font: 9px calibri, arial, sans-serif;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		padding-top: 40px;
	}



	header #navbar-brand .search {			background-image:url('/_images/icons/search.png'); }
	header #navbar-brand .search:hover {	background-image:url('/_images/icons/search-white.png'); }
	header #navbar-brand .sale {			background-image:url('/_images/icons/sale.png'); }
	header #navbar-brand .delivery {		background-image:url('/_images/icons/delivery.png'); }
	header #navbar-brand .returns {			background-image:url('/_images/icons/returns.png'); }
	header #navbar-brand #basket {			background-image:url('/_images/icons/shopping.png'); }
	header #navbar-brand .contact {			background-image:url('/_images/icons/contact.png'); }
	header #navbar-brand .testimonials {	background-image:url('/_images/icons/testimonials.png'); }
	header #navbar-brand .blog {			background-image:url('/_images/icons/blog.png'); }

	header #navbar-brand ul.col_a.active .search:hover { background-image:url('/_images/icons/close-x.png'); filter: invert(1); -webkit-filter: invert(1); }




	header ul li,
	header a {
		color: inherit;
	}

	header #navbar-brand {
		background-color: #339dff;
		color:#000;
	}


	header, nav	{
		border-bottom:none !important;
		padding:0;
		/*text-transform: uppercase;*/
	}
	
	nav	{
		font-family: 'Radio Canada Big', 'Open Sans', helvetica;
	}

	.navbar > * {
		width:100%;
	}

	header #navbar-top .col_b,
	header #navbar-brand .col_b li {
		text-align:right;
	}


	#main-navigation.fixed_header {
		background-color:#f8f8f8;
		top:0px;
		position:fixed;
		z-index: 10;
	}



@media (max-width: 992px) {
	header #navbar-top .col_a,
	header #navbar-top .col_b {
		text-align:center;
	}
		
	header #navbar-brand {
		display:none;
	}
		
	#main-navigation nav > a.navbar-brand,	
	#main-navigation nav > a.navbar-search {
		display: block;
	}
		
	#main-navigation nav {
    	background-color: #339dff;
		width: 100% !important;
	}
	
	#main-navigation nav .dropdown > a,
	#main-navigation nav {
		font-size:1.35em;
	}
	
	#main-navigation nav > a.navbar-brand {
		border:none;
		float:left;
		height: auto;
		padding-bottom:0px;
		padding-top:0px;
		width: auto;		
	}
	
	#main-navigation nav > button {
		float: right;
	}
	
	#main-navigation nav > button > span.glyphicon-menu-hamburger {
		border:none;
		padding:0px;
		font-size:2em;
	}
	
	#main-navigation nav .dropdown.open > a {
		background-color:#db781d;
		padding: 5px 15px 5px 15px;
		width:100%;
	}
	
	#main-navigation nav > a.navbar-search {
		margin: auto 20px auto auto;
	}
	
	#main-navigation nav > a.navbar-search,
	#main-navigation nav > a.navbar-search img {
		height:50px;
		width: auto;
	}
}


header #navbar-brand #search_products * {
	background-color:transparent;
	border:none;
	color:#fff;
	float:left;
	font-size:1.5em;
	padding:5px;

}

header #navbar-brand #prod_search::-webkit-input-placeholder	{ color: #fff; } /* these classes must be set individually */
header #navbar-brand #prod_search:-ms-input-placeholder 		{ color: #fff; }
header #navbar-brand #prod_search:-moz-placeholder 				{ color: #fff; } /* Firefox 18- */ 
header #navbar-brand #prod_search::-moz-placeholder 			{ color: #fff; } /* Firefox 19+ */ 

header #navbar-brand #prod_search {	width:66%; }
header #navbar-brand .do_search { width:15%; cursor:pointer; }
header #navbar-brand #search_products .do_search:hover { color:#FF8A1F; }




header #navbar-brand #search_products #nav_search_results,
header #navbar-brand #search_products #nav_search_results * {
	background-color: transparent; 
	border: none; 
	color: unset; 
	float: unset; 
	font-size: unset; 
	padding: unset; 
}
header #navbar-brand #search_products #nav_search_results {
	padding-left: 15px;
	padding-right: 15px;
}
header #navbar-brand #search_products #nav_search_results.on,
header #navbar-brand #search_products #nav_search_results products li a {
	display: flex;
	display: -webkit-flex;
}
header #navbar-brand #search_products #nav_search_results {
	align-items: flex-start;
	-webkit-align-items: flex-start;
	background-color: #c5c3c2;
	border-radius: 0px 0px 8px 8px;
	box-shadow: 0 15px 30px rgba(100, 100, 100, 0.4);
	display: none;
	height: auto;
	overflow: hidden;
	position: absolute;
	min-height: 315px;
	top: 70px;
	width: 650px;
	z-index: 9999;
}
header #navbar-brand #search_products #nav_search_results suggestions {
	float: left;
	padding: 15px 10px 10px 15px;
	width: 40%;
}
header #navbar-brand #search_products #nav_search_results ol {
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
header #navbar-brand #search_products #nav_search_results ol li {
	display:block;
}
header #navbar-brand #search_products #nav_search_results li {
	height: unset;
	margin: 0px;
	padding-bottom: 4px;
	width: 100%;
}
header #navbar-brand #search_products #nav_search_results suggestions needle {
	border-bottom: 1px solid #eee;
	color: #005299;
	font-weight: 600;
}
header #navbar-brand #search_products #nav_search_results products {
	float: right;
	width: 60%;
}
header #navbar-brand #search_products #nav_search_results products ol label {
	margin-bottom: 0px;
	padding: 15px 20px 10px 20px;
}
header #navbar-brand #search_products #nav_search_results #nav_search_products > li.sr:first-of-type {
	border-radius: 5px 5px 0px 0px;
}
header #navbar-brand #search_products #nav_search_results products li.sr:nth-of-type(odd) {
	background-color: #f0f0f0;
}
header #navbar-brand #search_products #nav_search_results products li.sr:nth-of-type(even) {
	background-color: #f7f7f7;
}
header #navbar-brand #search_products #nav_search_results products li.sr {
	padding: 10px 20px 10px 15px;
}
header #navbar-brand #search_products #nav_search_results #nav_search_products > li:last-of-type {
    border-radius: 0px 0px 5px 5px;
}
header #navbar-brand #search_products #nav_search_results.on,
header #navbar-brand #search_products #nav_search_results products li a {
	display: flex;
	display: -webkit-flex;
}
header #navbar-brand #search_products #nav_search_results products li a {
	color:#333;
	font-size: 15px;
}
header #navbar-brand #search_products #nav_search_results products li img {
	background-color: #fff;
	border: 5px solid #fff;
	box-shadow: 0 0 1px #ddd;
	margin-right: 15px;
	object-fit: cover;
	width: 80px;
	height: unset;
}
header #navbar-brand #search_products #nav_search_results products .view_all_search {
	background-color: #5664a7;
	border: none;
	border-radius: 4px;
	color: #fff;
	font-size: 20px;
	margin: 15px 0px;
	padding: 10px 20px;
	text-align: center;
}


@media screen and (min-width:1660px) {
	header #navbar-brand #search_products #nav_search_results {
		right:-27px;
	}
}
	



#nav-mnu-basket {
	display:none;
}


/* Everything directly under our nav get's assigned inline-block */
nav > * {
	display: inline-block;
	width: initial;
}


/* Universal */
nav div > ul {
	position: absolute;
	display: none;
	z-index: 1000;
}

nav ul > li > * {
	width: 100%;
	display: block;
}

/* Button formatting */
nav > button {
	/* Do not display unless media query */
	display: none;
	
	/* Default styling */
	text-align: right;
	background: none;
	border: none;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

nav > button > span {
	padding: 0.5em;
	border: #666 thin solid;
	border-radius: 4px;
}

/* Form inputs should look bootstrap-esc by default */
nav form input {
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
}

/* Override Default List Formatting */
nav ul, nav ol, nav li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;

	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
	
	-moz-margin-before: 0;
	-moz-margin-after: 0;
	-moz-margin-start: 0;
	-moz-margin-end: 0;
	-moz-padding-start: 0;
	
	-ms-margin-before: 0;
	-ms-margin-after: 0;
	-ms-margin-start: 0;
	-ms-margin-end: 0;
	-ms-padding-start: 0;
	
	-o-margin-before: 0;
	-o-margin-after: 0;
	-o-margin-start: 0;
	-o-margin-end: 0;
	-o-padding-start: 0;
	
	margin-before: 0;
	margin-after: 0;
	margin-start: 0;
	margin-end: 0;
	padding-start: 0;
}



@media screen and (min-width:768px) {
	#main-navigation,
	#main-navigation nav > div,
	#main-navigation nav > a,
	#main-navigation nav .navbar-brand > .asset_logo_main_white,
	#main-navigation nav .dropdown,
	#main-navigation nav .dropdown-menu {		
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	body#gift-vouchers 				.fixed_header #nav-mnu-gift-vouchers,
	body#gift-voucher 				.fixed_header #nav-mnu-gift-vouchers,
	body#range-styles 				.fixed_header #nav-mnu-styles,
	body#range-brands 				.fixed_header #nav-mnu-brands,
	/*body#range-sale 				.fixed_header #nav-mnu-sale,
	body#range-page.sale 			.fixed_header #nav-mnu-sale,*/
	body#range-new-styles			.fixed_header #nav-mnu-just-arrived,
	body#range-page.just_arrived 	.fixed_header #nav-mnu-just-arrived,
	body#about-store				.fixed_header #nav-mnu-store {
		background-color:#fff;
	}

	#main-navigation.fixed_header nav .dropdown-menu {
		top:auto;
	}

	#main-navigation.fixed_header .dropdown:hover,
	#main-navigation.fixed_header .dropdown .dropdown-menu {
		background-color: #555 !important;
		z-index: 999;
	}

	#main-navigation.fixed_header nav .dropdown:hover a {
		color: #fff;
	}

	#main-navigation.fixed_header nav > a.navbar-brand {
		display:block;
		padding:0px;
	}

	#main-navigation.fixed_header nav > a.navbar-brand > .asset_logo_main_white {
		zoom: 0.8;
	}
}


/* Desktop */
@media (min-width: 992px) {	
	nav ul > a > li {
		display: block;
		padding-bottom:5px;
		padding-top:5px;
	}

	nav .dropdown:hover {
		color: #db781d !important;
		background-color: #f8f8f8;
	}

	header #navbar-top .col_b a:first-of-type {
		padding-right:15px;
	}
	
	#main-navigation nav > a.navbar-brand,
	#main-navigation:not(.fixed_header) nav > a.navbar-brand{
		display: none;	
	}	
	
	/* On desktop disable all bootstrap grid classes on selected elements */	
	nav .ignore-grid-on-full-menu {
		display: inline-block !important;
		float: none !important;
		width: auto !important;
	}
	
	nav > .ignore-grid-on-full-menu > * {
		display: inline-block !important;
		float: none !important;
	}

	.fixed_header #nav-mnu-basket:not(.pcount_0) {
		display:block;
	}
		
	.navbar-collapse {
		padding:0px;
	}
}



nav #basket-xs {
	display:none;
}


@media (min-width: 992px) {
	nav {
		background: transparent;
	}

	nav > div, nav > a {
		/* Main Navigation */
		
		padding-bottom: 15px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 15px;
	}

	nav div, nav div > a, nav > a {
		border: 1px solid transparent;
		font-size: 1em;
		font-weight: 500;
		text-decoration: none;
		color: #339dff;
	}

	nav .dropdown:hover .dropdown-menu {
		display:block !important;
	}

	nav .dropdown:hover ul.dropdown-menu li {
		float:left;
		padding:2px 3px 4px 3px;
		width:24%;
	}
	
	body.sale #nav-mnu-sale {
		background-color:#fff0f0;
	}
	
	body.sale #nav-mnu-sale > a {
		color:#bd4848;
	}
	
	
	body#range-new-styles			.fixed_header #nav-mnu-just-arrived,
	body#range-page.just_arrived 	.fixed_header #nav-mnu-just-arrived {
		background-color: transparent;
	}

	body.just_arrived #nav-mnu-just-arrived a {
		padding: 4px 8px 3px 8px;
		border-radius: 4px;
		background-color: #ffdd00;
	}

	nav .dropdown:hover, nav .dropdown:hover a, nav > a:hover {
		/* Main Navigation Hover */
		color: #333;		
		text-decoration: none;
	}

	nav .dropdown {
		position:static;
	}

	nav ul.dropdown-menu {
		/* Dropdown Container */
		margin:0;
		padding-bottom: 10px;
		padding-top: 10px;
		position:absolute;
		text-decoration: none;
		top:165px;
		width:100%;
	}

	nav .dropdown:hover, /*nav .dropdown:hover a,*/ nav > a:hover, nav ul.dropdown-menu {
		background-color: #f4f4f4;
	}
	
	nav .dropdown > ul.dropdown-menu > div > li > a {
		/* Dropdown Part */
		
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		color: #333;
	}
	
	nav div > ul > li > h1 {
		/* Dropdown Heading */
	   font-size: 1.5em;	   
	   color: #9CC677;
	}
	
	nav .dropdown .dropdown-menu a:hover, nav .dropdown:hover > a {
		/* Dropdown Link Hover */

		background: transparent;
		color: #db781d;
		font-size: 1em;		
		text-decoration: underline;
	}
}



@media (min-width: 1200px) {
	nav div, nav > a {
		/* Main Navigation */
		
		padding-left: 14px;
		padding-right: 14px;
	}
}


	nav div > ul.dropdown-menu,
	nav .dropdown.open > ul.dropdown-menu {
		/* Dropdown Container */

		border:none;
		border-radius:0;
		box-shadow:none;
		font-size:inherit;
	}





@media (max-width: 992px) {
	nav > button {
		display: block;
	}
	
	nav div, nav > a {
		display: block;
		float: left;
		width: 100%;
	}
	
	nav div > ul {
		position: initial;
	}
	
	nav div > ul > a {
		display: inline-block;
		z-index:99999;
	}

	header #navbar-top .col_b a {
		float: left;
		width:100%;
	}
	
	.navbar-collapse {
		padding:0px;
	}
	
	nav > a,
	nav div {
		display:none;
	}

	nav {
		background-color:#fff;
	}

	nav div {
 		/*border-top: solid whitesmoke thin;*/
		padding-bottom: 4px;
	}

	nav > button > span,
	nav div > ul, 
	nav div, nav > a,
	nav div > ul > a > li, 
	nav .dropdown > a, 
	nav .dropdown.open > ul.dropdown-menu > div.container li a {
		text-decoration: none;		
		color: white;
	}

	nav > a {
		padding:0px 0 10px 20px;
	}
	
	nav > .dropdown {
		background-color: #238def;
		padding:5px 0px 5px 15px;
	}
	
	nav > .dropdown.open, nav .dropdown.open > ul.dropdown-menu {
		padding:0px;
	}

	nav .dropdown.open > ul.dropdown-menu {
		background: none;
	    position: initial;
	}	
	
	nav .dropdown.open > ul.dropdown-menu > div.container, nav .dropdown.open > ul.dropdown-menu {
		display:block;
		width:100%;
	}
	
	nav .dropdown.open > a.dropdown-toggle {
		    float: left;
	}
	
	nav .dropdown.open > ul.dropdown-menu > div.container li {
		font-size: 1.2em;
		padding: 5px 10px 5px 25px;
	}	
	
	nav #basket-xs {
		background: url(/_images/icons/shopping.png) no-repeat;
		background-size: contain;
		display: block;	
		float: right;
		height: 40px;
		margin-right:15px;
		margin-top:10px;
		padding: 7px 0px;
		text-align:center;
		width: 40px;
	}
}


header #search_products {display:none;}
header #navbar-brand ul.col_a.active {
	background:#2683D8;
	-webkit-transition:background 1s;
	-moz-transition:background 1s;
	-o-transition:background 1s;
	transition:background 1s
}
header #navbar-brand ul.col_a {background:transparent;}

header li#basket > a {
	color: #fff !important;
	float: left;
	text-align: center;
	width: 100%;
}	

