/* inter-regular - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/inter-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/inter-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/inter-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/inter-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/inter-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/inter-v7-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */
}
/* inter-700 - latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('/extras/etc/fonts/inter-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/extras/etc/fonts/inter-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/inter-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/extras/etc/fonts/inter-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/extras/etc/fonts/inter-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/extras/etc/fonts/inter-v7-latin-700.svg#Inter') format('svg'); /* Legacy iOS */
}
/* josefin-slab-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: 400;
  src: url('/extras/etc/fonts/josefin-slab-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/extras/etc/fonts/josefin-slab-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/josefin-slab-v26-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/extras/etc/fonts/josefin-slab-v26-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/extras/etc/fonts/josefin-slab-v26-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/extras/etc/fonts/josefin-slab-v26-latin-regular.svg#JosefinSlab') format('svg'); /* Legacy iOS */
}
/* josefin-slab-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: 700;
  src: url('/extras/etc/fonts/josefin-slab-v26-latin-700.eot'); /* IE9 Compat Modes */
  src: url('/extras/etc/fonts/josefin-slab-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/extras/etc/fonts/josefin-slab-v26-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/extras/etc/fonts/josefin-slab-v26-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('/extras/etc/fonts/josefin-slab-v26-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/extras/etc/fonts/josefin-slab-v26-latin-700.svg#JosefinSlab') format('svg'); /* Legacy iOS */
}

/* 
font-family: 'Josefin Slab', serif;
font-family: 'Inter', sans-serif;
*/

body {
	font-size: 1.125rem;
	margin: 0px;
	font-family: 'Inter', sans-serif;
	color: #082341;
	background-color: #F4F4F4;
}
p,li {line-height:140%;}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
footer {
  margin-top: auto;
}
html #adminPanel {
	padding:20px;
	margin-bottom:30px;
}


/**************** header *****************************/

header {z-index:10;}
.header {
	position:fixed;
	background: url(background-texture-fabric-light.png);
	width:100%;
	z-index: 10;
	transition: all 1s ease;
}
.banner {
	max-width:1640px;
	width:100%;
	margin:auto;
	position: relative;
}
.main {padding-top:132px;}

/** offset for targets to allow for header **/
:target::before {
  content: "";
  display: block;
  height: 152px; /* fixed header height*/
  margin: -152px 0 0; /* negative fixed header height */
}

.logo	{
	width:100%;
	float:left;
	margin:20px 0;
	transition: margin 1s ease;
	text-align:center;
	padding: 0 16px;
}
.topRight {
	width: auto;
	position: absolute;
	float: right;
	padding-top: 30px;
	text-align: right;
	transition: all 1s ease;
	right: 0;
}



