@charset "utf-8";
/* CSS Document */

/* HTML5 */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
	display: block;
}

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, b, i, q, s, strong, em, big, small,
strike, sub, sup, samp, ins, kbd, dl, dt, dd, tt, ol, ul, li, img, hr,
var, center, cite, code, del, dfn, abbr, acronym, address, blockquote, pre,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header,
hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	line-height: 1;
}

a {
	text-decoration: none;
}

	a:hover {
		text-decoration: underline;
	}

	a:focus, a:hover, a:active {
		outline: 0;
	}

abbr[title] {
	border-bottom: 1px dotted;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

ol, ul {
	list-style-type: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: text-top;
}

small {
	font-size: 85%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
	display: block;
	height: auto;
	max-width: 100%;
}

input, select, textarea {
	font-size: 1em;
	box-sizing: border-box;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
}

button, input {
	line-height: normal;
}

.clearfix:after,
header[role="banner"]:after {
	height: 0;
	clear: both;
	content: ".";
	display: block;
	line-height: 0;
	visibility: hidden;
}

.clearFloat {
	height: 0;
	clear: both;
	overflow: hidden;
}

/* -------------------------------------------------------------------------------------------------------------------- *\
													START MAIN STYLESHEET
\* -------------------------------------------------------------------------------------------------------------------- */

body {
	color: #323232;
	text-size-adjust: none;
	font: .82em/1.5em Arial, Helvetica, sans-serif;
	cursor: default !important;
}

/* ----------------- *\
	HEADINGS / TYPE
\* ----------------- */

@font-face {
	font-family: 'berthold_med';
	src: url('/scripts/fonts/berthold_akzidenz_grotesk_be_medium.eot');
	src: url('/scripts/fonts/berthold_akzidenz_grotesk_be_medium.eot?#iefix') format('embedded-opentype'), url('/scripts/fonts/berthold_akzidenz_grotesk_be_medium.woff') format('woff'), url('/scripts/fonts/berthold_akzidenz_grotesk_be_medium.ttf') format('truetype'), url('/scripts/fonts/berthold_akzidenz_grotesk_be_medium.svg#berthold_med') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ckoffice';
	src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8TDhMAAAC8AAAAYGNtYXD/cwIhAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZvmjTy4AAAFwAAAGEGhlYWQExV7LAAAHgAAAADZoaGVhB8ADzgAAB7gAAAAkaG10eCYAAOIAAAfcAAAANGxvY2EGXgeiAAAIEAAAABxtYXhwABwAagAACCwAAAAgbmFtZdxE/p0AAAhMAAABTnBvc3QAAwAAAAAJnAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAAAAAAAAABAAAAA6QPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIADp//3//wAAAAAAIADh//3//wAB/+P/IwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAgAk/+QD4AOgABgAHQAAASIGBw4BFRQWFx4BMzI2Nz4BNTQmJy4BIwEhNSEVAgJjrkFBS0tBQa5jY65BQUtLQUGuYwEe/cACQAOgS0FBrmNjrkFBS0tBQa5jY65BQUv94ICAAAIAJP/kA+ADoAAYACUAAAEiBgcOARUUFhceATMyNjc+ATU0JicuASMBIxUjNSM1MzUzFTMVAgJjrkFBS0tBQa5jY65BQUtLQUGuYwEe4IDg4IDgA6BLQUGuY2OuQUFLS0FBrmNjrkFBS/3g4OCA4OCAAAAAAgAk/+QD4AOgABgAHAAAASIGBw4BFRQWFx4BMzI2Nz4BNTQmJy4BIwMRCQECAmOuQUFLS0FBrmNjrkFBS0tBQa5jYgE9/sMDoEtBQa5jY65BQUtLQUGuY2OuQUFL/SACAf7//wAAAAACAAD/2APoA8AAJgAzAAAlJy4BBz4BNTQmJy4BIyIGBw4BFRQWFx4BMzI2NwYWHwEeATc2JiclIiY1NDYzMhYVFAYjA+DyEycQKzE8NDWLUFCLNTQ8PDQ1i1BHgDIBEBHOG0sbGgQe/aBqlpZqapaWalnOERABMoBHUIs1NDw8NDWLUFCLNTQ8MSsQJxPyHgQaG0sb55ZqapaWamqWAAAAAQAA/8ADwAOAACQAAAEOASMiJicuATU0Njc2JiMiBjEUFhceARceARceATMwNjU0JgcCwDAgMDBgMDBQUDAwwDAwkC0kJVsvL4dJSIkwwNAwAUAwUFAwMGAwMCAwMNDAMIlISYcvL1slJC2QMDDAMAAAAAAFABIApgPgAsAADAAZACsAMABnAAAlFAYjIiY1NDYzMhYVIRQGIyImNTQ2MzIWFQEwJicmIjERMz4BFx4BFzM1Jwc1MxcjAyEiBgcVIyIGFRQWOwEVMyIGFRQWMyMiBhUUFjsBFRQWOwEwJjU0NjMyFhUcASMzMjY1ETQmIwOUIhgYIiIYGCL+GiIYGCIiGBgiAfIcHgOjTAIjKS8ZAjxAwI05xlP+PigiATsKDQ0KOwUJDQ0JVgwREQxRQRRRAS0gHy0B0BUeHhXgGCIiGBgiIhgYIiIYGCIiGAEqJgsB/qQYOgECNxipgWpgYAEgIxwhFwkJFyAHCQkHFwkJF5gUFAMDICopIAIFFBQBgBQkAAQAAP/AA/4DwAAcACEAMgBDAAABMjY3EzYmIyE0JisBFTMRFBYzITI2NTQmIyE1IQEhByE1ExQGKwEiJj0BNDY7ATIWHQEhFAYrASImPQE0NjsBMhYdAQNPGzAHXQcbG/1xSzXAwDgoAmAbJSUb/cACD/3xAkM3/fRALyEgIS8vISAhLwJALyEgIS8vISAhLwGAJBoBRBokNUuA/eAoOCUbGyVAAUDAwP1QIS8vISAhLy8hICEvLyEgIS8vISAAAA4AQAAAA8ADhgAHAAwAEQAWABsAIAAlACoAMwA5AEEARgBLAFgAAAEFEzczNyUDAyc3FwcHJzcXBwUnNxcHJSERIREDETMRIyERMxEjIRMhAyEJARc3JzcXJQMDJzcXDwEHJzcXDwEXBwcnNxcHAxEhESETIiY1NDYzMhYVFAYjA4j82zjmMM8BQDi+LNAt0f8tzS3N/vss0CzQAvr8zgMy9NTU/v3Q0P7FAQEFAf77Amf9om6UBsAYAROJcFm8YHtI+kq5ShabDBRreX15feABQP7AmBMaGhMTGhoTApiO/r5YCDEBP/66/CX8JS38JPwkLvwk/CRJ/sABQP7gAQD/AAEA/wABAP8AA2b+vM1qVBUDQQEA/sioZbVCFmGLY4sMETwKqeJD4kMCPPyAA4D8vxoTExoaExMaAAACACT/5APgA6AAGAAgAAABIgYHDgEVFBYXHgEzMjY3PgE1NCYnLgEjAy8BNxcBFwECAmOuQUFLS0FBrmNjrkFBS0tBQa5jeldfX2EBO1v+YAOgS0FBrmNjrkFBS0tBQa5jY65BQUv8/1VdZlcBQVn+VwAAAAEAAAABAAADVF+bXw889QALBAAAAAAA0NQNJwAAAADQ1A0nAAD/wAP+A8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA/4AAQAAAAAAAAAAAAAAAAAAAA0AAAAAAAAAAAAAAAACAAAABAAAJAQAACQEAAAkBAAAAAQAAAAEAAASBAAAAAQAAEAEAAAkAAAAAAAKABQAHgBQAIoAvgEOAUgB0AIwAs4DCAABAAAADQBoAA4AAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEAEAAAAAEAAAAAAAIADgBOAAEAAAAAAAMAEAAmAAEAAAAAAAQAEABcAAEAAAAAAAUAFgAQAAEAAAAAAAYACAA2AAEAAAAAAAoANABsAAMAAQQJAAEAEAAAAAMAAQQJAAIADgBOAAMAAQQJAAMAEAAmAAMAAQQJAAQAEABcAAMAAQQJAAUAFgAQAAMAAQQJAAYAEAA+AAMAAQQJAAoANABsAGMAawBvAGYAZgBpAGMAZQBWAGUAcgBzAGkAbwBuACAAMQAuADAAYwBrAG8AZgBmAGkAYwBlY2tvZmZpY2UAYwBrAG8AZgBmAGkAYwBlAFIAZQBnAHUAbABhAHIAYwBrAG8AZgBmAGkAYwBlAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoIAAsAAAAACbwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxMOE2NtYXAAAAFoAAAATAAAAEz/cwIhZ2FzcAAAAbQAAAAIAAAACAAAABBnbHlmAAABvAAABhAAAAYQ+aNPLmhlYWQAAAfMAAAANgAAADYExV7LaGhlYQAACAQAAAAkAAAAJAfAA85obXR4AAAIKAAAADQAAAA0JgAA4mxvY2EAAAhcAAAAHAAAABwGXgeibWF4cAAACHgAAAAgAAAAIAAcAGpuYW1lAAAImAAAAU4AAAFO3ET+nXBvc3QAAAnoAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAAwAAAAAAAAAAAAAAAAAAAAAAQAAAAOkDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACAA6f/9//8AAAAAACAA4f/9//8AAf/j/yMAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAJP/kA+ADoAAYAB0AAAEiBgcOARUUFhceATMyNjc+ATU0JicuASMBITUhFQICY65BQUtLQUGuY2OuQUFLS0FBrmMBHv3AAkADoEtBQa5jY65BQUtLQUGuY2OuQUFL/eCAgAACACT/5APgA6AAGAAlAAABIgYHDgEVFBYXHgEzMjY3PgE1NCYnLgEjASMVIzUjNTM1MxUzFQICY65BQUtLQUGuY2OuQUFLS0FBrmMBHuCA4OCA4AOgS0FBrmNjrkFBS0tBQa5jY65BQUv94ODggODggAAAAAIAJP/kA+ADoAAYABwAAAEiBgcOARUUFhceATMyNjc+ATU0JicuASMDEQkBAgJjrkFBS0tBQa5jY65BQUtLQUGuY2IBPf7DA6BLQUGuY2OuQUFLS0FBrmNjrkFBS/0gAgH+//8AAAAAAgAA/9gD6APAACYAMwAAJScuAQc+ATU0JicuASMiBgcOARUUFhceATMyNjcGFh8BHgE3NiYnJSImNTQ2MzIWFRQGIwPg8hMnECsxPDQ1i1BQizU0PDw0NYtQR4AyARARzhtLGxoEHv2gapaWamqWlmpZzhEQATKAR1CLNTQ8PDQ1i1BQizU0PDErECcT8h4EGhtLG+eWamqWlmpqlgAAAAEAAP/AA8ADgAAkAAABDgEjIiYnLgE1NDY3NiYjIgYxFBYXHgEXHgEXHgEzMDY1NCYHAsAwIDAwYDAwUFAwMMAwMJAtJCVbLy+HSUiJMMDQMAFAMFBQMDBgMDAgMDDQwDCJSEmHLy9bJSQtkDAwwDAAAAAABQASAKYD4ALAAAwAGQArADAAZwAAJRQGIyImNTQ2MzIWFSEUBiMiJjU0NjMyFhUBMCYnJiIxETM+ARceARczNScHNTMXIwMhIgYHFSMiBhUUFjsBFTMiBhUUFjMjIgYVFBY7ARUUFjsBMCY1NDYzMhYVHAEjMzI2NRE0JiMDlCIYGCIiGBgi/hoiGBgiIhgYIgHyHB4Do0wCIykvGQI8QMCNOcZT/j4oIgE7Cg0NCjsFCQ0NCVYMEREMUUEUUQEtIB8tAdAVHh4V4BgiIhgYIiIYGCIiGBgiIhgBKiYLAf6kGDoBAjcYqYFqYGABICMcIRcJCRcgBwkJBxcJCReYFBQDAyAqKSACBRQUAYAUJAAEAAD/wAP+A8AAHAAhADIAQwAAATI2NxM2JiMhNCYrARUzERQWMyEyNjU0JiMhNSEBIQchNRMUBisBIiY9ATQ2OwEyFh0BIRQGKwEiJj0BNDY7ATIWHQEDTxswB10HGxv9cUs1wMA4KAJgGyUlG/3AAg/98QJDN/30QC8hICEvLyEgIS8CQC8hICEvLyEgIS8BgCQaAUQaJDVLgP3gKDglGxslQAFAwMD9UCEvLyEgIS8vISAhLy8hICEvLyEgAAAOAEAAAAPAA4YABwAMABEAFgAbACAAJQAqADMAOQBBAEYASwBYAAABBRM3MzclAwMnNxcHByc3FwcFJzcXByUhESERAxEzESMhETMRIyETIQMhCQEXNyc3FyUDAyc3Fw8BByc3Fw8BFwcHJzcXBwMRIREhEyImNTQ2MzIWFRQGIwOI/Ns45jDPAUA4vizQLdH/Lc0tzf77LNAs0AL6/M4DMvTU1P790ND+xQEBBQH++wJn/aJulAbAGAETiXBZvGB7SPpKuUoWmwwUa3l9eX3gAUD+wJgTGhoTExoaEwKYjv6+WAgxAT/+uvwl/CUt/CT8JC78JPwkSf7AAUD+4AEA/wABAP8AAQD/AANm/rzNalQVA0EBAP7IqGW1QhZhi2OLDBE8CqniQ+JDAjz8gAOA/L8aExMaGhMTGgAAAgAk/+QD4AOgABgAIAAAASIGBw4BFRQWFx4BMzI2Nz4BNTQmJy4BIwMvATcXARcBAgJjrkFBS0tBQa5jY65BQUtLQUGuY3pXX19hATtb/mADoEtBQa5jY65BQUtLQUGuY2OuQUFL/P9VXWZXAUFZ/lcAAAABAAAAAQAAA1Rfm18PPPUACwQAAAAAANDUDScAAAAA0NQNJwAA/8AD/gPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAP+AAEAAAAAAAAAAAAAAAAAAAANAAAAAAAAAAAAAAAAAgAAAAQAACQEAAAkBAAAJAQAAAAEAAAABAAAEgQAAAAEAABABAAAJAAAAAAACgAUAB4AUACKAL4BDgFIAdACMALOAwgAAQAAAA0AaAAOAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABABAAAAABAAAAAAACAA4ATgABAAAAAAADABAAJgABAAAAAAAEABAAXAABAAAAAAAFABYAEAABAAAAAAAGAAgANgABAAAAAAAKADQAbAADAAEECQABABAAAAADAAEECQACAA4ATgADAAEECQADABAAJgADAAEECQAEABAAXAADAAEECQAFABYAEAADAAEECQAGABAAPgADAAEECQAKADQAbABjAGsAbwBmAGYAaQBjAGUAVgBlAHIAcwBpAG8AbgAgADEALgAwAGMAawBvAGYAZgBpAGMAZWNrb2ZmaWNlAGMAawBvAGYAZgBpAGMAZQBSAGUAZwB1AGwAYQByAGMAawBvAGYAZgBpAGMAZQBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
	font-weight: normal;
	font-style: normal;
}

[class^="ic-"]:before, [class*=" ic-"]:before {
	font-family: 'ckoffice';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ic-tick:before {
	content: "\e9";
}

.ic-arrow:before {
	content: "\e3";
}

.ic-delivery:before {
	content: "\e6";
}

.ic-ck-minus:before {
	content: "\e1";
}

.ic-plus:before {
	content: "\e2";
}

.ic-swatch:before {
	content: "\e8";
}

.ic-search:before {
	content: "\e4";
}

.ic-phone:before {
	content: "\e5";
}

.ic-cart:before {
	content: "\e7";
}

h1 {
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: .6em;
}

h2, h3 {
	padding-bottom: .4em;
	font: 1.4em "berthold_med", Arial, Helvetica, sans-serif;
}

h3 {
	font-size: 1.4em;
}

article h3, h4, h5, h6 {
	padding-bottom: .3em;
	font: 1.1em/1 Arial, Helvetica, sans-serif;
}

h5, h6 {
	color: #005299;
	font-weight: bold;
}

p {
	padding-bottom: 1.2em;
}

/* ----------------- *\
	TYPE LINKS
\* ----------------- */

a {
	color: #005299;
}

	a:hover {
		text-decoration: underline;
	}

/* ----------------- *\
	LISTS
\* ----------------- */

ol {
	padding-left: 1.5em;
	list-style-type: decimal;
}

ul {
	padding-left: 0;
	list-style-type: none;
}

/* ----------------- *\
	FORM
	INPUT/TEXTAREA
\* ----------------- */

input, select, textarea {
	width: 100%;
	padding: .8em;
	color: #535353;
	font-size: .9em;
	border: 1px solid #c6c6c6;
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	height: 150px;
}

input[type="text"], select, textarea {
	appearance: none;
}

select {
	background: url(images/ddl.png) no-repeat center right #fff;
}

	input:focus, select:focus, textarea:focus {
		outline: none;
		border: 1px solid #71b8f5;
		transition: 1s all linear;
	}

input[type="submit"] {
	width: auto;
}

input[type="radio"],
input[type="checkbox"] {
	border: 0;
	padding: 0;
	min-width: 0;
	vertical-align: sub;
	width: auto !important;
}

label {
	display: block;
	padding-bottom: 0.2em;
}

input.error, select.error, textarea.error {
	background: #FF8E8E;
	color: #ffffff;
}

/* ----------------- *\
	Contact Us-Footer
\* ----------------- */


.site-footer {
	padding: 1em 0;
	max-width: 350px;
	margin: 0 auto;
}

@media (min-width: 700px) {
	.site-footer {
		display: flex;
		flex-wrap: wrap;
		max-width: none;
		margin: 0 0 0 -1em;
	}
}

@media (min-width: 1024px) {
	.site-footer {
		justify-content: space-between;
	}
}

@media (min-width: 700px) {
	.site-footer__section {
		padding: 0 0 0 1em;
		box-sizing: border-box;
	}
}

@media(min-width: 700px) {
	.site-footer__section--find-us,
	.site-footer__section--follow-us {
		width: 220px;
	}
}

.site-footer__section--contact-us {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
}

@media (min-width: 1024px) {
	.site-footer__section--contact-us {
		width: 440px;
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: auto;
	}
}

@media (min-width: 700px) {
	.contact-us-form__form {
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 0 -1em;
	}
}

.contact-us-form__input-container {
	margin: 0 0 1em;
}

@media (min-width: 700px) {
	.contact-us-form__input-container {
		width: 50%;
		padding: 0 0 0 1em;
		box-sizing: border-box;
	}
}

.contact-us-form__input-container--button,
.contact-us-form__input-container--full-width {
	width: 100%;
}

@media (min-width: 1024px) {
	.contact-us-form__input-container--button {
		width: 200px;
	}
}

.find-us__container {
	display: flex;
	margin: 0 0 1em;
	align-items: flex-start;
	text-align: left;
}

.find-us__img {
	width: 15px;
	margin: 0 1em 0 0;
}

.site-footer__shareaholic {
	overflow: hidden;
}

	/* Fix for layout of markup generated by shareaholic */
	.site-footer__shareaholic .shareaholic-share-buttons-container {
		float: none !important;
		text-align: inherit !important;
	}

.site-footer-bottom-links {
	background-color: #005299;
	padding: 0.5em 0;
	font-weight: bold;
	color: #fff;
}

.site-footer-bottom-links__link {
	color: inherit;
}

	.site-footer-bottom-links__link:before {
		content: " | ";
	}

	.site-footer-bottom-links__link:first-of-type:before {
		display: none;
	}



/* ----------------- *\
	IMAGES & IFRAMES
\* ----------------- */
img.left {
	float: left;
	margin-left: 0;
	margin-right: 0.5em;
}

img.right {
	float: left;
	margin-right: 0;
	margin-left: 0.5em;
}

iframe {
	margin-bottom: 1.2em;
}

/* ----------------- *\
	MISC
\* ----------------- */

::selection {
	background: #71b8f5;
	color: #fff;
	text-shadow: none;
}

hr {
	height: 1px;
	margin: 1em 0;
	display: block;
	border-top: 1px solid #e1e1e1;
}

/* -------------------------------- *\
	WRAPPERS
\* -------------------------------- */

.outerWrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.container,
.enquiry, main, .bg .boxes,
header[role="banner"] > div,
footer[role="contentinfo"] > div {
	clear: both;
	padding: 0 1em;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}


/* -------------------------------- *\
	HEADER
\* -------------------------------- */

header[role="banner"] {
	position: relative;
}

.logo {
	z-index: 2;
	float: left;
	position: relative;
	margin-bottom: -4em;
	box-shadow: 0 2px 2px 0 #ccc;
}

	.logo img {
		background: #fff;
		padding: .45em .7em;
		box-sizing: border-box;
	}

.strap {
	color: #005299;
	overflow: hidden;
	display: inline-block;
	padding: 1em 0 1em 1em;
}

	.strap h3 {
		font-size: 1.8em;
	}

		.strap h3 span {
			display: block;
			font-size: 1.3em;
			font-weight: bold;
		}

			.strap h3 span span {
				display: inline-block;
				vertical-align: middle;
				font: bold .5em Arial, Helvetica, sans-serif;
			}

	.strap p {
		padding: 0;
	}

.hgroup {
	float: right;
	padding-top: .5em;
}

.search {
	clear: right;
	float: right;
	width: 245px;
	position: relative;
}

	.search a {
		top: 0;
		right: 0;
		padding: 0;
		color: #fff;
		width: 3em;
		height: 100%;
		cursor: pointer;
		text-align: center;
		position: absolute;
		background: #71b8f5;
		/*background: linear-gradient(to bottom, #71b8f5 0%,#2180d3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71b8f5', endColorstr='#2180d3',GradientType=0 );*/
	}

		.search a span {
			top: -999em;
			left: -999em;
			position: absolute;
		}

		.search a:before {
			left: 0;
			right: 0;
			top: .25em;
			color: #fff;
			content: "\e4";
			position: absolute;
			font: 1.7em/1 "ckoffice";
		}

	.search input[type="text"] {
		padding-right: 3.2em;
	}

.enquiry a {
	right: 0;
	z-index: 1;
	display: block;
	bottom: -3.9em;
	overflow: hidden;
	font-size: 1.1em;
	background: #fff;
	font-weight: bold;
	position: absolute;
	padding: .4em .8em;
	margin-bottom: -1.3em;
	border-radius: 0 0 .4em .4em;
	box-shadow: 0 4px 2px -1px #ccc;
	transition: ease-in-out all .3s;
}

#homepage .enquiry {
	margin-bottom: 0;
}

.enquiry a:before {
	float: right;
	content: "\e7";
	color: #a1a1a1;
	padding-left: .4em;
	font: 1.4em/1 "ckoffice";
	text-shadow: 1px 1px 1px #fff;
}

.enquiry a:hover {
	color: #fff;
	background: #71b8f5;
	text-decoration: none;
}

header .shareaholic-canvas {
	overflow: hidden;
	margin: 0 -.3em -.6em -2.5em !important;
	min-height: 75px;
}

.sharethis-inline-share-buttons {
	margin: 1em 0 !important;
	padding-top: 0.5em;
	min-height: 40px;
}

.sharethis-inline-follow-buttons {
	margin: 1em 0 !important;
	padding-top: 0.5em;
	min-height: 40px;
}
/* ----------------- *\
	MAIN NAVIGATION
\* ----------------- */
.mainNav {
	z-index: 1;
	color: #fff;
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
	background: #71b8f5;
	border-bottom: 2px solid #005299;
	box-shadow: 0 5px 4px -5px #323232;
	font: 1.25em "berthold_med", Arial, Helvetica, sans-serif;
}

	.mainNav ul {
		width: 100%;
		margin: 0 auto;
		display: table;
		max-width: 850px;
		overflow: hidden;
		padding-left: 150px;
	}

.email-us--img {
	width: 25%;
}

.mainNav ul li {
	min-width: 100px;
	display: table-cell;
}

.mainNav a {
	color: #fff;
	display: block;
	padding: .6em .5em;
	transition: ease-in-out all .3s;
}

.mainNav > ul li a:hover {
	text-decoration: none;
	background: rgba(0,82,153,.5);
}

.ic-menu {
	width: 48px;
	height: 34px;
	float: right;
	display: none;
	color: #252525;
	cursor: pointer;
	position: relative;
	background: #005299;
	transition: linear all .5s;
}

	.ic-menu:hover, .ic-menu.open {
		background: #71b8f5;
	}

	.ic-menu:before, .ic-menu:after {
		top: 8px;
		content: "";
		width: 100%;
		height: 5px;
		background: #fff;
		position: absolute;
	}

	.ic-menu:after {
		top: auto;
		bottom: 8px;
	}

	.ic-menu a {
		top: -999em;
		left: -999em;
		position: absolute;
	}

/* -------------------------------- *\
	ADBOXES
\* -------------------------------- */

.boxes {
	clear: both;
	overflow: hidden;
	padding-top: .5em;
	margin-left: -1.5%;
}

	.boxes > * {
		margin-left: 1.5%;
	}

	.boxes h2 {
		color: #666;
	}

	.boxes > article, .mainContent > section, .products > article, .products > section, aside > * {
		float: left;
		padding: 4px;
		width: 15.15%;
		overflow: hidden;
		background: #fff;
		margin-bottom: 1.4em;
		box-sizing: border-box;
		border-radius: .4em .4em;
		border: 1px solid #b7b7b7;
		box-shadow: 0 2px 6px -4px #323232;
	}

	.boxes article a:hover {
		text-decoration: none;
	}

/* -------------------------------- *\
	MAIN
\* -------------------------------- */

.bread {
	font-size: .85em;
	padding: 0 0 .6em 1em;
}

	.bread, .bread a {
		color: #a1a1a1;
	}

		.bread li {
			display: inline-block;
		}

			.bread li:not(:first-child):before {
				content: " > ";
			}

			.bread li:not(:first-child) {
				margin-left: .5em;
			}

.bg {
	overflow: hidden;
	padding-top: 3.4em;
	background: #f1f1f1;
}

	.bg .boxes article {
		width: 15.4%;
	}

		.bg .boxes article:nth-of-type(6n+1) {
			margin-left: 0;
		}

main {
	padding-top: 1.5em;
}

	main header, table .header {
		color: #fff;
		overflow: hidden;
		padding: .8em 1.2em;
		margin-bottom: .8em;
		border-radius: .3em;
		background: #005299;
		/*background: linear-gradient(to bottom, #005299 0%,#003d71 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005299', endColorstr='#003d71',GradientType=0 );*/
	}

		main header > * {
			padding: 0;
		}

header h3, header h4, header h5 {
	font: bold 1.1em Arial, Helvetica, sans-serif;
}

main header > span {
	float: right;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 1em;
}

.collapse, .collapsemobile {
	display: block;
	cursor: pointer;
	position: relative;
	margin-bottom: 0;
	padding-right: 3.3em;
}

	.collapse + *, .collapsemobile + * {
		margin-top: .8em;
	}

aside .collapse + *, aside .collapsemobile + * {
	margin-top: 1px;
}

.collapse:after {
	top: 50%;
	right: .5em;
	content: "\e3";
	margin-top: -12px;
	position: absolute;
	transform: rotate(90deg);
	font: 1.6em/1.1 "ckoffice";
}

.mainContent .collapse:first-child {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.mainContent > .collapse:first-child + div, .borderBox {
	line-height: 1.8;
	padding: .8em 1.2em;
	margin: -.8em 0 1.2em;
	border: 1px solid #b7b7b7;
	border-radius: 0 0 .3em .3em;
	box-shadow: 0 2px 6px -4px #323232;
}

.borderBox {
	clear: left;
	border-radius: .3em;
}

.mainContent .collapse:first-child + div p:last-child {
	padding: 0;
}

.mainContent > .collapse:first-child + div.searchBox {
	padding-bottom: 0;
}

.collapse + div > .paging {
	margin: 0 -1.2em .8em;
	border-bottom: 1px solid #b7b7b7;
}

.collapse + div.searchBox > .paging {
	margin-bottom: 0;
}

/* ------------------ *\
	ASIDE
\* ------------------ */

aside {
	width: 23%;
	float: left;
	clear: left;
	margin-right: 2%;
}

	aside header, aside nav h2, aside nav h3 {
		color: #fff;
		margin-bottom: 2px;
		padding: .45em .6em;
		border-radius: .3em;
		font: 1.3em "berthold_med", Arial, Helvetica, sans-serif;
	}

	aside article h2, aside article h3, aside header, aside > * h5:only-child, aside article i {
		background: #2886d7;
		/*background: linear-gradient(to bottom, #2886d7 0%,#0058a4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2886d7', endColorstr='#0058a4',GradientType=0 );*/
	}

	aside nav h2, aside nav h3 {
		font: bold 1.1em Arial, Helvetica, sans-serif;
		background: #d3d3d3;
		/*background: linear-gradient(to bottom, #d3d3d3 0%,#b0b0b0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#b0b0b0',GradientType=0 );*/
	}

	aside > * {
		float: none;
		width: 100%;
		overflow: visible;
		position: relative;
	}

	aside nav li {
		border-top: 1px solid #b7b7b7;
	}

		aside nav li:first-child {
			border: 0;
		}

		aside nav li a {
			margin: 1px 0;
			color: inherit;
			display: block;
			padding: .35em .6em;
			transition: ease-in-out all .3s;
		}

			aside nav li a:hover, aside nav li.active a {
				color: #fff;
				background: #71b8f5;
				border-radius: .3em;
				text-decoration: none;
			}

	aside nav .collapse:after {
		content: "\e2";
		transform: none;
		margin-top: -8px;
		font: 1em "ckoffice";
	}

	aside nav .collapse.hide:after {
		content: "\e1";
	}

article i, nav .darkBlue, article.darkBlue h2, article.darkBlue h3, article.darkBlue i {
	background: #005299;
	/*background: linear-gradient(to bottom, #005299 0%,#003d71 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005299', endColorstr='#003d71',GradientType=0 );*/
}

aside article h3, aside > * h5:only-child {
	color: #fff;
	width: 100%;
	padding: .7em .8em;
	box-sizing: border-box;
	border-radius: .3em .3em 0 0;
}

aside > * h5:only-child {
	font-size: 1.4em;
	padding: .5em .8em;
	border-radius: .3em;
}

aside article img {
	width: 100%;
	border-radius: 0 0 .3em .3em;
}

aside article > div, aside article a > div {
	padding: .5em .8em;
}

aside article p:last-of-type {
	padding: 0;
}

aside article a {
	color: inherit;
	display: block;
	transition: ease-in-out all .4s;
}

	aside article a:hover {
		text-decoration: none;
	}

aside article i {
	left: 4px;
	right: 4px;
	margin-top: .4em;
	position: absolute;
	box-sizing: border-box;
	border-radius: 0 0 .3em .3em;
}

#homepage aside ~ aside {
	width: 20%;
	clear: none;
	float: right;
	margin: 0 0 0 2%;
}

article.green h2, article.green h3, article.green i {
	background: #34ac98;
	/*background: linear-gradient(to bottom, #34ac98 0%,#0f8672 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34ac98', endColorstr='#0f8672',GradientType=0 );*/
}

/* ------------------ *\
	MAIN CONTENT
\* ------------------ */

.mainContent {
	width: 75%;
	float: right;
}

#homepage .mainContent {
	width: 53%;
	float: left;
}

