/* Presentation Stylesheet */ 

body {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 1.05em;
	background: #8cc63f url(../image/background.jpg) no-repeat top left;
}
img {
	border: 0;
}


#wrapper {
	text-align: left;
}

#header {
	color: #434d3e;
	/*font-weight: bold;*/

	font-size: 75%;
}
#header a {
	color: #434d3e;
	text-decoration: none;
}
#header a:hover {
	color: #5f9938;
	text-decoration: none;
}

#logo {
	background: #ffffff url(../image/logo.png);
	overflow: hidden;
	white-space: nowrap;
}
#logo h1 {
	padding: 0;
	margin: 0;
	font-size: 300px;
}
#infoline {
	float: right;
	margin-right: 18px;
	margin-top: -50px;
}
#header-menu {
	text-align: right;
}

#header-menu ul {
	list-style-type: none;
	display: inline;
}
#header-menu li {
	display: inline;
	padding-right: 3px;
}
#header-menu li:after {
	content: ' .';
}
#header-menu li.last-menu-item:after {
	content: '';
}

#content a {
	text-decoration: none;
	color: #418a0f;
}

#content a:hover {
	text-decoration: none;
	color: #8cc63f;
}
.box a {
	text-decoration: none;
	color: #418a0f;
}
.box a:hover {
	color: #8cc63f;
}
.box .content p {
	margin: 0 7px 0 0;
	padding: 0 0 11px 0;
	font-size: 75%;
}
.box .content h2 {
	margin: 0 7px 0 0;
	padding: 0 0 11px 0;
	font-size: 81.25%;
	font-weight: bold;
}
.box .content p.separator-paragraph {
	margin-bottom: 11px;
	border-bottom: 1px solid #a3d165;
}
.box .content ul.research.separator-list {
	margin-bottom: 11px;
	border-bottom: 1px solid #a3d165;
}
.box .content ol.research.separator-list {
	margin-bottom: 11px;
	border-bottom: 1px solid #a3d165;
}
.box .content img.illustration {
	float: left;
	padding: 0 11px 11px 0;
}
.box .content .back {
	float: right;
}
.box .content h1 {
	font-size: 100%;
	font-weight: normal;
	padding: 0 0 11px 0;
	margin: 0;
}
.box .content ul.research {
	margin: 0 7px 0 0;
	font-size: 75%;
	font-weight: normal;
	padding: 0 0 11px 19px;
	list-style-image: url(../image/bullet.gif);
}
.box.side .content ul,
.box.middle .content ul {
	margin: 0 7px 0 0;
	padding: 0 0 11px 0px;
	list-style-image: none;
}
.box.side .content ul {
	font-size: 81.25%;
}
ul.faq {
	margin: 0 7px 0 0;
	font-size: 100%;
	font-weight: normal;
	padding: 0 0 11px 0px;
}
.box.middle .content ul {
	font-size: 100%;
}
ul.faq li,
.box.side .content ul li, 
.box.middle .content ul li {
	border-bottom: 1px solid #ecedeb;
	padding-bottom: 3px;
}

ul.faq li.last {
	border-bottom: none;
}
.box.side .content ul li.last, 
.box.middle .content ul li.last {
	border-bottom: 1px solid #8cc63f;
}
ul.faq a,
.box.side .content ul a,
.box.middle .content ul a {
	color: #434d3e;
}
ul.faq a:hover,
.box.side .content ul a:hover,
.box.middle .content ul a:hover {
	color: #8cc63f;
}
.box.middle .content h1 {
	padding: 0 0 11px 0;
	margin: 0;
	height: 29px;
}
.box.bottom .content h1 {
	padding: 0 0 11px 0;
	margin: 0;
	height: 36px;
}
.box.full .content h1 {
	padding: 0 0 14px 0;
	margin: 0;
}
/*.box .content .hd .more h1 a {
	cursor: pointer;
}
*/
.box.full {
	cursor: pointer;
}
.box.side .content h1 {
	padding: 0 0 11px 0;
	margin: 0;
	height: 38px;
}

