/* @CLEAR (FORMATTING)
/* ---------------------------------------- */

	/* TARGET DTD: XHTML STRICT */
	html, body,

	/* BLOCK LEVEL ELEMENTS */
	blockquote, div, dl, fieldset, form, h1, h2, h3, h4, h5, h6,
	hr, ol, p, pre, table, ul, dd, dt, li, td, th, tr,
	button, del, object, script,

	/* INLINE ELEMENTS */
	a, em, img, input, label, select, span, strong, textarea {

		border: 0;
		font-size: 100%;
		font-style: normal;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}

	/* INDIVIDUAL TAG RESETS */
	a {
		text-decoration: none;
	}

	img { 
		outline: none;
	}

	ol, ul {
		list-style: none;
	}

	table {
		border-spacing: 0;
	}

	/* UNUSED (ELEMENTS WITH FORMATTING LEFT INTACT)
	address(bl), ins(bl), map(bl), noscript(bl), tbody(bl), tfoot(bl), thead(bl),
	abbr, acronym, b, bdo, big, br, cite, code, dfn, i, kbd, q,
	samp, small, sub, sup, tt, var

/* @REDEFINITIONS
/* ---------------------------------------- */

	a {
		color: #ac5721;
	}

	a:hover {
		text-decoration: underline;
	}
	
	body {
		background-color: #333;
		color: #333;
		font: 11px verdana, arial, sans-serif;
	}
	
	em {
		font-style: italic;
	}

	div.common label { 
		color: #333;
		font: bold 11px verdana, arial, sans-serif;	
	}

	div.common input.text, div.common select, div.common textarea {
		border: 1px solid #5f5f4a;
		color: #333;
		font: 10px verdana, arial, sans-serif;
		padding: 3px;
	}

	h1, h2, h3, h4, h5, h6 { 
		color: #1c1c1c;
		margin-bottom: 18px;
		font: normal 11px "Trebuchet MS", arial, helvetica, sans-serif; 
	} 

		h1 {
			font-size: 30px;
			margin-bottom: 10px;
		}
		h2 {
			color: #6f705d;
			font-size: 27px;
			padding-top: 5px;
			margin-bottom: 10px;
		}
		h4 {
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 2px;
		}
		h4.subheader {
			margin-bottom: 18px;
		}
		h5 {
			font-size: 12px;
			font-weight: bold;
			margin-bottom: 2px;
		}
	
	img { 
		display: block; 
	}

	ol, ul {
		font: 11px verdana, arial, sans-serif;
	}

	p {
		font: 11px verdana, arial, sans-serif;
		margin-bottom: 18px;
	}

	strong {
		font-weight: bold;
	}

/* @COLORS
/* ----------------------------------------

	page bg - 		#333 (dark gray)

	header bg - 	#5a7d2d (green)

	body bg - 		#f2f4f2 (white-ish)
	body text - 	# ()

	sidebar bg - 	#ced5cb (tan)
	sidebar text -  # ()

	copyright text - #939582 (mustard)
	copyright a	- 	#fff (white)
	
	input text - 	#9c9c9c (light gray)
	input border - 	#5f5f4a (gray)
	
/* @GLOBAL
/* ---------------------------------------- */

	/*  WRAPPER */
	div#wrapper { 
		margin: 20px auto 0;
		padding-bottom: 20px;
		width: 960px;
	}
	
	/* STANDARD CLASSES */
	.block { 
		display: block; 
	} 
	
	.inline { 
		display: inline; 
	}
	
	.hide { 
		display: none; 
	}

	.last {
		margin-right: 0;
		padding-right: 0;
	}

	.clear:after 	{ 
		clear: both; 		
		content: "."; 
		display: block; 
		height: 0; 
		visibility: hidden;  
	}
	
	.clear { 
		display: inline-block; 
	}

	/* HIDE FROM IE-MAC \*/
	* html .clear { 
		height: 1%; 
	}
	.clear { 
		display: block; 
	}
	/* /HIDE FROM IE-MAC */

/* @UTILITY NAV
/* ---------------------------------------- */