/*.mainContent > p:first-of-type { font-weight: bold; }*/
.mainContent > .btn {
	float: right;
}

.mainContent ul, .mainContent ol {
	overflow: hidden;
	padding: 0 0 1.2em 1.2em;
}

	.mainContent ul li {
		position: relative;
		padding: .3em 0 .3em 1em;
	}

		.mainContent ul li:before {
			left: 0;
			top: 50%;
			width: 6px;
			height: 6px;
			content: "";
			margin-top: -3px;
			position: absolute;
			background: #005299;
			border-radius: 100%;
		}

.mainContent section {
	width: 100%;
	float: none;
	clear: both;
}

section header + div {
	padding: 0 1em;
}

.message {
	color: #005299;
	clear: both;
	font-weight: bold;
	font-size: 1rem;
	padding: .6em .8em;
	/*background: #34CD98;*/
	/*background: #f78c18;*/
	border-radius: .3em;
	margin-bottom: 1.2em;
}

.message--related {
	text-align: center;
}

.message p:last-of-type {
	padding: 0;
}

.message.error {
	background: #FF8E8E;
}

.message.success {
	background: #A9EEAF;
}

.message ul {
	padding: 0;
}

	.message ul li:before {
		background: #fff;
	}

address {
	overflow: auto;
}

	address > div {
		width: 48%;
		float: right;
	}

		address > div:first-of-type {
			float: left;
		}

		address > div:only-child {
			float: none;
			width: 100%;
		}

