/* BASIC SETUP */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
body {
	font-size: .85em;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #2f292a;
	background-color: #FFFFFF;
}

/* useful styles */
.hr hr {
	display: none;
}
.hr {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 1em;
}
.error {
	color: #FF0000;
}
.small {
	font-size: 0.75em;
}
.large {
	font-size: 1.3em;
}

/* responsive */
.desktop {
	display: block !important;
}
span.desktop {
	display: inline !important;
}
table.desktop {
	display: table !important;
}
col.desktop {
	display: table-column !important;
}
th.desktop,
td.desktop {
	display: table-cell !important;
}
tr.desktop {
	display: table-row !important;
}
.mobile,
span.mobile,
table.mobile,
col.mobile,
th.mobile,
td.mobile,
tr.mobile {
	display: none !important;
}

.inset-right {
	float: right;
	margin: 0 0 2em 2em;
	width: auto; max-width: 50% !important; height: auto;
}

/* alignment */
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.valign-top {
	vertical-align: top;
}
.valign-middle {
	vertical-align: middle;
}
.valign-bottom {
	vertical-align: bottom;
}
.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0px;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}

/* common elements */
p {
	margin-bottom: 1em;
	line-height: 1.2em;
}
img {
	border: 0;
}
a {
	text-decoration: none;
	color: #3aa9e1;
}
a:hover {
	color: #777777;
}

table {
	margin: 2em 0;
}
table.layout {
	border: 0 !important;
}
table.layout th, table.layout td {
	border: 0 !important;
}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.8em;
	font-weight: 400;
	text-transform: uppercase;
}
h1.ultra, h2.ultra, h3.ultra, h4.ultra, h5.ultra, h6.ultra {
	font-weight: 400;
}
h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.2em;
}
h4, h5, h6 {
	font-size: 1.1em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none !important;
}
.title {
	font-size: 1.1em;
	text-transform: uppercase;
}

b, strong {
	font-weight: normal;
}

.highlight {
	color: #3aa9e1;
}
	.highlight a {
		color: #3aa9e1;
		text-decoration: underline;
	}

.diamond {
	display: block;
	position: relative;
	background: #eaeaea;
	color: #444444;
	margin-bottom: 3px;
	margin-right: 13px;
}
	.diamond a, .diamond input[type="text"], .diamond input[type="email"], .diamond input[type="password"] {
		display: block;
		padding: 0 0 0 8px;
		height: 23px;
		line-height: 23px;
	}
	.diamond:hover a {
		background: #2f292a;
		color: #FFFFFF;
	}
	.diamond span, .diamond input[type="submit"] {
		display: block;
		position: absolute;
		top: 0;
		right: -12px;
		width: 26px;
		height: 23px;
		background-image: url(../images/diamond-arrow.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		padding: 0;
		background-color: transparent;
	}
	.diamond:hover span, .diamond input[type="submit"]:hover {
		background-position: 0 -23px;
		background-color: transparent;
	}

.tabbed {
	display: none;
}
.tabbed.active {
	display: block;
}

img.thumb {
	display: block;
	width: 100%;
}

.imagechooser {
	position: relative;
}

/* tabs */
.tabs {
	margin-bottom: 30px;
}
	.tabs .tab {
		float: left;
		display: block;
		text-transform: uppercase;
		height: 30px;
		line-height: 30px;
		padding: 0 20px 0 28px;
		background: url(../images/tab-bg.png) top left no-repeat;
		color: #3c3c3c;
		opacity: .4;
	}
	.tabs .tab.active, .tabs .tab:hover {
		opacity: 1;
	}



/* PAGE STRUCTURE */
#body {
	overflow-x: hidden;
}

.root {

}
	.root > div, .page-width {
		max-width: 980px; min-width: 750px;
		margin: 0px auto;
		padding-right: 3%; padding-left: 3%;
		position: relative;
	}


