html
{
	height:100%;
	margin-bottom:1px;
}

/* ----------------BODY PARTS - entire body -------------------*/
body
{
	background-color:#9AA763;
	color:Black;
	font-family:Verdana, Tahoma, 'Trebuchet MS', sans-serif;
	font-size:90%;
	line-height:1.5;
	margin:0;
	padding:0;
	padding-top:15px;
	text-align:center;
	background-image:url(images/bg-gray-stripe.png);
	background-repeat:repeat;
}

.allcontent
{
	font-family:Verdana, Tahoma, 'Trebuchet MS', sans-serif;
	width:900px;
	margin:0 auto;
	text-align:left;
	border-style:none;
	border-width:1px;
	border-color:white;
}

/* note: seem to need a border style or it shows a white space. looks nice anyways*/
.pageheader
{
	padding-left:50px;
	padding-right:50px;
	font-family:Verdana, Tahoma, 'Trebuchet MS', sans-serif;
	color:white;
	text-align:left;
	background-image:url(images/topbar900x84.png);
	background-repeat:no-repeat;
	background-color:none;
	height:84px;
}

* HTML .pageheader
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/topbar900x84.png', sizingMethod='image');
}

.pagetitle
{
	position:relative;
	top:25px;
	color:#cde49b;
	font-size:120%;
	letter-spacing:1px;
	padding-left:10px;
	margin-left:25px;
	clear:left;
}

/* ----------------top of page navigation bar -------------------*/
.pageheadernavbar
{
	text-align:left;
	padding-bottom:0;
	background-color:#586925;
	font-size:90%;
	padding-left:50px;
	padding-right:50px;
	background-image:url(images/menu-bg.gif);
	height:31px;
}

.homeinbar
{
	float:right;
	padding-top:5px;
}

.homeinbar a
{
	border-bottom:none;
	text-decoration:none;
	color:#ebebeb;
}

.homeinbar a:hover
{
	color:yellow;
}

ul.nav
{
	list-style-type:none;
	padding-left:0;
	margin-left:0;
	margin-top:5px;
	padding-top:0;
	display:inline;
}

ul.nav li
{
	float:left;
	margin-top:5px;
}

ul.nav a
{
	display:block;
	border-bottom:none;
	text-decoration:none;
	color:#ebebeb;
	margin:0;
	margin-right:20px;
}

ul.nav a:hover
{
	color:#aad645;
	margin:0;
	margin-right:20px;
}

/* ----------------Current Menu Item-------------------*/
a:link.pageheadernavcurrent,a:visited.pageheadernavcurrent
{
	border-style:none;
	padding-top:0;
	padding:top:0px;
	border-left-width:0;
	border-left-style:solid;
	border-right-width:10px;
	border-right-style:solid;
	border-left-color:#586925;
	border-right-color:#586925;
	background-color:black;
}

a:hover.pageheadernavcurrent
{
	background-color:black;
	color:#FFFFFF;
	border-left-color:black;
	border-right-color:black;
	border-bottom-style:solid;
	border-left-width:0;
	border-left-style:solid;
	border-right-width:10px;
	border-right-style:solid;
}

/* ----------------this is the part of the body below the header  -------------------*/
.pagecontent
{
	padding-left:50px;
	padding-right:50px;
	font-family:Verdana, Tahoma, 'Trebuchet MS', sans-serif;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	font-size:85%;
	min-height:350px;
	height:auto !important;
}

/* ----------------misc -------------------*/
hr
{
	border:none 0;
	height:1px;
	margin:10px auto 0 0;
	text-align:left;
	color:#586925;
	background-color:#586925;
}

.upperleftcornercontentframe
{
	border-style:none none dashed dashed;
	border-width:thin;
	margin-left:15px;
	margin-right:50px;
	padding-left:10px;
	padding-right:0;
	padding-bottom:10px;
	margin-bottom:20px;
	min-height:25px;
}

.upperleftcornercontentframe ul {
margin-left: 5px;
padding-left: 1em;
text-indent: 2pxem;
}

.upperleftcornercontentframe li {
padding-bottom: 3px;
}


.indentedcontentframe
{
	border-style:dashed;
	border-width:thin;
	margin-left:30px;
	margin-right:30px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	margin-bottom:20px;
	min-height:25px;
}

.indentedcontentframe p
{
	padding-left:5px;
}

.importantnote
{
	border-style:none;
	border-width:thin;
	background-color:#E4EDCD;
	margin-left:0;
	margin-right:120px;
	padding:5px;
	margin-bottom:20px;
	min-height:25px;
}

.pleasepayattention
{
	border-style:dashed;
	border-width:thin;
	background-color:#E4EDCD;
	padding:15px;
	min-height:25px;
	margin-bottom:0;
}

