/* --------------------------------------------------- 
TEMPLATE.CSS contains the default styles for websites
built in the edit system.
--------------------------------------------------- */

/* Typekit FOUT Fix */
.wf-loading {visibility:hidden;}
.material-icons {visibility:hidden;}
.wf-active {visibility:visible;}
.wf-active .material-icons {visibility:visible;}


/* Main body */
html, body {
font-family:'Titillium Web', Arial, Helvetica, sans-serif;
font-size:18px; 
font-weight:300;
line-height:1.6;
text-align:center;
color:#000000;
background-color:#000000;
clear:both;
margin:0 auto;
}



/* Default links */
a {
text-decoration:none;
color:#00aeef;
-moz-transition:all .1s ease-out;
-webkit-transition:all .1s ease-out;
transition:all .1s ease-out;
}

	/* Links with no colour */
	a .silent,
	a.silent {color:#000000;}
	
	a:visited {text-decoration:none;}
	a:hover {text-decoration:none;color:#000000;}
	a img {border:none;}


/* Default headers */
h1 {
font-weight:100;
margin:0px 0px 0px 0px;
}

h2, h3, h4, h5, h6 {
font-weight:600;
margin:0px 0px 0px 0px;
}

	h1 {font-size:70px;line-height:1.2;padding:10px 0 40px 0;}
	h2 {font-size:28px;line-height:1.2;padding:10px 0 22px 0;}
	h3 {font-size:24px;line-height:1.2;padding:10px 0 20px 0;}
	h4 {font-size:22px;line-height:1.2;padding:10px 0 20px 0;}
	h5 {font-size:15px;line-height:1.2;padding:10px 0 10px 0;}
	h6 {font-size:14px;line-height:1.2;padding:10px 0 10px 0;}
	
	
/* Backgrounds */
.background {}
	
	.background.light {
	background-color:#f2f2f2;
	}
	
	.background.dark {
	color:#ffffff;
	background-color:#000000;
	}
	
	.background.image {
	color:#ffffff;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	}
	
	.background.parallax {
	color:#ffffff;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	position:relative;
	}
	
/* Borders */
.border,
.divider,
hr {
border:solid #e1e1e1 0px;
}
	
	.border.full {border-width:1px;}
	.border.top {border-top-width:1px;}
	.border.left {border-left-width:1px;}
	.border.right {border-right-width:1px;}
	.border.bottom {border-bottom-width:1px;}
	

/* Standard clearer */
.clearer {
clear:both;
font-size:0;
line-height:0;
height:0;
padding:0 0 0 0;
margin:0 auto;
border:none;
}


/* Standard divider */
.divider,
hr {
background:none;
clear:both;
font-size:0;
line-height:20px;
height:20px;
padding:0 0 0 0;
margin:20px 0 0 0;
border-top-width:1px;
}

/* Text colours */
.colour {}

	.colour.light {color:#8c999b;}
	.colour.green {color:#5ea90d;}
	.colour.grey {color:#8c999b;}

	.error, 
	.checkout-error, 
	.colour.red {color:#b60d04;}


/* Text size */
.text {}

	.tiny {font-size:80%;}
	.small {font-size:90%;}
	.small-center {font-size:90%;text-align:center;font-style:italic;}
	.large {font-size:110%;}
	.center {text-align:center;}
	
	
/* Align divs center */
.align {}
	
	.align.center-vert {
	position:absolute;
    top:50%;
    transform:translateY(-50%);
	}
	
	.align.center-horz {
	position:absolute;
    left:50%;
    transform:translateX(-50%);
	}
	
	.align.center-horz.center-vert {
    transform:translate(-50%,-50%);
	}


/* list element */
ul {
margin-top:6px;
margin-bottom:6px;
padding-top:0;
padding-bottom:0;
margin-left:0;
padding-left:0;
}
	ul > li {
	list-style:none;
	margin-top:0;
	padding-top:0;
	padding-bottom:4px;
	margin-left:0;
	padding-left:35px;
	position:relative;
	}
		ul > li::before {
		content:'●';
		position:absolute;
		left:5px;
		top:-1px;
		display:inline-block;
		vertical-align:middle;
		}
		
ol {
counter-reset:section; 
list-style-type:none;
margin-top:6px;
margin-bottom:6px;
padding-top:0;
padding-bottom:0;
margin-left:0;
padding-left:0px;
}
	ol > li {
	margin-top:0;
	padding-top:0;
	padding-bottom:4px;
	margin-left:0;
	padding-left:35px;
	position:relative;
	}
		ol > li::before {
		counter-increment:section;
  		content:counter(section) '. ';
		position:absolute;
		left:5px;
		top:0px;
		display:inline-block;
		vertical-align:middle;
		}


a.button {
display:inline-block;
padding:14px 20px;
color:#ffffff;
background-color:#00aeef;
border-radius:10px;	
}
	a.button:hover {
	background-color:#000000;	
	}



/* Other default elements */
acronym {border:none;}
p {padding-top:0;margin-top:0;}

/* Hide elements that only work with javascript */
.js-show {display:none;}

/* Hide/show element that should only show on mobile */
.hide-on-mobile {}
.show-on-mobile {display:none;}

/* Legacy gaps to space elements */
.gap1 {float:left;width:10px;}
.gap2 {float:left;width:4px;}
.gap3 {float:left;width:30px;}

/* Embedded */
embed,
object,
iframe,
.map-holder {
max-width:100%;
width:100%;
}

/* Images default */
img {
max-width:100%;
height:auto;
width:auto\9; /* ie8 */
}

/* Image holders to hold images to the left or right */
.img-left {float:left;margin-right:15px;margin-top:4px;margin-bottom:6px;text-align:center;max-width:40%;}
.img-right {clear:right;float:right;margin-left:15px;margin-top:4px;margin-bottom:6px;text-align:center;max-width:40%;}
.img-left-small {float:left;margin-right:15px;margin-top:4px;margin-bottom:6px;text-align:center;max-width:20%;}
.img-right-small {clear:right;float:right;margin-left:15px;margin-top:4px;margin-bottom:6px;text-align:center;max-width:20%;}
.img-main, .img-center {text-align:center;margin-bottom:6px;}

	.img-left img,
	.img-right img,
	.img-left-small img,
	.img-right-small img,
	.img-main img, 
	.img-center img {
	vertical-align:middle;
	}
	
	
#none {
-moz-transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out;
-webkit-backface-visibility:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
pointer-events:none;
}




/* Standard page elements for laying out the main content of a website. */
#container1 {
min-height:100vh;
margin:0 auto;
margin-left:auto;
margin-right:auto;
border:none;	
position:relative;
}

#container2 {
text-align:left;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}

#container-header,
#container-navigation,
#container-flash,
#container-intro,
#container-bread,
.container-main,
.container-main-top,
.container-main-bottom,
#container-footer,
#container-base {
margin:0 auto;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
}

.wrap {
max-width:960px;
text-align:left;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}


/* Header */
#container-header {
color:#ffffff;
background-color:#000000;
}

	#header {
	height:100px;
	}
		#header #logo {
		float:left;
		display:inline-block;
		padding-top:20px;
		}
			#header #logo img {
			vertical-align:middle;
			max-height:60px;
			}
			
		.login-page #header #logo {
		float:none;
		display:block;
		text-align:center;	
		}
			
		
		/* Mobile quick call */			
		#header #mobile-link {
		display:none;
		}
			#header #mobile-link a {color:#fff;}		
			#header #mobile-link h4 {display:inline-block;}


		/* Top navigation */
		#top-nav {
		float:right;
		display:inline-block;
		height:22px;
		line-height:22px;
		color:#ffffff;
		font-size:11px;
		text-align:right;
		white-space:nowrap;
		margin-top:10px;
		padding-right:20px;
		}
			#top-nav a {color:#ffffff;}
			#top-nav a:hover {text-decoration:underline;}
		
		
		/* Search */
		#header #search {
		float:right;
		display:inline-block;
		height:22px;
		margin-top:10px;
		padding-right:20px;
		}
			#header #search .search-off {
			color:#000000;
			font-style:italic;
			}
			
			#header #search #search-box-input {
			width:200px;
			}
			
			#header #search #search-button {
			margin-left:6px;	
			}
	
	
	#header-divider,
	#footer-divider {
	display:block;
	width:100%;
	height:10px;
	background:#00aeef;
	
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhkYzYzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzAwYWVlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2VkMWMyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzhkYzYzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzAwYWVlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZDFjMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(141,198,63,1) 0%, rgba(0,174,239,1) 20%, rgba(237,28,36,1) 40%, rgba(141,198,63,1) 60%, rgba(0,174,239,1) 80%, rgba(237,28,36,1) 100%);
background: -webkit-linear-gradient(left,  rgba(141,198,63,1) 0%,rgba(0,174,239,1) 20%,rgba(237,28,36,1) 40%,rgba(141,198,63,1) 60%,rgba(0,174,239,1) 80%,rgba(237,28,36,1) 100%);
background: linear-gradient(to right,  rgba(141,198,63,1) 0%,rgba(0,174,239,1) 20%,rgba(237,28,36,1) 40%,rgba(141,198,63,1) 60%,rgba(0,174,239,1) 80%,rgba(237,28,36,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc63f', endColorstr='#ed1c24',GradientType=1 );

	background-size:250% 250%;
	background-position:0% 50%;
	overflow:hidden;
	}
		
		.login-page #header-divider,
		.login-page #footer-divider {
		display:none;	
		}
	
		#footer-divider {
		position:absolute;
		bottom:0px;
		left:0px;
		right:0px;
		}
	
		.animate-divider {
		-webkit-animation:AnimationDivider 6s 0s infinite;
		-moz-animation:AnimationDivider 6s 0s infinite;
		animation:AnimationDivider 6s 0s infinite;
		-webkit-animation-timing-function:linear;
		-moz-animation-timing-function:linear;
		animation-timing-function:linear;	
		}
	
		@-webkit-keyframes AnimationDivider {
			from {background-position:00% 50%}
			to {background-position:100% 50%}
		}
		@-moz-keyframes AnimationDivider {
			from {background-position:00% 50%}
			to {background-position:100% 50%}
		}
		@keyframes AnimationDivider { 
			from {background-position:00% 50%}
			to {background-position:100% 50%}
		}
		

