html, body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: "Lato";
}
H2, H3, H4, H5, H6 {
	text-transform:capitalize;
}
.dark {
	font-weight:normal;
}
.darker {
	font-weight:bold;
}
.green {
	color:#508d24;
}
.btm-pad {margin-bottom:0.65em!important;}
#logo {
	margin-top:10px;
	padding: 5px 0 15px 0;
	color: #333;
	font-family: "Lato", Verdana, Arial, Helvetica, sans-serif;
	width:100%!important;
	text-align:center;
	text-decoration:none;
}
#logo a, #logo h1 {
	font-family: "Crimson Text" !important;
	font-size: 36px !important;
	color: #387b07 !important;
	font-weight:100;
	text-decoration:none;
    margin: 0 0 24px 0;
    padding: 0 0 0 0;
}
#logo a:hover, #logo h1:hover {
	color:#000;
	text-decoration:none;
}
#head-bg {
    width: 100%!important;
	margin-bottom:8px!important;
	clear:both;
}
#head {
    max-width: 100%!important;
	text-align:center;
    height: 110px;
    margin: 0 auto 40px auto;
    padding: 0 0 0 0;
    background-color:#CCC;
    border: 1px solid transparent;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	overflow:visible;
}

#wrap, .container  {
	width:1032px;
	max-width:98%!important;
	clear:both;
}
#quote {
	padding-top:5px!important;
}

#wrap a:link, #main-content a:link, #content a:link {color:#b39964;text-decoration:none}
#wrap a:link:hover, #main-content a:link:hover, #content a:link:hover {color:#620;text-decoration:underline}
.caps { text-transform:uppercase; }
.small-caps { font-variant:small-caps }
.mojo {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px!important;
}
@media screen and (min-width: 800px) {
	.mojo {	font-size: 68px !important;	}
	#hwyc {	font-size: 48px !important;		font-family:Georgia, "Times New Roman", Times, serif; }
}
#formulated {
	margin-top:1em;
	font-weight:900!important;
	font-size:1.2em;
}
#nature-lipton {
	font-size:0.8em!important;
	margin-bottom: 15px!important;
}
#page-display-title-light, #page-display-title-dark {
	text-align:center;
	font-family:"Lato Light","Trebuchet MS", Arial, Helvetica, sans-serif
	font-size:0.8em;
	text-align:left;
	padding:0 5px 0 5px;
	margin-top:5px!important;
	padding-bottom:15px;
	margin-right:5px;
}
#page-display-title-light H2 {
   text-shadow: 2px 2px #b39964;
}
#page-display-title-dark H2 {
   text-shadow: none;
}
#page-display-title-light H1, #page-display-title-light H2, #page-display-title-light H3 {color:#FFF;}
#page-display-title-dark H1, #page-display-title-dark H2, #page-display-title-dark H3 {color:#630;}
#page-display-title-light H1 DIV {font-weight:900!important;}
#page-display-title-light #overlay {
	width:100%!important;color:#FFF;margin-top:-320px;height:320px;clear:both;
}
#page-display-title-light p#formulated {color:#000;}

DIV.checkout-wrapper UL.lists LI {
	list-style-type:none!important;
}
@media screen and (min-width: 800px) {
	DIV.checkout-wrapper UL.lists LI.half {
		width:49%!important;
		padding-right:5px;
		float:left;
	}
}
@media screen and (max-width: 800px) {
	#page-display-title-light #overlay {
		width:100%!important;color:#FFF;margin-top:40px!important;height:auto!important;clear:both;
	}
	#page-display-title-light H1 {font-size:2em;}
	#page-display-title-light H1, #page-display-title-light H2, #page-display-title-light H3 {color:#FFF!important;}
	#page-display-title-light p#formulated {color:#333;}
}

#page-display-title-light #banner-content hr {margin:15px 7px 15px 7px; color:#e5e5e5; height:1px; background-color:#e5e5e5; border:0;}
#page-display-title-dark #banner-content hr {margin:15px 7px 15px 7px; color:#630; height:1px; background-color:#630; border:0;}
#page-display-title-dark #banner-content.narrow-hr hr {margin:25px 75px 25px 75px;}

.wide-space-height {font-size:44px; font-family:"Lato",sans-serif;line-height: 1.5em;}

#page-display-title-dark p.headline-paragraph {
	color:#333333;
}
#banner-content {
	color:#333333;
	font-weight:lighter;
}
#banner-content p.headline-paragraph {
	color:#333333;
	font-weight:500!important;
}
#banner-content .large {
	font-size:44px!important;
}

.left {text-align: left;}
.center {text-align: center;}
.italic {font-style:italic;}
.bold {font-weight:bold;}
.capitals {text-transform:uppercase;}
a.underline, span.underline, .underline  {text-decoration:underline;}
.larger {font-size:1.4em;}

