/* HTML Element styles specific to this project. */
body {
	letter-spacing: 1px;
	line-height: 1.6;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	color: #58585a;
}

@media screen and (max-width: 599px) {
	body {
		font-size: 1em;
	}
}


h1,h2,h3,h4,h5,h6 {margin-top: 15px; text-transform: uppercase; font-weight: 500; color: #000;}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.6em;
}
h4 {
}
h5 {
}
h6 {
}

p,
address {
	margin-top: 15px;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border-width: 2px;
	border-color: #e6794e;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="file"],
textarea,
select {
	border-radius: 0;
	padding: 8px 12px;
	line-height: 1.1;
}
input:invalid,
textarea:invalid,
select:invalid {
	border-color: rgba(230,121,78,.4);
}



/* Font Awesome Additional Icons */

.icon-envelope-square:before {
  content: "\f199";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-youtube-square:before {
  content: "\f166";
}
.icon-ellipsis:before {
  content: "\f141";
}



/* System Styles */

a.TextButton,
input.TextButton,
a.Method,
a.AddToCart,
.button {
	border: 1px solid #e6794e !important;
	border-radius: 20px !important;
	padding: 8px 14px;
	width: auto;
	max-width: 100%;
	line-height: 1;
	font-family: inherit;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	vertical-align: baseline;
	color: #fff !important;
	background: #e6794e !important;
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	-o-transition: all linear .2s;
	transition: all linear .2s;
}
a.TextButton:hover,
input.TextButton:hover,
a.Method:hover,
a.AddToCart:hover,
.button:hover {
	-webkit-box-shadow: 1px 1px 6px rgba(127, 127, 127, .3);
	-moz-box-shadow: 1px 1px 6px rgba(127, 127, 127, .3);
	box-shadow: 1px 1px 6px rgba(127, 127, 127, .3);
	outline: none;
	text-decoration: none;
	color: #e6794e !important;
	background-color: #fff !important;
}

.LoginDetailRow td,
.ForgotLoginDetailRow td,
.ListOddDetailRow td,
.ListEvenDetailRow td,
.CalendarDetailRow td {
    font-size: .9em;
}


/* Toggler Styles */
.toggler {
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
}
.toggler:hover {
	color: #e6794e;
	cursor: pointer;
}


/* Popup Styles */

.popup {
	background-color: rgba(0,0,0,.75);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
}
.popup.show {
	opacity: 1;
	visibility: visible;
}
.popup .box {
	border: none;
	padding: 20px;
	max-height: 90vh;
	background-color: #fff;
}
.popup .banner {
	position: relative;
	margin: -20px -20px 20px -20px !important;
	padding: 15px 30px 15px 20px;
	color: #fff;
	background-color: #e6794e;
}
.popup .icon-remove-sign {
	position: absolute;
	top: 15px;
	right: 10px;
	margin-left: 10px;
	cursor: pointer;
}
.popup form label {
	font-size: .8em;
}
.popup form input[type="text"],
.popup form textarea,
.popup form select {
	border-radius: 3px;
	border-color: rgba(127,127,127,.4) !important;
	padding: 10px;
	line-height: 1;
}
.popup form .button {
	margin-top: 5px;
	box-shadow: none;
	border: none;
	border-radius: 3px;
	padding: 10px 20px;
	text-transform: uppercase;
	line-height: 1;
}

/* Slideout Styles */
.slideout {
	position: fixed;
	top: 0;
	right: 0;
	transform: scaleX(0);
	transform-origin: right;
	width: 0;
	background-color: #fff;
	opacity: 1;
	visibility: visible;
	z-index: 20;
}
.slideout.show {
	transform: none;
	width: auto;
}



/* Skin specific styles */

#container {
	min-height: 100%;
	text-align: center;
	background-color: #fff;
}
#container > div {
	text-align: left;
}
#container > div:before, #container > div:after {display: table; content: " "; line-height: 0;}
#container > div:after {clear: both;}
#container > div {*zoom: 1;}
#container > div > * {
	clear: both;
	position: relative;
	margin: 0 auto;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	max-width: 1200px;
}
body.default-for-user-narrow #body {
	max-width: 450px;
}
body.cartitems-summary #body,
body.cartitems-confirmorder #body {
	max-width: 720px;
}


#logged-in-menu-container {
	background-color: #fff;
}
#logged-in-menu {
	padding: 0 12px;
	font-size: .8em;
	z-index: 6;
}
#logged-in-menu > ul > li > a {
	display: inline-block;
}
#logged-in-menu ul ul {
	border: none;
	background-color: #fff;
}
@media screen and (max-width: 719px) {
	#logged-in-menu.minimize720 > ul:before {
		content: "≡ Administration Menu";
	}
}



#header-container {
	position: relative;
	background-color: #242021;
}
#header {
	padding-right: 12px;
	font-size: .9em;
	color: #fff;
}

#header .header-snippet {
	display: inline-block;
	padding: 10px 20px;
	background-color: #e6794e;
}
#header .header-snippet > *:first-child {
	margin-top: 0;
}

#main-menu {
	float: right;
	z-index: 5;
}
#main-menu > ul {
	margin: 0 -12px;
}
#main-menu > ul > li {
	padding: 10px 12px;
}
#main-menu li:hover {
	color: #e6794e;
	background: transparent;
}
#main-menu li.no-show,
#main-menu li img {
	display: none;
}
#main-menu > ul ul {
	border: none;
	color: #fff;
	background-color: #242021;
}
#main-menu > ul ul > li {
	padding: 10px 12px;
}
#main-menu-toggler {
	display: none;
}
@media screen and (max-width: 959px) {
	#header {
		padding: 10px 12px;
	}
	#header .header-snippet {
		padding: 0;
		background-color: transparent;
	}
	#main-menu {
		position: absolute;
		top: 100%;
		left: 0;
		float: none;
		border-top: 1px solid rgba(255,255,255,.6);
		transform: scaleY(0);
		transform-origin: top;
		width: 100%;
		height: 0;
		text-transform: uppercase;
		-webkit-transition: all .25s ease-in;
		-moz-transition: all .25s ease-in;
		-o-transition: all .25s ease-in;
		transition: all .25s ease-in;
	}
	#main-menu.show {
		transform: none;
		height: auto;
	}
	#main-menu > ul {
		margin: 0;
		background-color: #242021;
	}
	#main-menu > ul > li {
		display: block;
		float: none;
	}
	#main-menu li.no-show {
		display: block;
	}
	#main-menu > ul ul {
		display: block;
		position: static;
		float: none;
		margin: 5px 0 0 0;
		box-shadow: none;
		border-left: 1px solid rgba(255,255,255,.3);
		width: 100%;
		background-color: transparent;
	}
	#main-menu > ul ul > li {
		padding: 5px 15px;
	}
	#main-menu-toggler {
		display: block;
		float: right;
	}
}



#sub-header-container {
	background-color: #fff;
}
#sub-header {
	padding: 20px 12px;
}

#sub-header .logo {
	display: inline-block;
	padding-top: 10px;
	font-family: 'Playball', cursive;
	font-size: 2.6em;
	color: #e6794e;
}
#sub-header .logo:hover {
	text-decoration: none;
}
#sub-header .logo img {
	max-width: 300px;
}

#user-menu {
	float: right;
	margin-right: -12px;
	text-align: right;
	font-weight: 500;
	font-size: .9em;
	color: #000;
	z-index: 4;
}
#user-menu > * {
	display: inline-block;
	vertical-align: top;
}

/* Search base styles */
#user-menu #search-products {
	padding: 5px 12px;
}
#user-menu #search-products #product-search {
	transform: scaleX(0);
	transform-origin: right;
	width: 0;
}
#user-menu #search-products #product-search-button {
	border-radius: 0 !important;
	line-height: 1.2;
}
/* Search 'show' styles */
#user-menu #search-products.show .toggler {
	display: none;
}
#user-menu #search-products.show #product-search {
	transform: none;
	width: auto;
}