header {
	background: #FFFFFF;
	color: #333e48;
	z-index: 10;
}
	header > div {
		padding-top: 2em; padding-bottom: 4em;
	}
		header .logo {
			display: block;
			width: 24%;
		}
			header .logo img {
				display: block;
				width: 100%;
			}
		header .phone {
			position: absolute;
			right: 0;
			top: 1em;
			color: #3aa9e1;
		}

		.mobile-menu-toggle {
			display: none;
		}

		header #search-form {
			display: block;
			position: absolute;
			top: 100%;
			right: 0px;
			z-index: 110;
			width: 250px;
		}
			header #search-form input[type="image"] {
				position: absolute;
				right: 0;
				top: 0;
				padding: .6em;
				background: #009ec3;
		}
			header #search-form input[type="text"] {
				opacity: 0;
				border: 0;
				margin: 0;
				transition: all .2s ease;
				width: 100%;
			}
			header #search-form:hover input[type="text"], header #search-form input[type="text"]:focus {
				opacity: 1;
			}


	.main-navigation {
		position: absolute; bottom: 1em; right: 0;
		text-transform: uppercase;
		/*max-width: 75%;*/
		z-index: 100;
	}
		.main-navigation .logo {
			display: none;
		}
		.main-navigation ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			text-align: right;
		}

			/* hide the sub levels and give them a positon absolute so that they take up no room */

			.main-navigation li {
				display: inline-block;
				position: relative;
				margin: 0;
				padding: 0;
			}
				.main-navigation a,
				.main-navigation a:visited {
					border-right: 1px solid #9b9b9b;
					color: inherit;
					display: block;
					font-size: 0.9em;
					padding: 0 1em;
					text-align: left;
				}
				.main-navigation a.active {
					color: #000000;
				}
				.main-navigation a.first {  }
				.main-navigation a.last {
					border: 0;
				}
				.main-navigation a:hover,
				.main-navigation ul ul a:hover {
					color: #000000;
				}
				.main-navigation :hover > a,
				.main-navigation ul ul :hover > a {
					color: #000000;
				}


				.main-navigation ul ul {
					visibility: hidden;
					position: absolute; top: 100%; left: 0;
					width: 150px; height: 0;
				}
					.main-navigation ul ul li {

					}
					.main-navigation ul ul a,
					.main-navigation ul ul a:visited {
						background-color: #FFFFFF;
						border: 0;
						line-height: 1em;
						padding: 5px 10px;
						text-align: left;
						text-transform: none;
						width: 130px; height: auto;
					}
					.main-navigation ul ul a.active2 {
						text-decoration: underline;
					}
					.main-navigation ul ul a.first2 {  }
					.main-navigation ul ul a.last2 {  }
					.main-navigation ul ul a:hover {
						text-decoration: underline;
					}
					.main-navigation ul ul :hover > a {
						text-decoration: underline;
					}
	.main-navigation table {
		border-collapse: collapse;
		position: absolute; top: 0; left: 0;
	}
	.main-navigation ul li:hover ul,
	.main-navigation ul a:hover ul {
		visibility: visible;
	}


#main-image-box {
	overflow: hidden;
	width: 100%;
	z-index: -1;
}
	#main-image {
		margin: 0 auto;
		position: relative;
		width: 100%; height: 500px;
	}
	#main-image.height-150 {
		height: 150px;
	}
		#main-image .imagerotator {
			position: relative;
			width: 100%; height: 100%;
		}
		#main-image .item {
			width: 100%;
			height: 100%;
			display: block;
			position: absolute;
			background-size: cover;
			background-position: center;
		}
			#main-image .text {
				color: #FFFFFF;
				font-size: 80px;
				font-weight: bold;
				margin: 0 auto;
				opacity: .7;
				padding: 20% 0 0;
				text-align: center;
				text-transform: uppercase;
				max-width: 980px;
			}
			.shallow #main-image .text {
				text-align: right;
				padding: 127px 0 0;
			}
	#main-image-controls {
		margin: 0 auto;
		max-width: 980px;
		padding: 3%;
		position: absolute; top: 0; right: 0; bottom: 0; left: 0;
		z-index: 101;
	}
		#main-image-controls .arrow {
			display: block;
			position: absolute;
			top: 50%;
			width: 28px;
			height: 50px;
			background: transparent;
			z-index: 30;
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
		}
		#main-image-controls .arrow.left {
			background-image: url(../images/main-image-arrow-left.png);
			left: 3%;
		}
		#main-image-controls .arrow.right {
			background-image: url(../images/main-image-arrow-right.png);
			right: 3%;
		}
		#main-image-controls .navi {
			position: absolute;
			bottom: 2em; right: 3%; left: 3%;
			text-align: right;
			z-index: 1000;
		}
			#main-image-controls .navi a {
				display: inline-block;
				width: 8px;
				height: 8px;
				border-radius: 4px;
				margin-right: 5px;
				background: #948d88;
			}
				#main-image-controls .navi a.activeSlide {
					background: #FFFFFF;
				}
				#main-image-controls .navi a:focus {
					outline: none;
				}
				#main-image-controls .navi a span {
					display: none;
				}


.message-band {
	background: #009ec3;
	color: #FFFFFF;
	font-weight: 300;
	padding: 1em 0;
	text-align: center;
	text-transform: uppercase;
}