.box .content ol {
	margin: 0 7px 0 0;
	font-size: 75%;
	font-weight: normal;
	padding: 0 0 11px 29px;
}
.box .content ol p {
	font-size: 100%;
}
.box.middle .content h1 span,
.box.bottom .content h1 span,
.box.side .content h1 span {
	position: absolute;
	text-indent: -900%;
}
.box.side .content h1#registration2,
.box.side .content h1#registration {
	background: url('../image/header-registration.gif') no-repeat;
}
.box.side .content h1#others {
	background: url('../image/header-others.gif') no-repeat;
	height: 64px;
}
.box.side .content h1#newsletters {
	background: url('../image/header-newsletters.gif') no-repeat;
	height: 30px;
}
.box.side .content h1#subscription {
	background: url('../image/header-newsletter.gif') no-repeat;
}
.box.side .content h1#contents {
	background: url('../image/header-contents.gif') no-repeat;
	height: 30px;
}
.box.middle .content h1#faq {
	background: url('../image/header-faq.gif') no-repeat;
}
.box.bottom .content h1#users {
	background: url('../image/header-users.gif') no-repeat;
}
.box.side .content h1#iwould {
	background: url('../image/header-iwould.gif') no-repeat;
	height: 39px;
}
.box.side .content h1#problems {
	background: url('../image/header-problems.gif') no-repeat;
	height: 41px;
}
.box.footerinfo1 {
	width: 185px;
}
.box.footerinfo2 {
	width: 360px;
}
.box.buttoninfo1 {
	width: 368px;
}
.box.buttoninfo2 {
	width: 368px;
}
.box.full div.hd {
	overflow: hidden;
}
.box.full div.more {
	background: url(../image/bullet-full.gif) no-repeat 100% 3px;
	margin-right: 7px;
	overflow: hidden;
}
/**/
.box.full h1 a:hover,
.box.full h1 a {
	color: #fff;
}
.box.full div.more h1 {
	line-height: 1em;
	font-size: 74%; /*75%*/
	padding-bottom: 0;
}
.box.full div.more.high {
	background-position: 100% 37px;
}
.box.full div.more.high h1 {
	line-height: 1.2em;
	font-size: 82.5%;
	font-weight: bold;
}
.box.full div.more.semihigh {
	background-position: 100% 23px;
}
.box.full div.more.semihigh h1 {
	line-height: 1.2em;
	background-position: 100% 23px;
	font-size: 100%;
	font-weight: bold;
}
.box.full div.more.big h1 {
	font-size: 100%;
}
.box.full div.more.strong h1 {
	font-weight: bold;
}
.box.side .content p {
	margin: 0 7px 0 0;
	padding: 0 0 11px 0;
	font-size: 87.5%;
}
.box.side .content p.separator-paragraph {
	margin-bottom: 11px;
	border-bottom: 1px solid #a3d165;
}
.box.side .content p.small {
	font-size: 75%;
}
.box .content .ft {
	font-size: 75%;
}
.box .content .ft div {
	margin-right: 7px;
	background: url(../image/bullet.gif) no-repeat 100% center; 
}
.center {
	text-align: center;
}
.footer {
	padding-right: 7px;
}
#footer {
	margin-right: 7px;
	text-align: right;
	color: #efeeac;	
	font-size: 62.5%;
}
#footer a {
	color: #efeeac;	
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: underline;
}

form input.text {
	border: 1px solid #ababab
}
form textarea {
	border: 1px solid #ababab
}
/*
form label.mandatory-field:after {
	content: '*'
}
*/

input.submit {
	width: 100px;
}
input.text {
	width: 170px;
	height: 20px;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 92%;
}
.side form {
	font-size: 81.5%;
	margin: 0;
}
.side input.text {
	width: 140px;
	height: 20px;
}
textarea#comment {
	width: 350px;
	height: 185px;
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 92%;
}
#contact-wrapper {
	position: relative;
}
#contact {
	position: absolute;
	top: 0;
	left: 370px;
}
#contact div {
	border-left: 1px solid #a3d165;
	padding-left: 11px;
}
#comment-form {
	width: 370px;
}
form p#subscribe-legend,
form p#unsubscribe-legend,
form p#legend {
	font-style: italic;
	font-size: 62.5%;
}
.lead {
	color: #4c6233;
	font-size: 111%;
	width: 350px;
}
.lead .normal {
	font-size: 90%;
}
.right {
	text-align: right;
}
div.ft {
	padding-bottom: 1px;
}
.validation-advice,
.message {
	color: #c00;
	font-weight: bold;
}
.validation-advice,
.inline {
	font-weight: normal;
	font-size: 87.5%;
	font-style: italic;
	padding-left: 4px;
}
.hidden {
	display: none;
}