/* My Cart base styles */
#user-menu .toggler.icon-shopping-cart {
	padding: 10px 12px;
}
#cart-slideout {
	min-width: 360px;
}
#cart-slideout #cartitems-summary > h3 {
	display: none;
}
#cart-slideout #cartitems-summary > table {
	border-top: none;
}

#user-menu .my-account {
	padding: 10px 12px;
	font-style: normal;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
}
#user-menu .my-account:hover {
	text-decoration: none;
	color: #e6794e;
}
@media screen and (max-width: 959px) {
	#sub-header-container {
		border-bottom: 2px solid #f6f6f6;
	}
	#user-menu {
		margin-right: -12px;
	}
	#user-menu .title {
		display: none;
	}
	#user-menu [class^="icon-"]:before,
	#user-menu [class*=" icon-"]:before {
		font-size: 1.5em;
	}
	#user-menu #search-products {
		padding-top: 0;
		padding-bottom: 0;
	}
	#user-menu #search-products #search-button > .icon-search:before {
		font-size: 1em;
	}
	#user-menu #search-products,
	#user-menu .toggler.icon-shopping-cart,
	#user-menu .my-account {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media screen and (max-width: 719px) {
	#sub-header .logo {
		font-size: 2em;
	}
	#sub-header .logo img {
		max-width: 240px;
	}
}
@media screen and (max-width: 599px) {
	#user-menu {
		margin-right: -5px;
	}
	#user-menu [class^="icon-"]:before,
	#user-menu [class*=" icon-"]:before {
		font-size: 1.25em;
	}
	#user-menu #search-products {
		padding-top: 2px;
		padding-bottom: 2px;
	}
	#user-menu #search-products,
	#user-menu .toggler.icon-shopping-cart,
	#user-menu .my-account {
		padding-left: 5px;
		padding-right: 5px;
	}
}
@media screen and (max-width: 479px) {
	#sub-header .logo {
		padding-top: 7px;
		font-size: 1.8em;
	}
	#sub-header .logo img {
		max-width: 200px;
	}
}



#categories-menu-container {
	background-color: #f6f6f6;
}
#categories-menu {
	padding: 0 12px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: .9em;
	color: #000;
	z-index: 3;
}
#categories-menu > ul {
	margin: 0 -12px;
}
#categories-menu > ul > li {
	padding: 10px 12px;
}
#categories-menu li:hover {
	color: #e6794e;
	background: #fff;
}
#categories-menu > ul > li img {
	display: none;
}
#categories-menu > ul ul {
	left: 100%;
    transform: translate(-50%, 0);
	column-width: 200px;
	column-gap: 0;
	margin: 0;
	padding: 15px;
	box-shadow: 0 5px 8px rgba(127,127,127,.2);
	border: none;
	width: 630px;
	min-height: 200px;
	max-width: 100vw;
	color: #000;
	background-color: #fff;
}
#categories-menu > ul ul > li {
	padding: 4px 10px;
}
#categories-menu > ul ul > li.break-before {
	break-before: column;
	border-top: none;
}
#categories-menu > ul ul > li.featured {
	position: relative;
	padding: 10px;
}
#categories-menu > ul ul > li.featured:hover {
	color: #000;
}
#categories-menu > ul ul > li.featured img {
	display: block;
	margin: 0;
	width: 100%;
	max-height: 100%;
}
#categories-menu > ul ul > li.featured span {
	display: block;
	position: absolute;
	bottom: 30px;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-family: 'Lora',serif;
	font-weight: 700;
	font-size: 1.8em;
}
#categories-menu > ul ul > li.featured > a[title]:after {
	content: attr(title);
	display: block;
	top: auto;
	bottom: 5px;
	left: auto;
	box-shadow: none;
	border: none;
	padding: 0;
	width: auto !important;
	text-transform: none;
	font-family: 'Playball',cursive;
	font-size: 1.6em;
	background-color: transparent;
	opacity: 1;
	visibility: visible;
}
@media screen and (max-width: 959px) {
	#categories-menu-container {
		display: none;
	}
}
@media screen and (max-width: 599px) {
	#categories-menu.minimize600 {
		padding: 5px 12px;
	}
	#categories-menu.minimize600 > ul {
		margin: 0;
	}
	#categories-menu.minimize600 > ul:before {
		content: "≡ Category Menu";
		padding: 5px 0;
	}
}



#banner-container {
	background-color: #fff;
}
#banner {
	max-width: 100% !important;
	max-height: 480px;
}
#banner .article-image {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 480px;
	background-size: cover;
	background-position: center;
}
#banner.rotator {
	height: 480px;
}
#banner.rotator > div {
	position: absolute;
	top: 0;
	display: none;
	height: 480px;
	width: 100%;
	background-size: cover;
	background-position: center;
}
#banner.rotator > div.show {
	display: block;
	z-index: 1;
}
@media screen and (max-width: 1919px) {
	#banner .article-image,
	#banner.rotator,
	#banner.rotator > div {
		padding-top: 25%;
		height: 0;
	}
}



#body-container {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #fff;
}
body.base-for-public #body-container {
	padding-top: 60px;
	padding-bottom: 60px;
}
#body {
	padding: 0 12px;
}
#body > .grid {
	margin-top: -20px;
}
#body > .grid > * {
	margin-top: 20px;
}

#content > *:first-child {
	margin-top: 0;
}

#side-panel > .grid {
	margin-top: -20px;
}
#side-panel > .grid > * {
	margin-top: 20px;
}
#side-panel .side-panel-snippet {
	border: 1px solid #ddd;
	padding: 10px;
}
#side-panel .side-panel-snippet > *:first-child {
	margin-top: 0;
}

#contact-details > div > * {
	position: relative;
	margin-left: 1.75em;
}
#contact-details > div > * > i[class^="icon-"] {
	position: absolute;
	left: -1.75em;
}



#sitemap-container {
	background-color: #242021;
}
#sitemap {
	padding: 60px 12px;
	color: #fff;
}
#sitemap #footer-menu {
	margin-top: -30px;
}
#sitemap #footer-menu > ul {
	margin: 30px 0 0 0;
	border-left: 1px solid #fff;
	padding-left: 15px;
	vertical-align: top;
}
#sitemap #footer-menu > ul:first-child {
	border-left: none;
	padding-left: 0;
}
#sitemap #footer-menu > ul:before {
	content: "";
	display: block;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.1em;
}
#sitemap #footer-menu > ul:nth-child(1):before {
	content: "Main";
}
#sitemap #footer-menu > ul:nth-child(2):before {
	content: "Categories";
}
#sitemap #footer-menu > ul:nth-child(3):before {
	content: "Brands";
}
#sitemap #footer-menu > ul:nth-child(4):before {
	content: "Policies";
}
#sitemap #footer-menu > ul > li {
	padding: 2px 12px;
	font-size: .9em;
}
#sitemap #footer-menu li:hover {
	color: #e6794e;
	background-color: transparent;
}
#sitemap #footer-menu li:empty,
#sitemap #footer-menu li img {
	display: none;
}
@media screen and (max-width: 719px) {
	#sitemap #footer-menu > ul:nth-child(3) {
		border-left: none;
		padding-left: 0;
		clear: both;
	}
}