.logo img {max-width:100%;transition: max-width 1s ease;}
.topRight img {vertical-align:middle}
.topRight a {text-decoration:none;cursor:default;color:#14539A;font-size: 1.500rem;}
.topRight a:hover {color:#14539A;}

.shrink .logo {margin-top:6px;margin-bottom:0;}
.shrink .topRight {padding-top:10px;}

@media (min-width:601px) {.shrink .logo img {max-width:70%;}}

.minicart {
	display:inline-block;
	font-size:0.813em;
	position: relative;
	top: 2px;
    }
.minicart svg {width:19px;fill:#ffffff;vertical-align:middle;}
.minicart a {margin-right:6px;text-decoration:none;font-size: 0.750rem;color: #fff;position: relative;top: 2px;}
.minicart a:hover {color:#ffffff;}

/**************** Search ****************************/

.search {
	display:inline-block;
	width:200px;
	position:relative;
	vertical-align:top;
	margin-right: 14px;
}



.search input[type="text"]{
	width:calc(100% - 30px);
	height:30px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-size:0.750rem;
	color:#7d7d7d;
	float:left;
	-webkit-appearance:none;
	border: 1px solid #e1e1e1;
	border-right: 0;
	border-radius: 0;
}


.search input[type="submit"]{
	vertical-align:top;
	width:30px;
	height:30px;
	-webkit-appearance:none;
	background: #fff url('header-search.png') no-repeat center;
	border: 1px solid #e1e1e1;
	border-left: 0;
	border-radius: 0;
}

	
/**************** nav - wide menu *************************/

.topnav {
	background-color: #14539A;
}
.navRow {
	background-color: #14539A;
	width: 100%;
	float: left;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
}
.menuCont {
	width:100%;
	transition: padding 1s ease;
	margin: auto;
	max-width: 1640px;
}
.searchBar {
	width:340px;
	float:right;
	text-align:right;
	position: relative;
	top: 2px;
}
.menuCont .topnav .topmenu {
	width:calc(100% - 340px);
	float:left;
	text-align:left;
	transition: padding 1s ease;
	padding-right: 50px;
}

.topmenu > ul {display: flex !important;justify-content:space-between;}
.topmenu > ul li.top-level {padding: 0;transition: all 0.5s ease;}
.topmenu a {text-decoration:none;}
.topmenu > ul li.top-level>a {color: #ffffff;padding: 8px 12px 12px;font-size:1.000rem;transition: padding 0.5s ease;}
.topmenu > ul li.top-level>a:hover,
.topmenu > ul li.top-level:hover {}
.topmenu > ul li.top-level:hover>a{color:#082341;background-color:#C3DBF7;}
.topmenu > ul .mega-menu{
	z-index:100;
	width:100%;
	background-color: #C3DBF7;
	color:#082341;
	position: absolute;
	top: 45px;
	left: 0; 
	padding: 30px;
	column-count: 6;
	-webkit-column-count: 6;
	-moz-column-count: 6;
	column-gap: 2em;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	
	-webkit-box-shadow: 0 4px 6px -6px #222;
	-moz-box-shadow: 0 4px 6px -6px #222;
	box-shadow: 0 4px 6px -6px #222;
   
}
.shrink .topmenu > ul .mega-menu {top:45px;}
.topmenu > ul li:not(:first-child) {display: block !important;}
.topmenu .mega-menu > li {font-size:1em;}
.topmenu .mega-menu > li > a {}
.topmenu .mega-menu li {padding:6px 0;	display:block;}
.topmenu .mega-menu > li {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}
.topmenu .mega-menu > li > a{color: #082341;font-size: 1.000rem;}
.topmenu .mega-menu li a:hover {text-decoration:underline;}
.topmenu .mega-menu li > ul {padding:0;}
.topmenu .mega-menu > li > ul li a{font-size:0.875rem;color:#3a3a3e;}    
.topmenu .mega-menu li > ul > li ul{padding:0;}
.topmenu .mega-menu > li > ul li > ul li a{font-size:1em;color:#3a3a3e;padding-left:20px;} 


.topnav .topmenu > ul .small-menu{
	background:#C3DBF7;
	position: absolute;
	top:45px;
	padding: 12px 26px 16px 18px;
    opacity: 1;
    visibility: hidden;
    z-index: 10000;
    transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
}
.shrink .topnav .topmenu > ul .small-menu {top: 45px;}
.topnav .topmenu > ul li .small-menu  li {
    float: none;
    display: block;
    padding:6px 0;
}
.topnav .topmenu > ul li:hover .small-menu {
    visibility: visible
}
.topnav .topmenu .small-menu > li > a {
    color: #082341;
	font-size: 1.000rem;
}
.topnav .topmenu .small-menu > li > a:hover {
	text-decoration: underline;
}

/**************** nav - mobile header *************************/

/* hamburger menu positioning & style */

.slicknav_btn {right:16px;}
.slicknav_btn.btnBottom {bottom:4px;}

.btnBottom .slicknav_icon-bar {background-color:#3C3E41;}
.btnBottom .slicknav_menutxt {color:#3C3E41;}

.slicknav_icon-bar {background-color:#3C3E41;}
.slicknav_icon-bar:nth-child(1) {width:19px;}
.slicknav_icon-bar:nth-child(2) {width:24px;}
.slicknav_icon-bar:nth-child(3) {width:17px;}

.slicknav_menutxt {display: none;}

.slicknav_menu {background-color:transparent;padding:0;}
.slicknav_nav {z-index:10000000;}
.slicknav_nav {font-size:1.750em;width: 100%;}
.slicknav_nav .slicknav_arrow	{background-color:transparent;font-size:1.5em;}
.slicknav_nav .slicknav_row	{padding: 12px 20px;} /* row is for subs that are parents */
.slicknav_nav a					{padding: 12px 20px;font-size:1.125rem;}

/* first level */
li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{color:var(--almost-black);}
li.slicknav_parent.slicknav_open > a .slicknav_arrow			{color:#ffffff;}

.slicknav_nav > li:nth-of-type(1)	{border-top:none;}
.slicknav_nav > li:not(:last-child) {}
.slicknav_nav > li 						{background-color:#002647;}
.slicknav_nav a 							{color: #1D1E1E;background-color: #EDEEEF;}
.slicknav_nav a:hover					{background-color:#14539A;color:#ffffff;}
.slicknav_row:hover, 
li.slicknav_collapsed .slicknav_row:hover a	{background-color:#14539A;color:#ffffff;}
.slicknav_nav li.slicknav_open,
.slicknav_nav li.slicknav_open > a,
.slicknav_nav li.slicknav_open > a a,
.slicknav_nav li.slicknav_open > a:hover 		{background-color:#14539A;color:#ffffff;border:none;}

/* second level */
ul li ul li.slicknav_collapsed.slicknav_parent > a .slicknav_arrow	{}

.slicknav_nav ul li 						{border-bottom: 1px solid #333333;}
.slicknav_nav ul li a 					{color:#1D1E1E;}	
.slicknav_nav ul li a 					{padding: 12px 20px 12px 30px;}
.slicknav_nav ul li .slicknav_row	{padding: 12px 20px 12px 30px;}

.slicknav_nav ul li.slicknav_parent.slicknav_open,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a a,
.slicknav_nav ul li.slicknav_parent.slicknav_open > a:hover 	{color:#ffffff;}

/* third levels */
.slicknav_nav ul li ul li 					{background-color:var(--light-grey);}
.slicknav_nav ul li ul li a 				{color:var(--almost-black);}
.slicknav_nav ul li ul li a 				{padding-left: 60px;}
	
.slicknav_nav ul li .slicknav_arrow	{}
.slicknav_nav ul li.slicknav_parent.slicknav_open  .slicknav_arrow:before {content:"-";}


/* overrides */

.slicknav_nav li:nth-child(even) 	{}
.slicknav_nav ul li:nth-child(even) {}
.slicknav_nav ul li ul li:nth-child(even) {}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {font-size: 1.125rem;}
.slicknav_nav .slicknav_row {padding: 12px 20px;}
.slicknav_nav .slicknav_arrow {background-color: transparent;width: 44px;}
.slicknav_nav .slicknav_row:hover, li.slicknav_collapsed .slicknav_row:hover a {background-color:#14539A;color:#ffffff;}


/**************** Slideshow *****************************/

.slideshowContainer {position:relative;}
.slideshow {height:500px;}
.slideOverlay {
	position:absolute;
	top:40px;
	z-index:4;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	height:calc(100% - 80px);
	text-align: center;
	padding: 0 16px;
}    
.slideOverlay .wobject {max-width: 1000px;width: 100%;background-color: #14539A;padding: 20px;}
.slideOverlay .wobject .wobjectArticle {border:3px #ffffff dashed;padding: 40px 20px;}
.home .slideOverlay p.introText {
	font-size: 3.00rem;
	color:#ffffff;
	font-weight:700;
	margin-top:0;
	font-family: 'Josefin Slab', serif;
	margin-bottom: 30px;
	}
.home .slideOverlay p {color:#ffffff;font-size:1.575rem;}

.slideOverlay .linkButton {background-color:#FFFFFF;border-color:#C3DBF7;color:#082341;}
.slideOverlay .linkButton:hover {}

@media (min-width:676px) and (max-width:1000px) {
	.slideshow {height:580px;}
}
@media (min-width:339px) and (max-width:675px) {
	.slideshow {height:680px;}
}
@media (max-width:472px) {
	.home .slideOverlay p.introText {font-size: 2.375rem;}
	.home .slideOverlay p {font-size: 1.500rem;}
	.slideOverlay .wobject .wobjectArticle {padding: 45px 20px;}
	.slideOverlay .wobject {padding: 15px;}
	.slideOverlay {top:26px}
}

@media (min-width:0px) and (max-width:338px) {
	.slideshow {height:720px;}
	.slideOverlay .linkButton {min-width: 212px;}
}

/**************** footer *****************************/

.footer			{background:url(background-texture-fabric-blue.png);color:#ffffff;}
.footerInfo		{width:1640px;margin:auto;padding:20px 0 30px 0;}
.footerInfo .sideBySide-Col2 {text-align:right;}
.footerInfo p 	{margin-bottom:18px;line-height:160%;font-size: 1.000rem;}
.footerInfo	a 	{color:#ffffff;text-decoration:none;}

.footerPhone a:hover {color: #ffffff;}

.socialMedia {padding-top:10px;}

.footerBase				{width:1640px;margin:auto;padding: 10px 0;color: #ffffff;line-height:140%;}
.footerLeft				{width:66%;float: left;font-size:0.563em;}
.footerRight			{width:33%;float: right;text-align:right;font-size:0.563em;}
.footerBase a 			{font-size: 0.563rem;color:#ffffff;}
.footerBase a:hover	{color:#dedede;}

.footerContainer {
	display: grid;
	grid-template-columns: 260px 460px auto 270px;
	column-gap: 24px;
}

.footerSpacing {margin-bottom: 43px;}
.footerSiteMap {column-count:2;}
.footerSiteMap ul {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
                  overflow: hidden;
}
.siteMapColumn ul	{margin:0;padding:0;list-style-type:none;}
.siteMapColumn li	{padding-bottom:2px;}
.siteMapColumn a {color:#ffffff;text-decoration:none;font-size:1.000rem;}
.siteMapColumn a:hover {color:#dedede;}

.root	{font-size:1.125rem;font-weight:500;}
.root a {font-size: 1.000rem;color: #ffffff;font-weight: 700;}

.siteMapColumn ul li:last-child {padding-bottom:16px;}

/**************** content *****************************/

/* layout */

.middle		{padding: 0 0 32px 0; width:100%;margin:auto;max-width:1200px;}
.crumb		{padding: 16px 0 16px 3px;font-size: 0.938rem;color:#6C737B;}
.crumb a    {color:#6C737B;font-size:1em;text-decoration:none;}
.crumb a:hover {color:#6C737B;text-decoration:underline;}
.colourRow	{background: #f0f0f0;}
.center {text-align:center;}
.bgCenter {background-position: center;}

.home .middle {max-width:1640px;}

/* general */
a 			{color: #14539A;font-size:1em;}
a:hover	{color: #217EE6;}
a img		{border:0;}

h1 {font-size: 2.625rem;color:#14539A;font-weight:700;margin-top:34px;font-family: 'Josefin Slab', serif;}
h2 {font-size: 2.250rem;color:#14539A;font-weight:700;font-family: 'Josefin Slab', serif;}
h3 {font-size: 1.500rem;color:#14539A;font-weight:700;font-family: 'Josefin Slab', serif;}
h4 {font-size: 1.250rem;color:#14539A;font-weight:700;}
h5 {font-size: 1.375rem;color:#ffffff;font-weight:700;margin-top:0;font-family: 'Josefin Slab', serif;margin-bottom: 20px;}

.home p {font-size: 1.375rem;}
.home h1 {font-size: 3.125rem;}
.home h3 {font-size: 1.875rem;}
.home h4 {font-size: 1.000em;color:#000000;font-weight:400;}

@media (max-width:640px) { h1 {margin-top:20px;} }

.submissionInList h2 a {color:#000000;text-decoration:none;}
.submissionInList h2 a:hover {color:#cc0000;}

.introText {font-size:1.125rem;}

p, ul, li		{margin-top:0;}
.formRequired	{color:#cc0000;font-size:0.625rem;}

.linkButton,
.dataForm .button,
.buyNow .button {
	display:inline-block;
	padding:12px 18px;
	min-width:235px;
	background-color: #14539A;
	border:2px solid #14539A;
	color:#ffffff;
	text-decoration: none;
	text-align:center;
	transition: ease 0.3s;
	font-size:1.125rem;
}
.linkButton:hover,
.dataForm .button:hover,
.buyNow .button:hover {
	background-color: #C3DBF7;
	color:#082341;
}

.topBanner .linkButton {background-color: #8e2836;}
.topBanner .linkButton:hover {background-color: #fff;color:#e3b43a;}

.dataForm input[type=text],
.dataForm select {
    padding:8px;
}

/**************** home *****************************/

@media (max-width:660px){.highlightBox {width:100%;}}
@media (max-width:560px) {.highlightBox h2 span {display:block;}.supportRow {padding-top:35px;padding-bottom:30px;background-size:cover;}}

.highlightBox {text-align:center;}


/**** Product Feeds  ******/

.homeFeatured,
.homeSpecial,
.homeNew {
	display: grid;
	overflow: hidden;
	row-gap: 20px;
	margin-bottom: 24px;
}

@media(min-width:720px) {
	.homeFeatured,
	.homeSpecial,
	.homeNew {
		grid-template-columns: repeat(4, 1fr);
		column-gap: 2%;
		margin-bottom: 24px;
    }
}
@media (min-width:441px) and (max-width:719px) {
		.homeFeatured,
		.homeSpecial,
		.homeNew {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 2%;
    }
}
@media (max-width:440px) {
		.homeFeatured,
		.homeSpecial,
		.homeNew {
		grid-template-columns: repeat(1, 1fr);
		column-gap: 2%;
    }
}

.colourBackground {padding-top: 8px;}
.whiteBox {padding-top: 32px;}
.whiteBox .wobject {
	max-width: 1200px;
	width: 100%;
	background-color: #ffffff;
	padding: 24px;
	margin: auto;
}
.whiteBox .wobject .wobjectArticle {
  border: 3px #14539A dashed;
  padding: 0px 25px 45px;
}

/********** Contact Form Rework ******************/

.dataForm input[type="text"],
.dataForm textarea,
.dataForm select{
	padding: 10px 6px;
	border-radius: 6px;
	border: 1px solid #bbbcbd;
}

.checkout input[type="text"],
.checkout textarea,
.checkout select {
	padding: 10px 6px;
	border-radius: 6px;
	border: 1px solid #bbbcbd;
	width:95%;	
}

/************* Catalogue ********************/

@media (min-width:800px) { .brandCont {column-count: 4;} }
@media (min-width:601px) and (max-width:799px) { .brandCont {column-count: 3;} }
@media (max-width:600px) { .brandCont {column-count: 2;} }

.brandCont div {padding-bottom:10px;}


.browseGrid .pagination {
  display: none;
}


/** product browse **/

@media (min-width:1025px){
	.PPleftFilterPage-Col1 {width: 20%;float: left}
	.PPleftFilterPage-Col2 {width: 75%;float: right}
}
@media (min-width:769px) and (max-width:1140px){
	.PPleftFilterPage-Col1 {width: 25%;float: left}
	.PPleftFilterPage-Col2 {width: 70%;float: right}
}
@media (max-width:767px){
	.PPleftFilterPage-Col1,
	.PPleftFilterPage-Col2 {width: 100%;}
}

.PPleftFilterPage-Col2 h1 {margin-bottom:10px;}
.productFlex3Cols {display:flex;flex-wrap:wrap;}

.productBox {background-color: #fff;padding: 10px 10px 0;margin-bottom:30px;}
.productImage {max-height:265px;background-position:center;background-size:cover;}
.productBox a {text-decoration: none;}


.productBox h2 {text-align: left;font-size: 1.500rem;font-weight: 700;}

@media (min-width:769px) {
		.browseGrid .productBox {width:29.5%;}
		.productBox:not(:nth-child(3n)) {margin-right:5.75%}
		.productImage {height:20vw}
	}
@media (min-width:481px) and (max-width:768px) {
		.browseGrid .productBox {width:29.5%;}
		.productBox:not(:nth-child(3n)) {margin-right:5.75%}
		.productImage {height:27.8vw}
	}
@media (max-width:480px) {
		.browseGrid .productBox {width:47.5%;}
		.productBox:not(:nth-child(2n)) {margin-right:5%}
		.productImage {height:44vw}
	}


/**************** browse with filter *****************************/

@media (min-width:700px){
	.PPleftFilterPage-Col1 {width: 20%;float: left;}
	.PPleftFilterPage-Col2 {width: 75%;float: right;}
}
@media (min-width:600px) and (max-width:700px){
	.PPleftFilterPage-Col1 {width: 25%;float: left;}
	.PPleftFilterPage-Col2 {width: 70%;float: right;}
}

/* productbox styles above */

.catalogueFilterBox {margin-bottom:20px;}
.catalogueFilterBox h3 {
	padding-top:12px;
	margin-bottom:20px;
	border-top: 1px solid #CED2DB;
	font-size: 1.500rem;
	color: #14539A;
	font-weight: 700;
	margin-top: 0;
	}
.catalogueFilterBox h4 {margin-bottom:12px;margin-top:10px;color: #082341;font-size: 1.000rem;}

.catalogueFilterBox ul {padding:0;list-style-type:none;}
.catalogueFilterBox li {padding-top:4px;padding-bottom:4px;font-size:0.875em;}

#catalogueFilterSubs ul {border-bottom:1px solid #CED2DB;padding-bottom:20px;}
#catalogueFilterSubs .selected a {text-decoration:underline;color:#217EE6;}
#catalogueFilterSubs a {text-decoration:none;color: #3C3E41;font-size: 1.000rem;}
#catalogueFilterSubs a:hover {text-decoration:underline;color:#217EE6;}

.brand {
	color: #6C737B;
	font-size: 0.875rem;
	padding: 10px 0 18px;
	min-height: 50px;
}

.tick {
	display:inline-block;
	border: 2px solid #CED2DB;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	line-height: 10px;
	border-radius: 8px;
	position: relative;
	top: 6px;
	}

li.selected .tick,
.ticked  {
   background-image:url(tick.png);
   background-repeat:no-repeat;
   background-position:center;
   }
   
   
.catalogueFilterSelected {padding:0;list-style-type:none;margin-top:20px;}
.catalogueFilterSelected li {display:block;margin-right:12px;margin-bottom:6px;color:#fff;}
.catalogueFilterSelected a.selectedFilter li {padding:5px 7px 6px;background:#9a1821;font-size:0.750rem;}
.selectedFilter {text-decoration:none;}
.catalogueFilterSelected li:not(:last-child) a {color:#fff;font-size:0.750rem;}
.catalogueFilterSelected span {padding-left:12px;float:right;}
.catalogueFilterSelected li:last-child a {font-size:0.750rem;padding-top:16px;display:block;}

h4.selectedHeading {margin-bottom: 12px;margin-top: 10px;}

.filterBadge {position:relative;}
.filterBadge[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   bottom:0px;
   right:-25px;
   font-size:.7rem;
   background:#ccc;
   color:white;
   padding:0 3px;
   text-align:center;
   line-height:18px;
   border-radius:3px;
   letter-spacing:1px;
   font-family: 'Open Sans', sans-serif;
   
}
h3 .filterBadge[data-badge]:after {right:-35px;}

#catalogueFilterSubs .linkCount {
   font-size:.8em;
   background:#dedede;
   color:#000;
   padding:0 3px;
   text-align:center;
   line-height:18px;
   border-radius:3px;
   letter-spacing:1px;
   font-family: 'Open Sans', sans-serif;
   position:relative;
   left:6px;
   margin-right: 10px;
}


/* refine in accordion */

.ui-accordion h3.ui-accordion-header{
	font-size:1.5em;
	font-weight:500;
	color:#000;
	background:none;
	padding-top:14px;
	padding-bottom:14px;
	margin:0;
	border:none;
	border-bottom:1px solid #e1e1e1;
	}

.ui-accordion h3.ui-accordion-icons { padding-left: 0; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: inherit;
    right:16px;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion h4.ui-accordion-icons {padding-left: 10px;}
.ui-accordion .ui-accordion-content {padding: 0;background-color: transparent;border:none;}
.ui-accordion .ui-accordion-content .ui-accordion .ui-accordion-content {padding:6px;}
.catalogueFilterBox .ui-accordion .ui-accordion-content.ui-accordion-content-active {border-bottom:1px solid #e1e1e1;}
.catalogueFilterBox h4.ui-accordion-header {border-left:none;border-right:none;border-top:none;color:#194178;font-size:1em;background:none;}
.catalogueFilterBox .ui-accordion .ui-accordion-content {border:none;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius: 0;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius: 0;}
.ui-widget-content .ui-state-active  {border-bottom: none;}
.ui-state-active, .ui-widget-header .ui-state-active {border-bottom: none;}

@media (min-width:769px) {
   .ui-accordion .ui-accordion-header {cursor:default;}
   .ui-accordion h3.ui-accordion-header .ui-icon {background-image: none;}
}

/******* product preview ************/ 

.browseGrid {
	display:flex;
	flex-wrap:wrap;
}
.browseGrid > div {width:20%}


/*** Homepage Feed ***/

.newProduct, .featuredProduct, .specialProduct {
	background-color: #fff;
	padding: 10px 10px 24px;
	text-align: left;
}
.newProduct a, .featuredProduct a, .specialProduct a {text-decoration:none;}
.productFeed__brand {
	color: #6C737B;
	font-size: 0.875rem;
	padding-top: 15px;
	padding-bottom: 18px;
}
.productFeed__name {
	font-family: 'Josefin Slab', serif;
	font-weight:700;
	font-size:1.750rem;
	color:#14539A;
}


/*** Product Page ***/

.productPageV2 h1 {margin: 0;}
.brandName {
	color: #6C737B;
	margin-bottom:24px;
}
.price {
	color: #14539A;
	font-size: 1.375rem;
	margin-bottom: 30px;
}

.buyNow {color: #6C737B;}
.buyNow #quantity {
	padding: 10px 13px;
	min-width: 125px;
	margin-right: 12px;
}
.buyNow span {
	display: block;
	margin-top: 30px;
}
.details {font-size:1.000rem;}
.details table tr td:first-child {font-weight: 700;}

/********** eCommerce ***************/

.contCheckout .button,
.backConfirm .button,
.confirmButtons .button,
.paymentMethods .psButton,
.paymentMethods .button {
	display:inline-block;
	padding:12px 18px;
	min-width:235px;
	background-color: #14539A;
	border:2px solid #14539A;
	color:#ffffff;
	text-decoration: none;
	text-align:center;
	transition: ease 0.3s;
	font-size:1.125rem;
}
.contCheckout .button:hover,
.backConfirm .button:hover,
.confirmButtons .button:hover,
.paymentMethods .psButton:hover,
.paymentMethods .button:hover {
	background-color: #C3DBF7;
	color:#082341;
}

.confirmButtons {margin-bottom:30px;}


.payAdminButtons {
	margin-top:20px;
	border-top:1px solid #14539A;
	padding-top:20px;
}
.payAdminButtons .button,
.payMethodText .button {
	display:inline-block;
	padding:8px 18px;
	background-color: #14539A;
	border:2px solid #14539A;
	color:#ffffff;
	text-decoration: none;
	text-align:center;
	transition: ease 0.3s;
	font-size:1rem; 
}
.payAdminButtons .button:hover,
.payMethodText .button:hover {
	background-color: #C3DBF7;
	color:#082341;
}
.manualCardEntry {width:100%;}
.manualCardEntry input[type="text"],
.manualCardEntry select {
	padding: 10px 6px;
	border-radius: 6px;
	border: 1px solid #bbbcbd;
	font-family: 'Inter', sans-serif;
	font-size:1rem;
}

.manualCardEntry #cardName {width:100%;}

.manualCardEntry input[id^="ccn"] {
	min-width: 60px;
}


/*** Shopping Cart ***/

@media (min-width:601px) {
    .cartRow-Col2.noDelt {
        display: grid;
        grid-template-columns: 100px 1fr 64px 72px;
        column-gap: 28px;
    }
}