#main {
	padding: 2em 0;
	position: relative;
	z-index: 10;
	min-height: 300px;
}
	#lc {
		padding-right: 30px;
	}
		#lc h1,
		#lc h2 {
			font-size: 1.4em;
		}
	#content {

	}
		#content ul, #content ol {
			margin-left: 1.5em;
			margin-bottom: 1em;
		}
			#content li {
				margin-bottom: 0.3em;
			}
		#content img {
			max-width: 100%;
			height: auto;
		}
	#rc {
		padding-left: 30px;
	}


	#google-map {
		width: 100%;
		height: 300px;
	}

	.column-section {
		margin-bottom: 50px;
	}

	.column-link {
		color: #FFFFFF;
		display: block;
		font-weight: bold;
		margin-bottom: 1em;
		background: #efefef;
		padding: 12px;
	}
	.column-link.faq {
		background: #333e48;
	}
	.column-link.area {
		background: #0092bd;
	}
	a.column-link:hover {
		color: #FFFFFF;
	}
		.column-link:after {
			clear: both;
			content: '';
			display: block;
		}




	.page {

	}
		.page .image {
			float: left;
			width: 20%;
		}
			.page .image a, .page .image img {
				display: block;
				width: 100%;
			}
		.page .text {
			margin-left: 25%;
		}

	.image-thumb {
		display: block;
		float: left;
		width: 25%;
		padding: 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		.image-thumb img {
			display: block;
			width: 100%;
		}


	.image {
		position: relative;
	}


	/* grid of pages / shop categories */
	.grid {
		margin: 0 -8px;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.grid.indent {
		padding: 10px;
	}
		.grid .c.c33 {
			padding: 0;
		}
			.grid .item {
				color: inherit;
				position: relative;
				display: block;
				margin: 0 8px 2em;
			}

				.grid .item .thumb {
					margin-bottom: 10px;
				}
				.grid .item .text {
					display: block;
					font-weight: bold;
					height: 30px;
					text-transform: uppercase;
					font-size: 1em;
				}
				.grid .item .name {
					display: block;
					font-size: 0.9em;
					height: 1.3em;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
				.grid .item .name2 {
					display: block;
					font-size: 0.9em;
					height: 2.4em;
					padding-right: 10px;
				}
				.code {
					display: block;
					font-size: 0.8em;
					height: 1.1em;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					color: #999999;
				}
				.grid .item .more {
					display: block;
					font-size: 0.8em;
					text-transform: lowercase;
					text-align: right;
					color: #999999;
					padding-top: 5px;
					border-style: solid;
					border-width: 0;
					border-top-width: 1px;
					border-color: #999999;
					margin-top: 5px;
				}

				.grid .item .overlay {
					display: none;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					padding: 1em;
					background: rgba(51,62,72,.9);
					color: #FFFFFF;
				}
				.grid .item .overlay-arrow {
					display: none;
					position: absolute;
					bottom: -17px;
					right: 15px;
				}
				.grid .item:hover .overlay {
					display: block;
				}
				.grid .item:hover .overlay-arrow {
					display: block;
				}
	.grid.detail {

	}
			.grid.detail .item {

			}
				.grid.detail .item .thumb {

				}



	.footer-features {
		background: #e9e9ea;
		padding: 2em 0;
	}
		/* grid tweaked for features - newsletter signup etc */
		#features {
			font-size: 0.9em;
			font-weight: bold;
		}
			#features .item {
				height: 140px;
				margin-bottom: 0;
			}
				#features .item > div {
					display: table;
					position: relative;
					width: 100%; height: 100%;
				}
					#features .item > div > div {
						display: table-cell;
						vertical-align: middle;
					}
						#features .item p {
							margin-bottom: 0.7em;
						}
						#features .item:after {
							clear: both;
							content: '';
							display: block;
						}
			#features .boxed {
				background: #FFFFFF;
				overflow: hidden;
				padding: 1.5em;
				position: relative;
				text-transform: uppercase;
			}
				#features .boxed img {
					float: right;
					margin: 0 0 0 1em;
				}
			#signup-form {
				background: #606a72;
				color: #FFFFFF;
				padding: 1.5em;
			}


	.website-banner-root {
		background: url('../images/banner-root-bg.jpg') center/cover no-repeat #606a72;
		padding: 2em 0;
	}
		.website-banner {
			display: block;
			margin: 0 auto;
			position: relative;
			transition: all .3s ease;
			width: 100%;
			max-width: 860px;
		}
		a.website-banner:hover {
			opacity: .8;
		}
			.website-banner img {
				display: block;
				width: 100%;
			}
				.website-banner .text {
					color: #FFFFFF;
					font-size: 1.1em;
					padding: 1.8em;
					position: absolute; top: 0; right: 0; bottom: 0; left: 0;
					z-index: 2;
				}
					.website-banner .heading {
						font-size: 1.8em;
						margin: 0 0 .5em;
					}
					.website-banner .content {
						font-weight: bold;
						text-transform: uppercase;
					}


#twitter-box {
	background-color: #333e48;
	color: #FFFFFF;
}
	#twitter-box a {
		color: inherit;
		display: inline-block;
		margin: 0 2%;
		width: 20%; min-width: 150px;
	}
	#twitter-box a:first-child {
		margin-left: 0;
	}
		#twitter-box a .logo {
			display: block;
			margin-bottom: .5em;
			width: 50%; height: auto;
		}

	footer {
		background-color: #333e48;
		color: #FFFFFF;
		position: relative;
		padding: 25px 50px;
		font-size: 0.9em;
		z-index: 10;
	}
		footer .left-content {
			float: left;
		}
		footer .social-links {
			/*position: absolute;
			left: 0;
			top: 0;*/
			width: 180px;
			height: 35px;
			line-height: 35px;
		}
			footer .social-links a {
				display: inline-block;
				margin-right: .5em;
			}
			footer .social-links a,
			footer .social-links img {
				height: 30px;
				vertical-align: middle;
			}

		footer .safehire-logo {
			margin: 1em 0;
		}

		footer a {
			color: inherit;
		}
		footer a:hover {
			color: #FFFFFF;
			text-decoration: underline;
		}

		footer .megamenu {
			float: left;
			margin-bottom: 3em;
		}
			footer ul {
				margin: 0;
				list-style-type: none;
		}
			footer .megamenu ul {
				float: left;
				padding: 0 40px 0 12px;
				border-left: 1px solid #0092bd;
				min-height: 130px;
		}
				footer .megamenu ul li {
					margin: 0;
					padding: 0 0 6px;
				}
				footer .megamenu ul li.large {
					font-size: 1.2em;
					text-transform: uppercase;
				}
					footer .megamenu ul li a {
						display: block;
					}

		footer > .float-right {
			text-align: right;
		}