#footer-container {
	background-color: #f6f6f6;
}
#footer {
	padding: 20px 12px;
	font-size: .8em;
}
#footer .follow-us-menu > h5 {
	display: inline-block;
	margin-top: 0;
	margin-right: 15px;
}
#footer .follow-us-menu > a {
	display: inline-block;
	margin-right: 10px;
	font-size: 1.4em;
	color: #242021;
}
#footer .footer-snippet {
	text-align: right;
}
#footer .footer-snippet > img {
	padding-left: 15px;
	//filter: grayscale(100%);
}
@media screen and (max-width: 839px) {
	#footer .footer-snippet {
		margin-top: 10px;
		text-align: left;
	}
	#footer .footer-snippet > img {
		margin-top: 10px;
		padding-left: 0;
		padding-right: 15px;
	}
}
i.icon-facebook {
	color: #3c5a99;
}
i.icon-linkedin {
	color: #0077B5;
}
i.icon-instagram {
	color: #3f729b;
}
i.icon-pinterest {
	color: #c8232c;
}
i.icon-youtube-square {
	color: #c4302b;
}
i.icon-envelope-alt {
	color: #f1d592;
}
i.icon-ellipsis {
	color: #e6794e;
}


#sub-footer-container {
	background-color: #fff;
}
#sub-footer {
	padding: 10px 12px;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: .8em;
	color: #979799;
}
#sub-footer a {
	font-style: normal;
}
#images-by {
	text-align: center;
}
#website-by {
	text-align: right;
}
@media screen and (max-width: 719px) {
	#images-by,
	#website-by {
		margin-top: 5px;
		text-align: left;
	}
}



/* Page specific styles */

table.col2 > tbody > tr > td:nth-child(1),
table.col3 > tbody > tr > td:nth-child(1),
table.col3 > tbody > tr > td:nth-child(2),
table.col4 > tbody > tr > td:nth-child(1),
table.col4 > tbody > tr > td:nth-child(2),
table.col4 > tbody > tr > td:nth-child(3),
table.col5 > tbody > tr > td:nth-child(1),
table.col5 > tbody > tr > td:nth-child(2),
table.col5 > tbody > tr > td:nth-child(3),
table.col5 > tbody > tr > td:nth-child(4),
table.col6 > tbody > tr > td:nth-child(1),
table.col6 > tbody > tr > td:nth-child(2),
table.col6 > tbody > tr > td:nth-child(3),
table.col6 > tbody > tr > td:nth-child(4),
table.col6 > tbody > tr > td:nth-child(5) {
	padding-right: 2%;
}
@media screen and (max-width: 719px) {
	table.col1,
	table.col1 > tbody,
	table.col1 > tbody > tr,
	table.col1 > tbody > tr > td,
	table.col2,
	table.col2 > tbody,
	table.col2 > tbody > tr,
	table.col2 > tbody > tr > td,
	table.col3,
	table.col3 > tbody,
	table.col3 > tbody > tr,
	table.col3 > tbody > tr > td,
	table.col4,
	table.col4 > tbody,
	table.col4 > tbody > tr,
	table.col4 > tbody > tr > td,
	table.col5,
	table.col5 > tbody,
	table.col5 > tbody > tr,
	table.col5 > tbody > tr > td,
	table.col6,
	table.col6 > tbody,
	table.col6 > tbody > tr,
	table.col6 > tbody > tr > td {
		display: block !important;
		width: 100% !important;
	}
	table.col2 > tbody > tr > td:nth-child(1),
	table.col3 > tbody > tr > td:nth-child(1),
	table.col3 > tbody > tr > td:nth-child(2),
	table.col4 > tbody > tr > td:nth-child(1),
	table.col4 > tbody > tr > td:nth-child(2),
	table.col4 > tbody > tr > td:nth-child(3),
	table.col5 > tbody > tr > td:nth-child(1),
	table.col5 > tbody > tr > td:nth-child(2),
	table.col5 > tbody > tr > td:nth-child(3),
	table.col5 > tbody > tr > td:nth-child(4),
	table.col6 > tbody > tr > td:nth-child(1),
	table.col6 > tbody > tr > td:nth-child(2),
	table.col6 > tbody > tr > td:nth-child(3),
	table.col6 > tbody > tr > td:nth-child(4),
	table.col6 > tbody > tr > td:nth-child(5) {
		padding-right: 0;
	}
}

.table-content {
	width: 100%;
	background-color: #fff;
}
.table-content > tbody > tr > td:first-child + td {
	padding: 80px 10px;
	width: 1220px;
}
.table-content > tbody > tr > td:first-child + td > *:first-child {
	margin-top: 0;
}
.table-content h1 + hr,
.table-content h2 + hr,
.table-content h3 + hr,
.table-content h4 + hr,
.table-content h5 + hr,
.table-content h6 + hr {
	margin-left: auto;
	margin-right: auto;
	max-width: 480px;
}
@media screen and (max-width: 719px) {
	.table-content > tbody > tr > td:first-child + td {
		padding: 60px 10px;
	}
	.table-content.thin > tbody > tr > td:first-child + td {
		padding: 20px 10px;
	}
}

.table-content.grey {
	background-color: #f6f6f6;
}

.table-content-fw {
	width: 100%;
	line-height: 1;
	background-color: #f6f6f6;
}
.table-content-fw > tbody > tr > td:first-child + td {
	padding-top: 80px;
	padding-bottom: 80px;
}
.table-content-fw.left > tbody > tr > td:first-child + td {
	padding-right: 80px;
	vertical-align: middle;
}
.table-content-fw.right > tbody > tr > td:first-child + td {
	padding-left: 80px;
	text-align: left;
	vertical-align: middle;
}
.table-content-fw > tbody > tr > td:first-child + td > *:first-child {
	margin-top: 0;
}
.table-content-fw > tbody > tr > td hr {
	margin-top: 20px;
	margin-bottom: 20px;
}
.table-content-fw > tbody > tr > td .button {
	margin-top: 10px;
}
.table-content-fw .read-more:before {
	left: 0;
	transform: none;
}
@media screen and (max-width: 1439px) {
	.table-content-fw > tbody > tr > td:first-child + td {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.table-content-fw.left > tbody > tr > td:first-child + td {
		padding-left: 10px;
		padding-right: 60px;
	}
	.table-content-fw.right > tbody > tr > td:first-child + td {
		padding-left: 60px;
		padding-right: 10px;
	}
}
@media screen and (max-width: 1079px) {
	.table-content-fw > tbody > tr > td:first-child + td {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.table-content-fw.left > tbody > tr > td:first-child + td {
		padding-right: 30px;
	}
	.table-content-fw.right > tbody > tr > td:first-child + td {
		padding-left: 30px;
	}
}
@media screen and (max-width: 959px) {
	table.table-content-fw,
	table.table-content-fw > tbody,
	table.table-content-fw > tbody > tr,
	table.table-content-fw > tbody > tr > td {
		display: block !important;
		width: 100% !important;
	}
	.table-content-fw > tbody > tr > td:first-child + td {
		padding: 40px 20px !important;
		max-width: 100%;
	}
	.table-content-fw.left > tbody > tr > td:first-child,
	.table-content-fw.right > tbody > tr > td:first-child + td + td {
		display: none !important;
	}
}


#quicklinks-menu {
	text-align: center;
}
#quicklinks-menu > .grid {
	margin-top: -2%;
}
#quicklinks-menu > .grid > * {
	display: inline-block;
	float: none;
	margin-top: 2%;
	vertical-align: top;
}
@keyframes background-position-change {
    from {background-position: 80px center;}
    to {background-position: 50px center;}
}
#quicklinks-menu .item {
	position: relative;
	border: 1px solid #e8e8e8;
	padding-top: 23%;
	text-align: left;
	font-style: normal;
	color: #000;
	background-repeat: no-repeat;
	background-position: 80px center;
	background-size: cover;
	-webkit-transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in;
}
#quicklinks-menu .item:hover {
	background-position: 50px center;
}
#quicklinks-menu .item.no-show {
//	display: none;
}
#quicklinks-menu .title {
	display: block;
	position: absolute;
	bottom: 33.33333%;
	padding-left: 15px;
	padding-right: 15px;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-family: 'Lora', serif;
	font-weight: 700;
	font-size: 1.8em;
}
#quicklinks-menu .description {
	display: block;
	position: absolute;
	bottom: calc(33.33333% - 25px);
	padding-left: 15px;
	padding-right: 15px;
	font-family: 'Playball', cursive;
	font-size: 1.6em;
}
@media screen and (max-width: 959px) {
	#quicklinks-menu .item {
		font-size: .8em;
	}
}
@media screen and (max-width: 839px) {
	#quicklinks-menu .item {
		padding-top: 31.33333%;
	}
}
@media screen and (max-width: 599px) {
	#quicklinks-menu .item {
		padding-top: 48%;
		font-size: .65em;
	}
}
@media screen and (max-width: 479px) {
	#quicklinks-menu .item {
		background-position: 60px center;
	}
}