/* ------------------ *\
	BUTTONS
\* ------------------ */

.btn, a.btn, article i, .buttons > a, .boxes article a {
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 1.05em;
	margin-bottom: .5em;
	border-radius: .3em;
	background: #005299;
	background: linear-gradient(to bottom, #005299 0%,#003d71 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005299', endColorstr='#003d71',GradientType=0 );
}

.boxes article a {
	margin: 1px 0 0;
	font-size: 1.1em;
	padding: .2em .5em;
}

.btn a, a.btn, article i, .buttons > a {
	color: #fff;
	display: block;
	min-width: 150px;
	padding: .3em .8em;
}

	.btn a:hover, a:hover .btn, .buttons > a:hover {
		text-decoration: none;
	}

	.btn a:before, a .btn:before, .boxes article a:before, article i:before, .products section i:before, .buttons > a:before {
		float: right;
		content: "\e3";
		padding-left: .5em;
		font: 18px/1.1 "ckoffice"; /* in pixels so doesn't resize depending on text size in various places */
	}

	.remove, .btn a[title*="Remove"], a[title*="Remove"].btn {
		background: #f10000;
		/*background: linear-gradient(to bottom, #f10000 0%,#cb0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f10000', endColorstr='#cb0000',GradientType=0 );*/
	}

article i {
	color: #fff;
	font-size: 1em;
	margin-top: 1px;
	transition: ease-in-out all .3s;
}

.liteBlue, .btn a[title*="New"], .boxes article a[title*="New"], .mainContent header:first-child, table .header {
	background: #71b8f5;
	/*background: linear-gradient(to bottom, #71b8f5 0%,#2180d3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71b8f5', endColorstr='#2180d3',GradientType=0 );*/
}

.mainContent header.error:first-child {
	background: #FF8E8E;
	/*background: linear-gradient(to bottom, #FF8E8E 0%,#FA6969 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF8E8E', endColorstr='#FA6969',GradientType=0 );*/
}

.buttons {
	overflow: visible;
	font-size: 1.1em;
	padding: 1em 0 .6em;
	border-top: 1px solid #ccc;
}

	.buttons > a {
		color: #fff;
		float: right;
		min-width: 0;
		margin-left: 2%;
		font-weight: bold;
		box-sizing: border-box;
	}

		.buttons > a:first-of-type {
			float: left;
			margin-left: 0;
		}

		.buttons > a[title*="sample"] {
			background: #f78c18;
		}

		.buttons > a[title*="enquiry"] {
			background: #5eaa33;
		}

	.buttons a.circle {
		padding: 0;
		width: 28px;
		height: 28px;
		line-height: 2;
		background: #ccc;
		text-align: center;
		border-radius: 100%;
		float: right;
		margin-left: .5em;
		position: relative;
	}

		.buttons a.circle:hover {
			cursor: pointer;
		}

		.buttons a.circle span {
			background: #ccc;
			position: absolute;
			top: -4.5em;
			right: 0;
			width: 300px;
			padding: .5em;
			font-weight: normal;
			color: #000000;
			text-align: left;
			font-size: initial;
			line-height: initial;
			display: none;
			box-shadow: 0 2px 6px -4px #323232;
		}

			.buttons a.circle span:after {
				top: 100%;
				right: .25em;
				border: solid transparent;
				content: " ";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
				border-color: transparent;
				border-top-color: #ccc;
				border-width: 10px;
				margin-left: -10px;
			}

		.buttons a.circle:focus span {
			display: block;
		}

		.buttons a.circle:before {
			display: none;
		}

/* ------------------ *\
	PAGING
\* ------------------ */

.search_bar {
	display: flex;
}

.search_div {
	padding-bottom: 30px;
}


.paging--headerbar {
	/*max-width: 50%;*/
	clear: both;
	overflow: hidden;
	/*padding: .5em .8em;*/
	background: none;
	margin: 0;
}

	.paging--headerbar > ul {
		padding: 0;
		float: left;
		font-size: .9em;
		background: #fff;
		font-weight: bold;
	}

		.paging--headerbar > ul li {
			padding: 0;
			float: left;
		}

	.paging--headerbar li:before {
		display: none;
	}

	.paging--headerbar > ul li a {
		width: 32px;
		display: block;
		color: inherit;
		padding: .4em 0;
		text-align: center;
		transition: ease-in-out all .3s;
	}

		.paging--headerbar > ul li a.active, .paging--headerbar > ul li a:hover {
			color: #fff;
			background: #71b8f5;
			text-decoration: none;
		}

	.paging--headerbar select {
		border: 0;
		width: auto;
		/*float: right;*/
		padding: .5em 2.5em .5em .5em;
	}

@media screen and (min-width: 760px) and (max-width: 980px) {
	.paging--headerbar {
		margin-left: 3em;
	}
}


@media screen and (min-width: 1000px) {
	.paging--headerbar {
		margin-left: 18em;
	}
}


/*@media screen and (min-width: 425px) and (max-width: 430px ) {
	.paging--headerbar {
		padding-left: 20px;
	}	
}*/

.paging {
	clear: both;
	overflow: hidden;
	padding: .5em .8em;
	background: #e9e9e9;
	margin: .8em 0 1.2em;
}

	.paging > ul {
		padding: 0;
		float: left;
		font-size: .9em;
		background: #fff;
		font-weight: bold;
	}

		.paging > ul li {
			padding: 0;
			float: left;
		}

	.paging li:before {
		display: none;
	}

	.paging > ul li a {
		width: 32px;
		display: block;
		color: inherit;
		padding: .4em 0;
		text-align: center;
		transition: ease-in-out all .3s;
	}

		.paging > ul li a.active, .paging > ul li a:hover {
			color: #fff;
			background: #71b8f5;
			text-decoration: none;
		}

	.paging select {
		border: 0;
		width: auto;
		float: right;
		padding: .5em 2.5em .5em .5em;
	}


/* -------------------------------- *\
	NEWS
\* -------------------------------- */

.news .articles {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 100%;
}

.news .buzzdubBlog .articles .item {
	width: 47%;
	margin-right: 3%;
	box-sizing: border-box;
}

	.news .buzzdubBlog .articles .item .content .text {
		padding-bottom: 20px;
	}

.news .item a:hover {
	text-decoration: none;
}

/* -------------------------------- *\
	BASKET
\* -------------------------------- */
.basket_description_of_product {
	float: right;
	max-width: 30%;
}









/* -------------------------------- *\
	PRODUCTS
\* -------------------------------- */
.counter {
	counter-reset: productCounter;
}

	.counter article {
		counter-increment: productCounter;
	}

		.counter article:before {
			color: #ccc;
			font-size: .9em;
			font-weight: bold;
			position: absolute;
			text-shadow: 0 0 3px #fff;
			content: counter(productCounter);
		}

.products {
	margin-left: -2%;
}

	.products > * {
		margin-left: 2%;
	}

	.products > article {
		width: 23%;
	}

	/*.products a { display: block;
			transition: ease-in-out all .3s;
		}*/

	.products a {
		/*display: none;*/
		position: relative;
		transition: ease-in-out all .3s;
	}

		.products a:hover {
			text-decoration: none;
		}

	.products > article:hover {
		box-shadow: 0 0 8px -3px #323232;
	}

	.products > article p {
		padding: .5em .8em;
	}

	.products article img {
		margin: 0 auto;
		max-width: 100%;
	}

	.products article > section, .products article > a > section, .products article i, .products section i {
		margin: 0;
		color: #fff;
		font-size: 1.1em;
		font-weight: bold;
		padding: .35em .8em;
		border-radius: .3em;
		box-sizing: border-box;
		/*background: #71b8f5;*/
		background: #005299;
		/*background: linear-gradient(to bottom, #71b8f5 0%,#2180d3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71b8f5', endColorstr='#2180d3',GradientType=0 );*/
	}

	.products article > a > section {
		/*color: #003d71;
			background: transparent;*/
		color: #ffffff;
		background: #005299;
	}

	.products article > a:hover > section {
		/*color: #ffffff;
			background: transparent;*/
		color: #ffffff;
		background: #005299;
	}

	.products article > a:hover section, .products article > a:hover i, .products section a:hover {
		/*background: #005299;*/
		/*background: linear-gradient(to bottom, #005299 0%,#003d71 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005299', endColorstr='#003d71',GradientType=0 );*/
	}

	.products article .price {
		font-weight: bold;
		color: #71b8f5;
	}

	.products .price > span {
		color: #d90000;
		display: block;
		font-size: 1.4em;
		margin-top: .2em;
	}

.price > span span {
	color: #004c92;
	font-size: .7em;
}

.products article i { /* button */
	min-width: 0;
	display: block;
	font-size: 1em;
}

	.products article i:before {
		font-size: 1.1em;
		line-height: 1.45em;
	}

.products > section {
	width: 98%;
	padding: 1em;
}

.products section > a {
	padding: 1em;
	margin: -1em;
}

.products section a {
	/*color: inherit;*/
	color: #005299;
	/*display: block;*/
	overflow: hidden;
}

/*.products section a:hover { color: #fff; }*/

.products section article {
	width: 65%;
	float: right;
	min-height: 125px;
	padding-left: 2.5%;
	box-sizing: border-box;
	border-left: 1px solid #b7b7b7;
}

.products section img {
	float: left;
	width: 32.5%;
	max-width: 222px;
}

.products section h2 {
	color: #71b8f5;
}

.products section i {
	float: left;
	min-width: 200px;
}

.totalCost {
	clear: both;
	color: #004c92;
	overflow: hidden;
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
	padding-bottom: 1em;
}

	.totalCost span {
		font-size: 1.6em;
	}

/* ------------------ *\
	PRODUCT GALLERY /
	PRODUCT PAGE
\* ------------------ */

.gallery {
	width: 50%;
	float: left;
	overflow: hidden;
	margin: 0 2.5% .2em 0;
}

	.gallery .lg, .gallery .thumbs img {
		margin-bottom: 1em;
		border-radius: .3em;
		box-sizing: border-box;
		border: 1px solid #b7b7b7;
	}

	.gallery .lg {
		padding: 10% 0;
		min-height: 350px;
		box-shadow: 0 2px 6px -4px #323232;
	}

		.gallery .lg img, .gallery .thumbs img {
			display: block;
			margin: 0 auto;
			max-width: 100%;
		}

		.gallery .lg + span {
			padding-bottom: 1em;
			display: block;
		}

	.gallery .thumbs {
		margin-left: -2%;
	}

		.gallery .thumbs > *, .gallery .thumbs img {
			margin-left: 2%;
		}

		.gallery .thumbs img {
			width: 18%;
			float: left;
			min-height: 68px;
			margin-bottom: 2%;
		}

.icons {
	margin-left: -2%;
	overflow: hidden;
	font-weight: bold;
}

.gallery + .icons {
	float: left;
	width: 48.5%;
	margin-left: -1%;
}

.icons > * {
	width: 48%;
	float: left;
	margin-left: 2%;
	margin-bottom: .5em;
}

/*.icons > *:nth-child(3n) { width: 50%; }*/

.icons [class*="ic-"] {
	display: inline-block;
}

	.icons [class*="ic-"]:before {
		color: #fff;
		width: 65px;
		float: left;
		height: 45px;
		display: block;
		font-size: 2.2em;
		line-height: 1.45;
		text-align: center;
		margin-right: .2em;
		background: #be7dd8;
		display: inline-block;
		vertical-align: middle;
	}

.icons .ic-delivery:before {
	line-height: .9;
	font-size: 3.5em;
	background: #5eaa33;
}

.icons .ic-swatch:before {
	font-weight: bold;
	background: #f78c18;
}

.swatches {
	margin-left: -1.25%;
}

	.swatches > * {
		margin-left: 1.25%;
	}

	.swatches > a {
		display: none;
	}

		.swatches > a > img, .swatches > img, .swatches > input[type=image] {
			float: left;
			width: 100%;
			cursor: pointer;
			max-width: 36px;
			margin-bottom: .8em;
			box-sizing: border-box;
			border: 3px solid #fff;
			box-shadow: 0 0 1px #b7b7b7;
			padding: 1px;
		}

			.swatches:not(.nohover) > img:hover, .swatches > a > img.active, .swatches > img.active, .swatches > input[type=image]:hover, .swatches > input[type=image].active {
				border-width: 3px;
				border-color: #71b8f5;
				box-shadow: 0 0 1px #71b8f5;
			}

	.swatches > * {
		margin-left: 1.25%;
	}

	.swatches > img, .swatches > input[type=image] {
		float: left;
		width: 100%;
		cursor: pointer;
		max-width: 36px;
		margin-bottom: .8em;
		box-sizing: border-box;
		border: 3px solid #fff;
		box-shadow: 0 0 1px #b7b7b7;
		padding: 1px;
	}

		.swatches:not(.nohover) > img:hover, .swatches > img.active, .swatches > input[type=image]:hover, .swatches > input[type=image].active {
			border-width: 3px;
			border-color: #71b8f5;
			box-shadow: 0 0 1px #71b8f5;
		}

.tooltip:empty {
	display: none;
}

.tooltip {
	border: 1px solid #b7b7b7;
	padding: .5em;
	background: #ffffff;
	text-align: center;
	position: absolute;
	max-width: 64px;
	z-index: 100000;
}

	.tooltip img {
		margin: 0 auto;
	}

	.tooltip span {
		display: block;
		width: 100%;
		clear: both;
	}


/* -------------- *\
	TABLES
\* -------------- */

table {
	width: 100%;
	display: block;
	font-size: .88em;
	text-align: left;
}

	table tr:nth-child(even):not(.header) {
		background: #ececec;
	}

table, tbody {
	width: 100%;
}

	table td, table th {
		padding: .5em .8em;
	}

		table td span, table th span {
			font-size: .95em;
		}

		table td span {
			display: block;
			margin-top: -.5em;
		}

	table [title*="description"] {
		width: 40%;
	}

	table [title*="quantity"] {
		width: 8%;
	}

header + table {
	margin-top: .1em !important;
}

table .btn {
	min-width: 0;
	text-align: center;
}

td > * + .btn {
	margin-top: .8em;
}

table input {
	min-width: 30px;
}

/* -------------- *\
	FORMS
\* -------------- */

.form > fieldset {
	clear: both;
}

fieldset {
	padding-bottom: 1em;
}

	fieldset label {
		font-weight: bold;
	}

.form section {
	clear: both;
}

	.form section fieldset {
		width: 49%;
		float: right;
	}

		.form section fieldset:nth-child(2n+1) {
			float: left;
		}

.form .btn {
	float: right;
}

/* -------------------------------- *\
	FOOTER
\* -------------------------------- */

footer[role="contentinfo"] {
	clear: both;
	color: #fff;
	overflow: hidden;
	padding-top: .8em;
	/*padding-bottom: .2em;*/
	background: #71b8f5;
	/*box-shadow: 0 -2em 0 0 #005299 inset;*/
}

footer ul {
	font-weight: bold;
}

	footer ul li {
		display: inline-block;
	}

		footer ul li:before {
			content: " | ";
		}

		footer ul li:first-child:before {
			display: none;
		}

footer p {
	padding: 0;
	font-size: .9em;
}

	footer p:first-of-type {
		float: left;
	}

footer p {
	float: right;
	text-align: right;
}

footer a {
	color: inherit;
}

/* -------------------------------- *\
	PROGRESS
\* -------------------------------- */

.progressPanel {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: url('/images/loader.svg') center center no-repeat rgba(0, 0, 0, .6);
}

/* -------------------------------- *\
	MAINTENANCE
\* -------------------------------- */

.maintenance .mainContent {
	padding: 3em;
	text-align: center;
	width: 100%;
}

	.maintenance .mainContent img {
		margin-bottom: 2em;
		display: initial;
	}

	.maintenance .mainContent h1 {
		font-size: 2em;
	}

/* -------------------------------- *\
	MEDIA QUERIES
\* -------------------------------- */

@media screen and (max-width: 1000px) {
	.logo {
		width: 11%;
		margin-bottom: 1em;
		min-width: 90px;
	}

	.mainNav ul {
		max-width: none;
		padding-left: 0;
	}

		.mainNav ul li {
			min-width: 0;
		}

	.strap h3 {
		padding-bottom: .2em;
		line-height: 1.1;
	}

	.strap p {
		font-size: .8em;
	}

	.bread {
		margin-top: -1em;
	}

	.icons [class*="ic-"]:before {
		float: none;
	}

	.icons > *, .icons > *:nth-child(3n) {
		width: 100%;
	}

	#homepage aside ~ aside {
		width: 23%;
	}

	#homepage .mainContent {
		width: 50%;
	}
}

