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

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


/* MAIN ELEMENTS 
Main page elements, page layout, links and other common
styles. */
html, body { 
font-family:"proxima-nova-n4", "proxima-nova", Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:400;
font-size:15px;  
text-align:center;
color:#000000;
clear:both;
margin:0 auto;
}



/* DEFAULT LINKS */
a {
text-decoration:none;
color:#a9804c;
-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, h2, h3, h4, h5, h6 {
margin:0px 0px 0px 0px;
}

h1 {font-size:56px;line-height:1.2;padding:4px 0 14px 0;}
h2 {font-size:48px;line-height:1.2;padding:4px 0 4px 0;}
h3 {font-size:44px;line-height:1.2;padding:4px 0 4px 0;color:#488520;font-weight:300;}
h4 {font-size:32px;line-height:1.2;padding:4px 0 4px 0;}
h5 {font-size:24px;line-height:1.2;padding:4px 0 4px 0;}
h6 {font-size:20px;line-height:1.2;padding:4px 0 4px 0;}

.black {color:#000;}

/* OTHER DEFAULT ELEMENTS */
acronym {border:none;}
p {padding-top:0;margin-top:0;}

.tiny {font-size:13px;}
.small {font-size:14px;}
.small-center {font-size:14px;text-align:center;font-style:italic;}
.large {font-size:18px;}
.error, .checkout-error, .red {color:#b60d04;}
.green {color:#5ea90d;}
.light {color:#8c999b;}
.grey {color:#8c999b;}
.checkout-error {padding-bottom:16px;}
.center {text-align:center;}

	b.center,
	strong.center {
	display:block;
	font-size:23px;
	font-weight:500;
	margin-top:12px;
	}

	.thin {
	font-weight:100;	
	}
	
	.intro {
	font-style:italic;	
	line-height:1.3;
	padding-top:100px;
	}
	
	.title {
	font-size:38px;
	padding-bottom:18px;
	}

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


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

.divider {
clear:both;
font-size:0;
line-height:20px;
height:20px;
padding:0 0 0 0;
margin:20px 0 0 0;
border-top:solid #e1e1e1 1px; 
}


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


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

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

audio, canvas, progress, video {
display: inline-block;
vertical-align: middle;
}


	.youtube-frame {
	background-image:url(../images/youtube_under.png);
	background-position:6px 40%;
	background-repeat:no-repeat;
	background-size:contain;
	padding:40px 79px;
	}
		.youtube-frame iframe {vertical-align:middle;}
		
		

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


/* LIST ELEMENTS
list elements */
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:20px;
	background-image:url(../images/point_dark.png);
	background-position:5px 7px;
	background-repeat:no-repeat;
	}
	
	
#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 
Standard page elements for laying out the main content of a website. */
#container1,
#container-header,
#container-navigation,
#container-bread,
#container-flash,
#container-intro,
#container-divider,
.container-title,
.container-main,
.container-main-top,
.container-main-bottom,
#container-mailchimp,
#container-footer,
#container-base {
position:relative;
margin:0 auto;
margin-left:auto;
margin-right:auto;
border:none;
}

	#container-header {
	z-index:900;
	box-shadow:rgba(0,0,0,0.6) 0 0 14px;	
	}
	
	#container-divider,
	.container-title {
	background-color:#333;
	background-image:url(../images/divider_texture.png);
	background-position:top center;
	background-repeat:repeat;
	}
	
		#container-divider {
		border-bottom:1px solid #9e9e9e;	
		}
		
			.home #container-divider {border-bottom:0;}
	
	#container-mailchimp {
	border-top:1px solid #9e9e9e;
	border-bottom:1px solid #9e9e9e;	
	}
	
	#container-footer {
	border-bottom:1px solid #9e9e9e
	}
	
	#container-flash {
	position:relative;
	}
	
		#container-flash-over {
		position: absolute;
		bottom: 20%;
		left: 0px;
		right: 0px;
		color: #ffffff;
		font-size: 24px;
		font-weight: 300;
		line-height: 1.5;
		}
		
			#container-flash-over h2 {
			font-size:60px;	
			line-height: 0.8;
			padding-bottom:20px;
			}
			
