/* HTML Element styles specific to this project. */
body {
	letter-spacing: 1px;
	line-height: 1.4em;
	font-family: 'Abel', sans-serif;
	font-size: 1em;
	color: #231f20;
}

h1,h2,h3,h4,h5,h6 {text-transform: uppercase; color: #006cff;}
h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;
}

hr {
	border-top: 20px solid #006cff;
	margin: 0 0 30px 0;
}

input[type="text"],
input[type="password"],
select,
textarea {
	border-color: rgba(127,127,127,.2) !important;
	border-radius: 0;
}


/* Font Awesome Additional Icons */

.icon-envelope-square:before {
	content: "\f199";
}
.icon-instagram:before {
	content: "\f16d";
}
.icon-youtube-square:before {
	content: "\f166";
}
.icon-pinterest-p:before {
	content: "\f231";
}



@media screen and (max-width: 839px) {
	nav.minimize840 ul {
		position: static !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		border: 0 !important;
		width: auto !important;
		color: inherit !important;
		background-image: none !important;
		background-color: transparent !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	/* following replaced with display none/block due to bug with iPhones and iPads
		opacity: 1 !important;
		visibility: visible !important; */
		display: block !important;
	}
	nav.minimize840 > ul:before {
		content: "≡ menu";
		display: block;
		padding: 5px 7px;
		font-size: 1.2em;
	}
	nav.minimize840 li {
		float: none !important;
		white-space: normal !important;
	}
	nav.minimize840 li.break-before {
		border-top-style: solid !important;
		border-top-width: 2px !important;
		border-top-color: rgba(127, 127, 127, .1) !important;
	}
	nav.minimize840 a {
		*color: #333 !important;
	}
	nav.minimize840 a[title]:hover:after {
		display: none !important;
	}
	nav.minimize840 > ul > li {
		display: none;
	}
	nav.minimize840 > ul:hover > li {
		display: block;
	}
	nav.minimize840 ul ul {
		padding-left: 7px !important;
	}
	nav.minimize840.right ul ul {
		padding-left: 0 !important;
		padding-right: 7px !important;
	}
}



/* System Styles */

a.TextButton,
input.TextButton,
a.Method,
a.AddToCart,
.button {
	border: 2px solid #006cff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 8px 16px;
	width: auto;
	max-width: 100%;
	text-transform: uppercase;
	font-family: inherit;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	vertical-align: baseline;
	color: #006cff;
	background: transparent;
	-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: #006cff;
}

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



/* Skin specific styles */

#splash-container {
	min-height: 100%;
	text-align: center;
	background-color: #fff;
}
#splash-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;
}

#enter-container {
	min-height: 70%;
	min-height: 75vh;
	background: url(/userfiles/image/Templates/background.jpg) no-repeat center /cover;
}
#enter {
	padding: 20vh 10px 40px 10px;
	text-align: center;
}
#enter .button {
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 1.2em;
}
@media screen and (max-width: 479px) {
	#enter-container {
		min-height: 50%;
		min-height: 50vh;
	}
	#enter {
		padding: 5vh 10px 40px 10px;
	}
}

#splash-content {
	padding: 40px 10px;
	text-align: left;
}
#splash-content > *:first-child {
	margin-top: 0;
}



#container {
	min-height: 100%;
	text-align: center;
	background: #fff url(../image/Templates/sidepanel-background.jpg) no-repeat -10vw top fixed;
}
body.website-default-for-administrator #container,
body.website-default-for-user #container {
	background: #fff;
}
@media screen and (max-width: 1659px) {
	#container {
		background: transparent;
	}
	#container:before {
		content: "";
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -10;
		background: #fff url(../image/Templates/sidepanel-background.jpg) no-repeat -35vw top;
		background-size: cover;
	}
}
@media screen and (max-width: 839px) {
	#container {
		background: #fff;
	}
	#container:before {
		display: none;
	}
}
#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;
}