#brands-menu-container {
	background-color: #f6f6f6;
}
#brands-menu {
	padding: 80px 50px 60px 50px;
}
#brands-menu > *:first-child {
	margin-top: 0;
}
.slick-slider {
	margin-left: auto;
	margin-right: auto;
}
.slick-slider button {
	box-shadow: none;
	border-radius: 0;
}
.slick-slider button:before {
	font-family: FontAwesome;
	color: #242021;
}
.slick-slider button.slick-prev:before {
	content: "\f053";
}
.slick-slider button.slick-next:before {
	content: "\f054";
}
.slick-slider a {
	display: inline-block !important;
	float: none !important;
	padding: 20px 40px;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.slick-slider a > img {
	display: inline-block !important;
	max-height: 150px;
}


#SubscriptionForm {
	text-align: center;
}
#SubscriptionForm > label {
	display: inline-block;
	padding: 3px 5px;
}
#SubscriptionForm input[type="text"] {
	display: inline-block;
	border: none;
	border-radius: 20px;
	padding: 8px 20px;
	min-width: 240px;
	line-height: 1.2;
	background-color: #f6f6f6;
}


.accordion {
	margin-top: 40px !important;
	border-bottom: 1px solid #e8e8e8 !important;
	font-size: 1em !important;
}
.accordion > .ui-accordion-header {
	border: none;
	border-top: 1px solid #e8e8e8;
	border-radius: 0 !important;
	margin-top: 0 !important;
	padding: 15px 0 !important;
	text-transform: none;
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em !important;
	font-weight: 500;
	color: #000;
	background: #fff;
}
.accordion > .ui-accordion-header:focus {
	outline: none;
}
.accordion > .ui-accordion-header-active {
	background: #fff;
}
.accordion .ui-accordion-header-icon {
	left: auto !important;
	right: 10px !important;
}
.accordion > .ui-accordion-content {
	border: none;
	border-radius: 0 !important;
	padding: 0 0 20px 0 !important;
	font-family: 'Roboto', sans-serif;
	font-size: .9em;
	color: #58585a;
}



/* Article View Styles */

.PageRange,
.PageCommands {
	clear: both;
	padding-top: 10px;
	text-align: center;
}
.CalendarCommandRow .PageCommands {
	clear: none;
	padding: 0;
}

/* Content */

#content .Title h1:first-child {
	margin-top: 0;
}
#Message {
	padding-top: 10px;
}
#content .Commands {
	display: none;
	padding-bottom: 20px;
}
#content .Articles .Title {
	display: block;
}

.Articles .Article {
}
.Article {
	clear: both;
}
.Article:after {display: table; content: " "; line-height: 0; clear: both;}
.Article {*zoom: 1;}
.Article .Title .Stars {
	display: block;
	float: right;
}
.Article .PublishedOn {
	float: right;
	margin-top: 5px;
	font-size: .9em;
}
.Article .PublishedOn:before {
	content: "Posted On: ";
}
.Article .Author {
	display: block;
	margin-top: 5px;
	font-size: .9em;
}
.Article .Author:before {
	content: "Posted By: ";
}
.Article .Categories {
	margin-top: 5px;
	font-size: .9em;
}
.Article .Categories:before {
	content: "Filed Under: ";
}
.Article > .Image {
	float: left;
	margin: 20px 20px 20px 0;
	max-width: 30%;
}
.Article .ImageHolder {
	float: left;
	margin: 20px 20px 20px 0;
	max-width: 25%;
	text-align: center;
}
.Article .ImageHolder img {
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
	max-width: 100%;
}
.Article .Description {
	margin-top: 10px;
}
.Article .Images {
	margin-top: 10px;
}
.Article .Images.grid {
	margin-top: -10px;
	margin-bottom: -10px;
}
.Article .Images.grid > * {
	margin-top: 10px;
	margin-bottom: 10px;
}
.Article .Images a {
	display: block;
}
.Article .Images a img {
	border: 0;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.Article .ReadMore {
	display: block;
	padding-top: 5px;
	text-align: right;
}
.Article .Tags {
	clear: both;
	margin-top: 10px;
	font-size: .9em;
}
.Article .Tags:before {
	content: "Tagged: ";
}
.Article .CommentsCount {
	display: block;
	margin-top: 10px;
}
.Article .HTMLDocumentComments {
	margin-top: 20px;
}
.Article .HTMLDocumentComments:before {
	content: "Comments";
	display: block;
	border-top: 1px solid #ddd;
	padding-top: 10px;
	font-size: 18px;
	color: #e6794e;
}
.Article .HTMLDocumentComments:empty {
	display: none;
}
.Article .HTMLDocumentComment {
	margin-top: 40px;
}
.Article .HTMLDocumentComment:first-child {
	margin-top: 20px;
}
.Article .HTMLDocumentComment .Document {
	display: none;
}
.Article .HTMLDocumentComment .SubmittedOn {
	float: right;
	font-weight: bold;
}
.Article .HTMLDocumentComment .Author {
	font-size: 1em;
}
.Article .HTMLDocumentComment .Author:before {
	content: normal;
}
.Article .HTMLDocumentComment .Author .Photograph {
	float: left;
	margin-right: 10px;
	max-width: 50px;
	max-height: 75px;
}
.Article .HTMLDocumentComment .Author .Name {
	display: block;
	font-weight: bold;
}
.Article .HTMLDocumentComment .Author .BusinessName,
.Article .HTMLDocumentComment .Author .WebsiteAddress {
	display: block;
	font-size: .75em;
}
.Article .HTMLDocumentComment .CommentBody {
	clear: both;
}
.Article #comments .button {
	clear: both;
	float: right;
	margin: 15px 0 0 0;
}
.Articles .Article .Author,
.Articles .Article .PublishedOn,
.Articles .Article .Categories,
.Articles .Tags,
.Articles .Article .CommentsCount {
	display: none;
}

/* SidePanel */

#right-panel {
	float: right;
}

#categories:before,
#brands:before,
#tags:before,
#issues:before,
#authors:before,
#industries:before,
#regions:before,
#latest-comments:before {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.4em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	font-weight: 500;
	color: #000;
}
#categories li.current,
#brands li.current,
#tags a.current,
#issues li.current,
#authors li.current,
#industries li.current,
#regions li.current {
	color: #e6794e;
}
#categories li:hover,
#brands li:hover,
#tags a:hover,
#issues li:hover,
#authors li:hover,
#industries li:hover,
#regions li:hover {
	color: #000;
	background-color: transparent;
}
#categories > ul ul,
#brands > ul ul,
#issues > ul ul,
#authors > ul ul,
#industries > ul ul,
#regions > ul ul {
	color: #58585a;
}

#categories:before {
	content: "Categories";
}
#categories > ul > li {
	padding-top: 2px;
	padding-bottom: 2px;
}

#brands:before {
	content: "Brands";
}
#brands > ul > li {
	padding-top: 2px;
	padding-bottom: 2px;
}