@media screen and (max-width: 820px) {
	.strap p i {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.products article i {
		min-height: 86px;
	}

	.products article .price + i {
		min-height: auto;
	}

	.products article > a > section {
		min-height: 106px;
	}

	.strap h3 span span {
		display: block;
	}

	.strap {
		clear: both;
		width: 100%;
		padding-bottom: 0;
	}

	aside, #homepage aside ~ aside, .mainContent, #homepage .mainContent {
		width: 100%;
		float: none;
		clear: both;
		margin-left: 0;
	}

		aside ~ aside {
			padding-top: 1.2em;
			border-top: 1px solid #b7b7b7;
		}

		aside nav, aside article {
			width: 32%;
			float: left;
			margin-left: 2%;
		}

		aside > div {
			display: none;
		}

		aside > *:nth-child(3n+1) {
			margin-left: 0;
			clear: left;
		}

		aside > *:only-child {
			width: 100%;
		}

	.boxes > article, .bg .boxes > article {
		width: 31.8%;
	}

		.bg .boxes > article:nth-of-type(3n+1) {
			margin-left: 0;
		}

	.mainNav {
		font: bold 1.1em Arial, Helvetica, sans-serif;
	}

		.mainNav a {
			padding-top: .85em;
			padding-bottom: .85em;
		}

	footer[role="contentinfo"] {
		/*text-align: center;*/
		/*padding-top: .4em;*/
	}

	footer p {
		float: none;
		clear: both;
		text-align: inherit;
	}

		footer p:first-of-type {
			padding-bottom: .5em;
		}

	footer ul {
		padding-bottom: .2em;
	}
}