#logged-in-menu-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #006cff;
	z-index: 5;
}
body.website-default-for-administrator #logged-in-menu-container + #body-container {
	padding-top: 50px;
}
#logged-in-menu {
	padding: 0 10px;
	font-size: .85em;
	color: #fff;
}
#logged-in-menu > ul > li {
	padding: 10px 7px;
}
#logged-in-menu > ul > li > a {
	display: inline-block;
}
#logged-in-menu ul ul {
	border: none;
	background-color: #006cff;
}
#logged-in-menu > ul:first-child {
	float: right;
	margin: 0 -10px;
	text-transform: uppercase;
}
#logged-in-menu > ul:first-child > li {
	padding: 10px;
}
#logged-in-menu > ul:first-child a[title]:after {
	left: auto;
	right: 100%;
}
#logged-in-menu > ul:first-child img {
	margin-top: 2px;
	vertical-align: top;
}
#logged-in-menu > ul:first-child ul {
	left: auto;
	right: 7px;
	text-align: right;
}
#logged-in-menu > ul:first-child ul ul {
	right: 100%;
}
@media screen and (max-width: 839px) {
	#logged-in-menu-container {
		position: static;
		box-shadow: none;
	}
}
@media screen and (max-width: 599px) {
	#logged-in-menu.minimize600 > ul:before {
		content: "≡ Administration Menu";
	}
	#logged-in-menu.minimize600 > ul:first-child:before {
		content: "≡ User Menu";
	}
	#logged-in-menu.minimize600 > ul:first-child {
		float: none;
	}
	#logged-in-menu.minimize600 > ul:first-child ul {
		text-align: left;
	}
}



#banner-container {
	background-color: #fff;
}
#banner {
}
#banner img {
	display: block;
	width: 100%;
	max-width: 1200px;
	max-height: 300px;
}
#banner.rotator {
	position: relative;
	max-height: 300px;
}
#banner.rotator > div {
	display: none;
	position: relative;
}
#banner.rotator > div.show {
	display: block;
	z-index: 1;
}



body.website-default-for-administrator #body,
body.website-default-for-user #body {
	padding: 20px;
}
#body > table.table-layout div.min-window-height {
	padding-top: 50px;
	padding-bottom: 140px;
	min-height: 100%;
	min-height: 100vh;
}

#content {
	padding: 0 30px 0 30px;
	background-color: #fff;
}
#content > div.min-window-height {
	padding-top: 255px !important;
}
#content > *:first-child {
	margin-top: 0;
}

#side-panel {
	padding: 0 30px;
	color: #fff;
}
#side-panel * {
	color: #fff;
}
#side-panel .grid {
	margin-top: -30px;
}
#side-panel .grid > * {
	margin-top: 30px;
}

@media screen and (max-width: 839px) {
	table.table-layout.u840col1,
	table.table-layout.u840col1 > tbody,
	table.table-layout.u840col1 > tbody > tr,
	table.table-layout.u840col1 > tbody > tr > td {
		display: block !important;
		width: 100% !important;
	}
	#content {
		padding: 20px;
	}
	#body > table.table-layout div.min-window-height {
		padding-top: 0 !important;
		padding-bottom: 0;
		min-height: 100%;
	}
	#side-panel {
		padding: 20px;
		background: #fff url(/userfiles/image/Templates/background.jpg) no-repeat center /cover;
	}
	#side-panel .grid {
		margin-top: -20px;
	}
	#side-panel .grid > * {
		margin-top: 20px;
	}
}

#side-panel #logo {
	display: block;
	padding-top: 60px;
	text-align: center;
}
#side-panel #logo:hover {
	text-decoration: none;
}
#side-panel #logo img {
	max-width: 100%;
}
@media screen and (max-width: 839px) {
	#side-panel #logo {
		padding-top: 8%;
	}
}
@media screen and (max-width: 479px) {
	#side-panel #logo {
		padding-top: 10px;
		text-align: center;
	}
	#side-panel #logo img {
		display: inline-block;
		max-width: 70%;
	}
}

#main-menu-container {
	padding-top: 40px;
}
#main-menu {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 20px 0;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	z-index: 3;
}
body.website-default-for-administrator #main-menu,
body.website-default-for-user #main-menu {
	border-top: none;
	padding: 5px 10px;
	background-color: #fff;
}
#main-menu > ul {
	margin: 0 -10px;
}
#main-menu > ul > li {
	padding: 7px 10px;
}
#main-menu li:hover {
	background-color: transparent;
}
#main-menu ul ul {
	border: none;
	text-transform: none;
}
#side-panel #main-menu ul ul {
	display: none;
	padding-top: 7px;
	background-color: transparent;
}
#side-panel #main-menu ul > li:hover > ul {
	display: block;
}
#side-panel #main-menu ul ul > li {
	padding: 7px 7px 7px 30px;
}
@media screen and (max-width: 839px) {
	#main-menu {
		padding: 0;
	}
	#main-menu > ul > li {
		padding: 10px;
	}
}
@media screen and (max-width: 479px) {
	#main-menu {
		border: none;
	}
	#main-menu.minimize600 > ul:before {
		content: "≡ Menu";
	}
}