#tags:before {
	content: "Tags";
}
#tags > .TagCloud > * {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	font-style: normal;
	transition: all .15s ease;
}
#tags > .TagCloud > *:hover {
	text-decoration: none;
}
/*
#tags .ExtraLarge {
	font-size: 16px;
}
#tags .Large {
	font-size: 16px;
}
#tags .Medium {
	font-size: 12px;
}
#tags .Small {
	font-size: 10px;
}
#tags .ExtraSmall {
	font-size: 8px;
} */

#issues:before {
	content: "Archives";
}

#authors:before {
	content: "Authors";
}

#industries:before {
	content: "Industries";
}

#regions:before {
	content: "Regions";
}

#latest-comments:before {
	content: "Latest Comments";
}
#latest-comments a[title]:after {
	position: static;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 5px 0 0 0;
	width: 100%;
	font-size: .9em;
	font-style: italic;
	font-weight: bold;
	background: none;
	opacity: 1;
	visibility: visible;
}
#latest-comments .HTMLDocumentComment {
	margin-top: 10px;
	margin-bottom: 10px;
}
#latest-comments .HTMLDocumentComment:first-child {
	margin-top: 6px;
}
#latest-comments .HTMLDocumentComment .Document:before {
	content: "On ";
	font-weight: normal;
	font-style: normal;
}
#latest-comments .HTMLDocumentComment .Document {
	font-weight: bold;
}
#latest-comments .HTMLDocumentComment .SubmittedOn {
	display: none;
}
#latest-comments .HTMLDocumentComment .Author:before {
	content: " by ";
}
#latest-comments .HTMLDocumentComment .Author .Photograph {
	display: none;
	float: right;
	margin-left: 10px;
	max-width: 50px;
	max-height: 75px;
}
#latest-comments .HTMLDocumentComment .Author .Name {
	font-weight: bold;
}
#latest-comments .HTMLDocumentComment .Author .BusinessName,
#latest-comments .HTMLDocumentComment .Author .WebsiteAddress,
#latest-comments .HTMLDocumentComment .CommentBody {
	display: none;
}

/*
#categories a[data-items-count]:after,
#issues a[data-items-count]:after,
#authors a[data-items-count]:after,
#industries a[data-items-count]:after,
#regions a[data-items-count]:after,
#latest-comments a[data-items-count]:after {
	content: attr(data-items-count);
	position: static;
	display: block;
	float: right;
	border: 0;
	padding: 0;
	width: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-weight: normal;
	font-size: .9em;
	opacity: 1;
	visibility: visible;
} */



/* Gallery Template */

#gallery .Images {
	padding-top: 10px;
}
#gallery .Images.grid {
	margin-top: -10px;
	margin-bottom: -10px;
}
#gallery .Images.grid > * {
	margin-top: 10px;
	margin-bottom: 10px;
}
#gallery .Images a {
	padding-top: 14.66666%;
	height: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
@media screen and (max-width: 839px) {
	#gallery .Images a {
		padding-top: 23%;
	}
}
@media screen and (max-width: 599px) {
	#gallery .Images a {
		padding-top: 48%;
	}
}



/* Testimonial Template */

#testimonial-template .Title {
	color: #e6794e;
}
#testimonial-template .PublishedOn {
	font-style: italic;
	font-size: .9em;
}
#testimonial-template .PublishedOn:before {
	content: "Published On: ";
	display: inline;
}
#testimonial-template .Author {
	margin-top: 20px;
}
#testimonial-template .Name {
	font-weight: bold;
}
#testimonial-template .Position, 
#testimonial-template .BusinessName, 
#testimonial-template .WebsiteAddress {
	display: block !important;
	font-style: italic;
}
#testimonial-template img {
	float: left;
	margin-right: 1%;
	border: 2px solid #e6794e;
	width: 24%;
}
#testimonial-template .view-all {
	margin-top: 20px;
	text-align: right;
}



/* Shop Styles */

.Shop > .Title > h1 {
    display: none;
}
.Shop #Products,
#related-products > div {
	clear: both;
	position: relative;
	display: block;
	margin-left: -1%;
	margin-right: -1%;
}
.Shop #Products:before, .Shop #Products:after, #related-products > div:before, #related-products > div:after {display: table; content: " "; line-height: 0;}
.Shop #Products:after, #related-products > div:after {clear: both;}
.Shop #Products, #related-products > div {*zoom: 1;}
.Shop #Products .Article,
#related-products > div .product {
	clear: none;
	display: inline-block;
	margin-top: 30px;
	margin-left: 1%;
	margin-right: 1%;
	width: 23%;
	vertical-align: top;
}
@media screen and (max-width: 1079px) {
	.Shop #Products .Article,
	#related-products > div .product {
		width: 31.33333%;
	}
}
@media screen and (max-width: 719px) {
	.Shop #Products .Article,
	#related-products > div .product {
		width: 48%;
	}
}
@media screen and (max-width: 359px) {
	.Shop #Products .Article,
	#related-products > div .product {
		width: 98%;
	}
}
.Shop .image,
#related-products .image {
	border: 1px solid #e8e8e8;
}
.Shop .image > a,
#related-products .image > a {
	display: block;
	overflow: hidden;
}
.Shop .image > a > span,
#related-products .image > a > span {
	display: block;
	padding-top: 98%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transition: all .5s ease;
}
.Shop .image:hover > a > span,
#related-products .image:hover > a > span {
	box-shadow: 0 0 10px #e8e8e8;
	transform: scale(1.2);
}
.Shop .details,
#related-products .details {
	padding-top: 20px;
	text-align: center;
}
.Shop .title,
#related-products .title {
	margin-top: 0;
}
.Shop .title > a,
#related-products .title > a {
	transition: all .15s ease;
}
.Shop .title > a:hover,
#related-products .title > a:hover {
	text-decoration: none;
	color: #e6794e;
}
.Shop .price,
#related-products .price {
	display: block;
	margin-top: 10px;
}
.Shop .price > .regular-price,
#product-template .price > .regular-price,
#related-products .price > .regular-price {
	text-decoration: line-through;
	color: red;
}
.Shop .read-more,
#related-products .read-more {
	float: right;
}
.Shop .add-to-cart,
#related-products .add-to-cart {
	margin-right: 10px;
}
.Shop .add-to-cart,
.Shop .read-more,
.Shop .sold-out,
#product-template .add-to-cart,
#product-template .sold-out,
#related-products .add-to-cart,
#related-products .sold-out {
	display: inline-block;
	margin-top: 10px;
	border: none;
}
.Shop .PageRange {
	clear: both;
	padding-top: 40px;
	text-align: center;
}



/* Website Product Default Template */

.breadcrumbs {
	display: none;
	padding-bottom: 30px;
	font-size: .9em;
	color: #aaacae;
}
.breadcrumbs a {
	font-style: normal;
}
.breadcrumbs i {
	padding-left: 10px;
	padding-right: 10px;
}
.breadcrumbs .current {
	color: #58585a;
}

#product-template .images {
	padding-right: 1.5%;
}
#product-template .images > .grid {
	margin-top: -2%;
}
#product-template .images > .grid > * {
	margin-top: 2%;
}
#product-template .images a {
	display: block;
	float: left;
	border: 1px solid #e8e8e8;
	max-width: 31.33333%;
	padding-top: 31.33333%;
	height: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#product-template .images a:first-child {
	max-width: 100%;
	padding-top: 98%;
}
#product-template .images a img {
	border: 0;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
