@import url('//fonts.googleapis.com/css?family=Assistant:300,400,500,600');
* {
font-family: 'Assistant', sans-serif;
}
body {
	background-color: #ffffff /*{body|background-color}*/;
	color: #333333 /*{body|text-colour}*/;
}
#main-content {
	background-color: #ffffff;
}
#main-content > .row:first-child > .col-xs-12 {
	padding-top:15px;
}
a {
	color: #3f606e /*{body|link-colour}*/
}
a:hover, a:active {
	color: #000000 /*{body|link-colour-hover}*/
}
/* Header */
.top-navbar-wrapper {
	background-color: #f6f6f6 /*{header|navbar-background-colour}*/;
}
.top-navbar-wrapper .navbar-default .navbar-nav > li > a {
	color: #777777 /*{header|navbar-link-colour}*/;
}
.top-navbar-wrapper .navbar-default .navbar-nav > li > a:hover,
.top-navbar-wrapper .navbar-default .navbar-nav > li > a:focus {
	color: #333333 /*{header|navbar-link-colour-hover}*/;
}
.wrapper-header {
	background-color: #ffffff /*{header|background-colour}*/;
	border:none;
	margin-bottom:0px;
}
@media (max-width: 767px) {
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
		background-color: #ffffff /*{header|background-colour}*/;
	}
	.nav > li > a:hover,
	.nav > li > a:focus {
		background-color: #ffffff /*{header|background-colour}*/;
	}
}
.navbar {
	margin-bottom: 0;
	background-color: transparent;
	border-color: transparent;
}
.usps .fa {
	background-color: #3f606e /*{header|usp-background-colour}*/;
	color: #ffffff /*{header|usp-icon-colour}*/;
}
.usps span {
	color: #333333 /*{header|usp-text-colour}*/;
}
/* Footer */
.wrapper-top-footer {
	background-color: #f6f6f6 /*{footer|top-footer-background-color}*/;
}
.wrapper-top-footer p {
	color: #333333 /*{footer|top-footer-text-colour}*/
}
.wrapper-footer {
	background-color: #192d38 /*{footer|footer-background}*/;
	color: #ffffff /*{footer|text-colour}*/;
}
.wrapper-footer .nav > li > a:hover,
.wrapper-footer .nav > li > a:focus {
	background-color: #192d38 /*{footer|footer-background}*/;
}
.wrapper-footer a {
	color: #ffffff /*{footer|link-colour}*/;
}
.wrapper-footer a:hover,
.wrapper-footer a:active {
	color: rgba(47, 167, 214, 1) /*{footer|link-hover-colour}*/;
}
.wrapper-footer .link-header {
	color: #ffffff /*{footer|text-colour}*/;
}
.btn-primary {
	color: #FFFFFF;
	background-color: #3f606e /*{buttons|primary-colour}*/;
	border-color: #3f606e /*{buttons|primary-colour}*/;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	color: #FFFFFF;
	background-color: #4f7788 /*{buttons|primary-colour-hover}*/;
	border-color: #4f7788 /*{buttons|primary-colour-hover}*/;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #4f7788 /*{buttons|primary-colour-hover}*/;
	border-color: #4f7788 /*{buttons|primary-colour-hover}*/;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
	background-color: #4f7788 /*{buttons|primary-colour-hover}*/;
	border-color: #4f7788 /*{buttons|primary-colour-hover}*/;
}
.btn-success {
	color: #1a3440;
	background-color: rgba(47, 167, 214, 1) /*{buttons|success-colour}*/;
	border-color: rgba(47, 167, 214, 1) /*{buttons|success-colour}*/;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
	color: #1a3440;
	background-color: rgba(100, 208, 250, 1) /*{buttons|success-colour-hover}*/;
	border-color: rgba(100, 208, 250, 1) /*{buttons|success-colour-hover}*/;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
	background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
	background-color: rgba(100, 208, 250, 1) /*{buttons|success-colour-hover}*/;
	border-color: rgba(100, 208, 250, 1) /*{buttons|success-colour-hover}*/;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
	background-color: rgba(100, 208, 250, 1) /*{buttons|success-colour-hover}*/;
	border-color: rgba(100, 208, 250, 1) /*{buttons|success-colour-hover}*/;
}
.banner-wrapper {
	background-color: rgba(50, 151, 209, 1) /*{banner|banner-background}*/;
	color: #ffffff /*{banner|text-colour}*/;
}
.login-form p > a {
	color: #ffffff /*{banner|text-colour}*/;
}
/* Thumbs */
.top-seller-label span {
	background-color: #4f777b /*{Thumbnails|top-seller-badge-background}*/;
	color: #ffffff /*{Thumbnails|top-seller-badge-colour}*/;
}
.sale-label span {
	background-color: #d30915 /*{Thumbnails|sale-badge-background}*/;
	color: #ffffff /*{Thumbnails|sale-badge-colour}*/;
}
/* Category Page */
@media (max-width: 991px) {
	.filter-section > h3 > a {
		color: #FFFFFF;
		background-color: #3f606e /*{buttons|primary-colour}*/;
		border-color: #3f606e /*{buttons|primary-colour}*/;
	}
	.filter-section > h3 > a:hover,
	.filter-section > h3 > a:focus,
	.filter-section > h3 > a:active,
	.filter-section > h3 > a.active,
	.open > .dropdown-toggle.filter-section > h3 > a {
		color: #FFFFFF;
		background-color: #3f606e /*{buttons|primary-colour}*/;
		border-color: #3f606e /*{buttons|primary-colour}*/;
	}
	.filter-section > h3 > a:active,
	.filter-section > h3 > a.active,
	.open > .dropdown-toggle.filter-section > h3 > a {
		background-image: none;
	}
	.filter-section > h3 > a.disabled,
	.filter-section > h3 > a[disabled],
	fieldset[disabled] .filter-section > h3 > a,
	.filter-section > h3 > a.disabled:hover,
	.filter-section > h3 > a[disabled]:hover,
	fieldset[disabled] .filter-section > h3 > a:hover,
	.filter-section > h3 > a.disabled:focus,
	.filter-section > h3 > a[disabled]:focus,
	fieldset[disabled] .filter-section > h3 > a:focus,
	.filter-section > h3 > a.disabled:active,
	.filter-section > h3 > a[disabled]:active,
	fieldset[disabled] .filter-section > h3 > a:active,
	.filter-section > h3 > a.disabled.active,
	.filter-section > h3 > a[disabled].active,
	fieldset[disabled] .filter-section > h3 > a.active {
		background-color: #3f606e /*{buttons|primary-colour}*/;
		border-color: #3f606e /*{buttons|primary-colour}*/;
	}
	.filter-section > h3 > a:active:hover,
	.filter-section > h3 > a.active:hover,
	.open > .dropdown-toggle.filter-section > h3 > a:hover,
	.filter-section > h3 > a:active:focus,
	.filter-section > h3 > a.active:focus,
	.open > .dropdown-toggle.filter-section > h3 > a:focus,
	.filter-section > h3 > a:active.focus,
	.filter-section > h3 > a.active.focus,
	.open > .dropdown-toggle.filter-section > h3 > a.focus {
		background-color: rgba(47, 167, 214, 1) /*{buttons|success-colour}*/;
		border-color: rgba(47, 167, 214, 1) /*{buttons|success-colour}*/;
	}
}
/* Header links on one line (SPC) */
@media (min-width: 992px) {
	.wrapper-header .navbar-nav.pull-right { display: flex; flex-wrap: nowrap; }
	.wrapper-header .navbar-nav.pull-right > li > a { padding-left: 10px; padding-right: 10px; white-space: nowrap; }
}
/* Search box fills the gap between the logo and the header links (SPC) */
@media (min-width: 992px) {
	.wrapper-header .wrapper-logo { flex: 0 0 auto; width: auto; }
	.wrapper-header .wrapper-logo .logo { max-width: 240px; }
	.wrapper-header .header-right { flex: 1 1 auto; width: auto; }
	.wrapper-header .header-right > .row { display: flex; align-items: flex-start; }
	.wrapper-header .header-search-col { flex: 1 1 auto; width: auto; }
	.wrapper-header .header-nav-col { flex: 0 0 auto; width: auto; }
}
/* Phone header (SPC): logo on the left, all icons on one line */
@media (max-width: 767px) {
	.wrapper-header .wrapper-logo { width: 55%; text-align: left !important; padding-left: 10px; }
	.wrapper-header .wrapper-logo a { display: block; text-align: left; }
	/* the logo file has about 18% blank space on its left; shift it so the artwork sits near the edge */
	.wrapper-header .wrapper-logo .logo { display: block; margin: 0; transform: translateX(-16%); }
	.wrapper-header .mobile-menu.visible-xs { display: flex !important; width: 45%; justify-content: flex-end; align-items: center; padding-right: 10px; }
	.wrapper-header .mobile-menu > .row { display: contents; }
	.wrapper-header .mobile-menu .col-xs-6 { float: none; width: auto; padding: 0 7px; position: relative; }
	.wrapper-header .mobile-menu .col-xs-6:not(:has(a)) { display: none; }
	.wrapper-header .mobile-menu > .row:nth-of-type(1) > .col-xs-6:nth-of-type(1) { order: 4; }
	.wrapper-header .mobile-menu > .row:nth-of-type(1) > .col-xs-6:nth-of-type(2) { order: 3; }
	.wrapper-header .mobile-menu > .row:nth-of-type(1) > .col-xs-6:nth-of-type(2) > a { margin-left: 0; }
	.wrapper-header .mobile-menu > .row:nth-of-type(2) > .col-xs-6:nth-of-type(1) { order: 1; }
	.wrapper-header .mobile-menu > .row:nth-of-type(2) > .col-xs-6:nth-of-type(2) { order: 2; }
	.wrapper-header .mobile-menu a { font-size: 22px; }
}