#side-panel .side-panel-snippet {
	border-bottom: 2px solid #fff;
	padding-bottom: 30px;
}
#side-panel .side-panel-snippet > *:first-child {
	margin-top: 0;
	color: #fff;
}
#side-panel .side-panel-snippet a.ellipsis,
#side-panel-bottom .side-panel-snippet a.ellipsis {
	display: block;
}

#side-panel-bottom {
	display: none;
	padding-top: 40px;
}
#side-panel-bottom .grid {
	margin-top: -20px;
}
#side-panel-bottom .grid > * {
	margin-top: 20px;
}

@media screen and (max-width: 839px) {
	#side-panel .side-panel-snippet {
		display: none;
	}
	#side-panel-bottom {
		display: block;
	}
}



#footer-container {
	background-color: #fe0000;
}
body.website-base-for-public #footer-container {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 4;
}
@media screen and (max-width: 839px) {
	body.website-base-for-public #footer-container {
		position: static;
	}
}
#footer {
	display: block;
	padding: 5px 10px 5px 10px;
	text-align: center;
 	font-size: .9em;
	color: #fff;
}
#footer .footer-social {
	padding-bottom: 15px;
	line-height: 1.4em;
	font-size: 1.4em;
	text-transform: uppercase;
}
#footer .footer-social img {
	vertical-align: top;
}
#administration-menu > ul > li,
#website-by {
	padding-top: 2px;
	padding-bottom: 2px;
}
#copyright {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: right;
}



/* 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) {
	padding-right: 2%;
}
@media screen and (max-width: 719px) {
	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 {
		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) {
		padding-right: 0;
	}
}

img.left {
	clear: both;
	float: left;
	margin-right: 2%;
	max-width: 50%;
}
img.right {
	clear: both;
	float: right;
	margin-left: 2%;
	max-width: 50%;
}

#services-menu > .grid {
	margin-top: -2%;
}
#services-menu > .grid > * {
	margin-top: 2%;
}
@media screen and (max-width: 599px) {
	#services-menu > .grid > * {
		width: 96%;
	}
}
#services-menu .image-container {
	position: relative;
}
#services-menu .image {
	padding-top: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
#services-menu .details {
	position: absolute;
	top: 25px;
	left: 0;
	padding: 20px;
	width: 100%;
	text-align: center;
}
#services-menu .title {
	margin-top: 0;
	word-wrap: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #fff;
}
#services-menu .read-more {
	display: inline-block;
	margin-top: 5px;
	padding: 8px 16px;
	text-transform: uppercase;
	font-style: normal;
	color: #006cff;
	background-color: #fff;
}
#services-menu .description {
	color: #fff;
}
@media screen and (max-width: 1079px) and (min-width: 960px) {
	#services-menu .details {
		top: 0;
		padding: 10px;
	}
}



/* 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;
	margin-bottom: 10px;
}
#Message {
	padding-top: 10px;
}
#content .Commands {
	display: none;
	padding-bottom: 20px;
}
#content .Articles .Title {
	display: block;
}

.Articles .Article {
	margin-bottom: 20px;
}
.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: none;
	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: #008cd3;
}
.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 */

body.website-articles-default #search {
	display: none;
}

@media screen and (max-width: 839px) {
	#side-panel #cartitems-summary,
	#side-panel #categories,
	#side-panel #tags,
	#side-panel #issues,
	#side-panel #authors,
	#side-panel #industries,
	#side-panel #regions,
	#side-panel #latest-comments {
		display: none;
	}
}
#categories:before,
#tags:before,
#issues:before,
#authors:before,
#industries:before,
#regions:before,
#latest-comments:before {
	display: block;
	padding-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 300;
	color: #fff;
}

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

#tags:before {
	content: "Tags";
}
#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: #008cd3;
}
#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 #008cd3;
	width: 24%;
}
#testimonial-template .view-all {
	margin-top: 20px;
	text-align: right;
}



/* Shop Styles */