@media screen and (max-width: 959px) {
	#product-template .images {
		padding-bottom: 20px;
	}
}
#product-template h1.title {
	margin-top: 0;
}
#product-template .code {
	margin-top: 0;
}
#product-template .price {
	margin-top: 30px;
	font-weight: 600;
	font-size: 1.6em;
	color: #000;
}
#product-template .price .regular-price {
	text-decoration: line-through;
	color: red;
}
#product-template .add-to-cart {
	margin-top: 15px;
}
#product-template .add-to-cart > .button {
	padding: 12px 20px;
	text-transform: uppercase;
}
#product-template .add-to-cart .sold-out {
	display: inline-block;
	text-transform: uppercase;
}
#product-template .review-count {
	margin-top: 35px;
}
#product-template .review-count > a {
	display: block;
}
#product-template .Stars {
	width: 120px;
	height: 25px;
	background: url(/images/system/stars.png) repeat-x left -24px;
}
#product-template .Stars span {
    height: 25px;
    background: url(/images/system/stars.png) repeat-x left 3px;
}
#product-template .description {
}
#product-template #comments .button {
	clear: both;
	float: right;
	margin: 15px 0 0 0;
}

/* Related Products styles */
#related-products-container {
	background-color: #fff;
}
#related-products {
	padding: 60px 12px;
}
#related-products:empty {
	display: none;
}
#related-products > h4 {
	margin-top: 0;
	margin-bottom: 20px;
}
#related-products > div {
	text-align: center;
}
#related-products > div .product {
	width: 18%;
}
#related-products .title {
	font-size: 1em;
}
@media screen and (max-width: 1079px) {
	#related-products > div .product {
		width: 31.33333%;
	}
}
@media screen and (max-width: 719px) {
	#related-products > div .product {
		width: 48%;
	}
}
@media screen and (max-width: 359px) {
	#related-products > div .product {
		width: 98%;
	}
}



/* Cart Items */

body:not(.cartitems-summary) #cartitems-summary > *:first-child {
	margin-top: 0;
}
#cartitems-summary > *:first-child {
	margin-bottom: 10px;
}
#cartitems-summary > table {
	width: 100%;
}
#cartitems-summary > table {
	border-top: 1px solid #e7e7e7;
}
#cartitems-summary > table > tbody > tr > td {
	padding: 3px 5px;
}
#cartitems-summary > table > tbody > tr > td:first-child {
	padding-left: 0;
}
#cartitems-summary > table > tbody > tr > td:last-child {
	padding-right: 0;
}
#cartitems-summary > table > tbody > tr > td:first-child + td {
	text-align: right;
	font-weight: bold;
}
#cartitems-summary > table > tbody > tr > td:first-child + td + td {
	width: 42px;
	font-size: .8em;
	white-space: nowrap;
}
#cartitems-summary > table > tbody > tr > td:first-child + td + td > i {
	cursor: pointer;
}
#cartitems-summary #cart-commands {
	margin-top: 10px;
	text-align: center;
}

#cart-set-delivery-location > .box,
#cart-set-delivery-method > .box,
#cart-apply-promotion > .box {
	width: 300px;
	max-width: 100%;
}
#cart-set-delivery-location select,
#cart-set-delivery-location input[type="text"],
#cart-set-delivery-method select,
#cart-apply-promotion input[type="text"] {
	margin-top: 5px;
	width: 100%;
}
#cart-set-delivery-location .commands,
#cart-set-delivery-method .commands,
#cart-apply-promotion .commands {
	margin-top: 5px;
	text-align: right;
}

body.cartitems-confirmorder th,
body.cartitems-confirmorder td {
	padding: 5px;
}
body.cartitems-confirmorder .ItemDetails > table > thead {
	border-bottom: 1px solid #ddd;
}
body.cartitems-confirmorder .ItemDetails > table tr > td:last-child {
	text-align: right;
}
body.cartitems-confirmorder .ItemDetails > table tfoot > tr > td:first-child {
	font-weight: bold;
	text-align: right;
}



/* Article Reviews */

#reviews-container {
	background-color: #f8f8f8;
}
#Reviews {
	max-width: 600px !important;
}
#Reviews > .reviews {
	padding: 60px 10px;
	text-align: center;
}
#Reviews > .reviews:empty {
	display: none;
}
.review {
	margin-bottom: 60px;
}
.review > .reviews {
	margin-top: 5px;
}
.review > .reviews > .review {
	margin-top: 20px;
	padding-left: 40px;
}
/* Review form styles */
.reviews > form {
	display: none;
	max-width: 480px;
}
.reviews.show-form > .button {
	display: none;
}
.review > .reviews > .button {
	box-shadow: none;
	padding: 0;
	font-size: .8em;
	color: #2b2946 !important;
	background: transparent !important;
}
.review > .reviews > .button:hover {
	box-shadow: none;
}
.reviews.show-form > form {
	display: block;
}
.reviews > form label {
	display: block;
	margin-top: 10px;
	font-weight: bold;
}
.reviews > form label > * {
	display: block;
	margin-top: 5px;
}
.reviews > form textarea {
	width: 100%;
	min-height: 96px;
}
.reviews > form textarea:invalid {
	border-color: rgba(43,41,70,.4);
}
.reviews > form > .commands {
	margin-top: 5px;
}
/* Review heading styles */
.review > .heading > .Stars {
	display: inline-block;
	width: 120px;
	height: 25px;
	background: url(/images/system/stars.png) repeat-x left -24px;
	vertical-align: baseline;
}
.review > .heading > .Stars span {
    height: 25px;
    background: url(/images/system/stars.png) repeat-x left 3px;
}
.review > .heading > .Document {
	display: none;
}
/* Review body styles */
.review > .body {
	margin-top: 20px;
	padding: 7px 10px;
}
.review > .body > *:first-child {
	margin-top: 0;
}
/* Review footer styles */
.review > .footer {
	margin-top: 20px;
}
.review .author > .photograph {
	display: inline-block;
	margin-top: -2px;
	margin-right: 7px;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.review .author > .name {
	font-size: .8em;
	font-weight: bold;
	color: #000;
}
.review .author > .business-name,
.review .author > .website-address {
	display: none;
}
.review .icon-circle {
	padding-left: 5px;
	padding-right: 5px;
}
.review .icon-circle:before {
	display: inline-block;
	font-size: .4em;
	color: #808080;
	color: rgba(51,51,51,.6);
	vertical-align: middle;
}
.review .created-on {
	font-size: .8em;
	color: #808080;
	color: rgba(51,51,51,.6);
}



/* Generated Forms */

.method-view-form .message.warning {
	display: none;
}
.method-view-form .commands {
	margin-top: 10px;
	text-align: right;
}
body.website-register h1 a,
body.website-login h1 a,
body.website-sendlogindetails h1 a {
	color: #444;
}



/* Services Page Styles */

#ServicesPage > *:first-child {
	margin-top: 0;
}
#ServicesPage .ServiceTime {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}
#ServicesPage .ServiceTime .Image {
	float: left;
	margin-right: 2%;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 5px;
	width: 31.33333%;
}
@media screen and (max-width: 479px) {
	#ServicesPage .ServiceTime .Image {
		margin-right: 0;
		width: 100%;
	}
}
#ServicesPage .ServiceTime img {
	width: 100%;
	height: 100%;
}
#ServicesPage .ServiceTime .StartFinish,
#ServicesPage .ServiceTime .Venue {
	display: block;
	font-style: italic;
}
#ServicesPage .ServiceTime .StartFinish {
	float: right;
}
#ServicesPage .ServiceTime .Title {
	display: block;
	margin: 16px 0 3px 0;
	font-weight: bold;
}
#ServicesPage .ServiceTime .Description {
	display: block;
}
#ServicesPage .ServiceTime a {
	display: block;
	text-align: right;
}
#ServicesPage .ServiceTime .PublishedOn,
#ServicesPage .ServiceTime .RegistrationTime,
#ServicesPage .ServiceTime .RSVPBy,
#ServicesPage .ServiceTime .Venue .Location {
	display: none;
}



/* Website Service Default Template */