.clickable {
	cursor: pointer;
}

.quizarea {
	border: 1px solid #ababab;
	width: 525px;
	height: 280px;
	overflow : auto;
	padding: 5px;
	margin-bottom: 11px;
}
.nextcheck {
	margin-top: 11px;
	border-top: 1px solid #a3d165;
}
.box.quiz1 {
	width: 185px;
}
.box.quiz2 {
	width: 335px;
}

.box .content table.amount {
	font-size: 75%;
	border-width: 0;
	margin: 0;
}
.box .content table.amount tr th {
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	border-color: white;
	border-width: 1px 1px 0 0;
	border-style: solid;
	margin: 0;
	padding: 5px;
	color: white;
	background: #326211;
	font-weight: normal;
	text-align: center;
}
.box .content table.amount tr.header th {
	background: white;
	font-weight: normal;
}
.box .content table.amount tr.header th.header {
	background: #e6e6e6;
	color: black;
}
.box .content table.amount tr th.nozzle,
.box .content table.amount tr td.yellownozzle,
.box .content table.amount tr td.rednozzle,
.box .content table.amount tr td.nozzle {
	width: 19px;
}
.box .content table.amount tr td.rednozzle {
	background: red;
}
.box .content table.amount tr td.yellownozzle {
	background: yellow;
}
.box .content table.amount tr td {
	border-color: white;
	border-width: 1px 1px 0 0;
	border-style: solid;
	margin: 0;
	padding: 5px;
	font-weight: normal;
	text-align: center;
}
.box .content table.amount tr td {
	background: #5fa331;
	color: white;
}
.box .content table.amount tr td.speedcolumn {
	width: 85px;
}
.box .content table.amount tr td.amountcolumn {
	background: #418a0f;
	width: 84px;
}
.box .content table.amount tr td.nozzleoutput {
	padding-left: 152px;
	text-align: left;
}
.box .content table.amount tr.row td.rowheader {
	background: #737373;
	text-align: right;
	color: white;
}
.box .content table.amount tr.row td {
	background: white;
	color: #434d3e;
	text-align: center;
	width: 19px;
}
.box .content table.amount tr.row td.oddcolumn {
	background: #e6e6e6;
}

.box .content table.dosage {
	font-size: 75%;
	border-width: 0;
	margin: 0;
}
.box .content table.dosage tr th {
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	border-color: white;
	border-width: 1px 1px 0 0;
	border-style: solid;
	margin: 0;
	padding: 5px;
	color: white;
	background: #326211;
	font-weight: normal;
	width: 24px;
	text-align: center;
}
.box .content table.dosage tr.header th {
	background: white;
	font-weight: normal;
}
.box .content table.dosage tr.header th.header {
	background: #e6e6e6;
	color: black;
}
.box .content table.dosage tr td {
	border-color: white;
	border-width: 1px 1px 0 0;
	border-style: solid;
	margin: 0;
	padding: 5px;
	font-weight: normal;
	text-align: right;
}
.box .content table.dosage tr.oddrow td {
	background: #5fa0e0;
	color: white;
}
.box .content table.dosage tr.oddrow td.triplecolumn {
	background: white;
	color: #434d3e;
}
.box .content table.dosage tr.oddrow td.doublecolumn {
	background: #5fa331;
	text-align: center;
}
.box .content table.dosage tr.evenrow td {
	background: #3e86cc;
	color: white;
}
.box .content table.dosage tr.evenrow td.triplecolumn {
	background: #e6e6e6;
	color: #434d3e;
}
.box .content table.dosage tr.evenrow td.doublecolumn {
	background: #418a0f;
	text-align: center;
}
.box .content table.dosage .triplecolumn {
	width: 141px;
	text-align: right;
	background: #737373;
}
.box .content table.dosage th.triplecolumn {
	font-weight: bold;
}
.box .content table.dosage .doublecolumn {
	width: 86px;
}
.box .content table.dosage .widecolumn {
	width: 86px;
	border-width: 1px 0 0 0 0;
}