@media screen and (max-width:600px) {
	
		#container-flash-over {
		bottom: 10%;
		font-size: 18px;	
		line-height: 1.3;
		}
		
			#container-flash-over h2 {
			font-size:34px;
			}
}
			

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

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


	/* MAIN HEADER */
	#header {
	height:90px;
	}
		#header #logo {
		float:left;
		display:inline-block;
		}
			#header #logo img {
			vertical-align:middle;
			}
			
		
		/* MOBILE QUICK CALL */			
		#header #mobile-link {
		display:none;
		}
			#header #mobile-link a {color:#fff;}		
			#header #mobile-link h4 {display:inline-block;}
		
		
		
		/* CART 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;}
		
		
		#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;	
			}
		
	/* Mobile Navigation */
	#mobile-nav {display:none;}	
	
	
	/* MAIN NAVIGATION */
	#navigation {
	float:right;
	height:40px;
	line-height:40px;
	color:#ffffff;
	margin-top:25px;
	}
		#navigation ul {
		margin:0 0 0 0;
		padding:0 0 0 0;
		}
			#navigation ul li {
			float:left;
			display:inline-block;
			line-height:40px;
			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;
			margin-right:0px;
			}
			
				#navigation ul li:last-child {margin-right:0;}
			
			#navigation ul li.mobile-item {
			display:none;
			}
	
		#navigation a {
		position:relative;
		float:left;
		display:inline-block;
		height:40px;
		line-height:40px;
		font-size:16px;
		text-transform:uppercase;
		color:#333333;
		padding-left:15px;
		padding-right:15px;
		letter-spacing:0.6px;
		border-radius:4px;
		-moz-transition:none;
		-webkit-transition:none;
		transition:none;
		}			
		
			#navigation a strong,
			#navigation a b {
			display:block;
			height:40px;
			line-height:40px;
			font-weight:500;
			}
			
			#navigation a:hover,
			#navigation .over,
			#navigation .on {
			color:#ffffff;
			z-index:894;
			border-radius:4px;					
			background-color:#333;	
			}
				
				#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 .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 .nav-div {
			display:inline-block;
			float:left;
			width:2px;
			/*font-size:0;*/
			text-align:center;
			/*background-image:url(../images/nav_div.gif);
			background-position:center;
			background-repeat:no-repeat;*/
			line-height:40px;
			height:40px;
			padding:0 0 0 0;
			margin:0 auto;
			border:none;
			}
				#navigation .sub-nav {
				position:absolute;
				top:40px;
				left:2px;
				display:none;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				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;
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						-ms-box-sizing:border-box;
						box-sizing:border-box;
						height:auto;
						line-height:14px;
						border:none;
						border-radius:0px;
						color:#ffffff;
						background:none;
						padding:12px 13px;
						background-color:#383838;
						border-bottom:solid #343434 1px;
						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:#a2a2a2;
							border-bottom:solid #a2a2a2 1px;
							}
						
								#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;
					}
						
		.nav-right #navigation,
		.nav-right #navigation ul li,
		.nav-right #navigation a,
		.nav-right #navigation .nav-div {
		float:right;	
		}
		
	#mobile-nav {display:none;}

							
	
	/* 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;
	}
	
	
						
							
	/* MEMBERS BAR */					
	.auth-details {
	height:auto;
	line-height:20px;
	text-align:right;
	color:#ffffff;
	background-color:#2e2e2e;
	padding:5px 0;
	}
		.auth-details .wrap {
		padding:0 27px;	
		text-align:right;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-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 {
	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;
			}
						
	/* Rotator Navigation */					
	#rotator-nav {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:700;	
	color:#fff;
	line-height:70px;
	background-color:rgba(51,51,51,0.7);
	}
	
		#rotator-nav a {
		position:relative;
		color:#fff;
		font-weight:500;
		margin-right:24px;
		letter-spacing:0.6px;
		text-transform:uppercase;
		font-size:18px;
		}
		
			#rotator-nav a:hover {
			color:#a9804c;
			}
			
			#rotator-nav a:before {
			content:"";
			height:4px;
			width:0;
			position:absolute;	
			left:50%;
			bottom:-8px;
			background-color:#a9804c;
			-webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
			-moz-transition: 	all 600ms cubic-bezier(0.19, 1, 0.22, 1);
			-ms-transition: 	all 600ms cubic-bezier(0.19, 1, 0.22, 1);
			transition:         all 600ms cubic-bezier(0.19, 1, 0.22, 1);
			z-index:400;
			}
			
				#rotator-nav a:hover:before {
				width:100%;
				left:0;	
				}
		
	
	/* RANDOM IMAGE */
	.random-image {
	color:#ffffff;
	text-align:center;
	padding:40px 0;
	min-height:80px;
	-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.8;
	padding:16px 25px 4px 25px;
	}

	
	#main-divider,
	.main-title {
	color:#fff;
	padding:44px 0;	
	}
		#main-divider {padding:0;}
	
		#main-divider h1,
		.main-title h1 {
		padding:0;
		line-height:1;
		font-weight:300;
		}
		
		#main-divider p,
		.main-title p {
		padding-top:14px;	
		}
	
		.home #main-divider {padding:0;}
	
	
	/* MAIN CONTENT */
	.main {
	line-height:1.8;
	min-height:200px;
	padding:62px 0 32px;
	}
		.home .main {padding:52px 0;}
	
		.main p {
		margin:0 0 0 0;
		padding:0 0 0 0;
		margin-bottom:1.8em;	
		}
		
		.main .main-top {}
		.main .main-bottom {}
		
		
		.main .main-full {
		width:100%;
		}
		
		.main .main-content {
		float:left;
		width:60%;
		}
		
			
			.main .main-box {
			padding:8px 10px;
			background-color:#efefef;
			}
			
			.main .main-box p {
			font-size:13px;
			line-height:18px;
			font-weight:300;
			font-style:italic;
			}
			
		
		.main .thirds {}
			.main .main-third {
			float:left;
			width:30%;
			margin-right:5%;	
			}
			
				.main .thirds > div:nth-child(3n+3) {margin-right:0%;}
				.main .thirds > div:nth-child(3n+4) {clear:left;}
				
			
		.main .full-left {
		float:left;
		width:47%;
		}
		
			.home .main .full-left .img-right {
			margin-top:110px;	
			max-width:50%;
			}
		
		.main .full-right {
		float:right;
		width:47%;
		}
		
		
		
		
		/* MAIN SIDE CONTENT */
		.main .main-left {
		float:left;
		width:35%;
		margin-right:20px;
		}

		.main .main-right {
		float:right;
		width:35%;
		}
		
			.main .main-right .img-left,
			.main .main-left .img-left {float:left;margin-right:10px;margin-top:0;margin-bottom:0;text-align:center;}
			.main .main-right .img-right,
			.main .main-left .img-right {clear:right;float:right;margin-left:10px;margin-top:0;margin-bottom:0;text-align:center;}
		
			.main .main-right p,
			.main .main-left p {
			padding:6px 0;
			margin:0 0 0 0;
			line-height:22px;
			margin-bottom:1px;
			}
			
			.main .main-right .side-holder,
			.main .main-left .side-holder,
			.main .main-right form,
			.main .main-left form {
			padding:6px 0;
			margin:0 0 0 0;
			line-height:22px;
			margin-bottom:1px;
			}
			
				.main .main-right .side-holder p,
				.main .main-left .side-holder p,
				.main .main-right form p,
				.main .main-left form p {
				padding:0 0 12px 0;
				}
		
			.main .main-right h5,
			.main .main-right h6,
			.main .main-left h5,
			.main .main-left h6 {
			margin-top:10px;
			}
			
			.main .main-right h5,
			.main .main-left h5 {}
			.main .main-right h6,
			.main .main-left h6 {}
			
			
			.main .side-nav {
			padding:3px 0;
			margin:0 0 0 0;	
			}
			
			.main .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;
			}
			
				.main .side-nav li a {
				padding:4px 10px;	
				}

			.main-right .form-item,
			.main-left .form-item {
			width:100%;	
			}
	
	
	/* Main Bottom */
	.container-main-bottom.background-image {
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	position:relative;
	}
	
		.container-main-bottom.background-image:before {
		content:"";
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		background-color:rgba(0,0,0,0.3);
		z-index:1;	
		}
	
	
		.main-bottom {
		position:relative;
		z-index:500;
		line-height:1.6;
		padding:32px 0 62px 0;	
		}
		
			.container-main-bottom.background-image .main-bottom {
			color:#ffffff;
			text-align:center;
			padding:100px 0;
			text-shadow:0px 0px 15px rgba(0,0,0,0.3);
			}
			
			.container-main-bottom.background-image .main-bottom a {
			color:#fff;
			}
				.container-main-bottom.background-image .main-bottom a:hover {
				text-decoration:underline;
				}
				
			.container-main-bottom.background-image .main-bottom h3 {color:#fff;}
				
		
			.main-bottom p {
			margin:0 0 0 0;
			padding:0 0 0 0;
			margin-bottom:1.8em;	
			}
			
			
			.contact .main-bottom {
			padding:0px 0;	
			}
			
			.main-bottom iframe {
			display:block;
			margin:0 0 0 0;
			width:100% !important;
			}
			
	
	
	/* MAILCHIMP */
	#mailchimp {
	padding:14px 0;
	}
	
		#mailchimp h2 {
		padding:0;
		line-height:24px;	
		}


	/* MAIN FOOTER */
	#footer {
	line-height:22px;
	color:#000000;
	text-align:left;
	padding:45px 0px;
	font-size:14px;
	}
	
		#footer a {
		display:block;
		clear:both;
		color:#000;
		}
		
		#footer a:hover {text-decoration:underline;}
		
		#footer b,
		#footer strong {
		display:block;
		margin-bottom:8px;
		text-transform:uppercase;
		font-size:16px;	
		}
		
		#footer .footer-left,
		#footer .footer-left-inner {
		position:relative;
		float:left;
		width:18%;
		text-align:center;
		margin-right:5%;
		}
		
			#footer .footer-left {
			height:100px;
			width:200px;	
			margin-right:0;
			}
			
			#footer .footer-left .img-center {
			margin:0;
			position:absolute;
			bottom:-90px;
			left:-50px;
			}
		
		#footer .footer-middle {
		float:left;
		width:20%;
		text-align:center;
		}
		
		#footer .footer-right,
		#footer .footer-right-inner {
		position:relative;
		float:right;
		width:20%;
		text-align:center;
		}
		
			#footer .footer-right {
			width:200px;
			height:100px;
			}
			
			#footer a.facebook-parent {
			line-height:40px;	
			}
				.facebook-parent .icon-facebook {
				position:relative;
				font-size:30px;
				top:6px;
				left:-8px;
				color:#3a5795;
				}
				
					#footer a.facebook-parent:hover .icon-facebook {text-decoration:none;}
		
		
		
	/* BASE */
	#base {
	line-height:22px;
	font-size:14px;
	color:#ADA8A1;
	text-align:center;
	padding:6px 0 20px 0;
	}
		#base a {color:#ADA8A1;}
		#base a:hover {text-decoration:underline;}
		
		
		
	#desktop-link {display:none;}
	
		
		
		
		
	/* COMMON PAGE STYLES
	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:32%;
		margin-right:2%;
		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:48%;
		margin-right:4%;
		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;
						}
						
						
/* PHOTO GALLERY PAGES */

	.gallery-holder {display:block;}
		.gallery-holder .gallery-item {
		float:left;
		width:15%;
		height:auto;
		margin-right:2%;
		margin-bottom:14px;
		text-align:center;
		}
			.gallery-holder .gallery-item img {
			max-width:100%;
			height:auto;
			width:auto\9;
			vertical-align:bottom;
			}
		
		.gallery-holder div:nth-child(6n+6) {margin-right:0%;}
		.gallery-holder div:nth-child(6n+7) {clear:left;}
	
		.gallery-holder .gallery-item-textover {
		float:left;
		width:15%;
		height:auto;
		margin-right:2%;
		margin-bottom:14px;
		text-align:center;
		position:relative;
		}
			.gallery-holder .gallery-item-textover img {
			max-width:100%;
			height:auto;
			width:auto\9;
			vertical-align:bottom;
			}
			
			.gallery-holder .gallery-item-textover .gallery-title {
			position:absolute;
			bottom:0px;
			width:100%;
			color:#ffffff;
			min-height:10%;
			padding-top:5%;
			padding-bottom:5%;
			cursor:pointer;
			-moz-transition:all 0.15s;
			-webkit-transition:all 0.15s;
			transition:all 0.15s;
			background-color:#000000;
			background-color:rgba(0,0,0,0.5);
			}
				.gallery-holder .gallery-item-textover a:hover .gallery-title {	
				padding-top:5%;
				padding-bottom:5%;
				min-height:50%;
				}
	
	
	.gallery-cat-holder {display:block;}
		.gallery-cat-holder .gallery-item {
		float:left;
		width:22%;
		height:auto;
		margin-right:4%;
		margin-bottom:14px;
		text-align:center;
		}
			.gallery-cat-holder .gallery-item img {
			max-width:100%;
			height:auto;
			width:auto\9; 
			vertical-align:bottom;
			}
		
		.gallery-cat-holder div:nth-child(4n+4) {margin-right:0%;}
		.gallery-cat-holder div:nth-child(4n+5) {clear:left;}
		
		.gallery-cat-holder .gallery-item-textover {
		float:left;
		width:22%;
		height:auto;
		margin-right:4%;
		margin-bottom:14px;
		text-align:center;
		position:relative;
		}
			.gallery-cat-holder .gallery-item-textover img {
			max-width:100%;
			height:auto;
			width:auto\9;
			vertical-align:bottom;
			}
			
			.gallery-cat-holder .gallery-item-textover .gallery-title {
			position:absolute;
			bottom:0px;
			width:100%;
			color:#ffffff;
			min-height:10%;
			padding-top:5%;
			padding-bottom:5%;
			cursor:pointer;
			-moz-transition:all 0.15s;
			-webkit-transition:all 0.15s;
			transition:all 0.15s;
			background-color:#000000;
			background-color:rgba(0,0,0,0.5);
			}
				.gallery-cat-holder .gallery-item-textover a:hover .gallery-title {	
				padding-top:5%;
				padding-bottom:5%;
				min-height:50%;
				}
				
				
	
	.gallery-slider-main {
	position:relative;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	height:318px;
	padding:2px;
	border:solid #e1e1e1 1px;
	}
		
		.gallery-slider-main .gsm-image {
		position:absolute;
		left:0px;
		top:2px;
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		height:312px;
		text-align:center;
		display:none;
		}
		
	.gsp-holder {
	width:100%;
	height:72px;
	padding:5px 0px;
	position:relative;
	overflow:hidden;
	margin-top:15px;
	}

		.gsp-holder a.gsp-left,
		.gsp-holder a.gsp-right {
		display:block;
		position:absolute;
		top:5px;
		width:53px;
		height:72px;
		color:#ffffff;
		cursor:pointer;
		background-color:#f2f3f4;
		z-index:900;
		}
			.gsp-holder a.gsp-left:hover,
			.gsp-holder a.gsp-right:hover {
			background-color:#6a6c6d;	
			}
		
			.gsp-holder a.gsp-left {left:0px;}
				.gsp-holder a.gsp-left strong,
				.gsp-holder a.gsp-left b {
				position:absolute;
				left:20px;
				top:25px;
				width:0; 
				height:0; 
				border-top:solid transparent 10px;
				border-bottom:solid transparent 10px; 
				border-right:solid #a4a6a7 10px;
				}
			
			.gsp-holder a.gsp-right {right:0px;}
				.gsp-holder a.gsp-right strong,
				.gsp-holder a.gsp-right b {
				position:absolute;
				right:20px;
				top:25px;
				width:0; 
				height:0; 
				border-top:solid transparent 10px;
				border-bottom:solid transparent 10px; 
				border-left:solid #a4a6a7 10px;
				}
	
		.gsp-holder .gallery-slider-previews {
		position:absolute;
		left:0px;
		top:0px;
		}
		
		.gsp-holder .gallery-slider-previews .gsp-image {
		float:left;
		margin:5px 5px;
		width:90px;
		height:68px;
		text-align:center;
		padding:1px;
		cursor:pointer;
		border:solid #e1e1e1 1px;
		}
			.gsp-holder .gallery-slider-previews .gsp-image img {
			max-height:100%;
			}
			
			.gsp-holder .gallery-slider-previews .gsp-image-current {
			margin:2px 1px;
			width:98px;
			height:74px;
			border:solid #878888 1px;
			}
		
		
	
			
	.photo-holder {
	display:block;
	text-align:center;
	}
	
	.side-gallery-item {
	float:left;
	width:22%;
	}
		.side-gallery-item img {
		max-width: 100%;
		height: auto;
		width: auto\9;
		}



	
	/* 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;}
			
			
			
			
	/* DOCUMENTS PAGES */
	.document-list-holder {}
	
		.document-list-holder .document-list-item {}
		
		
	.document-icons-holder {
	clear:both;
	padding:0 0 20px 0;
	}
	
		.document-icons-holder .document-icons-item {
		position:relative;
		padding-left:22px;
		line-height:26px;
		}
		
			.document-icons-holder .document-icons-item img {
			position:absolute;
			top:4px;
			left:0px;
			}
			
			
	.document-thumbnails-holder {
	clear:both;
	padding:0 0 20px 0;
	}
	
		.document-thumbnails-holder .document-thumbnails-item {
		position:relative;
		float:left;
		width:50%;
		height:110px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		padding-left:110px;
		}
			.document-thumbnails-item .document-thumbnails-item-image {
			position:absolute;
			top:0px;
			left:0px;
			width:100px;
			text-align:center;
			}
		
			.document-thumbnails-item img {
			vertical-align:middle;
			}
				
	/* Grid with text under */	
	.document-grid-holder {margin-bottom:30px; display:block;}
		.document-grid-holder .document-grid-item {float:left; width:32%; margin-right:2%; text-align:center;}		
			.document-grid-holder .document-grid-item:nth-child(3n+3) {margin-right:0;}
			.document-grid-holder .document-grid-item:nth-child(3n+4) {clear:both;}
			
			.document-grid-item .document-grid-item-image {max-height:200px; min-height:150px; width:100%; display:block;}
						.document-grid-item .document-grid-item-image img {max-width:100%; max-height:100%;}
			
			.document-grid-item .document-grid-item-text {height:auto; width:100%; display:block;}
			
	/* List with image side */
	.document-image-list-holder {}
		.document-image-list-holder .document-image-list-item {
		width:100%;
		border-bottom:solid 1px #eee;
		margin-bottom:30px;
		display:block;
		clear:both;
		}
			
			.document-image-list-item .document-image-list-image {width:15%; margin-right:2%; float:left; min-height:100px;}
				.document-image-list-item .document-image-list-image img {max-width:100%; max-height:100%;}
			
			.document-image-list-item .document-image-list-text {width:83%; float:left;}
			
	/* Download List */
	
	.document-download-holder {margin-top:10px;}
		.document-download-holder .document-download-item {
		width:100%;
		border-bottom:solid 1px #eee;
		margin-bottom:15px;
		padding-bottom:15px;
		display:block;
		clear:both;
		height:auto;
		float:left;
		}
		
			.document-download-item .icon-type {width:5%; margin-right:2%;}
			.document-download-item .document-title {width:64%; margin-right:2%;}
			.document-download-item .document-size {width:20%; margin-right:2%; text-align:right}
			.document-download-item .icon-download-image {width:5%; text-align:right}
			
			.document-download-item .icon-type,
			.document-download-item .document-title,
			.document-download-item .document-size,
			.document-download-item .icon-download-image {display:inline-block; float:left; height:auto;}
			


	/*-----------*/
	.sitemap-holder {
	float:left;
	width:30%;
	margin-bottom:14px;
	}
	
	
	
	/* SUBSCRIPTION PLANS PAGE */
	.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;
		}
			
	
	
	/* BLOG PAGES */
	.blog-img-right {clear:right;float:right;margin-left:15px;margin-top:4px;margin-bottom:6px;text-align:center;}

	.blog-item-admin {
	padding:5px;
	background-color:#f4f2ee;
	}	
		.blog-item-admin-footer {
		font-size:11px;
		line-height:18px;
		color:#ffffff;
		background-color:#191919;
		padding:0 5px;
		}
			.blog-item-admin-footer .blog-right {
			float:right;
			text-align:right;
			}
			
			.blog-item-admin-footer a {color:#ffffff;}
			.blog-item-admin-footer a:hover {text-decoration:underline;}
			
			
			
		.blog-item-admin-comments {
		padding:10px 0 0 40px;
		background-image:url(../images/comment_arrow.gif);
		background-position:left top;
		background-repeat:no-repeat;
		}
		
			.blog-item-admin-footer2 {
			font-size:11px;
			line-height:18px;
			color:#6D9EAD;
			background-color:#CFDCE3;
			padding:0 5px;
			}
				.blog-item-admin-footer2 .blog-right {
				float:right;
				text-align:right;
				}
				
				.blog-item-admin-footer2 a {color:#6D9EAD;}
				.blog-item-admin-footer2 a:hover {text-decoration:underline;}
				
			.blog-item-admin-footer3 {
			font-size:11px;
			line-height:18px;
			color:#ffffff;
			background-color:#3A525E;
			padding:0 5px;
			}
				.blog-item-admin-footer3 .blog-right {
				float:right;
				text-align:right;
				}
				
				.blog-item-admin-footer3 a {color:#ffffff;}
				.blog-item-admin-footer3 a:hover {text-decoration:underline;}
	
	
	
	.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%;	
			}
	
	
	/* PRODUCTS PAGES */
	.product-item-table {
	width:24%;
	text-align:center;
	padding:4px 4px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	border:solid #e1e1e1 1px;
	}
		.product-item-table .product-item-image {
		display:block;
		padding-bottom:4px;
		}
			.product-item-table .product-item-image img {
			max-width:100%;
			max-height:100%;
			height:auto;
			width:auto\9; /* ie8 */
			vertical-align:central;
			}
		
		.product-gap {}
		
		.product-basegap {
		font-size:0;
		line-height:10px;
		height:10px;
		padding:0 0 0 0;
		margin:0 auto;
		border:none;
		}
		
		
	.product-item {
	float:left;
	width:24%;
	text-align:center;
	padding:4px 4px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	border:solid #e1e1e1 1px;
	margin-right:1%;
	margin-bottom:10px;
	}
		.product-item .product-item-image {
		display:block;
		padding-bottom:4px;
		}
			.product-item .product-item-image img {
			max-width:100%;
			max-height:100%;
			height:auto;
			width:auto\9; /* ie8 */
			vertical-align:bottom;
			}
			
		.products-holder div:nth-child(4n+4) {margin-right:0%;}
		.products-holder div:nth-child(4n+5) {clear:both;}
		
		
		
		
	
	/* SHOPPING CART PAGES */			
	.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;
			}
			
			
	
	
	
	/* 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 {
		}
		
		
		
		
	.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 .address-selector-button {
			float:left;
			width:10%;	
			}
			
			.address-selector .address-selector-address {
			float:left;
			width:88%;
			padding-top:2px;	
			}
			
			
	
	.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%;
			}
		
		
		
	.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;
		}
		
	
	.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;
			}
			
			
			
	#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;
		}
		
	.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 {}
		
		
	
	/* Forum Module Styles */	
	.forum-table {}
		
		.forum-table th {
		padding:0px 5px;
		font-size:11px;
		border-bottom:solid #eeeeee 1px;
		}
		
		.forum-table td {
		padding:6px 5px;
		line-height:16px;
		border-bottom:solid #eeeeee 1px;
		}
		
		
	/* 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;}




					
					
		#admin-search-box {
		padding:6px 5px;
		border:solid #eeeeee 1px;
		margin-bottom:15px;
		}
			#admin-search-box table td {
			padding:4px 0;	
			}
			
	/* Admin edit form */		
	#form_edit {}
		
		#form_edit th {
		display:none;
		text-align:left;
		font-size:22px;
		line-height:24px;
		padding:4px 0 4px 0;
		}
		
		#form_edit td {
		padding-bottom:6px;
		}
			#form_edit td textarea {
			font-size:11px;
			width:250px;
			height:113px;
			}
			
			#form_edit td select {
			font-size:12px;
			width:245px;
			}
			
			#form_edit td input[type=text] {
			font-size:12px;
			width:240px;
			}
		
		#form_edit .textcell {
		width:165px;
		color:#353535;
		font-weight:bold;
		vertical-align:top;
		}
		
		
		#form_edit .image-selectors {
		clear:left;
		float:left;
		display:inline-block;
		line-height:20px;
		border:solid #ffffff 1px;
		margin-bottom:2px;
		cursor:pointer;
		padding:1px 5px 1px 1px;
		}
			#form_edit .image-selectors img {
			padding:0 0 0 0;
			margin:0 0 0 0;
			vertical-align:middle;
			}
			
			#form_edit .img-sel-on {
			font-weight:bold;
			border:solid #eeeeee 1px;	
			}
		
		
		
		
	/* NEXT PREVIOUS PAGES */		
	.nextprev {float:right;}
		.nextprev .num {
		color:#333333;
		background-color:#E0E0E0;
		padding:0 4px 0 4px;
		margin-left:3px;
		}
		.nextprev .cur {
		font-weight:bold;
		background-color:#B5B5B5;
		}
		.nextprev .np {
		color:#ffffff;
		background-color:#000000;
		padding:0 4px 0 4px;
		margin-left:3px;
		}
		.nextprev .se {
		color:#A0A0A0;
		background-color:#F3F3F3;
		}
		.nextprev a:hover {
		text-decoration:none;
		color:#CCCCCC;
		background-color:#000000;
		}
			
			
	/* FORM STYLES
	Form styles for standard forms. */	
			
			
	/* Login PAGES */	
	#login {}
		#login .login-form {}
		
			#login .login-form li {
			padding-left:0px;
			background:none;
			}
			
				#login .login-form li label {
				display:inline-block;
				width:200px;
				}
		


	/* MAIN FORM */
	form {
	margin:0 auto; 
	padding:0 0 0 0;
	}
				
		.req {
		color:#D60309;
		font-weight:bold;
		font-size:12px;
		}
		
		.form-item {
		clear:both;
		width:100%;
		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;
		}
		
		
			.form-item .label,
			.form-item .label2 {
			/*width:38%;*/
			width:100%;	
			}
			
			.form-item .label-padding {
			/*margin-left:38%;*/
			margin-left:0%;
			}
		
				.main .main-right .form-item .label-padding,
				.main .main-left .form-item .label-padding,
				.main .main-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;*/
		}
		
			.main .main-right .form-item .label,
			.main .main-left .form-item .label,
			.main .main-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;
		}
			.main .main-right .form-item .input,
			.main .main-left .form-item .input,
			.main .main-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;
		}
			.main .main-right .form-item .select,
			.main .main-left .form-item .select,
			.main .main-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;
		}
			.main .main-right .form-item .checkbox,
			.main .main-left .form-item .checkbox,
			.main .main-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;
		}
			.main .main-right .form-item .radio,
			.main .main-left .form-item .radio,
			.main .main-third .form-item .radio {
			float:none;
			width:auto;
			}
			
		
		.form-item .textarea {
		float:left;
		height:auto;
		margin-bottom:5px;
		}
			.main .main-right .form-item .textarea,
			.main .main-left .form-item .textarea,
			.main .main-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:6px;
		height:auto;
		}
			.main .main-right .form-item .subbut,
			.main .main-left .form-item .subbut,
			.main .main-third .form-item .subbut,
			.main .main-right .form-item .g-recaptcha, 
			.main .main-left .form-item .g-recaptcha, 
			.main .main-third .form-item .g-recaptcha, 
			.main .main-left #recaptcha_image,
			.main .main-right #recaptcha_image,
			.main .main-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*/
				line-height:38px;
				height:38px;
				padding:0 12px;
				color:#fff;
				border-radius:4px;
				font-weight:300;
				text-transform:uppercase;
				background-color:#488521;
				border:1px solid #3b7515;	
				-webkit-box-sizing:border-box;
				-moz-box-sizing:border-box;
				-ms-box-sizing:border-box;
				box-sizing:border-box;
				/*appearance:none;
				-moz-appearance:none;
				-webkit-appearance:none;
				border:none;
				background:none;*/
				}
				
					.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:#333;
					}
			
			#continue_button {
			margin-right:5px;
			}
			
	
	
		.form-footer {
		float:left;
		width:100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		font-size:12px;
		color:#666666;
		padding-bottom:5px;
		}
			.main .main-right .form-footer,
			.main .main-left .form-footer,
			.main .main-third .form-footer {
			float:none;
			width:auto;
			}
		
		
		
		.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;
				}
				
				
				
				
	.form-item .g-recaptcha > div > div {max-width:100%;}
	.form-item .g-recaptcha > div > div > iframe {max-width:100%;}
	
	
	/* Mailchimp Form Styles */
	#mc_embed_signup_scroll h2 {
	display:inline-block;
	float:left;	
	font-size:16px;
	margin-right:25px;
	margin-left:35px;
	line-height:38px;
	text-transform:uppercase;
	}
	
	.mc-field-group {
	float:left;
	display:inline-block;	
	margin-right:32px;
	}
	
		.mc-field-group label {display:none;}
		
		.mc-field-group input {
		width:210px;
		height:38px;
		line-height:38px;
		padding-left:18px;
		border-radius:4px;
		color:#b7a8a8;
		border:1px solid #dfdada;
		background-color:#ededed;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		}
		
			.mc-field-group input:focus {
			outline:none;
			outline-offset:none;
			background-color:#dfdada;	
			}
		
		::-webkit-input-placeholder {
		color:#b7a8a8;	
		}
		
		:-moz-placeholder {
		color:#b7a8a8;		
		}
		
		::-moz-placeholder {
		color:#b7a8a8;	
		}
		
		:-ms-input-placeholder {
		color:#b7a8a8;	
		}
	
	.clear input {
	line-height:38px;
	height:38px;
	padding:0 12px;
	font-size:16px;
	color:#fff;
	border-radius:4px;
	font-weight:300;
	text-transform:uppercase;
	background-color:#488521;
	border:1px solid #3b7515;	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	}
	
		.clear input:hover {
		background-color:#333;	
		}
	
		.clear input:focus {
		outline:none;
		outline-offset:none;
		background-color:#333;
		}
				
	/* Google reCaptcha widget styles */
	
	#recaptcha_image {
	width:60% !important;
	margin-left:40%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	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;
		}
		
			.main .main-left .input,
			.main .main-right .input,
			.main .main-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;}
			
			
		
			.main .main-left .recaptcha_options li a,
			.main .main-right .recaptcha_options li a,
			.main .main-third .recaptcha_options li a {
			top:0px;
			}
		
		
		
		
	/* Icon set styles (Beginning of project) */
	
	*[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: 'wholegrainorganics';
	src:    url('../images/fonts/wholegrainorganics.eot?gk1lvh');
	src:    url('../images/fonts/wholegrainorganics.eot?gk1lvh#iefix') format('embedded-opentype'),
			url('../images/fonts/wholegrainorganics.woff2?gk1lvh') format('woff2'),
			url('../images/fonts/wholegrainorganics.ttf?gk1lvh') format('truetype'),
			url('../images/fonts/wholegrainorganics.woff?gk1lvh') format('woff'),
			url('../images/fonts/wholegrainorganics.svg?gk1lvh#wholegrainorganics') 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: 'wholegrainorganics' !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-location:before {
	content: "\e900";
	}
	.icon-phone:before {
	content: "\e901";
	}
	.icon-menu:before {
	content: "\e902";
	}
	.icon-facebook:before {
	content: "\e903";
	}
	
	
		