.footer-carousel {
	padding: 2em 0;
}

	.footer-carousel .slick-track {
		align-items: center;
		display: flex;
	}

	.footer-carousel img {
		margin: 0 15px;
	}



/* FANCYBOX PAGE */
body.popup {
	background-image: none;
}
	#popup-root {

	}

table.pricing {
	width: 100%;
	border-collapse: collapse;
}
table.pricing th {
	padding: 4px 8px;
}
table.pricing td {
	padding: 4px 8px;
}
table.pricing tr:nth-child(even) td {
	background-color: #F8F8F8;
}
table.pricing tr:nth-child(odd) td {
	background-color: #F0F0F0;
}
.c10, .c15, .c16, .c20, .c25, .c30, .c33, .c40, .c50, .c60, .c66, .c75, .c70, .c80, .c83, .c90, .c100,
.cr10, .cr15, .cr16, .cr20, .cr25, .cr30, .cr33, .cr40, .cr50, .cr60, .cr66, .cr75, .cr70, .cr80, .cr83, .cr90, .cr100
.cm10, .cm15, .cm16, .cm20, .cm25, .cm30, .cm33, .cm40, .cm50, .cm60, .cm66, .cm75, .cm70, .cm80, .cm83, .cm90, .cm100 { 
	float: left;
	position: relative;
	min-height: 1px;
}
.c10.float-right, .c15.float-right, .c16.float-right, .c20.float-right, .c25.float-right, .c30.float-right, .c33.float-right, .c40.float-right, .c50.float-right, .c60.float-right, .c66.float-right, .c75.float-right, .c70.float-right, .c80.float-right, .c83.float-right, .c90.float-right, .c100.float-right,
.cr10.float-right, .cr15.float-right, .cr16.float-right, .cr20.float-right, .cr25.float-right, .cr30.float-right, .cr33.float-right, .cr40.float-right, .cr50.float-right, .cr60.float-right, .cr66.float-right, .cr75.float-right, .cr70.float-right, .cr80.float-right, .cr83.float-right, .cr90.float-right, .cr100
.cm10.float-right, .cm15.float-right, .cm16.float-right, .cm20.float-right, .cm25.float-right, .cm30.float-right, .cm33.float-right, .cm40.float-right, .cm50.float-right, .cm60.float-right, .cm66.float-right, .cm75.float-right, .cm70.float-right, .cm80.float-right, .cm83.float-right, .cm90.float-right, .cm100.float-right {
	float: right;
}


.columns { 
	margin: 0 -1em; 
}
	.columns > .c10, .columns > .c15, .columns > .c16, .columns > .c20, .columns > .c25, .columns > .c30, .columns > .c33, .columns > .c40, .columns > .c50, .columns > .c60, .columns > .c66, .columns > .c70, .columns > .c75, .columns > .c80, .columns > .c83, .columns > .c90,.columns > .c100,
	.columns > .cr10, .columns > .cr15, .columns > .cr16, .columns > .cr20, .columns > .cr25, .columns > .cr30, .columns > .cr33, .columns > .cr40, .columns > .cr50, .columns > .cr60, .columns > .cr66, .columns > .cr70, .columns > .cr75, .columns > .cr80, .columns > .cr83, .columns > .cr90,.columns > .cr100, 
	.columns > .cm10, .columns > .cm15, .columns > .cm16, .columns > .cm20, .columns > .cm25, .columns > .cm30, .columns > .cm33, .columns > .cm40, .columns > .cm50, .columns > .cm60, .columns > .cm66, .columns > .cm70, .columns > .cm75, .columns > .cm80, .columns > .cm83, .columns > .cm90,.columns > .cm100 { 
		padding: 0 1em;
	}

