@font-face {
	font-family: 'the_sans_boldregular';
	src: url('fonts/thesansbold-plain-webfont.eot');
	src: url('fonts/thesansbold-plain-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/thesansbold-plain-webfont.woff') format('woff'),
	url('fonts/thesansbold-plain-webfont.ttf') format('truetype'),
	url('fonts/thesansbold-plain-webfont.svg#the_sans_boldregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'the_sansregular';
	src: url('fonts/thesans-plain-webfont.eot');
	src: url('fonts/thesans-plain-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/thesans-plain-webfont.woff') format('woff'),
	url('fonts/thesans-plain-webfont.ttf') format('truetype'),
	url('fonts/thesans-plain-webfont.svg#the_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'the_sans_semi_boldregular';
	src: url('fonts/thesanssemibold-plain-webfont.eot');
	src: url('fonts/thesanssemibold-plain-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/thesanssemibold-plain-webfont.woff') format('woff'),
	url('fonts/thesanssemibold-plain-webfont.ttf') format('truetype'),
	url('fonts/thesanssemibold-plain-webfont.svg#the_sans_semi_boldregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'the_sans_semi_lightitalic';
	src: url('fonts/thesanssemilight-italic-webfont.eot');
	src: url('fonts/thesanssemilight-italic-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/thesanssemilight-italic-webfont.woff') format('woff'),
	url('fonts/thesanssemilight-italic-webfont.ttf') format('truetype'),
	url('fonts/thesanssemilight-italic-webfont.svg#the_sans_semi_lightitalic') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'the_sans_semi_bolditalic';
	src: url('fonts/thesanssemibold-italic-webfont.eot');
	src: url('fonts/thesanssemibold-italic-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/thesanssemibold-italic-webfont.woff') format('woff'),
	url('fonts/thesanssemibold-italic-webfont.ttf') format('truetype'),
	url('fonts/thesanssemibold-italic-webfont.svg#the_sans_semi_bolditalic') format('svg');
	font-weight: normal;
	font-style: normal;

}

* {
	margin:0;
	padding:0;
	font-size:100.01%;
}

html {
	overflow-y:scroll;
}

body {
	font-size:62.5%;
	font-family:"the_sans_semi_lightitalic";
	border:0;
}

body strong {
	font-family:"the_sans_semi_bolditalic";
	font-weight:normal;
}

.clearfloat {
	clear:both;
	float:none;
}

/*--------------------------------*/

a {
	color:#72B646;
	text-decoration:none;
}

a:focus,
a:hover {
	text-decoration:underline;
}

a img {
	border:0;
}

.greenText {
	color:#72B646;
}

#main {
	width:77em;
	margin:0 auto;
}

#header {
	background: url(img/header-bg.png) repeat-x left bottom;
	border-bottom:#72B646 solid 1px;
}

#header .inner {
	width:77em;
	margin:0 auto;
	position:relative;
	padding-bottom:24px;
}

#header a {
	display:block;
	background:url(img/header-logo.png) no-repeat center center;
	width:376px;
	height:63px;
	margin:0 auto;
	padding:30px;
}

#header a * {
	position:absolute;
	left:-2000px;
	top:-2000px;
	width:1px;
	height:1px;
	overflow: hidden;
}

#header .bgl {
	background: url(img/header-stones-left.png) no-repeat left top;
	width:64px;
	height:101px;
	position:absolute;
	left:0;
	top:42px;
}

#header .bgr {
	background: url(img/header-stones-right.png) no-repeat left top;
	width:80px;
	height:105px;
	position:absolute;
	right:0;
	top:35px;
}

#nav {
	border-bottom:#72B646 solid 1px;
	width:100%;
	overflow:hidden;
}

#nav .inner {
	width:200%;
	margin-left:-50%;
}

#nav .innerinner {
	float:left;
	margin-left:50%;
}

#nav ul {
	list-style-type:none;
	margin:0 auto;
	position:relative;
	left:-50%;
}

#nav ul li {
	float:left;
}