/* Main navigation */		
#container-navigation {}

	.login-page #navigation,
	.login-page #mobile-navigation {display:none;}

	#navigation,
	#mobile-navigation {
	float:right;
	display:inline-block;
	height:100px;
	font-size:15px;
	text-transform:uppercase;
	line-height:40px;
	color:#ffffff;
	}
		#mobile-navigation {display:none;}
	
		#navigation ul {
		margin:0 0 0 0;
		padding:0 0 0 0;
		}
			#navigation ul li {
			float:left;
			display:inline-block;
			line-height:53px;
			list-style:none;
			margin-top:0;
			padding-top:0;
			padding-bottom:0;
			margin-left:0;
			padding-left:0;
			background:none;
			position:relative;
			z-index:900;
			}
				#navigation ul li::before {display:none;}
			
			#navigation ul li.mobile-item {
			display:none;
			}
	
		#navigation a,
		#mobile-navigation a {
		float:left;
		display:inline-block;
		height:100px;
		line-height:61px;
		color:#ffffff;
		padding-left:15px;
		padding-right:15px;
		padding-top:10px;
		-moz-transition:all .2s ease-out;
		-webkit-transition:all .2s ease-out;
		transition:all .2s ease-out;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		position:relative;
		}
			#navigation a strong,
			#navigation a b {
			display:block;
			height:90px;
			font-weight:400;
			}
			
				#navigation a::after {
				content:'';
				position:absolute;
				display:block;
				top:0px;
				left:0px;
				right:0px;
				width:100%;
				height:0px;
				background-color:#00aeef;
				-moz-transition:all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
				-webkit-transition:all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
				transition:all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
				z-index:980;
				}
				
					#navigation ul li:nth-child(3n+1) a::after {background-color:#ed1c24;}
					#navigation ul li:nth-child(3n+2) a::after {background-color:#8dc63f;}
					#navigation ul li:nth-child(3n+3) a::after {background-color:#00aeef;}
				
			
			#navigation .material-icons {line-height:61px;}
			
			#navigation a:hover,
			#navigation .over,
			#navigation .on {
			color:#ffffff;
			background-color:#1a1a1a;
			z-index:894;
			}
				#navigation a:hover strong,
				#navigation .over strong,
				#navigation .on strong,
				#navigation a:hover b,
				#navigation .over b,
				#navigation .on b {
				cursor:pointer;
				color:#ffffff;
				}
					
					#navigation a:hover::after,
					#navigation .over::after,
					#navigation .on::after {
					height:10px;
					}
				
				
			#navigation .over,
			#navigation a:hover.over {}
			
				#navigation .over strong,
				#navigation .over b,
				#navigation a:hover.over strong,
				#navigation a:hover.over b {}
				
			#navigation > ul .drop a,
			#navigation > ul .drop a:hover {}
			
				#navigation > ul .drop a strong,
				#navigation > ul .drop a b,
				#navigation > ul .drop a:hover strong,
				#navigation > ul .drop a:hover b {}
			
			/* Navigation divider */
			#navigation .nav-div {
			display:inline-block;
			float:left;
			width:2px;
			/*font-size:0;*/
			text-align:center;
			line-height:40px;
			height:40px;
			padding:0 0 0 0;
			margin:0 auto;
			border:none;
			}
			
				#navigation > ul ul {
				display:none;	
				}
				
				/* Sub navigation */
				#navigation .sub-nav {
				position:absolute;
				top:100px;
				left:0px;
				display:none;
				font-size:16px;
				font-weight:normal;
				text-transform:none;
				line-height:14px;
				z-index:897;
				}
					
					/* Align last dropdown to the right */
					#navigation > ul > li:last-child .sub-nav {
					left:auto;
					right:0px;	
					}
					
					#navigation .sub-nav li {
					width:220px;
					height:auto;
					line-height:14px;
					}
						#navigation .sub-nav a {
						float:left;
						display:inline-block;
						width:220px;
						box-sizing:border-box;
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						-ms-box-sizing:border-box;
						height:auto;
						line-height:14px;
						border:none;
						border-radius:0px;
						color:#ffffff;
						background:none;
						padding:15px 15px;
						background-color:#1a1a1a;
						border-bottom:solid #1a1a1a 1px;
						-moz-transition:none;
						-webkit-transition:none;
						transition:none;
						margin:0 0 0 0;
						z-index:898;
						}
							#navigation .sub-nav a:hover,
							#navigation .sub-nav a.over:hover {
							color:#ffffff;
							border-radius:0px;
							background-color:#000000;
							border-bottom:solid #000000 1px;
							}
							
							
								#navigation .sub-nav a::after {
								width:0px;
								height:100%;
								}
									
									#navigation .sub-nav a:hover::after,
									#navigation .sub-nav .over::after,
									#navigation .sub-nav .on::after {
									width:0px;
									}
							
						
								#navigation .sub-nav a.over:hover {}
								
							#navigation .sub-nav .drop > a {}
							#navigation .sub-nav a.over {}
							
						#navigation .sub-nav li:last-child a {
						border-bottom:none;
						}
						
						
					#navigation ul li > .sub-nav .sub-nav {
					position:absolute;
					top:0px;
					left:220px;
					}
		
		/* Second navigation if central logo */				
		.nav-right #navigation,
		.nav-right #navigation ul li,
		.nav-right #navigation a,
		.nav-right #navigation .nav-div {
		float:right;	
		}
		
							
	/* Mobile menu button */
	#mobile-menu a {
	display:none;
	margin-top:10px;
	float:left;
	color:#ffffff;
	line-height:22px;
	padding:0 10px 0 36px;
	height:22px;
	font-size:18px;
	background-color:#000000;
	background-image:url(../images/icons/icon_menu.png);
	background-position:5px center;
	background-size:contain;
	background-repeat:no-repeat;
	border:solid #000000 14px;
	}