.columns.tight { 
	margin: 0 -.5em; 
}
	.columns.tight > .c10, .columns.tight > .c15, .columns.tight > .c20, .columns.tight > .c25, .columns.tight > .c30, .columns.tight > .c33, .columns.tight > .c40, .columns.tight > .c50, .columns.tight > .c60, .columns.tight > .c66, .columns.tight > .c70, .columns.tight > .c75, .columns.tight > .c80, .columns.tight > .c83, .columns.tight > .c90, .columns.tight > .c100,
	.columns.tight > .cr10, .columns.tight > .cr15, .columns.tight > .cr20, .columns.tight > .cr25, .columns.tight > .cr30, .columns.tight > .cr33, .columns.tight > .cr40, .columns.tight > .cr50, .columns.tight > .cr60, .columns.tight > .cr66, .columns.tight > .cr70, .columns.tight > .cr75, .columns.tight > .cr80, .columns.tight > .cr83, .columns.tight > .cr90, .columns.tight > .cr100,
	.columns.tight > .cm10, .columns.tight > .cm15, .columns.tight > .cm20, .columns.tight > .cm25, .columns.tight > .cm30, .columns.tight > .cm33, .columns.tight > .cm40, .columns.tight > .cm50, .columns.tight > .cm60, .columns.tight > .cm66, .columns.tight > .cm70, .columns.tight > .cm75, .columns.tight > .cm80, .columns.tight > .cm83, .columns.tight > .cm90, .columns.tight > .cm100 { 
		padding: 0 .5em;
	}

	.columns:after { 
		clear: both; 
		content: ''; 
		display: block; 
	}

/* mobile
.cm10 { width: 10%; }
.cm15 { width: 15%; }
.cm16 { width: 16.66%; }
.cm20 { width: 20%; }
.cm25 { width: 25%; }
.cm30 { width: 30%; }
.cm33 { width: 33.33%; }
.cm40 { width: 40%; }
.cm50 { width: 50%; }
.cm60 { width: 60%; }
.cm66 { width: 66.66%; }
.cm70 { width: 70%; }
.cm75 { width: 75%; }
.cm80 { width: 80%; }
.cm80 { width: 80%; }
.cm83 { width: 83.33%; }
.cm90 { width: 90%; }
.cm100 { width: 100%; }


@media only screen and (min-width: 480px) and (max-width: 700px) {

.cr10 { width: 10% !important; }
.cr15 { width: 15% !important; }
.cr16 { width: 16.66% !important; }
.cr20 { width: 20% !important; }
.cr25 { width: 25% !important; }
.cr30 { width: 30% !important; }
.cr33 { width: 33.33% !important; }
.cr40 { width: 40% !important; }
.cr50 { width: 50% !important; }
.cr60 { width: 60% !important; }
.cr66 { width: 66.66% !important; }
.cr70 { width: 70% !important; }
.cr75 { width: 75% !important; }
.cr80 { width: 80% !important; }
.cr83 { width: 83.33% !important; }
.cr90 { width: 90% !important; }
.cr100 { width: 100% !important; }

}

 */
@media only screen and (min-width: 480px) {

.c10 { width: 10%; }
.c15 { width: 15%; }
.c16 { width: 16.66%; }
.c20 { width: 20%; }
.c25 { width: 25%; }
.c30 { width: 30%; }
.c33 { width: 33.33%; }
.c40 { width: 40%; }
.c50 { width: 50%; }
.c60 { width: 60%; }
.c66 { width: 66.66%; }
.c70 { width: 70%; }
.c75 { width: 75%; }
.c80 { width: 80%; }
.c83 { width: 83.33%; }
.c90 { width: 90%; }
.c100 { width: 100%; }

}fieldset { 
	border: 0; 
}

input, textarea { 
	border-radius: 0; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	font-family: inherit; 
	font-size: 1em;
}
input[type="text"], 
input[type="email"], 
input[type="password"], 
textarea { 
	width: 100%; 
	padding: .5em; 
	vertical-align: middle; 
	border: 0; 
	background: #eaeaea; 
	margin-bottom: 3px;
}

input[type="submit"], 
input[type="button"] { 
	display: inline-block; 
	padding: .5em; 
	border: 0; 
	background-color: #3aa9e1;
	color: #2f292a;
	cursor: pointer;
	width: auto;
	text-transform: uppercase;
}
input[type="submit"]:hover, 
input[type="button"]:hover { 
	background-color: #f0f0f0;
	color: #2f292a;
}

textarea { min-height: 6em; }

form.formhandler {
	padding: 1em 0 0;
	width: 100%;
	margin: 0 auto;
}

form.formhandler fieldset {
	clear: both;
	width: 100%;
	margin: 0 0 -1em 0;
	padding: 0 0 1em 0;
	border-style: none;
	background-repeat: repeat-x;
}

form.formhandler legend {
	margin-left: 1em;
	color: #000000;
	display: none;
}

form.formhandler fieldset ol {
	/*padding: 1em 1em 0 1em;*/
	margin: 0 !important;
	list-style: none;
}

form.formhandler fieldset li {
	padding-bottom: 1em;
}

form.formhandler li input, form.formhandler li textarea { width: 100%; }

form.formhandler fieldset.submit {
	
	border-style: none;
}

form.formhandler label {
	float: left;
	width: 40%;
	margin-right: 1em;
}

form.formhandler label.inline, form.formhandler label.checkbox {
	float: none;
	display: inline;
	width: auto;
	margin: 0;
}