#nav ul {
	float:left;
}

#nav ul a {
	color:#000;
	display:block;
	padding:0.6em 2em;
}

#nav ul a:focus,
#nav ul a:hover {
	color:#999;
	text-decoration:none;
}

#nav ul a.active {
	color:#72B646;
	text-decoration:none;
}

#nav ul a span {
	font-size:2em;
	font-family:the_sans_semi_boldregular;
}

#content {
	float:left;
	width:100%;
	padding:2.9em 0;
}

#content h1 {
	position:absolute;
	left:-2000px;
	top:-2000px;
	width:1px;
	height:1px;
	overflow:hidden;
}

#content h2 {
	font-size: 1.9em;
	line-height:1.6666667em;
	color:#72B646;
	font-family:the_sans_boldregular;
	font-weight: normal;
}

#content h2 ~ h2 {
	/*padding-top:1.7em;*/
}

#content .contentblocks .img {
	vertical-align: text-bottom;
	margin-left:0.684210526em;
	position:relative;
	top:0.31578947em;
	display:inline-block;
}

#content .contentblocks .img-floated {
	padding-bottom:1.6em;
	margin:0;
	display:block;
}

#content .contentblocks .img-floated img {
	float:right;
	margin-top:-0.6em;
}

#content .contentblocks ul,
#content .contentblocks p {
	clear:left;
}

#content .product p {
	clear:none;
}

#content .product .contentImg {
	float:left;
	margin:1em 3em 1em 0;
}

#content .shopbuttonContainer {
	float:left;
	width:100%;
}

#content .shopbuttonContainer p {
	float:left;
}

#content .shopbuttonContainer .shopbutton {
	margin-left:3.444444em;
	background:#72B646;
	border-radius:2em;
	color:#fff;
	display:inline-block;
	padding:0 1em 0.1em;
	font-family: the_sans_semi_bolditalic;
	margin-top:0.5em;
}

#content .shopbuttonContainer .shopbutton:focus,
#content .shopbuttonContainer .shopbutton:hover {
	text-decoration: none;
	background: #87ca45;
}

#content dt,
#content dd,
#content li,
#content p {
	font-size: 1.8em;
	line-height:1.6666667em;
}

#content p {
	margin-bottom:0.6666667em;
}

#content dl {
	float:left;
	width:100%;
	margin-bottom:0.6666667em;
}

#content dl dt {
	float:left;
	width:7.7777778em;
	clear:both;
}

#content dl dd {
	float:left;
	width:34.722222em;
}

#content dl dd.highlighted {
	font-family:the_sans_semi_bolditalic;
	color:#72B646;
}

#content dl dd li,
#content dl dd p {
	font-size:1em;
}

#content dl dd ol,
#content dl dd ul,
#content dl dd p {
	margin-bottom:0;
}

#content dl dd * ~ ol,
#content dl dd * ~ ul {
	margin-bottom:1.2em;
}

#content dl dd * ~ p {
	margin-bottom:0.6666667em;
}

#content .ecgImage {
	display: inline-block;
	float:left;
	margin-right:4.722222em;
	vertical-align: text-top;
}

#content .ecgImage img {
	vertical-align: middle;
}

#content ul {
	list-style-type: none;
	margin-bottom:1.2em;
}

#content ul li {
	padding-left:0.611111em;
	background:url(img/list-item.png) no-repeat left 0.722222em;
}

#content .subnav {
	padding-top:1.7em;
	padding-right:25em;
	padding-bottom:7em;
	clear:both;
	position: relative;
}

#content .subnav ul {
	list-style-type: none;
}

#content .subnav li {
	font-family:the_sansregular;
	padding-left:0.611111em;
	background:url(img/list-item.png) no-repeat left 0.722222em;
}

#content .subnav li strong {
	font-family:the_sans_boldregular;
	font-weight:normal;
}

#content .subnav-bg {
	position:absolute;
	right:30px;
	bottom:0;
	background:url(img/products-bg.png) no-repeat left top;
	width:219px;
	height:451px;
	z-index:-1;
}