ul#utility-nav {
	float: right;
	width: 315px;
}
	ul#utility-nav li {
		background: url(/images/corporate/gradient_utility_lr.gif) left top repeat-y #7f7f6a;
		border-bottom: 1px solid #606050; 
		float: left;
		font-size: 10px;
		padding: 5px;
		text-align: center;
		text-transform: uppercase;
		width: 95px;
	}
		ul#utility-nav li.first {
			background-image: none;
		}
		ul#utility-nav li.left {
			background: url(/images/corporate/gradient_utility_lr.gif) left top repeat-y #7f7f6a;
		}
		ul#utility-nav li.right {
			background: url(/images/corporate/gradient_utility_rl.gif) right top repeat-y #7f7f6a;
		}
		ul#utility-nav li.active {
			background-color: #5a7d2d;
			background-image: none;
			border-bottom: 1px solid #5a7d2d;
		}
			ul#utility-nav li.active a {
				color: #fff;
			}

	ul#utility-nav li a {
		color: #ced5cb;
	}
		ul#utility-nav li a:hover {
			text-decoration: underline;
		}
		
/* @HEADER
/* ---------------------------------------- */
div#page-header {}

div#header {
	background: url(/images/corporate/gradient_header.gif) left bottom repeat-x;
	background-color: #5a7d2d;
	padding-left: 20px;
	padding-right: 65px;
	height: 100px;
}

div#logo {
	float: left;
	padding-top: 30px;
	width: 300px;
}
div#search-box {
	float: right;
	padding-top: 26px;
	text-align: right;
	width: 300px;
}

/* @PRIMARY NAV
/* ---------------------------------------- */
div#primary-nav-wrapper {
	position: relative;
	z-index: 2;
}

ul#primary-nav {
	background: url(/images/corporate/gradient_primary-nav.gif) right center repeat-y #949582;
}
	ul#primary-nav li {
		float: left;
	}
	ul#primary-nav li.contact {
		float: right;
	}

	ul#primary-nav li a {
		color: #e1e3e1;
		display: block;
		font-size: 10px;
		padding: 5px 0 5px 15px;
		width: 120px;
	}
		ul#primary-nav li a.company {
			background-color: #6e8878;
		}
		ul#primary-nav li a.sustainability {
			background-color: #4c721d;
		}
		ul#primary-nav li a.products {
			background-color: #9c600e;
		}

		ul#primary-nav li.contact a {
			width: auto;
			padding-right: 10px;
		}
			ul#primary-nav li.contact a:hover {
				text-decoration: underline;
			}

div.nav-dropdown {
	position: absolute;
	width: 133px;
	
	/* opacity
	opacity: 0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	*/
}
		div.nav-dropdown.company {
			background-color: #94afa0;
			border: 1px solid #6e8878;
		}
		div.nav-dropdown.sustainability {
			background-color: #8ead66;
			border: 1px solid #4c721d;
		}
		div.nav-dropdown.products {
			background-color: #c2a172;
			border: 1px solid #9c600e;
		}

div.nav-dropdown ul {
	padding: 5px;
}
	div.nav-dropdown ul li {
		margin-bottom: 2px;
	}
		div.nav-dropdown ul li a {
			color: #e1e3e1;
			font-size: 10px;
		}
			div.nav-dropdown ul li a:hover {
				text-decoration: underline;
			}
			
/* @BREADCRUMB
/* ---------------------------------------- */

/* @HOME CONTENT
/* ---------------------------------------- */
div#main-content {
	background-color: #f2f4f2;
	margin-bottom: 1px;
	padding-bottom: 2px;
	padding-top: 2px;
}

div#main-content-wrapper {
	border-left: 272px solid #ced5cb;
	float: right;
}

div#body-content {
	float: left;
	width: 686px;
}

div#body-image {
	overflow: hidden;
	margin: 0 auto;
	width: 682px;
}