@media screen and (max-width: 650px) {
	.collapsemobile + * {
		display: none;
	}

	.collapsemobile:after {
		top: 50%;
		right: .5em;
		content: "\e3";
		margin-top: -12px;
		position: absolute;
		transform: rotate(90deg);
		font: 1.6em/1.1 "ckoffice";
	}

	.ic-menu {
		display: block;
	}

	.mainNav {
		overflow: visible;
		border-bottom: 1px solid #b7b7b7;
	}

		.mainNav ul {
			z-index: 999;
			display: none;
			position: relative;
			background: #71b8f5;
			box-shadow: 0 2px 3px -2px #000;
			overflow: visible;
			border-bottom: 3px solid #005299;
		}

			.mainNav ul:before {
				top: -26px;
				right: .8em;
				border: solid transparent;
				content: "";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
				border-color: rgba(136, 183, 213, 0);
				border-bottom-color: #71b8f5;
				border-width: 16px;
			}

			.mainNav ul li {
				display: block;
				border-top: 1px solid rgba(255, 255, 255, .2);
				box-shadow: 0 -1px 0 0 rgba(0,0,0,.3);
			}

				.mainNav ul li:first-child {
					border: 0;
					box-shadow: none;
				}

	.hgroup {
		float: none;
		clear: both;
		width: 100%;
		padding: .8em 0;
		overflow: hidden;
		border-top: 1px solid #b7b7b7;
	}

	.search {
		float: left;
		clear: none;
	}

	.enquiry a {
		top: 1em;
		right: 1em;
		bottom: auto;
		position: fixed;
		z-index: 999;
		border: 1px solid #ccc;
		border-radius: .4em;
	}

	.bread {
		margin-top: 0;
	}

	.strap p {
		display: none;
	}

	header .shareaholic-canvas.shareaholic-ui {
		display: none !important;
	}

	aside .collapsemobile:after {
		font-size: 1.3em;
	}

	.btn a, a.btn, article i, .buttons > a {
		min-width: 0;
	}

	main header > span {
		padding: 0 0 .4em;
		margin-bottom: .7em;
		float: none;
		border-bottom: 1px solid rgba(255,255,255,.3);
	}

	table td:empty, table th:empty {
		display: none;
	}
}