/* left aligned labels */
form.formhandler fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 0.5em;
}

form.formhandler fieldset {
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 1.5em 0;
	padding: 0;
}

/* background stuff */
form.formhandler fieldset.submit {
	float: none;
	width: auto;
	border-style: none;
	background-color: transparent;
}

form.formhandler fieldset.submit input {
	width: auto;
	cursor: pointer;
}

/* nested fieldsets */
form.formhandler fieldset fieldset {
	margin-bottom: 0;
	border-style: none;
	background-color: transparent;
	background-image: none;
}

form.formhandler fieldset fieldset label.legend {
	float: left;
	width: 100%;
	margin-right: 1em;
	vertical-align: top;
}

form.formhandler fieldset fieldset ol {
	position: relative;
	top: -1.5em;
	margin: 0 0 0 14em;
	padding: 0;
}

form.formhandler fieldset fieldset label {
	float: none;
	width: auto;
	margin-right: auto;
}
/*
table { border: 1px solid #CCCCCC !important; }
	table tr {  }
		table th { text-align: left; }
		table th, table td { border: 1px solid #CCCCCC !important; padding: .4em .8em .4em .4em; vertical-align: top; }
*/#breadcrumbs { color: #a0a0a0; margin-bottom: .4em; font-size: 0.9em; }
	#breadcrumbs a { color: #a0a0a0; }

/* browse */
#category-left { width: 60%; }
	#category-left .image { display: block; width: 100%; }

#category-right { float: right; width: 40%; padding-left: 30px; }


#shop-navigation { list-style-type: none; }
	#shop-navigation li { display: block; padding: 0 0 0 9px; border-left: 7px solid #CCCCCC; margin: 3px 0; }
	#shop-navigation li:hover { opacity: .9; }
		#shop-navigation li a { display: block; border-top: 1px solid #d0d0d0; padding: 6px 30px 6px 4px; }
		#shop-navigation li.last a { display: block; border-bottom: 1px solid #d0d0d0; }


/* product */
#product-left { width: 60%; height: 269px; margin-bottom: 35px; }
	#product-image {  }
		#product-image .item { width: 100%; position: absolute; }
			#product-image .item .image a, #product-image .item img { width: 100%; display: block; }