div#body-content div.body-copy {
	padding: 8px 15px;
}
	div#body-content div.body-copy p {
		font-size: 12px;
	}
	div#body-content div.body-copy a {
		font-size: 10px;
		font-weight: bold;
	}
	
	div#body-content div.body-copy div.content-section {
		background-color: #ebefe9;
		margin-bottom: 20px;
	}
	div#body-content div.body-copy div.content-section div.content-section-body {
		padding: 20px 15px 1px 15px;
	}

	/*
	 * body-copy list style [updated: 11/20/2009]
	 */
	div#body-content div.body-copy ul {
		font-size: 12px;
		list-style: disc url(/images/common/bullet_green.gif) outside;
		margin-bottom: 13px;
		margin-left: 30px;
	}
		div#body-content div.body-copy li {
			padding-bottom: 5px;
		}
		div#body-content div.body-copy ul ul {
			list-style: disc url(/images/common/bullet_green-dash.gif) outside;
			margin-bottom: 7px;
			margin-top: 7px;
		}
	
div#body-content div.body-copy table {
	width: 100%;
}
	div#body-content div.body-copy table th {
		border-bottom: 1px solid #6f705d;
		font-size: 12px;
		font-weight: bold;
		padding: 0 2px 8px;
		text-align: left;
		vertical-align: top;
	}
		div#body-content div.body-copy table th.first {
			width: 197px;
		}
	div#body-content div.body-copy table td {
		padding: 3px;
		vertical-align: top;
	}
	
div#sidebar {
	float: left;
	margin-left: -272px;
	overflow: hidden;
	position: relative;
	width: 272px;
	z-index: 1;
}

div#sidebar div.sidebar-nav {
	height: 259px;
	overflow: hidden;
}

div#sidebar div.sidebar-nav ul {
	/* ul reset */
	list-style: none;
	margin: 0;
	padding: 0;
	
	font-size: 14px;
	margin-bottom: 5px;
	margin-left: 10px;
}
	div#sidebar div.sidebar-nav ul ul li {
		line-height: 14px;
	}

div#sidebar div.sidebar-nav ul ul {
	padding-left: 10px;
	font-size: 12px;
}

div#sidebar div.sidebar-nav a {
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
}
	div#sidebar div.sidebar-nav a:hover,
	div#sidebar div.sidebar-nav a.active,
	div#sidebar div.sidebar-nav li.active ul a:hover {
		color: #1b1718;
	}

div#sidebar div.sidebar-nav span {
	padding-right: 5px;
	vertical-align: middle;
}
	div#sidebar div.sidebar-nav li.active span {
		color: #1b1718;
	}

div#sidebar div.sidebar-nav li.active a {
	color: #1b1718;
}
	div#sidebar div.sidebar-nav li.active ul a {
		color: #fff;
	}

div#sidebar div.sidebar-nav h1 {
	color: #fff;
	font-size: 20px;
	line-height: 20px;
	margin: 0;
	padding: 5px 0 2px 10px;
}

div.sidebar-callout {
	border-top: 2px solid #f2f4f2;
	height: 149px;
	position: relative;
}

div.sidebar-callout img.background {
	position: absolute;
		left: 0;
		top: 0;
}

div.sidebar-callout div.ribbon {
	background-color: #000000;
	height: 29px;
	position: absolute;
		bottom: 0;
		left: 0;
	width: 272px;

	/* opacity */
	opacity: 0.4;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
}

div.sidebar-callout div.ribbon-copy, div.sidebar-callout div.ribbon-copy a
{
	color: #f2f4f2;
}

div.sidebar-callout div.ribbon-copy a:link,
div.sidebar-callout div.ribbon-copy a:visited,
div.sidebar-callout div.ribbon-copy a:active,
div.sidebar-callout div.ribbon-copy a:hover,
div.sidebar-callout div.ribbon-copy a
{
	text-decoration: none;
}

div.sidebar-callout div.ribbon-copy {
	height: 29px;
	line-height: 29px;
	padding-left: 15px;
	position: absolute;
		bottom: 0;
		left: 0;
	width: 257px;
}

div.sidebar-callout div.ribbon-button {
	float: right; 
	padding: 3px 3px 0 0;
}