.Shop #Products {
	clear: both;
	position: relative;
	margin-left: -1%;
	margin-right: -1%;
}
.Shop #Products:before, .Shop #Products:after {display: table; content: " "; line-height: 0;}
.Shop #Products:after {clear: both;}
.Shop #Products {*zoom: 1;}
.Shop #Products .Article {
	clear: none;
	display: block;
	float: left;
	margin-top: 30px;
	margin-left: 1%;
	margin-right: 1%;
	width: 31.33333%;
}
@media screen and (max-width: 719px) {
	.Shop #Products .Article {
		width: 48%;
	}
}
@media screen and (max-width: 479px) {
	.Shop #Products .Article {
		margin-top: 30px;
		width: 98%;
	}
}
.Shop .image {
	display: block;
	position: relative;
	margin: 0 0 10px 0;
	padding-top: 98%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	max-width: 100%;
}
.Shop .details {
	height: 35px;
	overflow: hidden;
}
.Shop .title {
	display: inline;
	padding-right: 10px;
	border-right: 1px solid #231f20;
	white-space: normal;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}
.Shop .title a {
	font-style: normal;
}
.Shop .price {
	display: inline;
	margin: 0 0 0 10px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}
.Shop .price .regular-price {
	text-decoration: line-through;
	color: red;
}
.Shop .PageRange {
	clear: both;
	padding-top: 40px;
	text-align: center;
}



/* Website Product Default Template */

#product-template h1.title {
	margin-top: 0;
}
#product-template h1.title .Stars {
	display: block;
	float: right;
}
#product-template .images {
}
#product-template .images > .grid {
	margin-top: -2%;
}
#product-template .images > .grid > * {
	margin-top: 2%;
}
#product-template .images a {
	display: block;
	float: left;
	max-width: 31.33333%;
	padding-top: 31.33333%;
	height: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
#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 .description {
	clear: both;
	margin-bottom: 10px;
	padding-top: 10px;
	font-weight: 700;
}
#product-template .price {
	margin-top: 20px;
	font-weight: 700;
}
#product-template .price .regular-price {
	text-decoration: line-through;
	color: red;
}
#product-template .add-item-to-cart-form {
	clear: both;
}
#product-template .add-item-to-cart-form label,
#product-template input#Price_Control,
#product-template input#BulkPrice_Control,
#product-template input#BulkQuantity_Control {
	display: none;
}
#product-template input#Quantity_Control {
	max-width: 27px;
	padding: 4px 8px;
}
#product-template .add-item-to-cart-form input,
#product-template .add-item-to-cart-form select {
	float: left;
	margin-top: 10px;
	border-color: #000;
	border-radius: 0;
	width: auto;
}
#product-template .add-to-cart,
#product-template .add-item-to-cart-form .commands > input {
	margin-left: 7px;
}
#product-template .add-to-cart,
#product-template .sold-out,
#product-template .add-item-to-cart-form .commands > input {
	display: inline-block;
	margin-top: 10px;
	border: none;
	padding: 10px 14px !important;
	text-transform: uppercase;
	font-style: normal;
	color: #fff;
	background-color: #006cff;
}
#product-template .add-item-to-cart-form .commands > input {
	border-radius: 0;
	padding: 7px 12px !important;
}
#product-template .add-to-cart:hover,
#product-template .sold-out:hover {
	text-decoration: none;
}
#product-template select {
	margin-right: 10px;
	padding: 3px 8px;
	width: 100% !important;
	max-width: 95px !important;
}



/* Feature Products */

#feature-products {
	clear: both;
	position: relative;
	margin-top: 60px;
}
#feature-products > h2 {
	margin-top: 0;
	margin-bottom: 20px;
	color: #000;
}
#feature-products > .grid {
	margin-top: -20px;
}
#feature-products > .grid > * {
	margin-top: 20px;
}
#feature-products .image {
	display: block;
	margin: 0 0 10px 0;
	padding-top: 73%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	max-width: 100%;
}
#feature-products .details {
}
#feature-products .title {
	display: inline;
	padding-right: 10px;
	border-right: 1px solid #231f20;
	white-space: normal;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}
#feature-products .title a {
	font-style: normal;
}
#feature-products .price {
	display: inline;
	margin: 0 0 0 10px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}



/* Cart Items */