@media screen and (max-width: 610px) {
	.products article {
		width: 31.3%;
	}

		.products article:nth-child(3n+1) {
			clear: left;
		}

	.gallery {
		width: 100%;
		float: none;
		overflow: hidden;
		margin-bottom: 1em;
		border-bottom: 1px solid #ccc;
	}

		.gallery .lg {
			min-height: 0;
			width: 61.5%;
			float: right;
		}

		.gallery .thumbs {
			width: 38.5%;
			float: left;
			margin-left: 0;
		}

			.gallery .thumbs img {
				min-height: 0;
				width: 45%;
			}

		.gallery + .icons {
			float: none;
			width: 100%;
			margin: 0 0 .5em -2%;
		}
}

@media screen and (max-width: 100px) {
	aside > *, aside nav, aside article, .products article {
		width: 48%;
		margin-left: 4%;
	}

		aside > *:nth-child(2n+1), .products article:nth-child(2n+1) {
			clear: left;
			margin-left: 0;
		}

	.products {
		margin-left: 0;
	}

		.products article:nth-child(3n+1) {
			clear: none;
		}

		.products section article {
			width: 100%;
			float: none;
			clear: both;
			padding: 1em 0 0;
			margin: 0;
			border-left: 0;
			border-top: 1px solid #b7b7b7;
		}

		.products section img {
			margin: 0 auto 1em;
			float: none;
			width: auto; /*max-width: none;*/
		}

		.products section i {
			float: none;
		}

	aside > * img {
		display: none;
	}

	table tr, table td, tbody {
		display: block;
		overflow: hidden;
	}

		table td, table td[title="quantity"] {
			width: 50%;
			float: left;
			box-sizing: border-box;
		}

			table td[title="product"], table td[title="remove"] {
				width: 100%;
				float: none;
			}

	table .header {
		display: none;
	}

	td[title]:before {
		content: "";
		display: block;
		color: #005299;
		font-size: 1.1em;
		font-weight: bold;
	}

	td[title="product"]:before {
		content: "Product:";
	}

	td[title="width"]:before {
		content: "Width (mm):";
	}

	td[title="height"]:before {
		content: "Height (mm):";
	}

	td[title="depth"]:before {
		content: "Depth (mm):";
	}

	td[title="quantity"]:before {
		content: "Qty:";
	}

	td[title="price"]:before {
		content: "Price:";
	}

	td[title="price each"]:before {
		content: "Price each:";
	}

	td[title="price total"]:before {
		content: "Price: total";
	}

	.boxes h2 {
		font: bold 1.1em Arial, Helvetica, sans-serif;
	}

	.form section fieldset, .form section fieldset:nth-child(2n+1) {
		float: none;
		width: 100%;
	}

	.buttons > a[title*="enquiry"] {
		clear: both;
		float: none;
		width: 100%;
		margin-left: 0;
	}

	.paging > *, .paging select {
		float: none;
		width: 100%;
		margin: .2em 0;
		clear: both;
	}
}