div.product-description {
	margin-bottom: 18px;
}
	div.product-description div.product-image {
		float: left;
		height: 68px;
		overflow: hidden; 
		width: 68px;	
		
	}
	div.product-description div.product-copy {
		float: left;
		padding-left: 15px;
		width: 559px;
	}
		div.product-description div.product-copy a img {
			display: inline;
			vertical-align: middle;
		}			

div#home-content {
	background-color: #f2f4f2;
	margin-bottom: 1px;
	padding: 2px 2px 0 2px;
}
	div#home-content div.home-image {
		float: left;
		height: 252px;
		margin-right: 2px;
		overflow: hidden;
		width: 640px;
	}
	div#home-content div.home-callout {
		float: left;
		height: 252px;
		overflow: hidden;
		position: relative;
		width: 314px;
	}

	div#home-content div.home-callout img.background {
		position: absolute;
			left: 0;
			top: 0;		
	}

	div#home-content div.home-callout div.ribbon {
		background-color: #000000;
		height: 29px;
		position: absolute;
			bottom: 0;
			left: 0;
		width: 314px;

		/* opacity */
		opacity: 0.4;
		filter:alpha(opacity=40);
		-moz-opacity:0.4;
		-khtml-opacity: 0.4;
	}

	div#home-content div.home-callout div.ribbon-copy, div#home-content div.home-callout div.ribbon-copy a 
	{
		color: #f2f4f2;
	}

	div#home-content div.home-callout div.ribbon-copy a:link,
	div#home-content div.home-callout div.ribbon-copy a:visited,
	div#home-content div.home-callout div.ribbon-copy a:active,
	div#home-content div.home-callout div.ribbon-copy a:hover,
	div#home-content div.home-callout div.ribbon-copy a
	{
		text-decoration: none;
	}

	div#home-content div.home-callout div.ribbon-copy {
		height: 29px;
		line-height: 29px;
		padding-left: 15px;
		position: absolute;
			bottom: 0;
			left: 0;
		width: 299px;
	}

	div#home-content div.home-callout div.ribbon-button {
		float: right; 
		padding: 3px 3px 0 0;
	}

div#callouts-wrapper {
	background: url(/images/corporate/gradient_home.gif) left top repeat-x #c7c7c7;
	margin-top: 10px;
	padding-bottom: 18px;
}

	div#callouts-wrapper div.callout {
		float: left;
		padding-left: 10px;
		position: relative;
		width: 306px;
	}
	div#callouts-wrapper img.background {
		border: 1px solid #333;
		height: 147px;
		width: 304px;
	}
	div#callouts-wrapper div.callout-copy {
		padding: 10px 10px 0;
	}

	div#callouts-wrapper div.callout div.ribbon {
		background-color: #000000;
		height: 29px;
		position: absolute;
			left: 11px;
			top: 116px;
		width: 304px;

		/* opacity */
		opacity: 0.4;
		filter:alpha(opacity=40);
		-moz-opacity:0.4;
		-khtml-opacity: 0.4;
	}

	div#callouts-wrapper div.callout div.ribbon-copy, div#callouts-wrapper div.callout div.ribbon-copy a
	{
		color: #f2f4f2;
	}

	div#home-content div.callout div.ribbon-copy a:link,
	div#home-content div.callout div.ribbon-copy a:visited,
	div#home-content div.callout div.ribbon-copy a:active,
	div#home-content div.callout div.ribbon-copy a:hover,
	div#home-content div.callout div.ribbon-copy a
	{
		text-decoration: none;
	}

	div#callouts-wrapper div.callout div.ribbon-copy {
		height: 29px;
		line-height: 29px;
		padding-left: 15px;
		position: absolute;
			left: 10;
			top: 116px;
		width: 291px;
	}

	div#callouts-wrapper div.callout div.ribbon-button {
		float: right; 
		padding: 3px 3px 0 0;
	}

/* @SITEMAP
/* ---------------------------------------- */
div#sitemap div.column {
	float: left;
	padding-right: 5px;
	width: 155px;
}

div#sitemap p {
	font-size: 12px;
	margin: 0;
}
	div#sitemap p a {
		font-weight: bold;
	}