.knowledgebasesection
{
	border-style:none;
	border-width:thin;
	margin-left:15px;
	margin-right:50px;
	padding-left:10px;
	padding-right:0;
	padding-bottom:2px;
	margin-bottom:2px;
	min-height:25px;
}

img.floatright
{
	float:right;
	margin-right:0;
	margin-left:10px;
	margin-bottom:10px;
	border:none;
}

img.header
{
	float:left;
	margin:0;
}

.twobuttons
{
	width:300px;
	padding-left:0;
	float:left;
	display:block;
}

.twobuttons a
{
	border:0 none;
	background-color:transparent;
}

.indentby20withbottomlineandpadding td
{
	padding-left:20px;
	border-bottom-width:thin;
	border-bottom-style:dashed;
	padding-bottom:2px;
}

.dirlist
{
	font-family:courier;
}

.indentby80
{
	padding-left:80px;
}

.indentby50
{
	padding-left:50px;
}

.indentby20
{
	padding-left:20px;
}

.titletextimg
{
	position:relative;
	top:20px;
	float:left;
	width:252px;
	height:25px;
	background-image:url(images/efs-text-8pt.png);
	background-repeat:no-repeat;
}

* HTML .titletextimg
{
	background:none;
	width:252px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/efs-text-8pt.png', sizingMethod='image');
}

/* ---august 2010 redo----*/
.qfimagehdrOLD
{
	width:146px;
	height:76px;
	margin:0;
	float:right;
	position:relative;
	top:10px;
	background-image:url(images/quickfactshdrprice2995.png);
	background-repeat:no-repeat;
}

/* ---august 2010 redo----*/
.qfimagehdr
{
	width:70px;
	height:70px;
	margin:0;
	float:right;
	position:relative;
	top:15px;
	right:-35px;
	background-image:url(images/esslogo70x70.png);
	background-repeat:no-repeat;
}

* HTML .qfimagehdr
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/esslogo70x70.png', sizingMethod='image');
}

/* ---august 2010 redo----*/
.qfimage2995
{
	width:70px;
	height:70px;
	margin:0;
	float:right;
	position:relative;
	top:15px;
	right:-35px;
	background-image:url(images/ess2995.png);
	background-repeat:no-repeat;
}

* HTML .qfimage2995
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/ess2995.png', sizingMethod='image');
}

.paddingbulletlist li
{
	padding-bottom:10px;
}

table
{
	font-size:100%;
	line-height:1.4;
}

.knowledgebase
{
	border-style:none;
}

.knowledgebase td
{
	border-style:none;
	border-color:gray;
	padding-bottom:5px;
	padding-left:5px;
}

.knowledgebase a
{
	font-weight:normal;
	border-bottom-style:none;
	background-color:white;
	color:#448200;
	text-decoration:none;
	border-bottom:#448200 1px solid;
}

.knowledgebase a:visited
{
	color:#448200;
	text-decoration:none;
	border-bottom:#448200 1px solid;
}

.knowledgebase a:hover
{
	color:#448200;
	text-decoration:none;
	border-bottom:#448200 1px dashed;
	background-color:#eef8e0;
}

h1
{
	font-family:Verdana, Tahoma, 'Trebuchet MS', sans-serif;
	font-size:115%;
}

h2
{
	font-family:Verdana, Tahoma, 'Trebuchet MS', sans-serif;
	display:inline;
	font-size:100%;
	font-weight:bold;
}

a
{
	font-weight:bold;
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-left-style:none;
	border-left-width:0;
	border-right-style:none;
	border-right-width:0;
	border-top-style:none;
	border-top-width:0;
}

a.nounderlinelink
{
	text-decoration:none;
	background-color:transparent;
	border-bottom-width:0;
	border-bottom-style:none;
}

a.nounderlinelink:hover
{
	background-color:transparent;
}

a .alt
{
	display:none;
}

.altoverviewtoplist
{
	padding-left:30px;
	background-image:url(images/icon-bg-square-016.png);
	background-repeat:no-repeat;
	background-position:0 2px;
	vertical-align:middle;
	padding-top:0;
	padding-bottom:1em;
}

.altoverviewtoplisth2
{
	border-bottom:#448200 1px dashed;
}



.ftr
{
	background-image:url(images/footerbar.png);
	background-repeat:no-repeat;
	height:28px;
	margin-top:0;
	margin-bottom:50px;
}

* HTML .ftr
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/footerbar.png', sizingMethod='image');
}

.ftrcopyrt
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#e2e2e2;
	float:right;
	margin-right:35px;
	padding:3px 0;
	font-style:italic;
}

.ftrmenu
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:50px;
	font-weight:bold;
	color:#e2e2e2;
	float:left;
}

.ftrmenu ul
{
	width:100%;
	padding:3px 0;
	margin:0;
	list-style-type:none;
	text-align:left;
	display:inline;
}

.ftrmenu ul li
{
	display:inline;
	float:left;
}