#container-flash {
position:relative;
}

	.home-page #container-flash {padding-bottom:45px;}
						
	/* Members bars */					
	.auth-details {
	height:auto;
	line-height:20px;
	text-align:right;
	color:#ffffff;
	background-color:#000;
	padding:22px 0;
	}
		.auth-details .wrap {
		padding:0 0;	
		text-align:right;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		}
	
		.auth-details a {color:#ffffff;}
		.auth-details a:hover {color:#ffffff;text-decoration:underline;}
		.auth-details img {
		vertical-align:middle;
		margin-bottom:1px;
		}
		
		
	/* Site messages */	
	#site-messages {
	display:none;
	}
		#site-messages .error-message,
		#site-messages .alert-message,
		#site-messages .success-message {
		line-height:18px;
		font-size:larger;
		padding:15px 25px;
		}
			#site-messages a {color:#ffffff;}
			#site-messages a:hover {text-decoration:underline;}
			
			#site-messages .close-msg {
			float:right;
			}
		
			#site-messages .error-message {
			color:#ffffff;
			background-color:#b60d04;
			}
			
			#site-messages .alert-message {
			color:#ffffff;
			background-color:#999999;
			}
			
			#site-messages .success-message {
			color:#ffffff;
			background-color:#5ea90d;
			}
			
			#site-messages .wrap {text-align:center;}
						
						
	/* Random images */
	.random-image {
	color:#ffffff;
	text-align:center;
	/*padding:40px 0;
	min-height:250px;*/
	height:290px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	}
		
		.random-image a {color:#ffffff;}
		.random-image a:hover {}

		
	/* breadcrumb */
	#breadcrumb {
	font-size:12px;
	line-height:1.6;
	padding:16px 25px 4px 25px;
	}

	
/* Main top area */	
.container-main-top {}

	.container-main-top .content-top {
	padding:80px 0 0px 0;
	}
	
	#contact-us-container .content {
	padding-bottom:40px;	
	}
	
	/* Main top area spacing */	
	.container-main-top + .container-main-top .content-top {padding-top:0px;}
	.container-main + .container-main-top .content-top {padding-top:0px;}
	.container-main-bottom + .container-main-top .content-top {padding-top:0px;}
	

/* Main content area with layouts */
.container-main {}

	#login-container {
	color:#fff;
	background-color:#000;	
	}

	#home-container h1 {
 	font-size:52px;
	}
	
	.content {
	min-height:200px;
	padding:80px 0;
	}	
	
		.login-page .content {
		padding:70px 255px;	
		text-align:center;
		}
		
			.login-page .layout.full {
			background-color:#151414;
			border-radius:4px;
			padding:24px 30px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
			box-sizing:border-box;
			}
	
		.content h2,
		.content-top h2,
		.content-bottom h2 {
		color:#00aeef;	
		}
	
		#home-container .content {
		/*padding-left:140px;
		padding-right:140px;*/
		}
		
		#home-bottom-container .content-bottom {
		/*padding-left:140px;
		padding-right:140px;*/
		position:relative;
		}
			#home-bottom-container .content-bottom img {
			position:absolute;
			right:0px;
			top:-60px;
			}
	
		.content p {
		margin:0 0 0 0;
		padding:0 0 0 0;
		margin-bottom:1.8em;	
		}
		
		.content .main-box {
		padding:8px 10px;
		background-color:#efefef;
		}
		
		.content .main-box p {
		font-size:13px;
		line-height:18px;
		font-weight:300;
		font-style:italic;
		}
		
	
	
	/* Layout defines main content widths */
	.layout {}
	
		/* Layout widths */ 
		.layout.full {width:100%;}
		.layout.half {float:left;width:47%;}
		.layout.main {float:left;width:74%;}
		.layout.side {float:left;width:22%;}
		.layout.middle {float:left;width:48%;}
		.layout.third {float:left;width:30%;}
		.layout.gap {margin-left:4%;}
		.layout.third.gap {margin-left:5%;}
		
		
		/* Full width column */ 
		.layout-full {}
		
		/* Two column equal */ 
		.layout-two-col-equal {}
			.layout-two-col-equal .layout.half + .layout.half {float:right;}
			
		/* Two column main left */
		.layout-two-col-left {}
			.layout-two-col-left .layout.side {float:right;}
			
		/* Two column main right */
		.layout-two-col-right {}
			.layout-two-col-right .layout.main {float:right;}
			
		/* Three column main middle */
		.layout-three-col {}
			.layout-three-col .layout.middle + .layout.side {float:right;}
		
		/* Three column main left */
		.layout-three-col-left {}
			.layout-three-col-left .layout.middle + .layout.side + .layout.side {float:right;}
		
		/* Three column main right */
		.layout-three-col-right {}
			.layout-three-col-right .layout.middle {float:right;}
		
		/* Three column equal */ 
		.layout-three-col-equal {}
			.layout-three-col-equal .layout.third + .layout.third + .layout.third {float:right;}

		
		
		/* Layout side content */
		.layout.side {}
		 
			.layout.side .img-left  {float:left;margin-right:10px;margin-top:0;margin-bottom:0;text-align:center;}
			.layout.side .img-right {clear:right;float:right;margin-left:10px;margin-top:0;margin-bottom:0;text-align:center;}
		
			.layout.side p {
			padding:6px 0;
			margin:0 0 0 0;
			line-height:22px;
			margin-bottom:1px;
			}
			
			.layout.side .side-holder,
			.layout.side form {
			padding:6px 0;
			margin:0 0 0 0;
			line-height:22px;
			margin-bottom:1px;
			}
				.layout.side .side-holder p,
				.layout.side form p {
				padding:0 0 12px 0;
				}
				
				.layout.side .form-item {
				width:100%;	
				}
		
			.layout.side h6,
			.layout.side h6 {
			margin-top:10px;
			}
			
			.layout.side h5 {}
			.layout.side h6 {}
			
			
			.side-nav {
			padding:3px 0;
			margin:0 0 0 0;	
			}
				.side-nav li {
				list-style:none;
				margin-top:0;
				padding-top:0;
				padding-bottom:0;
				margin-left:0;
				padding-left:0;
				background:none;
				position:relative;
				z-index:700;
				}
					.side-nav li a {
					padding:4px 10px;	
					}
	
	/* Main areas spacing */
	.container-main-top + .container-main .content {padding-top:0px;}
	.container-main + .container-main .content {padding-top:0px;}
	.container-main-bottom + .container-main .content {padding-top:0px;}

			