#product-right { float: right; position: relative; width: 40%; padding-left: 30px; margin-bottom: 35px; }
	#product-thumbnails { /*position: absolute; bottom: 0; left: 30px;*/ }
		#product-thumbnails a { display: block; float: left; margin: 10px 10px 0 0; }
			#product-thumbnails a img { display: block; }

	.price { font-weight: bold; margin-bottom: 1em; padding: 0; }
		.price dt { clear: left; float: left; width: 60px; }
		.price dd { margin-left: 70px; }
	.enquire { font-weight: bold; margin-bottom: 1em; padding: 0; text-align: right; font-size: 1.3em; }
		.enquire a { color: #2f292a; }

#product-information { margin-bottom: 30px; }

.safety-icon { width: 64px; height: 64px; margin: 5px; }

/* basket */
#viewbasket { margin-bottom: 10px; }
table.basket { margin-bottom: 5px; border: 0; }
table.basket th { padding: 4px; background-color: #e6e5e0; }
table.basket td { padding: 4px; background-color: #f8f8f8; }
table.basket .optionlabels { font-size: 0.9em; }

table.form { margin-bottom: 5px; }
table.form th { padding: 4px; background-color: #e6e5e0; }
table.form td { padding: 2px 4px; background-color: #f8f8f8; }/* mobile */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
	
	* { 
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box; 
	}
	
	
	body { font-size: .8em; }
	
	.mobile { 
		display: block !important; 
	}
	span.mobile { 
		display: inline !important; 
	}
	table.mobile {
		display: table !important; 
	}
	col.mobile { 
		display: table-column !important; 
	}
	th.mobile, 
	td.mobile { 
		display: table-cell !important; 
	}
	tr.mobile { 
		display: table-row !important; 
	}
	.desktop, 
	span.desktop, 
	table.desktop, 
	col.desktop, 
	th.desktop, 
	td.desktop, 
	tr.desktop { 
		display: none !important; 
	}
	
	.inset-right {
		float: none;
		margin: 0;
		max-width: 100%;
	}
	
	
	.cm20, 
	.cm30, 
	.cm33, 
	.cm40, 
	.cm50, 
	.cm60, 
	.cm66, 
	.cm70, 
	.cm80, 
	.cm100 { 
		float: left; 
		min-height: 1px; 
	}
	.cm20 { 
		width: 20%; 
	}
	.cm30 { 
		width: 30%; 
	}
	.cm33 { 
		width: 33.33%; 
	}
	.cm40 { 
		width: 40%; 
	}
	.cm50 { 
		width: 50%; 
	}
	.cm60 { 
		width: 60%; 
	}
	.cm66 { 
		width: 66.66%; 
	}
	.cm70 { 
		width: 70%; 
	}
	.cm80 { 
		width: 80%; 
	}
	.cm100 { 
		width: 100%; 
	}
	
	.lc { 
		padding-right: 15px; 
	}
	.rc { 
		padding-left: 15px; 
	}
	.cm100.lc,
	.cm100.rc {  
		padding-left: 0;
		padding-right: 0;
	}







/* PAGE STRUCTURE */
.root {
	
}
	.root > div, .page-width {
		min-width: 0;
	}
		
header { 
	z-index: 10001; 
	margin: 0; 
}
	header > div {
		padding-top: .5em; padding-bottom: .5em;
	}
	header .phone {
		padding: 0 0 1em;
		position: static; right: auto; top: auto;
		text-align: center;
	}
	
	header { 
		padding: 0; 
		height: auto; 
	}
		header .logo { 
			position: static; 
			width: 60%; 
			margin: 0 auto;
		}
	
	
	.mobile-menu-toggle {
		cursor: pointer;
		display: block;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		position: absolute; right: 3%; bottom: 3.5em; 
		width: 22px; height: 20px;
	}
		.mobile-menu-toggle span {
			display: block;
			position: absolute;
			height: 3px;
			background: #000000;
			border-radius: 2px;
			left: 0;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .25s ease-in-out;
			-moz-transition: .25s ease-in-out;
			-o-transition: .25s ease-in-out;
			transition: .25s ease-in-out;
			width: 100%;
		}
		.mobile-menu-toggle span:nth-child(1) {
			top: 0px;
		}
		.mobile-menu-toggle span:nth-child(2), .mobile-menu-toggle span:nth-child(3) {
			top: 7px;
		}
		.mobile-menu-toggle span:nth-child(4) {
			top: 14px;
		}
		body.mobile-menu .mobile-menu-toggle span:nth-child(1) {
			top: 7px;
			width: 0%;
			left: 50%;
		}
		body.mobile-menu .mobile-menu-toggle span:nth-child(2) {
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		body.mobile-menu .mobile-menu-toggle span:nth-child(3) {
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		body.mobile-menu .mobile-menu-toggle span:nth-child(4) {
			top: 7px;
			width: 0%;
			left: 50%;
		}
	
	
	
	
	
	
	
	
	/* responsive navigation */
	.main-navigation { 
		background: #f0f0f0; 
		-webkit-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
		height: 100%; 
		font-size: .8em;
		left: 0; 
		margin-left: -75%; 
		padding: 0 20px 20px; 
		position: fixed; 
		right: auto; 
		top: 0; 
		transition: all .3s ease;
		width: 70%; max-width: none;
		z-index: 10003; 
	}
	body.mobile-menu .main-navigation { 
		margin-left: 0; 
		overflow-x: hidden; 
		overflow-y: auto; 
	}
		.main-navigation .logo { 
			border: 0;
			display: block; 
			height: auto;
			margin: 20px 0 20px;
			padding: 0;
			width: 150px; 
		}
			.main-navigation .logo img { 
				display: block; 
				width: 100%;
			}
		.main-navigation ul { 
			padding-bottom: 20px; 
			text-align: left;
			
		}
			.main-navigation ul li { 
				display: block;
				float: none;
			}
				.main-navigation ul a, 
				.main-navigation ul a:visited { 
					border-right: 0;
					color: #333333;
					font-size: 1em;
					height: auto; 
					line-height: normal; 
					padding: .3em 1em .3em 0; 
				}
				.main-navigation ul a.active { 
					text-decoration: underline; 
				}
				.main-navigation li:first-child a {  }
				.main-navigation li:last-child a { 
					border: 0; 
					padding-right: 0; 
				}
				.main-navigation ul a:hover, 
				.main-navigation ul ul a:hover { 
					background: transparent; 
					text-decoration: none; 
				}
				.main-navigation ul :hover > a, 
				.main-navigation ul ul :hover > a { 
					background: transparent; 
					color: inherit;
					text-decoration: underline; 
				}
				.main-navigation ul a:hover { 
					background: transparent; 
					text-decoration: underline; 
				}
				
				.main-navigation ul ul { 
					border-top: 0;
					height: auto;
					left: auto;
					padding: .3em 0 10px 10px;
					position: static;
					top: auto;
					visibility: visible;
					width: auto;
				}
					.main-navigation ul ul li { 
						background: transparent; 
						padding: 0; 
					}
						.main-navigation ul ul a, 
						.main-navigation ul ul a:visited { 
							background: none; 
							color: #333333;
							padding: .5em 0; 
						}
						.main-navigation ul ul a.active2 { 
							background-color: transparent; 
						}
						.main-navigation ul ul li:first-child a { 
							padding-top: .5em;
						}
						.main-navigation ul ul li:last-child a { 
							padding-bottom: .5em;
						}
						/* style the second level hover */
						.main-navigation ul ul a:hover { 
							background: transparent; 
						}
						.main-navigation ul ul :hover > a { 
							background: transparent; 
						}

	
			/* make the second level visible when hover on first level list OR link */
			.main-navigation ul li:hover ul, 
			.main-navigation ul a:hover ul {  }
	
	
	
	
	
	
	
	header #search-form { position: relative; bottom: auto; right: auto; width: 100%; margin-top: 10px; }
		header #search-form input[type="image"] {  }
		header #search-form input[type="text"] { opacity: 1; }
		header #search-form:hover input[type="text"], header #search-form input[type="text"]:focus {  }
	
	
	
	
	#main-image-box { position: static; top: auto; left: auto; z-index: 0; }
		#main-image { height: 160px; }
		.shallow #main-image { height: 80px; }
			#main-image .item { height: 160px; }
			.shallow #main-image .item { height: 80px; }
				#main-image .text { width: 100%; padding: 0; font-size: 20px; }
				.shallow #main-image .text { text-align: right; padding: 0; }

		#main-image .left { display: none; }
		#main-image .right { display: none; }
		#main-image .footer { display: none; }


	#section-title { height: auto; padding: .5em 10px; }
	#section-title.green, .shallow #section-title {  }
		#section-title .text { padding: 0; line-height: normal; }
			#section-title .title {  }
			#section-title.green .title, .shallow #section-title .title {  }

		#section-title #search-form { display: none; }
			#section-title #search-form input[type="image"] {  }
			#section-title #search-form input[type="text"] {  }

		#section-title .corner { display: none; }
		#section-title.green .corner, .shallow #section-title .corner {  }
		
		#section-title .subheading { display: block; font-size: .8em; }
	
	
	
	
	
	#main { padding: 10px; }
		
		#main-image-controls { width: 100%; padding: 0 20px; }
			#main-image-controls .arrow { top: -150px; width: 40px; height: 30px; }
			/*#main-image-controls .arrow:hover { background-position: 0 -30px; }*/
			#main-image-controls .arrow.left { left: 10px; }
			#main-image-controls .arrow.right { right: 10px; }
			#main-image-controls .navi { width: 100%; top: -80px; text-align: center; display: none; }
				#main-image-controls .navi a {  }
					#main-image-controls .navi a.activeSlide {  }
					#main-image-controls .navi a:focus {  }
					#main-image-controls .navi a span {  }
		
		#lc { padding-right: 0; padding-bottom: 1em; }
		#rc { padding-left: 0; padding-bottom: 1em; }
		
		/*.c {  }
		.c25, .c33, .c50, .c75, .c100 { float: none; width: 100%; }*/
		
		
		
		table.safety-icons { font-size: .85em; }
			table.safety-icons img { width: 70px; height: auto; }
		
		table { max-width: 100%; }
		
		
	/* grid of pages / shop categories */
	.grid {  }
	.grid.indent {  }
		.grid .c.c33 {  }
			.grid .item {  }

				.grid .item .thumb {  }
				.grid .item .text { padding-right: 0; }
				.grid .item .name {  }
				.grid .item .name2 {  }
				.code {  }
				.grid .item .more {  }

				.grid .item .overlay {  }
				.grid .item .overlay-arrow {  }
				.grid .item:hover .overlay { display: none; }
				.grid .item:hover .overlay-arrow { display: none; }
	.grid.detail {  }
			.grid.detail .item {  }
				.grid.detail .item .thumb { border: 1px solid #d9d9d9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



	#features .item {
		height: auto;
		margin-bottom: 1em;
	}



	.website-banner-root {
		
	}
		.website-banner {
			
		}
		a.website-banner:hover {
			
		}
			.website-banner img {
				
			}
				.website-banner .text {
					font-size: .5em;
				}
					.website-banner .heading {
						
					}
					.website-banner .content {
						
					}



footer { padding: 20px; }
	footer .left-content {
		float: none;
	}
	footer .social-links {
		margin: 0 0 2em 0;
		text-align: center;
		width: auto;
	}
	footer .megamenu { float: none; text-align: center; }
		footer .megamenu ul { float: none; padding: 0 0 20px 0; }
			footer .megamenu ul li a span { display: none; }
	footer .float-right { width: 100%; float: none; text-align: center; }
	
	footer .info { text-align: center; margin: 1.5em 0; }





/* shop */
#shop-navigation { font-size: .9em; margin: 0 0 1em; }
	#shop-navigation li { margin: 1px 0; }
	#shop-navigation li:hover {  }
		#shop-navigation li a { padding: 2px 30px 2px 2px; }
		#shop-navigation li.last a {  }


#product-left.cm100 { width: 100%; padding-top: 1em; }
#product-right.cm100 { width: 100%; padding-left: 0; height: auto; }
	#product-thumbnails { position: static; bottom: auto; left: auto; margin-top: 1em; }
		#product-thumbnails a { display: block; float: left; margin: 10px 10px 0 0; }
			#product-thumbnails a img { display: block; }



.scrollabletable { position: relative; }
	.scrollabletable > div { display: block; max-width: 100%; overflow: auto; }
		.scrollabletable table { border-right: 20px solid #FFFFFF; }
		.scrollabletable:after {
			background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
			background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
			content: '';
			display: block;
			height: 100%;
			position: absolute; right: 0; top: 0;
			width: 20px;
		}
	
}