.ftrmenu ul li a
{
	color:#e2e2e2;
	padding:0;
	margin:0;
	border-bottom:none;
	text-decoration:none;
	margin-right:20px;
}

.ftrmenu ul li a:hover
{
	color:#e1d21e;
	text-decoration:none;
	margin-right:20px;
}

.guarantee
{
	width:137px;
	height:138px;
	margin:2px;
	padding:5px;
	padding-right:20px;
	background-color:white;
	color:#6b620e;
	font-size:80%;
	clear:both;
	float:right;
	position:relative;
	top:20px;
	text-align:center;
}

.cleanawards
{
	width:160px;
	height:250px;
	margin:2px;
	text-align:center;
	padding:5px;
	padding-right:20px;
	background-color:white;
	color:#6b620e;
	clear:both;
	float:right;
	position:relative;
	top:10px;
}

br.clear
{
	clear:both;
}

.slideshownav
{
	width:120px;
	margin-right:20px;
	float:left;
}

.slideshownav p span
{
	font-size:16px;
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
	border:1px solid #526B1B;
	background-color:#cde49b;
}

.slideshowbuttons
{
	border-bottom:1px dashed #526B1B;
	height:60px;
	display:block;
	clear:both;
}

a.slideshownext
{
	background:#fff url(images/nextslide.png) no-repeat;
	float:right;
	height:50px;
	width:50px;
	text-decoration:none;
	margin-bottom:10px;
	border-bottom-style:none;
}

p.slideshownext
{
	background:#fff url(images/nextslide.png) no-repeat;
	float:right;
	height:50px;
	width:50px;
	text-decoration:none;
	margin:0;
}

a.slideshownext:visited
{
	text-decoration:none;
	border-bottom-style:none;
	background-color:white;
}

a.slideshowprev
{
	background:#fff url(images/prevslide.png) no-repeat;
	float:left;
	height:50px;
	width:50px;
	text-decoration:none;
	border-bottom-style:none;
}

p.slideshowprev
{
	background:#fff url(images/prevslide.png) no-repeat;
	float:left;
	height:50px;
	width:50px;
	text-decoration:none;
	margin:0;
}

a.slideshowprev:visited
{
	text-decoration:none;
	border-bottom-style:none;
	background-color:white;
}

.slideshowimage
{
	margin-left:65px;
	padding-left:2px;
	clear:right;
}

.screenshotthumbwithcaption
{
	width:160px;
	height:190px;
	border:thin silver dashed;
	margin:15px 5px 5px;
	padding:5px;
	float:left;
	text-align:center;
}

.screenshotthumbwithcaption img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.screenshotthumbwithcaption p
{
	text-align:center;
	margin:0;
	text-indent:0;
	font-size:10px;
}

a.greentext:link
{
	color:#448200;
	text-decoration:none;
	border-bottom:#448200 1px solid;
}

a.greentext:active
{
	color:#448200;
	text-decoration:none;
	border-bottom:#448200 1px dashed;
}

a.greentext:visited
{
	color:#448200;
	text-decoration:none;
	border-bottom:#448200 1px solid;
}

a.greentext:hover
{
	color:#448200;
	text-decoration:none;
	border-bottom:#448200 1px dashed;
	background-color:#eef8e0;
}

.spacedlist li
{
	margin-top:1em;
}

hr.dotted
{
	color:white;
	background-color:white;
	border:1px dotted #448200;
	border-style:none none dotted;
}

hr.dashed
{
	color:white;
	background-color:white;
	border:1px dotted #448200;
	border-style:none none dashed;
}

/* ---august 2010 redo all below----*/
.pagenavigationbar
{
	width:100%;
	background:#4F6618;
	background: #4E6518;
	height:31px;
	font-size:90%;
	font-weight:bold;
	line-height:normal;
}

.pagenavigationbar ul
{
	margin:0;
	padding:6px 0 0 50px;
	list-style:none;
}

.pagenavigationbar li
{
	display:inline;
	margin:0;
	padding:0;
	float:left;
}

.pagenavigationbar a
{
	float:left;
	background:url("images/toptableft.png") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	background-color:transparent;
	border-bottom-width:0;
	border-bottom-style:none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.pagenavigationbar a span
{
	display:block;
	background:url("images/toptabright.png") no-repeat right top;
	padding:5px 15px 4px 6px;
	margin-right:1px;
	color:white;
	float:none;
}

/* End IE5-Mac hack */
.pagenavigationbar a:hover span
{
	color:black;
	background-position:100% -85px;
}

.pagenavigationbar a:hover
{
	background-position:0 -85px;
}

/* only effects the color of the focus rectangle - prob because inside span */
.pagenavigationbar a:active
{
	color:black;
}

.pagenavigationbar #current a
{
	background-position:0 -42px;
}

.pagenavigationbar #current a span
{
	background-position:100% -42px;
	color:black;
}