.small-block{
	width:480px!important;
	max-width:98%!important;
	padding-top:20px!important;
	clear:both;
}
.button-wrap {
	margin:2em;
	text-transform:capitalize;
}
.button-inner {
	font-size:0.9em!important;
	font-weight:bold;
	background: #C8AE79;
	color:#FFF;
	padding:8px 12px 8px 12px;
}
.button-inner:hover {
	background: #b39964;
	text-decoration:none;
}
a.button-inner:link {
	text-decoration:none;
}

#promo-top table.warning {
	margin:5px 0 18px 0;
	padding:0 5px 0 5px;
	border:3px solid red;
	width:98%!important;
	clear:both;
}
#footer-wrap {
	margin-top:8px;
	padding:8px 0 8px 0;
	font-size:0.85em;
	border-top:1px dotted #663;
	text-align:center;
}
.icon {
	width:16px!important;
}
.pad-btm {margin-bottom:8px!important;}
#wrap, #quote {max-width:98%!important; clear:both;}

/* Start Page Layouts */
		#wrap, .wrap {
			width:1032px;
			max-width:98%!important;
			margin:0 auto;
			padding:3px 3px 3px 3px;
		}
		.fullwidth {
			float:right;
			width:100%!important;
			display:block;
		}
		.half-left {
			float:left;
			width:49%!important;
		}
		.half-right {
			float:right;
			width:49%!important;
		}
		.twothirds-left {
			float:left;
			width:66%!important;
		}
		.thirds-right {
			float:right;
			width:33%!important;
		}
		.main-left {
			float:left;
			width:80%!important;
		}
		.sidebar-right {
			float:right;
			width:20%!important;
			background:#c9c;
			padding:0 auto 0 auto;
		}
		.main-right {
			float:right;
			width:74%!important;
		}
		.sidebar-left {
			float:left;
			text-align:center;
			width:24%!important;
			padding:0 5px!important; 0 5px!important;
		}
		.inline-image {
 			float:right; 
			border:1px solid #630;
			border:0px;
			padding: 0 0 0 0;
			margin:0 0 5px 5px;
			font-size:0.85em;
			max-width:98%!important;
		}
		.inline-image IMG.image-border-thin {
			border:1px solid #999;
			margin:3px 0 3px 3px;
			padding:3px 3px 3px 3px;
			background-color:#FFF;
			max-width:98%!important;
		}
		DIV.sidebar-left .inline-image IMG.image-border-thin {
			width:225px!important;
			max-width:100%!important;
		}
		.inline-image IMG.content-chart {
			border:0px solid #999;
			margin:3px 0 3px 3px;
			padding:3px 3px 3px 3px;
			background-color:#FFF;
			width:360px!important;
			max-width:98%!important;
		}
		DIV.inline-list-wrapper {
			margin-left:50px!important;
			padding-left:15px!important;
			display:inline;clear:left;
			width:98%!important;
			float:right;
		}
		DIV.inline-list-wrapper ul { 
			list-style-type:circle!!important;
			line-height:1.4em!important;
			}
		DIV.table-wrap {}
		DIV.table-wrap TABLE {width:98%!important;}
		DIV.table-wrap TD.multicol-colspan-full {width:98%; padding:0 15px;}
		DIV.twothirds-left DIV.table-wrap TR.multicol-tr {width:98%; padding:0 15px;}
		DIV.twothirds-left DIV.table-wrap TD.multicol-col {width:48%; padding:0 15px;}
		TABLE.primary {width:98%; padding:0 5px;}
		TABLE.primary TD {max-width:98%;}
		TABLE.primary TD INPUT,TABLE.primary TD SELECT, TABLE.primary TD TEXTAREA {max-width:98%!important;}
		
		@media screen and (max-width: 800px) {
			#wrap {
				max-width:98%!important;
				margin:3px 3px 3px 3px;
				padding: 3px;
				background:#99c;
				max-width:98%!important;
			}
			.main, .sidebar, .half-left, .half-right, .twothirds-left, .thirds-right {
				float:left;
				width:98%!important;
				display:block;
			}
			.main-left, .sidebar-right, .main-right {
				float:left;
				background-image:url(../images/white-textured-paper-600x600.jpg)!important;
				background-repeat: repeat !important;
				background-color: #FFF!important;
				width:98%!important;
				display:block;
			}
			.main-right {
				margin-top:5px!important;
				margin-left:-6px!important;
				margin-right:5px!important;
				margin-bottom:5px!important;
				border:1px solid #630;
				padding-left:5px!important;
				width:99%!important;
			}
			.sidebar-left {
				width:98%!important;
				clear:both;
				text-align:center;
			}
			.sidebar-left DIV {
				text-align:center;
			}
			.sidebar-left IMG {
				width:45%!important;
				text-align:center;
				width:auto!important;
				max-width:98%!important;
			}
			.sidebar-left DIV .fb-box {
				display:none;
			}
			.inline-image {
 				float:none; 
				width:98%!important;
				border:none;
				margin:3px 3px 3px 3px;
				padding:3px 3px 3px 3px;
				text-align:center!important;
			}
			DIV.sidebar-left .inline-image IMG.image-border-thin, .inline-image IMG.image-border-thin {
				border:1px solid #999;
				margin:3px 0 3px 3px;
				padding:3px 3px 3px 3px;
				background-color:#FFF;
				width:150px!important;
				max-width:100%!important;
			}
			iframe {
				float:left;
				max-width:98%!important;
				height:220px!important;
				background-color:#FFF;
				display:block;
				clear:both;
			}
			#banner-content H2.large {
				padding-top:0px!important;
				margin-top:-18px!important;
			}
			DIV.inline-list-wrapper {
				margin-left:15px!important;
				margin-bottom:5px;
				max-width:90%!important;
				float:left;
			}
		}