#cartitems-summary {
}
#cartitems-summary h3 {
	margin-top: 0;
	padding-bottom: 10px;
}
#side-panel #cartitems-summary .button {
	color: #231f20;
	background-color: #fff;
}
#cartitems-summary table {
	width: 100%;
}
#cartitems-summary tr > th + th,
#cartitems-summary tr > td + td,
#cartitems-summary #continue-shopping {
	display: none;
	min-width: 40px;
	text-align: right;
}
#cartitems-summary tr > th:first-child + th + th + th + th + th + th,
#cartitems-summary tr > th:first-child + th + th + th + th + th + th + th,
#cartitems-summary tr > td:first-child + td + td + td + td + td + td,
#cartitems-summary tr > td:first-child + td + td + td + td + td + td + td,
body.cartitems-summary #cartitems-summary tr > th + th,
body.cartitems-summary #cartitems-summary tr > td + td {
	display: table-cell;
}
body.cartitems-summary #cartitems-summary #continue-shopping {
	display: inline-block;
}
.cart-item {
	margin-bottom: 3px;
	padding: 5px 0;
	text-transform: uppercase;
}
.cart-item .total-price {
	float: right;
	margin-left: 5px;
}
.cart-item .decrease-quantity,
.cart-item .increase-quantity {
	float: right;
	margin-left: 3px;
}
.cart-item .decrease-quantity img,
.cart-item .increase-quantity img {
	border: none;
	width: auto;
}
.cart-freight,
.cart-total-price {
	font-weight: 600;
	margin-right: 36px;
	padding: 5px 0;
	text-transform: uppercase;
	text-align: right;
}
.cart-total-price {
	border-top: 1px solid #ddd;
}
.cart-freight label,
.cart-total-price label {
	float: left;
	font-weight: 600;
	text-align: left;
}
.cart-set-delivery-location,
.cart-set-delivery-method {
	margin-top: 15px;
	padding: 20px;
	width: 300px;
	max-width: 100%;
	background-color: #efefef;
}
#side-panel .cart-set-delivery-location,
#side-panel .cart-set-delivery-method {
	padding: 0;
	background-color: transparent;
}
.cart-set-delivery-location {
	clear: both;
}
.cart-set-delivery-location > *:first-child,
.cart-set-delivery-method > *:first-child {
	margin-top: 0;
}
.cart-set-delivery-location select,
.cart-set-delivery-method select {
	margin-top: 5px;
	width: 100%;
}
.cart-set-delivery-location .commands,
.cart-set-delivery-method .commands {
	margin-top: 5px;
	text-align: right;
}
.cart-set-delivery-location .commands > input,
.cart-set-delivery-method .commands > input {
	border-radius: 0;
	padding: 8px 10px;
}
.cart-commands {
	padding-top: 15px;
}



/* Payment & Orders */

body.cartitems-requestorderdetails #body,
body.order-selectpaymentmethod #body,
body.product-additemtocart #body,
body.website-register #body,
body.website-login #body,
body.website-checkforregistration #body,
body.website-sendlogindetails #body,
body.cartitems-requestorderdetails #body,
body.cartitems-selectdeliverymethod #body {
	max-width: 450px;
}
body.product-additemtocart .message.warning,
body.website-register .message.warning,
body.website-login .message.warning,
body.website-checkforregistration .message.warning,
body.website-sendlogindetails .message.warning,
body.cartitems-requestorderdetails .message.warning,
body.cartitems-selectdeliverymethod .message.warning,
body.order-selectpaymentmethod .message.warning {
	display: none;
}
body.product-additemtocart .commands,
body.website-register .commands,
body.website-login .commands,
body.website-checkforregistration .commands,
body.website-sendlogindetails .commands,
body.cartitems-requestorderdetails .commands,
body.cartitems-selectdeliverymethod .commands,
body.cartitems-confirmorder .ConfirmDetails,
body.order-selectpaymentmethod .commands {
	margin-top: 10px;
	text-align: right;
}
body.cartitems-summary #body {
	max-width: 720px;
}
body.cartitems-confirmorder #body {
	max-width: 720px;
}
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;
}
@media screen and (max-width: 599px) {
	body.cartitems-confirmorder #ConfirmOrder > tbody > tr > td {
		display: block;
	}
	body.cartitems-confirmorder #ConfirmOrder > tbody > tr > td > table {
		width: 100%;
	}
	body.cartitems-confirmorder .BillingDetails tr > th,
	body.cartitems-confirmorder .DeliveryDetails tr > th {
		width: 100px;
	}
}



/* 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: #008cd3;
	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: #008cd3;
}
.CalendarHeaderRow,
.CalendarMessageRow,
.CalendarCommandRow .ViewCommands {
	display: none;
}
.CalendarCell {
	position: relative;
	height: 75px !important;
}
.CalendarCell > .Date {
	position: absolute;
	z-index: 1;
}
.CalendarCell > .Items > .Item > a {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 75px;
	border: 1px solid white;
	background-color: lightgreen;
}
.CalendarCell > .Items > .Item > a:hover {
	text-decoration: none;
}
.CalendarCell:hover > .Items > .Item > a {
	background-color: green;
}


/* 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;}