.keyfeatures {
	font-size:0.9em;
	background:#4d609b;
	margin-bottom:20px;
	padding:20px;
	color:#fff;
}
.keyfeatures ul {
	padding-left:0px;
}
.keyfeatures li {
	padding-left:0px;
}
.keyfeatures h2 {
	padding:0 0 10px 15px;
}

.enquirenow {
	background:red;
}

.PDF  {
	position:relative;
	margin:40px 0 40px 0;
	width:140px;
	height:184px;
	-webkit-transform: rotate(15deg) scale(1);
	-moz-transform: rotate(15deg) scale(1);
	-ms-transform: rotate(15deg) scale(1);
	-o-transform:rotate(15deg) scale(1);
	transform: rotate(15deg) scale(1);
	-moz-box-shadow: 10px 5px 5px #333333;
	-webkit-box-shadow: 10px 5px 5px #333333;
	box-shadow: 10px 5px 5px #333333;
	/* IE8 Hack */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=320) progid:DXImageTransform.Microsoft.Matrix(M11=-0.9914448613738104, M12=0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104, SizingMethod='auto expand')";
}
.PDF:hover {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	margin-top:42px;
	margin-left:42px;
}
.PDF  img{
	width:140px;
	height:184px;
}
.PDF  a{
	background:none !important;
	border:none  !important;
}
.PDF.centered {
	margin-left:auto;
	margin-right:auto;
}
@media (max-width: 768px) {
	.PDF {
		margin-left:auto;
		margin-right:auto;
	}
}
		


	/* user colour selector */

	#colorselector {
		font-size:12px;
		color:#c0c0c0;
	}
	#colorselector div.title {
		display:inline-block;
		vertical-align:middle;
		margin:0 0 0 2px;
	}
	#colorselector div.box {
		position:relative;
		display:inline-block;
		vertical-align:middle;
		width:15px;
		height:15px;
		text-align:center;
		margin:0;
		padding:0;
		overflow:hidden;
		border:1px solid #808080;
	}
	#colorselector div.box a{
		display:block;
	}
	#colorselector span {
		font-size:8px;
	}
	#brinklake-colourful {
		background: #9bba1f; /* if not working */
		background: -moz-linear-gradient( top ,
			rgba(255, 0, 0, 1) 0%,
			rgba(255, 255, 0, 1) 15%,
			rgba(0, 255, 0, 1) 30%,
			rgba(0, 255, 255, 1) 50%,
			rgba(0, 0, 255, 1) 65%,
			rgba(255, 0, 255, 1) 80%,
			rgba(255, 0, 0, 1) 100%);
		background: -webkit-gradient(linear,  left top,  left bottom, 
			color-stop(0%, rgba(255, 0, 0, 1)), 
			color-stop(15%, rgba(255, 255, 0, 1)),
			color-stop(30%, rgba(0, 255, 0, 1)),
			color-stop(50%, rgba(0, 255, 255, 1)),
			color-stop(65%, rgba(0, 0, 255, 1)),
			color-stop(80%, rgba(255, 0, 255, 1)),
			color-stop(100%, rgba(255, 0, 0, 1)));
	}
	#brinklake-darkblueprod{
		background:#3b4a79;
		background: repeating-linear-gradient(
		  135deg,
		  #303c62 5px,
		  #303c62 10px,
		  #252e4b 5px,
		  #1e253c 20px
		);
	}
	#brinklake-kandogreen{
		background:#54bb39;
		background: repeating-linear-gradient(
		  135deg,
		  #54bb39 5px,
		  #54bb39 10px,
		  #54bb39 5px,
		  #54bb39 20px
		);
	}
	#brinklake-blue {
		background:#1b9aff;
		background: repeating-linear-gradient(
		  135deg,
		  #4863a0 5px,
		  #4863a0 10px,
		  #646d7e 5px,
		  #151b54 20px
		);
	}
	#brinklake-grey {
		background:#808080;
		background: repeating-linear-gradient(
		  135deg,
		  #fff 5px,
		  #B9BDC1 10px,
		  #889198 5px,
		  #4E5E6A 20px
		);
	}

	/* end colour selector */

		.inline_gallery {
			display:block;
		}
		.inline_gallery  a{
			display:inline-block;
			vertical-align:top;
		}
	
		.clear {
			clear:both;
		}
		.clear.a20 {height:20px;}

		.new {
			background:url("../images/new.png") no-repeat;
			padding-left:45px;
			font-weight:bold;
		}

		.text-right {
			text-align:right;
		}

		.divider {
			position:relative;
			height:1px;
			width:100%;
			background:#ffffff;
		}

		.row.bottomline {
			padding-bottom:20px;
			border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		}
		.small {
			font-size:75%;
		}
		
		.banner_box {
			width:auto;
			height:auto;
			background:#9bba1f;
			color:#fff;
			padding:10px;
			opacity:0.8;
			-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
			   -moz-animation: fadein 2s; /* Firefox < 16 */
				-ms-animation: fadein 2s; /* Internet Explorer */
				 -o-animation: fadein 2s; /* Opera < 12.1 */
					animation: fadein 2s;
		}
		.banner_header {
			padding:10px 0 10px 0;
			font-size:2em;
		}
		.banner_box_1 {
			position:absolute;
			right:140px;
			bottom:0px;
		}
		.banner_box_2 {
			position:absolute;
			left:100px;
			bottom:0px;
		}
		.banner_box_3 {
			position:absolute;
			left:0px;
			top:50px;
		}
		.banner_box_4 {
			position:absolute;
			left:100px;
			bottom:0px;
		}
			
		.offers {margin:20px 0 20px 0;}
		.offers .email,.submit {border:1px solid #9bba1f;font-size:18px;font-weight:normal;}
		.offers .email {background:#ffffff;color:#5e6fb5;padding:5px;}
		.offers .submit {background:#9bba1f;color:#ffffff;padding:4px;}

						
						
		@keyframes fadein {
			from { opacity: 0; }
			to   { opacity: 0.8; }
		}

		/* Firefox < 16 */
		@-moz-keyframes fadein {
			from { opacity: 0; }
			to   { opacity: 0.8; }
		}

		/* Safari, Chrome and Opera > 12.1 */
		@-webkit-keyframes fadein {
			from { opacity: 0; }
			to   { opacity: 0.8; }
		}

		/* Internet Explorer */
		@-ms-keyframes fadein {
			from { opacity: 0; }
			to   { opacity: 0.8; }
		}
		
		
		.container .border {
			padding:3px;
			border:1px solid #ffffff;
		}

		
		#testimonialsblock {
			background:#003f72;
			padding:0 0 15px 0;
			margin:15px 0 15px 0;
		}

		#testimonialsblock .title {
			margin:0 0 40px 0;
		}

		#testimonials .item .quotetext{
			background:#fff7af;
			width:100%;
			height:100%;
			padding: 20px 10px 20px 10px;
			float:right;
			position:relative;
			margin-bottom: 20px;
			font-size: 1em;
			font-style: italic;
			color: #808080 !important;
			-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
			-moz-box-sizing: border-box;    /* Firefox, other Gecko */
			box-sizing: border-box;         /* Opera/IE 8+ */
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		#testimonials .item .quotetext:after{
			content:"";
			position:absolute;
			right:30px;
			border:10px solid transparent;
			border-top-color:#fff7af;
			bottom:-18px;
			margin-right:0px;
		}
		#testimonials .item p{
			font-size:14px;
			color:#000;
		}
		#testimonials span.author{
			display:block;
			font-weight:normal;
			font-size: 0.7em;
			text-transform:uppercase;
			text-align:right;
			color:#c0c0c0;
		}
		#testimonials .owl-controls
		{
			display:block;
			position:absolute;
			top:-50px;
			left:0px;
		}
		#testimonials .owl-dots .owl-dot span{
			width:14px;
			height:14px;
			border-radius:14px;
			background:#f7dd09;
			border: 4px solid #000;
		}
		#testimonials .owl-dots .owl-dot:hover span{
			background:#000;
			border: 4px solid #000;
		}
		
		@media (max-width: 480px) {
			#testimonialsblock .title {
				margin:0 0 80px 0;
			}
			#testimonials .owl-controls
			{
				top:-90px;
			}
		}

		
		.floating {
			position:fixed;
			margin:0 0 60px 0;
			z-index:0;
			background:#9bba1f;
		}
		.floating_not {
			position:relative;
			margin:0 0 60px 0;
			z-index:0;
			background:transparent;
		}

		.offers {margin:0;}
		.offers h2 {display:inline-block;padding:10px;margin:20px 0 20px 0;background:#e1e1e1;font-size:150%;}
		.offers .thumbnails{font-size:80%;color:#808080;}
		.offers .btn {background:#9bba1f;}
		.offers .thumbnails .inner {padding:10px;}

		
		.btn.enquire {background:green !important;color:#fff;font-size:100%;font-weight:normal;}
		.btn.enquire:hover {background:green !important;color:#fff;}
		
		.sum {font-size:18px;float:left;display:inline-block;vertical-align:middle;font-weight:normal;padding:15px;color:#000 !important;margin:0;background:#fff;border:1px solid #b1b1b1;outline:none;overflow:hidden;text-align:center;margin-top:10px;}

		.sum.plain{border:none;}
		.sum.answer {border:1px solid #b1b1b1 !important;padding:11px 11px 11px 5px;width:45px;}
		.sum.answer input {background:#fff !important;color:#000 !important;text-align:center;border:none !important;font-size:18px;}
		.sum.answer input::-webkit-input-placeholder {
		color:#000 !important;}
		.sum.answer input::-moz-placeholder { /* Firefox 18- */
		color:#000 !important;}
		.sum.answer input::-moz-placeholder {  /* Firefox 19+ */
		color:#000 !important;}
		.sum.answer input::-ms-input-placeholder {  
		color:#000 !important;}

		
		#editme {position:fixed;top:0;left:0;width:100%;background:red;color:#ffffff;padding:2px;font-size:8px;z-index:10000;opacity:0.8;font-weight:bold;z-index:1;}
		
		strong {font-weight:700;}

		.center {margin:0 auto !important;text-align:center !important;}

		.moreproducts {clear:both;border:1px solid #ffffff;padding:10px 10px 0 10px;margin:20px 0 20px 0;}
		.moreproducts p {font-size:110%;}
		
		ul.productlist {margin:0;padding:10px 0 0 0;}
		.productlist li {display:inline-block;padding-right:3px;margin-bottom:15px;}
		.productlist li:last-child {margin-right:0px;padding-right:0px;}

		.image {display:inline-block;margin:0 20px 20px 0;padding:20px;border:1px solid #ffffff;}

		.container.purple a.plain {padding:0;border:0;background:transparent;color:#ffffff;text-decoration:none;border-bottom:1px dotted #ffffff;}
		
		.content ul {list-style-type:disc;margin:0 0 20px 30px;}

		a.plain {background:none !important;border:none !important;padding:0 !important;}
		
		.editor {padding:10px;background:green;color:white;border:3px solid white;margin:10px 0;cursor:pointer;}
		.editor:hover {background:lightgreen;color:black;}
	
.pad-top-1 {
	padding-top:40px;
}

.panel {
	border:1px solid #fff;
	padding:10px;
}
.panel > .panel-heading {
    background: none !important;
	border:none !important;
    color: white;
	margin-bottom:15px;
}
.panel > .panel-body,.panel > .panel-body a {
    background: none !important;
	border:none !important;
    color: white;
	margin-bottom:15px;
}
.panel > .panel-heading a {
    background: none !important;
	border:none !important;
}


.outer-video-container {
	max-width:640px;
	margin:0 auto 50px auto;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


.popularproducts {
	margin:0 auto;
	padding:0;
	text-align:center;
}
.popularproducts .product {
	display:inline-block;
	vertical-align:bottom;
	padding:0px;
	width:14%;
	margin:0 1%;
}
.popularproducts .title-1 {
	font-size:24px;
	margin:0;
	padding:20px 0 20px 0;
}
.popularproducts a span {
	width:14%;
	background:#fff;
}
.popularproducts h2 {
	padding:0px 0px 10px 0px;
	font-size:16px;
	line-height:16px;
}
@media (max-width: 800px) {
	.popularproducts .product {
		width:20%;
	}
}
@media (max-width: 600px) {
	.popularproducts .product {
		width:100%;
	}
}

table.datatable {
	width:90%;
	margin:0 auto;
	color: #000;
}
table.datatable tr:nth-child(2n) {
  background: #6c7eb6;
  color:#000;
}
table.datatable tr:nth-child(2n+3) {
  background: #c7cee3;
  color:#000;
}
table.datatable th, table td {
  padding: 10px;
  width: 10em;
  height:1em;
	vertical-align: middle;
	text-align:center;
	border-right:1px solid #4a5d96;
	white-space:nowrap;
}
table.datatable .blue {
  background: #3498db;
}
table.datatable th {
	color:#fff;
	background: #3b4a79;
	border:1px solid #4a5d96;
}
table.datatable p {
	padding:0;
}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
  -moz-transition: ease 0.5s all;
  -o-transition: ease 0.5s all;
  -webkit-transition: ease 0.5s all;
  transition: ease 0.5s all;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 110%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: black;
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 110%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid black;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  bottom: 90%;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

@media only screen and (max-width:1024px) {
	table.datatable {
		width:98% !important;
		font-size:1vmax;
		white-space:normal;
	}
}

@media only screen and (max-width: 767px) {
	.productlist li {margin-bottom:15px;}
	.text-right {
		text-align:center;
	}
}