/* End Page Layouts */
.processing_advice { /* emails */
	border-bottom: 1px solid #CCC:
	text-align:left;
	vertical-align:middle;
	clear:both;
}
.processing_advice IMG { /* emails */
	float:left;
	display:inline;
}
.processing_advice H1, .processing-advice H2, .processing-advice H3 {
	display:inline;
	clear:both;
}

#map {overflow:hidden;height:300px;width:640px; max-width:100%!important; margin-bottom:18px!important;}
#gmap_canvas img{max-width:98%!important;background:none!important}
#gmap_canvas {height:300px;width:640px;max-width:98%!important;}

@media screen and (max-width: 800px) {
	#map {overflow:hidden;height:300px;width:500px; max-width:85%!important; margin-bottom:8px!important;}
	#gmap_canvas img{max-width:100%!important;background:none!important}
	#gmap_canvas {height:300px;width:500px;max-width:100%!important;}
}

.fb_box {
	width:250px!important;
	border: 0px solid #660; 
	margin:8px 5px 5px 5px!importannt;
	margin-top:5px!important;
	overflow-y: hidden;
}
.back-to-top {
	position: fixed;
	bottom: 0.45em;
	right: 0px;
	text-decoration: none;
	color: #FFF;
	background-color: #b39964; /* rgba(235, 235, 235, 0.80); */
	font-size: 12px;
	padding: 1em;
	vertical-align:middle;
	display:none;
}
a.back-to-top {
	text-decoration:none;
	color:#FFF;
	vertical-align:middle;
}
a.back-to-top:hover {
	text-decoration:none;
	color:#FF6;
}
to-top:hover {
	text-decoration:none;
    background-color:#09C;
	color:#E1BC09;
}
.to-top a IMG {
	text-decoration:none;
	border:0;
	vertical-align:middle;
}
#email_advice {
	margin:8px 0 8px 0;
	padding:8px 0 8px 0;
	font-size:0.85em;
	border-top:1px dotted #663;
	border-bottom:1px dotted #663;
	text-align:left;
	line-height:1.3em;
}
.sml {
	font-size:0.85em;
}
# Back to Top style #
a.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 12px;
    padding: 1em;
    display: none;
}
a.back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
}

# Weebly styles #
.top_and_tail {
	border-top:1px solid #b39964;
	border-bottom:1px solid #b39964;
	margin-top:5px;
}
.tail_only {
	border-bottom:1px solid #b39964;
	margin-top:5px;
}
.top_only {
	border-top:1px solid #b39964;
	margin-top:5px;
}
.content-title {
	text-transform:capitalize;
	margin-bottom:15px;
	font-weight:800;
	margin:bottom:1.5em!important;
}
.image-box-padding {
	padding-top:5px;padding-bottom:0;margin-left:0;text-align:center;
}
.image-box-padding IMG, .sidebar-left IMG {
	padding: 5px 5px 5px 5px;
	margin-bottom:5px;
	max-width:98%!important;
	clear:both;
}
.image-border-thin {
	border:1px solid #663;
}
.image-border-thick {
	border:2px solid #663;
}
.signature {
	font-weight:500;
	font-style: italic;
	font-family:"Lato";
	color:#900;
}

/* New shop styles: 09JAN2015 */
#order_items { margin-top:5px!important; }
#order_items TD.header, TD.header { color:#FFF; background-color:#98AA20; }
DIV.delivery_banner { background-color:#98AA20; color:#FFF; padding:3px 3px 3px 3px; }
#order_details {padding:0px 5px 0px 5px;}
#order_details DIV.personal_details {float:left;width:260px;padding:0px 0px 0px 0px;}
#order_details DIV.deliver_to {float:right;border:1px solid #666;width:260px;padding:0px 0px 0px 0px;}

@media screen and (max-width: 800px) {
	#order_details DIV.personal_details {float:none; width:100%!important;}
	#order_details DIV.deliver_to {float:none;width:100%!important; margin-top:5px;}
}

/* End New Shop Styles */