/* Main bottom area */
.container-main-bottom {}

	.container-main-bottom .content-bottom {
	padding:80px 0;
	}
		#contact-us-bottom-container .wrap {max-width:none;}
		#contact-us-bottom-container .content-bottom {
		padding:0 0;	
		}
	
	
	/* Main bottom areas spacing */
	.container-main-top + .container-main-bottom .content-bottom {padding-top:0px;}
	.container-main + .container-main-bottom .content-bottom {padding-top:0px;}
	.container-main-bottom + .container-main-bottom .content-bottom {padding-top:0px;}
	
	
	/* Backgrounds */
	.background {}
	
		.container-main-top.background .content-top,
		.container-main.background .content,
		.container-main-bottom.background .content-bottom {
		padding-top:80px;
		padding-bottom:80px;
		}
		
		/* Overwrite padding for areas adjacent to backgrounds */
		.container-main-top.background + .container-main-top .content-top,
		.container-main-top.background + .container-main .content,
		.container-main-top.background + .container-main-bottom .content-bottom,
		.container-main.background + .container-main-top .content-top,
		.container-main.background + .container-main .content,
		.container-main.background + .container-main-bottom .content-bottom,
		.container-main-bottom.background + .container-main-top .content-top,
		.container-main-bottom.background + .container-main .content,
		.container-main-bottom.background + .container-main-bottom .content-bottom {
		padding-top:80px;
		}
		

		


/* Footer */
#container-footer {
color:#b4b4b4;
background-color:#000000;
}

	.login-page #container-footer {display:none;}
	
	#footer {
	color:#b4b4b4;
	font-size:15px;
	line-height:1.6;
	text-align:left;
	padding:60px 0 70px 0;
	position:relative;
	}
	
		#footer a {
		color:#b4b4b4;
		-moz-transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		transition:all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		}
			#footer a:hover {color:#ffffff;}
		
		#footer strong,
		#footer b {
		color:#00adef;
		font-weight:300;
		}
		
		#footer h3 {
		padding:0 0 0 0;
		}
		
		#footer h4 {
		color:#00adef;
		font-size:18px;
		padding:0 0 20px 0;
		}
		
		#footer .footer1,
		#footer .footer2,
		#footer .footer3,
		#footer .footer4,
		#footer .footer5 {
		float:left;
		text-align:left;
		}
			#footer .footer1 {width:30%;}
			#footer .footer2 {width:30%;}
			#footer .footer3 {display:none;}
			#footer .footer4 {width:20%;}
			#footer .footer5 {width:20%;}

		
		#footer .footer4 a,
		#footer .footer5 a {
		clear:left;
		float:left;
		display:inline-block;
		}
		
			#footer .footer4 a .material-icons,
			#footer .footer5 a .material-icons {
			font-size:15px;	
			line-height:1.6;
			vertical-align:middle;
			-moz-transition:all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
			-webkit-transition:all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
			transition:all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
			color:#00adef;
			}
			
				#footer .footer4 a:hover .material-icons,
				#footer .footer5 a:hover .material-icons {
				margin-right:5px;
				color:#ffffff;
				}
				
				
		#footer a.to-top {
		position:absolute;
		right:0px;
		bottom:60px;
		width:24px;
		height:24px;
		color:#575757;
		-moz-transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
		transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
		border:solid #575757 4px;
		border-radius:20px;
		}
			#footer a.to-top .material-icons {
			font-size:34px;
			line-height:24px;
			text-indent:-5px;
			}
			
			#footer a.to-top:hover {
			bottom:70px;
			color:#ffffff;
			background-color:#00adef;
			border:solid #00adef 4px;	
			}
		

/* Base */
#container-base {}		
		
	#base {
	line-height:22px;
	font-size:smaller;
	color:#ada8a1;
	text-align:center;
	padding:6px 25px 20px 25px;
	}
		#base a {color:#ada8a1;}
		#base a:hover {text-decoration:underline;}
		
	/* Show as desktop link */	
	#desktop-link {display:none;}
	
		
		
		
		