div#body-content div.body-copy #sitemap ul {
	/* ul reset */
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;

	margin-left: 12px;
}
	div#body-content div.body-copy #sitemap ul ul {
		/* ul reset */
		list-style: none;
		list-style-image: none;
	}
	div#body-content div.body-copy #sitemap li {
		padding: 1px;
	}


/* @COPYRIGHT
/* ---------------------------------------- */
div#copyright {
	border-top: 16px solid #1b1718;
	color: #939582;
	font-size: 11px;
	padding-top: 5px;
	text-align: center;
}
	div#copyright span {
		padding-left: 10px;
	}
	div#copyright a {
		color: white;
	}
		div#copyright a:hover {
			text-decoration: underline;
		}

/* @SEARCH RESULTS
/* ---------------------------------------- */
div.search-results {
	margin-bottom: 18px;
}
	div.search-results a {
		text-decoration: none;
	}
		div.search-results a:hover {
			color: #484837;
			text-decoration: none;
		}
		div.search-results a:visited {
			color: #484837;		
		}

	div.search-results div.page {
		margin-bottom: 3px;
		font-size: 13px;
	}
	div.search-results div.context {
		border-bottom: 1px solid #ccc;
		margin-bottom: 2px;
		padding-bottom: 3px;
	}

	div.search-results-nav {
		border-bottom: 1px solid #333;
		margin-bottom: 18px;
		padding-bottom: 3px;
	}
		div.search-results-nav.bottom {
			border: 0;
			border-top: 1px solid #333;
			margin-bottom: 0;
			margin-top: 18px;
			padding-top: 3px;
		}
		div.search-results-nav div.count {
			float: left;
			padding-left: 5px;
			width: 150px;
		}
		div.search-results-nav div.pagination {
			float: right;
			text-align: right;
			padding-right: 5px;
			width: 472px;
		}

/* @FORMS
/* ---------------------------------------- */
div.common label, div.common input, div.common select, div.common textarea {
	vertical-align: middle;
	outline: none;
}

div.common {}
	div.common input.button {
		border: 0;
		padding: 0;
	}
	div.common input.search {
		background: url(/images/corporate/icon_search.gif) 2px center no-repeat #fff;
		color: #9c9c9c;
		padding-left: 20px;
	}

	div.common input.chk {
		border: 0;
		outline: none;
		margin-right: 5px;
	}

	div.common input.large { 
		width: 202px; 
	}
	div.common input.small { 
		width: 97px; 
	}

	div.common select.large { 
		width: 210px; 
	}
	div.common select.medium { 
		width: 150px; 
	}

	div.common textarea.large {
		height: 100px;
		width: 398px;
	}

	div.common label {
		display: block;
		padding-bottom: 2px;
	}
		div.common label.chk {
			display: inline;
			font-weight: normal;
			padding: 0;
		}
		div.common label.side {
			float: left;
			padding-bottom: 0;
			padding-top: 2px;
			padding-right: 3px;
			text-align: right;
			width: 110px;
		}
	div.common p.label {
		color: #333;
		font: bold 11px verdana, arial, sans-serif;	
		margin: 0;
		padding-bottom: 2px;
		vertical-align: middle;
	}

	div.common fieldset {
		padding-bottom: 20px;
	}
		div.common fieldset.last {
			padding-bottom: 0;
		}

	div.common div.form-row {
		margin-bottom: 5px;
	}
	
		div.common div.form-row .checklist label {
            display:inline;
            font-weight:normal;
            padding-left:5px;
        }
         
		div.common div.form-row.button {
			margin-bottom: 0;
		}
			div.common div.form-row.button.center {
				text-align: center;
			}
	
	/* 
	 * checklist styling [updated: 11/20/2009]
	 */
	div#body-content div.body-copy div.common ul.checklist {
		list-style: none;
		list-style-image: none;
		margin: 0;
	}
		div#body-content div.body-copy div.common ul.checklist.indent {
			padding-left: 18px;
		}
		div#body-content div.body-copy div.common ul.checklist li {
			padding: 0;
		}

.errorBox{
    margin-bottom: 5px;
    padding: 10px;
    color: red;
}