/*-- Reset  --*/
*{margin: 0}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body, html {height: 100%;}
body {margin: 0; padding: 0; text-align: center; background: #fff;}
ol, ul {list-style: none;}
li {margin-left: 0; padding-left: 0; list-style: none}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
hr {display: none;}

/*-- Typography  --*/
body {
	font: normal 75%/1.5em Helvetica, Arial, Verdana, Sans-Serif, Helvetica Neue ;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align: left;
	color: #5d5d5d
}

h1, h2, h3, h4, h5, h6 {font-weight: normal; color: #333; line-height: 1.2em;}
/*-- h1,h2{letter-spacing: 2px; word-spacing:0.1em;  } --*/
h1 { font-size: 2.2em;  margin-bottom: 0.682em; }
h2 { font-size: 1.9em;  margin-bottom: 0.79em; }
h3 { font-size: 1.7em;  margin-bottom: 0.3em; font-weight: bold;}
h4 { font-size: 1.4em;  margin-bottom: 1.071em; }
h5,h6 { font-size: 1.3em;  margin-bottom: 1.154em; }
li ul, li ol  { margin: 0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }

p {padding:0 0 .8em 0; word-spacing:0.00em; letter-spacing:0.03em; line-height: 1.2 em; font-szie: 12px;}
a, span, p, div { font-family: Helvetica, Arial, Verdana, Sans-Serif, Helvetica Neue ; } 

/* Links */
a:link { color: #8eaa25; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
a:visited { color: #8eaa25; text-decoration: none; }
a:visited:hover { color: #333; text-decoration: none; }
a:active { color: #8eaa25; text-decoration: none; }

/*--classes --*/
.center {text-align: center}
.none {text-decoration: none}
.textleft {text-align: left}
.textright {text-align: right}
.small {font-size: 90%}
.smaller {font-size: 0.75em}
.bold {font-weight: bold} 
.error {color: #e5325e; font-style: italic}
.normal {font-weight: normal}
.none {text-decoration: none}
.bigger {font-size: 1.15em}
.biggish {font-size: 1.4em}
.big {font-size: 2.2em;  margin-bottom: 0.682em;}
.grey {color: #5d5d5d}
.dark {color: #063537;}
.charcoal {color: #333}
.light {color: #7d7d7d}
.center {text-align: center}
.blue {color: #00819D}
.required {color: #e5325e}
.italic {font-style: italic}
.twelveFont { font-size: 12px; }
.fifteenFont { font-size: 15px; }
.regularFont { font-weight: normal; }

.clear {clear: both;}
br.clear {line-height: 0em}
div.clear {line-height: 0em; height: 1px; margin: 0px; padding: 0px;}
.outline {border: 1px solid #fcfcfc; margin: 3px 0; padding: 5px;}
.autohorizontal {overflow-x: auto}
.left {float: left}
.right {float: right}
.hide {display: none}
.block {display: block}
.overflow {overflow: hidden}
.underline {border-bottom: 1px solid #eaeaea}
.lessRoomAbove {margin-top: 5px}
.lessRoomBelow {margin-bottom: 5px}
.roomAbove {margin-top: 10px}
.roomBelow {margin-bottom: 10px}
.padAbove {padding-top: 5px}
.morePadAbove {padding-top: 10px}
.padBelow {padding-bottom: 5px}
.horpad {padding: 0 10px}
.vertpad {padding: 10px 0}
.lilpad {padding: 3px 0}
.inmore {padding:0 0 0 5px;}
.nopad {padding: 0;}
.nogutter {margin: 0;}
.rightgutter {margin-right: 10px;}
.labelpad {padding-left: 1px;}
.pad {padding: 10px}
.padleft {padding-left: 10px}
.auto {margin: 0 auto}
.white { background: #fff; }
.noBg { background: transparent; }
.greyblue { background: #cbd1c0; }

/* Donahue web specific */
body {background: #e7ecdc url('../images/bkg-tile.jpg') top left repeat;}
* {margin: 0}

#errorPage {
	margin: 135px auto 0 auto;
	overflow: hidden;
	width: 241px;
}
.logo404  {
	background: url('../images/logo-404.gif') top left no-repeat;
	width: 241px;
	height: 70px;
}
.logo404 span {
	visibility: hidden;
}
.four04  {
	padding: 50px 25px;
}

#container {
	margin: 0px auto;
	overflow: hidden;
	width: 1009px;
	text-align: left;
}

#wrapper {
	height: auto !important;
	min-height: 600px;
	margin: 0 15px;
	width: 979px;
}

#header {
	background: transparent url('../images/navBkg.jpg') top left repeat-x;
	min-height: 115px;
	margin: 0 15px 10px 0;
}
#header #logo { opacity:1; margin: 45px 0 0 40px; height: 40px; width: 126px; background: url('../images/logo.gif') top left no-repeat;}
#header #logo h1{ visibility: hidden; }
#header #logo a{ width: 126px; height: 40px; display: block;}
#header .navitem { padding-top: 1.2em; }
	
#header .navitem span { display: none; }
#header a#home { background: url('../images/nav/home-off.gif') bottom left no-repeat; width: 39px;}
#header a#home.navover { background: url('../images/nav/home-on.gif') bottom left no-repeat; }
#header a#home.active { background: url('../images/nav/home-on.gif') bottom left no-repeat; }
#header a#products { background: url('../images/nav/products-off.gif') bottom left no-repeat; width: 59px;}
#header a#products.navover { background: url('../images/nav/products-on.gif') bottom left no-repeat; }
#header a#products.active { background: url('../images/nav/products-on.gif') bottom left no-repeat; }
#header a#services { background: url('../images/nav/services-off.gif') bottom left no-repeat; width: 59px;}
#header a#services.navover { background: url('../images/nav/services-on.gif') bottom left no-repeat; }
#header a#services.active { background: url('../images/nav/services-on.gif') bottom left no-repeat; }
#header a#showroom { background: url('../images/nav/showroom-off.gif') bottom left no-repeat; width: 71px;}
#header a#showroom.navover { background: url('../images/nav/showroom-on.gif') bottom left no-repeat; }
#header a#showroom.active { background: url('../images/nav/showroom-on.gif') bottom left no-repeat; }
#header a#whyrecycle { background: url('../images/nav/whyrecycle-off.gif') bottom left no-repeat; width:82px;}
#header a#whyrecycle.navover { background: url('../images/nav/whyrecycle-on.gif') bottom left no-repeat; }
#header a#whyrecycle.active { background: url('../images/nav/whyrecycle-on.gif') bottom left no-repeat; }
#header a#aboutus { background: url('../images/nav/aboutus-off.gif') bottom left no-repeat; width: 60px;}
#header a#aboutus.navover { background: url('../images/nav/aboutus-on.gif') bottom left no-repeat; }
#header a#aboutus.active { background: url('../images/nav/aboutus-on.gif') bottom left no-repeat; }
#header a#contactus { background: url('../images/nav/contactus-off.gif') bottom left no-repeat; width: 71px;}
#header a#contactus.navover { background: url('../images/nav/contactus-on.gif') bottom left no-repeat; }
#header a#contactus.active { background: url('../images/nav/contactus-on.gif') bottom left no-repeat; }

#footer {
	border-top: 10px solid #8c8d88;
	min-height: 50px;
	margin: 0 15px 10px 0;
	color: #7a7a7a;
	font-weight: normal;
	font-size: 1.0em;
}
#footer_address {
	color: #252525;
}
#footer_address .bullet{
	color: #96b327;
}
.hosting { padding-left: 40px; background: url('../images/footer-house.gif') left no-repeat; height: 25px;}
.copyright { font-size: 10px;}
.fourColRow, .fourColRowAlt, .threeColRow { margin: 0 0 12px 0; }

.oneCol, .oneColRight, .oneColAlt, .oneColAltLeft, .twoCol, .twoColAlt, .threeCol, .threeColLeft, .threeColShadowed, fourCol { 
	margin: 0 15px 0 0; 
	float: left;
	min-height: 100px;
}
.oneColAlt, .oneColAltLeft { 
	margin: 0 5px 0 0; 
}
.oneColRight { 
	float: right; 
}
.colRight { margin: 0px; }

.fourColRowAlt { width: 916px; margin-bottom: 0px; padding: 0px 25px}
.fourColRow .oneCol { width: 250px; }
.fourColRowAlt .oneColAlt { width: 204px; margin-right: 30px;}
.fourColRowAlt .colRight { margin-right: 0px;}
.fourColRow .oneColRight { width: 225px; }
.fourColRow .twoCol { width: 490px; }
.fourColRow .threeCol { width: 705px; }
.fourColRow .threeColShadowed { width: 731px; margin: 0 8px 0 0;}
.fourColRow .threeColLeft { width: 713px; margin: 0 0px 0 0;}
.fourColRow .colLeft{ margin: 0 5px 0 0; }

.threeColRow .oneCol { width: 300px; }
.threeColRow .oneColAlt { width: 320px; }
.threeColRow .oneColAltLeft { width: 310px; }
.threeColRow .twoCol { width: 655px; }
.threeColRow .twoColAlt { width: 649px; }

/* Navigation menus */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			17em; /* left offset of submenus need to match (see below) */
	background: #fff;
	padding: 0 5px;
}
.sf-menu ul.smaller-menu {
	width:			10em;
}
.sf-menu ul li {
	width:			100%;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	margin-right: 1.2em;
	padding-bottom: 5px;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			3.2em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DONANHUE SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a, .sf-menu a.inactive {
	padding: .75em 0;
	text-decoration:none;
	margin-top: 10px;
	border-top: 0px
	color: #000;
	display: block;
	
}
.sub_menu li a {margin-top: 0px;} 
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: #156015;
	outline:		0;
}

.sf-menu a.active, .sf-menu a:focus {
	color: #156015;
	border-top: 10px solid #156015;
	margin-top: 0px;
	
}

.sf-menu a.active, .sf-menu a.active { cursor: default; }

.sf-menu ul li a, .sf-menu ul li a:focus, .sf-menu ul li a:hover { border-top: 0px;}
.sf-menu ul li {
	border-top: 0px;
	border-bottom: 1px solid #ccc;
}

.sf-menu ul li.lastItem { border-bottom: 0; }

.sub_menu li a {
	padding: 5px 0 5px 10px;
	background: transparent url('../images/arrow-green.gif') left 55% no-repeat;
	
}
.sub_menu li a:hover {
	background: transparent url('../images/arrow-blk.gif') left 55%  no-repeat;
	
}

.featureText { 
	color: #fff;
	
	background-color: #b6c0ab; 
}

.hero { height: 358px; overflow: hidden;}
.featureContainer {  }
.featureImg { position:absolute; width: 705px;}
.featureBody { height: 280px; }
.featureBody h2.headline { margin: 20px 0 12px 0; color: #252525; font-weight: normal; font-size: 20px;}
.featureBody p { font-weight: normal; font-size: 12px;}
.featureNav a { margin-right: 5px; font-weight: bolder;}
.featureNav a:link { color: #fff; text-decoration: none; }
.featureNav a:hover { color: #8eaa25; text-decoration: none; }
.featureNav a:visited { color: #fff; text-decoration: none; }
.featureNav a:visited:hover { color: #8eaa25; text-decoration: none; }
.featureNav a:active { 
	color: #fff; text-decoration: none; 
	cursor: default; 
}
.featureNav a.active:link { color: #000; text-decoration: none; }
.featureNav a.active:visited { color: #000; text-decoration: none; }
.featureNav a.active:active { color: #000; text-decoration: none; }
.featureNav a.inactiveArrow { color: #d3d9cd; text-decoration: none; cursor: default;}
.featureNav a.inactiveArrow:hover { color: #d3d9cd; text-decoration: none; cursor: default;}


/* Promo items */
.promo { width: 160px; min-height: 150px; margin-left: 125px; height: 100%;}
.valigned { visibility: hidden; }
.promo h3 { font-size: 1.15em;margin-left: 5px;}
.promo p { font-size: .9em; line-height: 1.2em;margin-left: 5px;  }

.moreLink, .featureMoreLink {
	padding: 3px 13px 3px 5px;
	font-weight: bold;
	background: transparent url('../images/arrow-gray.gif') right 58% no-repeat;
	border-right: 7px solid transparent;
}

.moreLink:hover, .featureMoreLink:hover {
	color: #252525;
	background: #dce5ba url('../images/arrow-gray2.gif') right 58% no-repeat;
	border-right-color:#dce5ba;
}

a.featureMoreLink {
	color: #fff;
	background: #8d9483 url('../images/arrow-white-grymatte.gif') right 58% no-repeat;
}

.grayArrow {
	padding:0 15px 0 0;
	background: transparent url('../images/arrow-gray.gif') right 56% no-repeat;
}


/* Body section */
.body { padding: 1.5em 4.5em 4em 4.5em; }
.body_alt_moreLink { padding: 5px 50px 1.5em ; }
.body_alt { padding: 1.5em 55px 0 55px; }
.body_left { padding: 2.5em 2.5em; }
.body ul { margin: 1.0em; }
.body ul li {margin-left: 5px; list-style: disc; }
.body h1, .body h2 { margin-top: .6em; margin-bottom: 5px; font-size: 24px; font-weight: regular;}
.body div.content { margin-bottom: 10px; }
.body p { margin: 0 0 15px 0; padding: 0;}
.body  .moreLink { margin-left: 0px;  }
.content h2 { font-size: 18px; font-weight: regular; } 

/* Left section */
.leftSection { background-color: transparent; }
.leftSection div { margin-bottom: 10px ; }
.leftSection .promo , .leftSection .promo div { margin-bottom: 0 ; }
.caption
{
	background-color: #b6c0ab;
	padding: 25px;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	margin-right: 7px;
	font-style: italic;
}
/* Products */
.varcontent h2 a { 
	font-size: 16px; font-weight: regular; color: #8eaa25;
	padding: 0 20px 0 0;
	background: transparent url('../images/arrow-gray.gif') 98% 60% no-repeat;
}
.varcontent h2 a:hover {  color: #252525; background: transparent url('../images/arrow-green.gif') 98% 60% no-repeat; }
.varcontent h2, .varcontent h1 { font-size: 16px; font-weight: regular; };

/* Products */

/* SLider */
.productSlider {}
.productSlider li 
{
	position: relative;
	margin-bottom: 5px;
}
.productSlider li div { 
	width: 225px;
	height: 125px;
	position: absolute; top: 0px; left: 0px;
	overflow: hidden;
}
.productSlider li .itemTxt{ 
	cursor: default;
}
.productSlider li .itemTxt span{ 
	visibility: hidden;
}
.productSlider li.active .itemTxt, .productSlider li.rollactive .itemTxt{ 
	display: block;
}
.productSlider li.active .itemTxt span, .productSlider li.rollactive .itemTxt span { 
	visibility: visible;
}
.productSlider li .itemImg{ 
	opacity: 0.5;
}
.productSlider li.active .itemImg, .productSlider li.rollactive .itemImg{ 
	opacity: 1;
}
.productSlider .itemImg{ }
.productSlider .itemTxt{ 
	height: 20px;
	margin: 98px 0 0 0;
	
}
.productSlider .itemTxt span
{
	color: #fff;
	background-color: #b6c0ab;
	font-family: helvetica, arial;
	font-size: 11px;
	line-height: 15px;
	padding: 3px 10px;
	
}

h3.contact { font-size: 1.1em; margin:0; }
.contactForm div { margin-bottom: 10px; }
.contactForm label { display: block; float:left; width : 100px; text-align:right; margin-right: 10px;}
.contactForm input.regText { width: 275px }
.contactForm input.smallText { width: 175px }
.contactForm textarea { width: 400px; height: 70px; }
.contactForm div.error { margin-left: 110px; font-weight: bold; }

.leftSection div.shadowed { margin-bottom: 0px; }
.leftSection div.shadowBottom { margin-bottom: 10px; }

div.shadowRight { zoom: 1;   margin-bottom: 0px; padding-right: 7px; background: transparent url('../images/shadow-r.png') top right no-repeat;}
div.shadowBottom { margin-bottom: 0px; padding-bottom: 7px;  background: transparent url('../images/shadow-b.png') bottom right no-repeat;}

.contentNewProducts { width: 970px; margin-bottom: 12px; } 
#contactMap { border: 1px solid #8d8d8d; width: 301px; height: 285px; }