@media screen and (max-width: 400px) {
	.search {
		width: 180px;
	}

	.boxes > article, .bg .boxes > article {
		width: 48.5%;
	}

		.bg .boxes > article:nth-of-type(2n+1), .bg .boxes > article:first-of-type {
			margin-left: 0 !important;
		}

		.bg .boxes > article:nth-of-type(3n+1) {
			margin-left: 1.5%;
		}

	.gallery .lg, .gallery .thumbs {
		width: 100%;
		float: none;
		clear: both;
	}

	.gallery .thumbs {
		margin-left: -1%;
		padding-bottom: .4em;
		overflow: hidden;
	}

		.gallery .thumbs img {
			width: 18%;
		}

	address > div:first-of-type, address > div {
		float: none;
		width: 100%;
	}

	.form .btn, .mainContent .btn { /*width: 100%;*/
		float: none;
	}
}

@media screen and (max-width: 345px) {
	.strap {
		font-size: .7em;
		padding-top: 6.5em;
	}

		.strap b {
			display: none;
		}

	aside > *, aside nav, aside article, .products article {
		width: 100%;
		margin-left: 0;
		float: none;
		clear: both;
	}

	aside > article * {
		height: auto !important;
	}

	.products article > section, .products article > a > section, .products article i, .products section i {
		height: auto !important;
	}

	table td, table td[title="quantity"] {
		width: 100%;
		float: none;
	}
}