#ServiceTemplate > *:first-child {
	margin-top: 0;
}
#ServiceTemplate tr > *:first-child {
	font-weight: bold;
}
#ServiceTemplate #Title {
	margin-bottom: 10px;
}
#ServiceTemplate #Title .Stars {
	display: block;
	float: right;
}
#ServiceTemplate #Venue,
#ServiceTemplate #RegularPrice,
#ServiceTemplate #MemberPrice,
#ServiceTemplate #Description,
#ServiceTemplate #Times {
	padding-top: 10px;
}
#ServiceTemplate #Times .ServiceTimes .PublishedOn,
#ServiceTemplate #Times .ServiceTimes .RSVPBy,
#ServiceTemplate #Times .ServiceTimes .RegistrationTime,
#ServiceTemplate #Times .ServiceTimes .Title,
#ServiceTemplate #Times .ServiceTimes .Venue,
#ServiceTemplate #Times .ServiceTimes .Description,
#ServiceTemplate #Times .ServiceTimes a.MoreInfo,
#ServiceTemplate #Times .ServiceTimes .Image {
	display: none;
}
#ServiceTemplate #Times .ServiceTime {
}
#ServiceTemplate #Times .ServiceTime .StartFinish {
	clear: left;
	float: left;
	display: block;
	margin: 0;
	width: 240px;
	color: black;
}
#ServiceTemplate #Times .ServiceTime .RSVP {
	float: left;
	box-shadow: 3px 3px 5px #bbb;
	border: 1px solid #bbf;
	border-radius: 5px;
	padding: 2px 10px;
	font-style: normal;
	font-size: .8em;
	background: #e6794e;
	color: #fff;
}
#ServiceTemplate #Content {
	padding-top: 20px;
}
#ServiceTemplate .HTMLDocumentComments {
	margin-top: 20px;
}
#ServiceTemplate .HTMLDocumentComments:before {
	content: "Comments";
	display: block;
	border-top: solid 3px #d1d2d4;
	padding-top: 10px;
	font-size: 18px;
}
#ServiceTemplate .HTMLDocumentComment {
	margin-top: 15px;
	margin-bottom: 15px;
}
#ServiceTemplate .HTMLDocumentComment .Document {
	display: none;
}
#ServiceTemplate .HTMLDocumentComment .SubmittedOn {
	float: right;
	font-weight: bold;
}
#ServiceTemplate .HTMLDocumentComment .Author:before {
	content: normal;
}
#ServiceTemplate .HTMLDocumentComment .Author .Photograph {
	float: left;
	margin-right: 10px;
	max-width: 50px;
	max-height: 75px;
}
#ServiceTemplate .HTMLDocumentComment .Author .Name {
	display: block;
	font-weight: bold;
}
#ServiceTemplate .HTMLDocumentComment .Author .BusinessName,
#ServiceTemplate .HTMLDocumentComment .Author .WebsiteAddress {
	margin-top: 3px;
	display: block;
}
#ServiceTemplate .HTMLDocumentComment .CommentBody {
	clear: both;
}
#ServiceTemplate #Comments .TextButton {
	clear: both;
	float: right;
	margin: 15px 0 0 0;
}



/* Services Calendar */

.CalendarTable {
	border-spacing: 0 !important;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.CalendarTable td {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 10px;
}
.CalendarCell.Today {
	background-color: #efefef;
}
.Week .CalendarCell,
.Month .CalendarCell {
	height: 100px;
}
.CalendarCell a {
	font-style: normal;
}
.CalendarCell.PreviousMonth,
.CalendarCell.NextMonth,
.CalendarCell.PreviousMonth a,
.CalendarCell.NextMonth a {
	color: #888;
}
.CalendarCell .Time,
.CalendarCell .Description,
.CalendarCell.PreviousMonth .Time,
.CalendarCell.NextMonth .Description {
	display: block;
	margin-left: 10px;
	color: #e6794e;
}



/* Forum Styles */

.Forum .Subforums h3 {
	color: #444;
}
.Forum .ArticlesCount {
	float: right;
	font-size: .7em;
}
.Forum .ArticlesCount:before {
	content:"Posts: "
}

#ForumTemplate .Categories {
	display: none;
}
#ForumTemplate .Tags {
	display: none;
}



/* Directory Styles */

.Directory .User {
	margin-bottom: 20px;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 0 10px 10px 10px;
}
.Directory .Logo {
	display: block;
	float: right;
	border: 1px solid #ddd;
	border-radius: 10px;
	margin: 0 0 10px 10px;
	padding: 5px;
	max-width: 32%;
	height: auto;
}
.Directory .Industries,
.Directory .Regions {
	padding: 5px 0 0 0;
}
.Directory .Industries:before {
	content: "Industries: ";
	font-weight: bold;
}
.Directory .Regions:before {
	content: "Regions: ";
	font-weight: bold;
}
.Directory .ViewProfile {
	display: block;
	margin-top: 20px;
	text-align: right;
}
.Directory .ViewProfile:after {display: table; content: " "; line-height: 0;}
.Directory .ViewProfile:after {clear: both;}



/* Under Construction Page Styles */

#uc-container {
	display: flex;
}
@media screen and (max-width: 959px) {
	#uc-container {
		display: block;
	}
}
#uc-container h1,
#uc-container h3 {
	color: #000;
}
#uc-container.dark h1,
#uc-container.dark h3 {
	color: #fff;
}
#uc-container #side-panel {
	padding: 40px;
	min-height: 100vh;
	background-color: #efefef;
}
#uc-container.dark #side-panel {
	color: #fff;
	background-color: #000;
}
#uc-container #side-panel > * {
	margin-top: 30px;
	border-top: 1px solid #000;
	padding: 30px 10px 0 10px;
}
#uc-container.dark #side-panel > * {
	border-top-color: #fff;
}
#uc-container #side-panel > * > *:first-child {
	margin-top: 0;
	margin-bottom: 20px;
	text-align: center;
}
#uc-container #logo {
	margin-top: 0;
	border-top: none;
	padding-top: 0;
	text-align: center;
}
#uc-container #logo img {
	max-width: 100%;
}
#uc-container #description {
	margin-top: 0;
	border-top: none;
}
#uc-container #description > * {
	text-align: left !important;
}
#uc-container #contact-details i[class^="icon-"]:before,
#uc-container #contact-details i[class*=" icon-"]:before {
	margin-right: 7px;
	width: 16px;
	text-align: center;
}
#uc-container #enquiry-form input[type="text"],
#uc-container #enquiry-form input[class="button"],
#uc-container #enquiry-form textarea {
	border-color: rgba(0,0,0,.5);
	border-radius: 0;
	padding: 8px 12px;
}
#uc-container #follow-us-menu {
	text-align: center;
}
#uc-container #follow-us-menu > ul {
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
	line-height: 1.2;
}
#uc-container #follow-us-menu > ul > li {
	width: auto;
}
#uc-container #follow-us-menu a[class^="icon-"]:before,
#uc-container #follow-us-menu a[class*=" icon-"]:before {
	margin-right: 0;
	font-size: 1.5em;
	line-height: 1.5;
	vertical-align: top;
}
#uc-container #content {
	position: relative;
}
#uc-container #content > div {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: cover;
	background-position: center center;
}
#uc-container #content > div > div {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.50);
}
#uc-container.dark #content > div > div {
	background-color: rgba(0, 0, 0, 0.50);
}
#uc-container #content h2 {
	position: fixed;
    left: 62.5%;
    top: 50%;
    transform: translate(-50%, -50%);
	margin-top: 0;
	white-space: nowrap;
	font-size: 4em;
	color: #000;
}
#uc-container.dark #content h2 {
	color: #fff;
}
@media screen and (max-width: 1199px) {
	#uc-container #content h2 {
		left: 66.66666%;
		top: 50%;
		transform: translate(-50%, -50%);
		font-size: 3em;
	}
}
@media screen and (max-width: 959px) {
	#uc-container #content {
		text-align: center;
	}
	#uc-container #content > div {
		position: relative;
	}
	#uc-container #content h2 {
		position: static;
		padding: 20% 20px;
		transform: none;
	}
}
@media screen and (max-width: 599px) {
	#uc-container #content h2 {
		white-space: normal;
		font-size: 2.4em;
	}
}