#content .pictorial {
	float:left;
	width:100%;
	padding:1.7em 0;
}

#content .pictorial img {
	vertical-align: middle;
	margin-top:0.9em;
	max-width:100%;
}

#content .pictorial img ~ img {
	margin-top:2em;
}

#content .pictorial .pictures {
	float:left;
	width:15.58441558%;
}

#content .pictorial .text {
	float:right;
	width:81.1688311688%;
}

#content .pictorial .text ul {
	margin-bottom:2.8em;
}

#content .pictorial .text p {
	margin-bottom:1.5555556em;
}

#content .pictorial .name {
	clear:both;
}

#content .pictorial .name p {
	font-size:1.6em;
}

#content .pictorial .name p strong {
	font-family:the_sans_boldregular;
	color:#72B646;
}

#content form {
	clear:both;
	padding:5em 0;
}

#content form h2 {
	padding-bottom:1em;
}

#content form fieldset {
	border:0;
}

#content form .spam-protect {
	display:none;
}

#content form small {
	text-align: left;
	font-size:1.2em;
	display:block;
	float:left;
	width:40%;
}

#content form label {
	display:block;
	clear:both;
	float:left;
	width:100%;
	padding-bottom:1em;
}

#content form .label {
	font-size:1.8em;
	display:block;
	float:left;
	width:7.7777778em;
}

#content form label input,
#content form label textarea {
	font-size:1.8em;
	font-family:inherit;
	float:left;
	width:100%;
}

#content form .field {
	float:left;
	width:40.5em;
}

#content form .buttons {
	margin-left:14em;
	text-align:right;
	width:40.5em;
	clear: both;
}

#content form .submit {
	font-size:1.8em;
	font-family:inherit;
	padding:0 1em;
}

#footer {
	border-top:#666 solid 1px;
	padding-bottom:10em;
	font-family:the_sansregular;
	color:#333;
	clear:both;
}

#footer .text {
	float:left;
	padding:0.5em 0;
}

#footer .text p {
	font-size:1.2em;
	line-height:1.5em;
}

#footer ul {
	float:right;
	list-style-type: none;
	padding:0.5em 0;
}

#footer li {
	font-size:1.2em;
	float:left;
	line-height:1.5em;
	display:inline;
}

#footer li ~ li {
	border-left:#666 solid 1px;
}

#footer li a {
	display:inline-block;
	padding:0 0.833333em;
}

#footer li.last a {
	padding-right:0;
}

#footer .subtext {
	margin:2em 0;
	clear:both;
	float:left;
	font-size: 1.1em;
}

#footer .subtext small {
	color:#999;
}


@media screen and (max-width: 800px){
	#main {
		width:55em;
	}

	#header .inner {
		width:55em;
	}

	#content dl dd {
		width:22.5em;
	}

	#content .ecgImage {
		display: block;
		float:none;
	}
}

@media screen and (max-width: 650px){
	#main {
		width:auto;
		max-width:100%;
	}

	#body,
	#footer {
		padding:0 2em;
	}

	#header .inner {
		width:auto;
		max-width:100%;
	}

	#header .bgl,
	#header .bgr {
		display:none;
	}

	#nav ul li {
		float:none;
		text-align:center;
	}

	#content dl dt,
	#content dl dd {
		float:none;
		width:auto;
	}

	#content dl dd {
		padding-bottom:1em;
	}

	#content form .label {
		float:none;
		width:auto;
	}

	#content form .field,
	#content form .buttons {
		width:100%;
	}

	#content form .buttons {
		margin-left:0;
	}

	#content .subnav {
		padding-right:0;
	}

	#content .subnav-bg {
		display:none;
	}

	#content .product .contentImg {
		float:none;
		margin:0;
	}
}

@media screen and (max-width: 450px){
	#header .inner {
		padding-bottom:0;
	}

	#header a {
		background-size: 70%;
		padding:0;
		width:auto;
		height:100px;
	}

	#content form .field {
		width:100%;
	}
}