@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) {
	select {
		background-image: url(../images/ddl_x2.png);
		background-size: 27px 27px;
	}
}

.ribbon {
	width: 100%;
	color: #fff;
	line-height: 18px;
	text-align: center;
	background: #34CD98;
	font-size: 11.5px;
	padding: 0 50px;
	min-height: 21px;
}

.ribbon-wrapper--stock .ribbon {
	line-height: 21px;
}

.ribbon-wrapper {
	/*top: 66px;
    left: -50px;
    width: 120px;*/
	top: 54px;
	left: -62px;
	width: 110px;
	color: #fff;
	z-index: 9990;
	height: 21px;
	position: absolute;
	text-align: center;
	/*background: #f98525;*/
	background: #34CD98;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	font-size: 11px;
}

.ribbon-wrapper--movein {
	top: 46px;
	left: -70px;
}



.map-responsive {
	overflow: hidden;
	padding-bottom: 75%;
	position: relative;
}

/*.map-responsive iframe {
		height: 100%;
		width: 100%;
	}*/

@media only screen and (min-width: 1000px) {
	.map-responsive iframe {
		width: 100%;
		/*border: 1px solid grey;*/
	}
}


@media only screen and (max-width: 999px) {
	.map-responsive iframe {
		height: 100%;
		width: 100%;
	}
}

.admin-banner {
	background: red;
	color: #fff;
}

	.admin-banner * {
		color: #fff;
		padding: 0;
		margin: 0
	}

	.admin-banner > div {
		max-width: 1000px;
		margin: 0 auto;
		position: relative;
		padding: 1em 0;
	}

.adminBtn {
	padding: 0.25em 0.5em;
	background: #fff;
	color: red;
	margin-left: 2em;
}

.adminOnly {
	color: red;
	font-weight: bold;
	line-height: 1.25em;
	margin-top: 0.25em;
}

.adminOnly--normal {
	font-weight: normal;
}

.prodDesc {
	max-height: 150px;
	overflow: hidden;
}
.prodDescFull {
	max-height: none;
}