/* Account Menu */

#account-menu-container {
	background-color: #242021;
}
#account-menu {
	font-size: .9em;
	color: #fff;
	z-index: 2;
}
#account-menu > ul {
	margin: 0 -12px;
}
#account-menu > ul > li {
	padding: 10px 12px;
}
#account-menu li:hover {
	color: #e6794e;
	background: transparent;
}


/* Dashboard Styles */

body.dashboard #body-container {
    font-size: .75em;
    letter-spacing: 0;
    background-color: #fcfcfc;
}
.dashboard-item {
    margin-top: 30px;
    padding: 8px 12px !important;
    background-color: #fff;
}

#search.control,
#search-box .control,
#order-summary .control,
#payment-summary .control {
    position: relative;
}
#search.control > input[type=text],
#search-box .control > input[type=text] {
    width: 100%;
}
#order-summary .control > select,
#payment-summary .control > select {
    display: block;
    width: 90%;
    border-bottom: 1px solid;
}
#order-summary .control > input[type=date],
#payment-summary .control > input[type=date] {
    width: 45%;
}
#order-summary .control > select + input[type=date],
#payment-summary .control > select + input[type=date] {
    border-left: none;
}
#search.control > input[type=submit],
#search.control > a.button,
#search-box .control > input[type=submit],
#order-summary .control > input[type=submit],
#payment-summary .control > input[type=submit] {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 6px 8px;
    min-width: 10%;
    z-index: 1;
}

#search-results .scrollable,
#times .scrollable,
#shop .scrollable,
#membership-summary .scrollable,
#my-cart .scrollable ,
#my-bookings .scrollable,
#my-memberships .scrollable,
#my-orders .scrollable,
#my-payments .scrollable {
    max-height: 300px;
}

tr.time-started,
tr.attended {
    background-color: rgb(245, 255, 245);
}
tr.time-finished,
tr.did-not-show {
    background-color: rgb(255, 245, 245);
}
tr.time-cancelled,
tr.withdrawn {
    background-color: rgb(245, 245, 245);
    text-decoration: line-through;
}

.summary,
.detail {
    cursor: pointer;
}
.summary + .detail {
    display: none;
}
.show-detail {
    padding: 0 !important;
}
.show-detail > .summary {
	display: none;
}
.show-detail > .summary + .detail {
	display: block;
}
.show-detail > .summary + table.detail {
	display: table;
}

#my-memberships tr.level2 > th,
#membership-summary tr.level2 > th {
    padding-left: 28px;
}
#my-memberships tr.level3 > th,
#membership-summary tr.level3 > th {
    padding-left: 48px;
}
#my-memberships tr.level4 > th,
#membership-summary tr.level4 > th {
    padding-left: 68px;
}
#my-memberships tr.level5 > th,
#membership-summary tr.level5 > th {
    padding-left: 88px;
}
#my-memberships tr.all-toggle {
    background-color: #fafafa;
}

@keyframes background-change {
    from {background-color: #dfd;}
    to {background-color: #fff;}
}
#my-cart {
	background-color: #fff;
    animation-name: background-change;
    animation-duration: 2s;
}

#my-profile form .control {
    position: relative;
    margin: -8px 0;
    padding-right: 57px;
}
#my-profile form .control > input[type=submit] {
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
#my-profile .notes {
    max-height: 200px;
}
#my-profile .notes .Date {
	display: block;
	font-size: .8em;
}
#my-profile .notes .Content {
	display: block;
}
#my-profile .notes .Author {
	display: block;
	font-size: .6em;
}









.view-form > .header > .bread-crumbs li:first-child,
.view-form > .header > .bread-crumbs li + li:before {
	color: #e6794e;
}
.view-form > .header > .title {
	/* border-radius: 5px; */
	/* border-bottom: none; */
	/* color: #fff; */
	/* background-color: #e6794e; */
	color: #e6794e;
	border-bottom-color: #e6794e;
}
.view-form > .header > .commands input {
	color: #fff;
	background-color: #e6794e;
}
.view-form > .header > .commands > .methods:before {
	/* color: #fff; */
	color: #e6794e;
}
.view-form > .header > .commands > .methods li[class^="icon-"]:before {
	color: #e6794e;
}




.articles-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 3rem
}

.articles-header .bread-crumbs .filter:empty {
    display: none
}

.articles-header .toggler {
    padding: 5px 7px;
    cursor: pointer
}

.articles-header #side-panel.open+.toggler:before {
   content: "\f00d";
}

.articles-header #side-panel {
    display: none;
    flex-direction: column;
    gap: 30px;
    position: absolute;
    top: 40px;
    right: 0;
    padding: 20px;
    width: 100%;
    max-width: 300px;
    font-size: .85em;
    background-color: #fff;
    z-index: 2
}

.articles-header #side-panel.open {
    display: flex
}

.articles-header #side-panel .search-control input {
    display: inline-block;
    width: 100%
}

.articles-header #side-panel .search-control a {
    position: absolute;
    top: 0;
    right: 0
}

.articles-header #side-panel .filter-menu>ul>li>ul {
    display: block !important
}

.articles-header #side-panel .filter-menu>ul>li {
    margin-top: 30px
}

.articles-header #side-panel .filter-menu>ul>li:first-child {
    margin-top: 0
}

.articles-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    margin-top: 40px
}

.article-item {
    width: calc(33.33334% - 20px);
    box-shadow: 0 10px 26px rgba(0,0,0,.1);
    border-radius: var(--borderRadius);
    background-color: var(--white)
}

.latest-products #products {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 2rem;
    padding: 2rem 0;
}

.latest-products #products .article-item {
    width: auto
}

@media screen and (max-width: 1023px) {
    .latest-products #products {
        grid-template-columns:repeat(2,minmax(0,352px));
        row-gap: 6rem
    }

    .latest-products #products .article-item:last-child {
        justify-self: center;
        grid-column: 1/3;
        max-width: 352px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 839px) {
    .latest-products #products {
        grid-gap:7rem;
        grid-template-columns: repeat(1,minmax(0,100%))
    }

    .latest-products #products .article-item:last-child {
        grid-column: 1;
        max-width: 100%
    }
}

#products .article-item {
    padding: 2rem 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

#products .article-item .more>a {
    color: var(--white);
    font-weight: normal
}

#products .article-item .details {
    text-align: center;
    flex-grow: 1
}

#products .article-item>.image {
    padding-top: 50%;
    background-size: contain
}
.article-item .more {
  text-align: center;
}
.article-item .more span.price {
    display: block;
  
    font-size: 1.5rem;
    font-weight: bold;
    padding: 1rem 0;
}
.article-item .more .price+.button, .article-item .button.buy-now, .article-item .button.view {
    margin-left: 10px;
}
.page-commands {
    text-align: center!important;
      margin-bottom: 3rem;
}
.article-item .image {

    background-repeat: no-repeat;
    background-position: top center;
}
/*
.view-form label:focus-within {
	border-color: #e6794e;
}
.view-form label > .icon-info-sign > div {
	background-color: #e6794e;
	color: #fff;
}
.view-form label > .icon-info-sign > div:before {
	border-top-color: #e6794e;
}
.view-form label > input[type=checkbox]:focus {
	border-color: #e6794e;
}
.view-form label[data-control-type="select"]:focus-within:before {
	border-left-color: #e6794e;
	color: #e6794e;
}
.view-form label > select[multiple=multiple] + div input[type=checkbox]:focus {
	border-color: #e6794e;
}
.view-form .cke_bottom {
	background-color: #e6794e;
}
 */
 /* .view-form ::selection {
	color: #fff;
	background-color: #e6794e;
}
*/