/* Common styles for database pages. */	
	

	.googlemap-box {
	width:100%;
	color:#000000;
	overflow:hidden;
	}
		.googlemap-box .img-right {
		max-width:none !important;	
		}
		
		.googlemap-box img {
		width:auto;
		max-width:none !important;	
		}
		
		.googlemap-box a:hover {
		color:#000000;	
		}
	
	.map-holder {
	}
		.map-holder img {
		width:auto;
		max-width:none !important;
		}
		
	/* Standard Grid Styles */
	
		/* 7 Column Image boxes */
		.grid-column-seven a,
		.grid-column-seven div {
		width:13%;
		margin-right:1.5%;
		margin-bottom:10px;
		}
			.grid-column-seven a:nth-child(7n+7),
			.grid-column-seven div:nth-child(7n+7) {margin-right:0%;}
			
			.grid-column-seven a:nth-child(7n+8),
			.grid-column-seven div:nth-child(7n+8) {clear:both;}
	
		/* 6 Column Image boxes */
		.grid-column-six a,
		.grid-column-six div {
		width:15%;
		margin-right:2%;
		margin-bottom:20px;
		}
			.grid-column-six a:nth-child(6n+6),
			.grid-column-six div:nth-child(6n+6) {margin-right:0%;}
			
			.grid-column-six a:nth-child(6n+7),
			.grid-column-six div:nth-child(6n+7) {clear:both;}
	
		/* 5 Column Image boxes */
		.grid-column-five a,
		.grid-column-five div {
		width:18%;
		margin-right:2.5%;
		margin-bottom:30px;
		}
			.grid-column-five a:nth-child(5n+5),
			.grid-column-five div:nth-child(5n+5) {margin-right:0%;}
			
			.grid-column-five a:nth-child(5n+6),
			.grid-column-five div:nth-child(5n+6) {clear:both;}
			
		/* 4 Column Image boxes */
		.grid-column-four a,
		.grid-column-four div {
		width:22%;
		margin-right:4%;
		margin-bottom:30px;
		}
			.grid-column-four a:nth-child(4n+4),
			.grid-column-four div:nth-child(4n+4) {margin-right:0%;}
			
			.grid-column-four a:nth-child(4n+5),
			.grid-column-four div:nth-child(4n+5) {clear:both;}
			
		/* 3 Column Image boxes */
		.grid-column-three a,
		.grid-column-three div {
		width:30%;
		margin-right:5%;
		margin-bottom:20px;
		}
			.grid-column-three a:nth-child(3n+3),
			.grid-column-three div:nth-child(3n+3) {margin-right:0%;}
			
			.grid-column-three a:nth-child(3n+4),
			.grid-column-three div:nth-child(3n+4) {clear:both;}
			
		/* 2 Column Image boxes */
		.grid-column-two a,
		.grid-column-two div {
		width:47%;
		margin-right:6%;
		margin-bottom:40px;
		}
			.grid-column-two a:nth-child(2n+2),
			.grid-column-two div:nth-child(2n+2) {margin-right:0%;}
			
			.grid-column-two a:nth-child(2n+3),
			.grid-column-two div:nth-child(2n+3) {clear:both;}
			
		/* 1 Column Image boxes */
		.grid-column-one a,
		.grid-column-one div {
		width:100%;
		margin-right:0%;
		margin-bottom:30px;
		}
		
			/* Main Left & Right Grid Styles */
			.main-left *[class*='grid-column-'] a,
			.main-left *[class*='grid-column-'] div,
			.main-right *[class*='grid-column-'] a,
			.main-right *[class*='grid-column-'] div {
			margin-bottom:8px;	
			}
	
	
	*[class*='grid-column-'] a,
	*[class*='grid-column-'] div {
	float:left;
	display:inline-block;	
	}
		*[class*='grid-column-'] a img,
		*[class*='grid-column-'] div img {
		vertical-align:middle;	
		}

	
	#slidebox {
		width:940px;
		color:#ffffff;
		text-align:left;
		margin:0 auto;
		margin-left:auto;
		margin-right:auto;
		padding:0 0 0 0;
		border:none;
		font-size:14px;
		color:#ffffff;
		position:relative;
		overflow:hidden;
		}
			#slidebox-holder {
			float:left;
			width:940px;
			height:140px;
			overflow:hidden;
			position:relative;
			}
				#slidebox-slider {
				position:absolute;
				left:0px;
				top:0px;
				}
				
				#slidebox a {color:#ffffff;}
				#slidebox a:hover {text-decoration:underline;}
				
				#slidebox .slidebox-item {
				float:left;
				width:200px;
				}
				
				#slidebox #slidebox-left {
				position:absolute;
				left:0px;
				top:0px;
				display:block;
				width:60px;
				height:140px;
				z-index:850;
				}
					#slidebox #slidebox-left a {
					display:block;
					height:140px;
					text-decoration:none;
					background-color:#d6d6d6;
					background-image:url(../images/slider_left.png);
					background-position:center;
					background-repeat:no-repeat;
					text-decoration:none;
					}
						#slidebox #slidebox-left a:hover {
						background-color:#ededed;
						}
				
				#slidebox #slidebox-right {
				position:absolute;
				right:0px;
				top:0px;
				display:block;
				width:60px;
				height:140px;
				z-index:851;
				}
					#slidebox #slidebox-right a {
					display:block;
					height:140px;
					text-decoration:none;
					background-color:#d6d6d6;
					background-image:url(../images/slider_right.png);
					background-position:center;
					background-repeat:no-repeat;
					}
						#slidebox #slidebox-right a:hover {
						background-color:#ededed;
						}
						
						#slidebox #slidebox-left a:focus,
						#slidebox #slidebox-right a:focus {	
						outline:0;
						}
						
						




	
	/* BEFORE AND AFTER GALLERY PAGES */	
	.beforeafter-holder {display:block;}
		.beforeafter-holder .beforeafter-item {
		float:left;
		width:30%;
		height:auto;
		margin-right:5%;
		margin-bottom:14px;
		text-align:left;
		position:relative;
		}
			
			.beforeafter-holder .beforeafter-item .before-image img {
			max-width:60%;
			height:auto;
			width:auto\9; /* ie8 */
			vertical-align:bottom;
			}
				.beforeafter-holder .beforeafter-item .after-image img {
				position:absolute;
				right:0px;
				top:30px;
				z-index:980;
				max-width:50%;
				height:auto;
				width:auto\9; /* ie8 */
				vertical-align:bottom;
				}
			.beforeafter-holder div:nth-child(3n+3) {margin-right:0%;}
			.beforeafter-holder div:nth-child(3n+4) {clear:left;}

				
				
	.beforeafter-side-holder {display:block;}
		.beforeafter-side-holder .beforeafter-item {
		float:left;
		width:140px;
		text-align:left;
		position:relative;
		padding-bottom:102px;
		}
			
			.beforeafter-side-holder .beforeafter-item .before-image img {
			position:absolute;
			left:0px;
			top:18px;
			}
				.beforeafter-side-holder .beforeafter-item .after-image img {
				position:absolute;
				left:50px;
				top:30px;
				z-index:980;
				}

				
	
	.beforeafter-cat-holder {display:block;}
		.beforeafter-cat-holder .beforeafter-item {
		float:left;
		width:22%;
		height:auto;
		margin-right:4%;
		margin-bottom:14px;
		text-align:center;
		}
			.beforeafter-cat-holder .beforeafter-item img {
			max-width:100%;
			height:auto;
			width:auto\9; /* ie8 */
			vertical-align:bottom;
			}
			
			
	.beforeafter-details {}
		
		.beforeafter-details .before-image {
		float:left;
		width:47%;
		}
		
		.beforeafter-details .after-image {
		float:right;
		width:47%;	
		}
				
				
				
	/* VIDEO PAGES */	
	.video-holder {display:block;}
		.video-holder .video-item {
		float:left;
		width:30%;
		height:auto;
		margin-right:5%;
		margin-bottom:14px;
		text-align:center;
		position:relative;
		}
			
			.video-holder .video-item img {
			max-width:100%;
			height:auto;
			width:auto\9; /* ie8 */
			vertical-align:bottom;
			}

			.video-holder div:nth-child(3n+3) {margin-right:0%;}
			.video-holder div:nth-child(3n+4) {clear:left;}
			
			
			
			
	/* Site map */
	.sitemap-holder {
	float:left;
	width:30%;
	margin-bottom:14px;
	}
	
	
	
	/* Subscription plans */
	.subscription-plans {display:block;}
		.subscription-plans .subscription-plan {
		float:left;
		width:32%;
		height:auto;
		padding:10px 15px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		margin-right:2%;
		margin-bottom:18px;
		text-align:left;
		}
			.subscription-plans .subscription-plan .subs-plan-desc {
			min-height:120px;
			padding-bottom:20px;
			}
				.subscription-plans .subscription-plan .subs-plan-desc h2 {
				font-size:24px;
				font-weight:normal;
				}
			
			.subscription-plans  div.subscription-plan:nth-child(3n+3) {margin-right:0%;}
			.subscription-plans  div.subscription-plan:nth-child(3n+4) {clear:left;}
			
			
	.subscription-payments {
	float:left;
	max-width:600px;
	}
			
	
	.subscription-table {}
	
		.subscription-table .subscription-left {
		float:left;
		width:30%;
		padding:4px 0;
		border-top:solid #f1f1f1 1px;
		}
		
		.subscription-table .subscription-middle {
		float:left;
		width:40%;
		padding:4px 0;
		border-top:solid #f1f1f1 1px;
		}
		
		.subscription-table .full-subscription-middle {
		float:left;
		width:70%;
		padding:4px 0;
		text-align:right;
		border-top:solid #f1f1f1 1px;
		}
		
		.subscription-table .subscription-right {
		float:left;
		width:30%;
		padding:4px 0;
		text-align:right;
		border-top:solid #f1f1f1 1px;
		}
			
	
	
	/* Product items */	
	.product-item {
	float:left;
	width:30%;
	font-size:20px;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	margin-right:5%;
	margin-bottom:20px;
	}
		.product-item .product-item-image {
		display:block;
		padding:0px;
		text-align:center;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		margin-bottom:4px;
		}
			.product-item .product-item-image img {
			max-width:100%;
			max-height:100%;
			height:auto;
			width:auto\9; /* ie8 */
			vertical-align:bottom;
			border-radius:35px;
			border-bottom-right-radius:0px;
			}
			
		.products-holder div:nth-child(3n+3) {margin-right:0%;}
		.products-holder div:nth-child(3n+4) {clear:both;}
	
	
	/* Products price list */
	.pricelist {
	padding-left:20px;
	}
		.pricelist-header {
		font-weight:bold;
		}
		
		.pricelist-item {
		border-top:solid #e1e1e1 1px; 	
		}
	
		.pricelist-product {
		float:left;
		width:45%;
		margin-right:2%;
		padding-bottom:6px;
		padding-top:4px;
		}
		
		.pricelist-price {
		float:left;
		width:20%;
		margin-right:2%;
		padding-bottom:6px;
		padding-top:4px;
		}
		
		.pricelist-inclusive {
		float:left;
		width:15%;
		margin-right:2%;
		padding-bottom:6px;
		padding-top:4px;
		}
		
		.pricelist-qty {
		float:right;
		width:14%;
		text-align:right;
		padding-bottom:6px;
		padding-top:4px;
		}
			.pricelist-qty input {
			width:95%;	
			}
			
		
		
	/* Shopping cart */			
	.shopping-cart-list {}
	
		.shopping-cart-list .shopping-cart-list-header {
		font-size:11px;
		font-weight:bold;
		padding:4px 0 4px 0;
		border-bottom:solid #e1e1e1 1px; 
		}
		
		.shopping-cart-list .shopping-cart-list-items {
		padding-top:10px;
		padding-bottom:10px;
		border-bottom:solid #e1e1e1 1px; 
		}
		
			.shopping-cart-list .scl-image {
			float:left;
			width:15%;
			padding-right:3%;
			}
				.shopping-cart-list .scl-image img {
				max-height:100px;
				}
			
			.shopping-cart-list .scl-products {
			float:left;
			width:55%;
			padding-right:3%;
			}
			
				.shopping-cart-list .scl-products .was-price-line {
				font-style:italic;
				}
				
				.shopping-cart-list .scl-products .was-price-line .was-price {
				text-decoration:line-through;
				}
				
				.shopping-cart-list .scl-products .scl-products-additional .label {
				width:100%;
				}
				
				.shopping-cart-list .scl-products .cart-msg-type,
				.shopping-cart-list .scl-products .cart-msg-messages {
				 width:70%;
				 margin:1px 0 6px 0;
				 }

				.shopping-cart-list .scl-products .cart-msg-box textarea {
				width:70%;
				height:70px;
				}
			
			.shopping-cart-list .scl-quantity {
			float:left;
			width:10%;
			text-align:center;
			padding-right:3%;
			}
				.shopping-cart-list .scl-quantity .scl-quantity-text {display:none;}
			
				.shopping-cart-list .scl-quantity input.text {
				width:30px;
				}
				
				.shopping-cart-list .remove-link {
				font-size:10px;
				}
			
			.shopping-cart-list .scl-price {
			float:right;
			width:10%;
			text-align:right;
			padding-right:1%;
			}
			
			
		.shopping-cart-list .shopping-cart-update {
		padding-top:2px;
		padding-bottom:2px;  
		border-bottom:solid #e1e1e1 1px;
		}
			
	
	.shopping-cart-totals {}

		.shopping-cart-totals .shopping-cart-total-item .totals-space {
		float:left;
		width:45%;
		padding-top:5px;
		}
		
		.shopping-cart-totals .shopping-cart-total-item .totals-space-base {
		float:left;
		padding-top:10px;
		font-size:11px;
		font-weight:bold;
		width:45%;
		}
			.shopping-cart-totals .shopping-cart-total-item .totals-space select {
			max-width:96%;
			}
		
		.shopping-cart-totals .shopping-cart-total-item .totals-text,
		.shopping-cart-totals .shopping-cart-total-final .totals-text {
		float:left;
		width:40%;
		text-align:right;
		padding-top:5px;
		padding-bottom:5px;
		padding-right:2%;
		border-top:solid #e1e1e1 1px;
		}
		
		.shopping-cart-totals .shopping-cart-total-item .totals-value,
		.shopping-cart-totals .shopping-cart-total-final .totals-value {
		float:left;
		width:12%;
		text-align:right;
		padding-top:5px;
		padding-bottom:5px;
		padding-right:1%;
		border-top:solid #e1e1e1 1px;
		}
		
		
		.shopping-cart-totals .shopping-cart-total-final .totals-space {
		float:left;
		width:45%;
		}
		
		.shopping-cart-totals .shopping-cart-total-final .totals-text {
		font-weight:bold;
		background-color:#f3f3f3;
		border-top:solid #e1e1e1 1px;
		border-bottom:solid #e1e1e1 1px;
		}
		
		.shopping-cart-totals .shopping-cart-total-final .totals-value {
		font-weight:bold;
		background-color:#f3f3f3;
		border-top:solid #e1e1e1 1px;
		border-bottom:solid #e1e1e1 1px;
		}
		
			.shopping-cart-totals #sc-subtotals .totals-text,
			.shopping-cart-totals #sc-subtotals .totals-value {
			border-top:none;
			}

	
	
	/* Shopping cart message Holder */
	.message-holder-over {}
	
	.message-holder {
	padding:4px 6px;
	background-color:#f3f3f3;
	border:solid #e1e1e1 1px;
	margin-bottom:16px;
	}
		.message-holder ul {
		padding:0 0 0 0;
		margin:0 0 0 0;
		}
			.message-holder ul li {
			background:none;
			padding:0 0 0 0;
			margin:0 0 0 0;
			}
			
					
	.msg-small {
	font-size:11px;
	color:#666666;
	}
			
				
	.cart-box-holder {
	padding:10px 15px;
	border:	solid #f1f1f1 1px;
	margin-bottom:10px;
	}
		.cart-box {
		}
		
	
	/* Checkout address select */
	.address-selector {
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	margin-left:0;
	padding-left:0;
	}
		.address-selector li {
		float:left;
		width:33%;
		line-height:18px;
		list-style:none;
		margin-top:0;
		padding-top:0;
		padding-bottom:7px;
		margin-left:0;
		padding-left:0;
		background:none;
		}
			.address-selector li::before {display:none;}
		
			.address-selector .address-selector-button {
			float:left;
			width:10%;	
			}
			
			.address-selector .address-selector-address {
			float:left;
			width:88%;
			padding-top:2px;	
			}
			
			
	/* Checkout checkboxes */
	.cart-checkradio-holder {}
	
		.cart-checkradio-holder .checkradio {
		float:left;
		width:33%;
		padding-bottom:4px;
		}
			.cart-checkradio-holder .checkradio .checkradio-button {
			float:left;
			width:10%;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-ms-box-sizing:border-box;	
			box-sizing:border-box;
			padding-right:10px;
			}
			
			.cart-checkradio-holder .checkradio label {
			float:left;
			width:80%;
			}
			
	
	.checkout-error {padding-bottom:16px;}
		
		
	/* Checkout order summary */	
	.order-summary {}
			
		.order-summary .os-left {
		padding:2px 4px 2px 0;
		}
		
		.order-summary .os-right {
		padding:2px 0 2px 0;
		text-align:right;
		}
		
		.order-summary .os-total {
		padding-top:6px;
		border-top:solid #c3d0d2 1px;
		}
		
	
	/* Checkout payment holders */
	.payment-holder-table {
	margin-bottom:10px;
	padding:4px 6px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	border:solid #e1e1e1 1px;
	}
		
	.payment-radio-holder {
	float:left;
	width:5%;
	padding:4px 0 5px 0;
	}
	
		.payment-holder {
		float:right;
		width:95%;
		padding:2px 0 5px 0;
		background-position:right top;
		background-repeat:no-repeat;
		}
			.payment-holder label {
			display:block;
			}
			
			.payment-holder img {
			margin-top:6px;
			}
		
			.payment-holder label,
			.payment-holder h5,
			.payment-holder p {
			cursor:pointer;
			}
			
			
	/* Checkout country */		
	#country-line {
	line-height:28px;
	}
		.country-holder {
		float:left;
		display:inline-block;
		}
		
		.country-changer {
		float:left;
		padding-left:10px;
		display:inline-block;
		}
		
		.country-picker {
		float:left;
		display:none;
		padding-left:10px;
		padding-top:4px;
		}
	
	
	/* Cart order history */	
	.orderhistory-titles {
	padding:5px 3px;
	background-color:#f9f9f8;
	border-bottom:solid #d9d9d9 1px;
	}
	
	.orderhistory-td {
	padding:5px 3px;	
	}
	
		

	
	/* Tables Module Styles */	
	.display-table {}
	
		.display-table th {
		color:#ffffff;
		text-align:left;
		background-color:#5a5a5a;
		}
		
		.display-table td {text-align:left;}
	
		.display-table .dt-firstcol {}
		.display-table .dt-lastcol {}
		
		.display-table .dt-colhighlight {font-weight:bold;}
		
		.display-table .dt-modon {background-color:#eeeff0;}
		.display-table .dt-modoff {}
		
	/* Youtube Style Edit */
	.documents.iconlist {
	float: right !important;
	}
	p.yt-video{
	text-align: center !important;
	padding-top: 14% !important;
	}

	a.button-yt {
	display:inline-block;
	padding:14px 20px;
	color:#ffffff;
	background-color:#00aeef;
	border-radius:10px;
	float:left;
	margin-top: 37px;

	}
		a.button-yt:hover {
		background-color:#000000;	
		}

		
		
	/* User Images */
	.user-images {}
	
		.user-images .user-image {
		float:left;
		width:15%;
		height:auto;
		margin-right:2%;
		margin-bottom:14px;
		text-align:center;
		}
			.user-images .user-image img {
			max-width:100%;
			height:auto;
			width:auto\9; /* ie8 */
			vertical-align:bottom;
			}
		
		.user-images .user-image:nth-child(6n+6) {margin-right:0%;}
		.user-images .user-image:nth-child(6n+7) {clear:left;}


			
				
	/* Login */	
	#login {}
		#login .login-form {}
		
			#login .login-form li {
			padding-left:0px;
			background:none;
			}
			
				#login .login-form li label {
				display:inline-block;
				width:200px;
				}
				
		


	/* Form styles for standard forms */
	form {
	margin:0 auto; 
	padding:0 0 0 0;
	}
		
		.form-column-left {
		float:left;
		width:47%;
		}
		
		.form-column-right {
		float:right;
		width:47%;
		}
		
		.req {
		color:#D60309;
		font-weight:bold;
		font-size:12px;
		}
		
		.form-item {
		clear:both;
		width:47%;
		max-width:500px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		margin-bottom:7px;
		}
		
			.layout.half .form-item,
			.layout.third .form-item,
			.layout.side .form-item {
			width:100%;
			}
		
			.login-page .form-item {
			width:100%;
			max-width:100%;	
			}
			
				.login-page .form-item input {color:#000;}
			
			.login-page .form-item a:hover {color:#fff;}
			
			.form-column-left .form-item,
			.form-column-right .form-item {
			width:100%;	
			}
		
		
			.form-item .label,
			.form-item .label2 {
			/*width:38%;*/
			width:100%;	
			}
			
			.form-item .label-padding {
			/*margin-left:38%;*/
			margin-left:0%;
			}
		
				.layout.side .form-item .label-padding
				.layout.third .form-item .label-padding {
				margin-left:0%;
				}
			
			.form-item .subbut,
			.form-item .g-recaptcha, 
			.form-footer,
			#recaptcha_image {
			/*padding-left:38%;*/
			padding-left:0%;
			}
			
			.form-item .input,
			.form-item .select,
			.form-item .checkbox,
			.form-item .radio,
			.form-item .textarea {
			/*width:62%;*/
			width:100%;
			}
		
		
	
		.form-item .label {
		float:left;
		font-weight:bold;
		text-align:left;
		margin:3px 0 0 0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		/*padding-right:10px;*/
		}
		
		.form-item .label2 {
		float:left;
		font-weight:bold;
		text-align:left;
		margin:3px 0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		/*padding-right:10px;*/
		}
		
			.layout.side .form-item .label,
			.layout.third .form-item .label {
			float:none;
			width:100%;
			margin-right:0%;
			margin-bottom:2px;
			}
		
		.form-item .label-details {
		clear:both;
		display:block;
		width:100%;
		margin-right:0%;
		font-weight:normal;
		font-size:11px;
		color:#666666;
		line-height:16px;
		padding-top:2px;
		}
		
		.form-item .input {
		float:left;
		height:auto;
		}
			.layout.side .form-item .input,
			.layout.third .form-item .input {
			float:none;
			width:auto;
			}
		
			.form-item .input input {
			width:100%;
			box-sizing:border-box;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
			}

			
		.form-item .select {
		float:left;
		height:auto;
		}
			.layout.side .form-item .select,
			.layout.third .form-item .select {
			float:none;
			width:auto;
			}
		
			.form-item .select select {
			width:100%;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
			box-sizing:border-box;
			}
			
			
		.form-item .checkbox {
		float:left;
		height:auto;
		vertical-align:middle;
		}
			.layout.side .form-item .checkbox,
			.layout.third .form-item .checkbox {
			float:none;
			width:auto;
			}
			
			
			.form-item .checkbox-list .checkbox {
			width:50%;	
			margin-right:0%;
			}
				.form-item .checkbox-list .checkbox:nth-child(2n+3) {clear:both;}
			
			
			.form-item .checkbox input[type=checkbox] {
			vertical-align:middle;
			margin-bottom:2px;
			margin-right:4px;
			}
			
		
		.form-item .radio {
		float:left;
		height:auto;
		}
			.layout.side .form-item .radio,
			.layout.third .form-item .radio {
			float:none;
			width:auto;
			}
			
		
		.form-item .textarea {
		float:left;
		height:auto;
		margin-bottom:5px;
		}
			.layout.side .form-item .textarea,
			.layout.third .form-item .textarea {
			float:none;
			width:auto;
			}
		
			.form-item .textarea textarea {
			width:100%;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
			box-sizing:border-box;
			height:100px;
			}
			
			.form-item .textarea img {
			padding-top:3px;
			}
			

			.form-item .input.input-small input,
			.form-item .select.select-small select {max-width:100px;}
			
			.form-item .input.input-medium input,
			.form-item .select.select-medium select {max-width:300px;}

			
			form .input input,
			form textarea {
			appearance:none;
			-moz-appearance:none;
			-webkit-appearance:none;	
			}
			
			form .input input,
			form select,
			form textarea,
			.image-file {
			/* Custom styles here */
			/*border:none;*/
			background:none;
			height:28px;
			font-size:13px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
			box-sizing:border-box;
			padding:4px 8px 4px 8px;
			background-color:#ffffff;
			border:solid #c2c1c1 1px;
			border-radius:2px;
			vertical-align:middle;
			margin:0 0 0 0;
			}
			
			form textarea {
			resize:vertical;
			height:auto;
			padding:8px 8px 8px 8px;
			}
			
		
			.form-item .image-file {
			clear:both;
			height:auto;
			padding:8px 8px;
			}
			
				.form-item .image-file input[type=file] {
				appearance:none;
				-moz-appearance:none;
				-webkit-appearance:none;
				border:none;
				background:none;
				width:auto;	
				margin-top:10px;
				margin-bottom:10px;
				}
			
				.form-item .image-file.with-image input[type=file] {
				margin-top:30px;
				margin-bottom:0px;
				}
			
				.form-item .image-file .image-holder {
				float:left;
				width:100px;
				height:100px;
				line-height:100px;
				text-align:center;
				background-color:#f7f7f7;
				margin-right:15px;
				}
					.form-item .image-file .image-holder img {
					vertical-align:middle;
					max-width:100px;
					max-height:100px;
					}
		
			
		.form-item .subbut,
		.form-item .g-recaptcha, 
		#recaptcha_image {
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		margin-top:20px;
		height:auto;
		}
			.layout.side .form-item .subbut,
			.layout.third .form-item .subbut,
			.layout.side .form-item .g-recaptcha, 
			.layout.third .form-item .g-recaptcha, 
			.layout.side #recaptcha_image,
			.layout.third #recaptcha_image {
			width:100% !important; 
			float:none;
			margin-left:0%;
			padding-left:0px;
			}
			
			
				/* Custom button */
				.form-item .subbut input,
				#checkout_button,
				#continue_button,
				#add_button,
				#cancel_button,
				#checkout_special,
				#review-submit-button,
				#update_button {
				/* Custom button styles here*/
				appearance:none;
				-moz-appearance:none;
				-webkit-appearance:none;
				border:none;
				background:none;
				color:#ffffff;
				font-weight:400;
				padding:10px 20px;
				background-color:#bbbbbb;
				border-radius:10px;
				-moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
				-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
				transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
				}
				
					.form-item .subbut input:hover,
					#checkout_button:hover,
					#continue_button:hover,
					#add_button:hover,
					#cancel_button:hover,
					#checkout_special:hover,
					#review-submit-button:hover,
					#update_button:hover {
					cursor:pointer;
					background-color:#00adef;
					}
			
			#checkout_button {
			margin-left:5px;
			}
			
	
		.form-footer {
		float:left;
		width:100%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		font-size:12px;
		color:#666666;
		padding-bottom:5px;
		}
			.layout.side .form-footer,
			.layout.third .form-footer {
			float:none;
			width:auto;
			}
		
		
		/* Sub forms */
		.subform {}
		
			.subform th {
			background-color:#CCCCCC;
			}
			
			.subform td {
			border-bottom:solid #CCCCCC 1px;
			}
			
			.sub-button-holder {
			text-align:right;
			margin:10px 0;
			}
			
			.sub-form-holder {
			padding:10px 0;
			border:solid #CCCCCC 1px;
			display:none;
			margin:10px 0;
			}
			
				.sub-form-holder .subbut2 {
				padding-left:150px;
				}
	
				
	/* Google reCaptcha widget styles */				
	.form-item .g-recaptcha > div > div {max-width:100%;}
	.form-item .g-recaptcha > div > div > iframe {max-width:100%;}
	
	#recaptcha_image {
	width:60% !important;
	margin-left:40%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	text-align:center;
	padding:5px;
	background-color:#ffffff;
	border:solid #e1e1e1 1px;
	margin-bottom:12px;
	}
		#recaptcha_image img {
		max-width:100%;
		max-height:100%;
		}
		
		#recaptcha_image embed, 
		#recaptcha_image object, 
		#recaptcha_image iframe {
		float:left;
		max-width:0px;
		width:0px;
		height:0px;
		}
		
		#recaptcha_image br {display:none;}
		
		#recaptcha_image #recaptcha_audio_play_again,
		#recaptcha_image #recaptcha_audio_download {
		clear:left;
		float:left;
		cursor:pointer;
		}
		
	
	.recaptcha_input {
	position:relative;
	}
		.recaptcha_input .input {
		padding-right:90px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		}
		
			.layout.side .input,
			.layout.third .input {
			padding-right:0px;
			}
		
		
	.recaptcha_options {
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
		.recaptcha_options li {
		margin:0 0 0 0;
		padding:0 0 0 0;
		}
	
		.recaptcha_options li a {
		position:absolute;
		top:4px;
		width:16px;
		height:16px;
		text-indent:-5000px;
		overflow:hidden;
		}
			.recaptcha_options #recaptcha_refresh_button a {right:60px;}
			.recaptcha_options #recaptcha_sound_button a {right:30px;}
			.recaptcha_options #recaptcha_image_button a {right:30px;}
			.recaptcha_options #recaptcha_help_button a {right:0px;}
			
			
		
			.layout.side .recaptcha_options li a,
			.layout.third .recaptcha_options li a {
			top:0px;
			}
		
			
	/* Icon set styles */
	
	*[class*='iconblack-'] {
	background-repeat:no-repeat;
	}
	
		.iconblack-refresh {background-image:url(../images/icons/iconblack_refresh.png);}
		.iconblack-sound {background-image:url(../images/icons/iconblack_sound.png);}
		.iconblack-picture {background-image:url(../images/icons/iconblack_picture.png);}
		.iconblack-help {background-image:url(../images/icons/iconblack_help.png);}
	


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

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'splashtec' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-usage:before {
    content: "\e900";
}
.icon-sunlight:before {
    content: "\e901";
}
.icon-weather:before {
    content: "\e902";
}
.icon-timer:before {
    content: "\e903";
}
.icon-brightness:before {
    content: "\e904";
}
.icon-approval:before {
    content: "\e905";
}
.icon-warranty:before {
    content: "\e906";
}