/* ================================
    Sitewide Stylesheet
   ================================ */

body
{
	background: repeat-x left top url(../images/background-gradient.jpg);
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#mainContainer
{
	position: relative;
	padding: 0px 16px 20px 18px;
	margin: 0px auto;
	width: 966px;
}

.pageHeader
{
	position: relative;
	z-index: 2900;
	padding-top: 152px;
	background: url(../images/menu-bar.jpg) no-repeat 0px 152px;
}

.pageHeader .logo
{
	position: absolute;
	width: 216px;
	height: 144px;
	background-image: url(../images/ecosmart-logo.jpg);
	top: 8px;
	left: 0px;
}

.pageHeader .internal-ad
{
	background-image:url(../images/ad-region.jpg);
	width: 419px;
	height: 96px;
	position: absolute;
	top: 34px;
	right: 19px;
	text-decoration: none;
}

.pageHeader .internal-ad strong
{
	color: #fff;
	font-size: 23px;
	line-height: 23px;
	position: absolute;
	width: 245px;
	left: 0px;
	top: 22px;
	text-align: right;
}

.pageHeader .internal-ad em
{
	color: #0B2778;
	font-style: normal;
	font-size: 21px;
	line-height: 21px;
	top: 8px;
	position: absolute;
	left: 265px;
	top: 26px;
	width: 150px;
}

.pageHeader .explanation
{
	position: absolute;
	width: 415px;
	font-size: 17px;
	line-height: 21px;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	top: 54px;
	right: 19px;
	color: #0B2984;
}

.pageHeader #menu
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 38px;
	background: url(../images/menu-bar.jpg);
	position: relative;
}

.pageHeader .menuHeader
{
	height: 23px;
	position: absolute;
	z-index: 4000;
	top: 15px;
	font-size: 15px;
	line-height: 18px;
	color: #fff;
	width: 181px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	text-align: center;
	text-transform: lowercase;
}

.menuHeader1
{
	left: 38px;
}

.menuHeader2
{
	left: 228px;
}

.menuHeader3
{
	left: 415px;
}

.menuHeader4
{
	left: 608px;
}

.menuHeader5
{
	left: 777px;
}

#menu ul
{
	top: 38px;
	position: absolute;
	list-style: none;
	display: none;
	margin: 0px;
	padding: 0px;
}

#menu1
{
	width: 153px;
	left: 51px;
}

#menu2
{
	width: 135px;
	left: 251px;
}

#menu3
{
	width: 153px;
	left: 429px;
}

#menu4
{
	width: 170px;
	left: 612px;
}

#menu ul li.double
{
	height: 40px;
}

#menu ul li
{
	/*height: 26px;*/
	display: block;
	padding: 0px 12px;
	background-color: #0B2778;
	list-style: none;
}

#menu ul li a
{
	padding: 6px 0px;
	font-size: 12px;
	line-height: 14px;
	color: #E4EDFF;
	text-decoration: none;
	display: block;
	text-align: center;
	border-bottom: 1px solid #fff;
}

#menu ul li a:hover
{
	text-decoration: underline;
}

#menu ul li.last
{
	padding-bottom: 10px;
	background-color: transparent;
}

#menu ul li.last a
{
	border-bottom: 0px none;
}

#menu ul li.last a:hover
{
	text-decoration: underline;
}

#menu ul#menu1 li.last, #menu ul#menu3 li.last, #menu ul#menu4 li.last
{
	background-image: url(../images/menu-1-3.gif);
	background-position: left bottom;
}

#menu ul#menu4 li.last
{
	background-image: url(../images/menu-4.gif);
	background-position: left bottom;
}

#menu ul#menu2 li.last
{
	background-image: url(../images/menu-2.gif);
	background-position: left bottom;
}

#mainFooter
{
	padding-top: 10px;
	display: block;
	position: relative;
}

#mainFooter p
{
	padding-top: 5px;
	float: left;
	padding-left: 40px;
	font-size: 10px;
	line-height: 11px;
	font-weight: bold;
	color: #005A26;
	padding-right: 10px;
}

.footerLink
{
	display: block;
	float: left;
	text-decoration: none;
	text-transform: lowercase;
	padding: 5px 10px 0px 15px;
	font-weight: bold;
	line-height: 11px;
	font-size: 10px;
	color: #666666;
}

#mainFooter a:hover
{
	color: #000000;
}

#mainFooter a#thunder, #mainFooter a#magnet
{
	padding: 0px;
	position: absolute;
	top: 14px;
	display: block;
	z-index: 5000;
}

#thunder
{
	left: 4px;
}

#magnet
{
	right: 10px;
}

.ecosmart-home .leftColumn
{
	padding-top: 6px;
	float: left;
	width: 609px;
	height: 498px;
}

.ecosmart-home .rightColumn
{
	padding-top: 1px;
	float: left;
	width: 355px;
	height: 500px;
}

.ecosmart-home .rightColumn h1
{
	text-align: right;
	font-weight: normal;
	color: #006728;
	font-size: 26px;
	line-height: 26px;
}

.ecosmart-home .rightColumn .recent-news
{
	height: 198px;
	background-image: url(../images/home-recent-news_updated.png);
	padding: 12px 16px;
}

.ecosmart-home .rightColumn .upcoming-events
{
	height: 198px;
	background-image: url(../images/home-upcoming-events_updated.png);
	padding: 12px 12px;
}

.ecosmart-home .rightColumn ul
{
	margin: 5px 0px 0px 20px;
	padding: 0px;
	list-style: none;
	font-size: 10px;
}

.ecosmart-home .rightColumn li
{
	font-size: 11px;
	line-height: 12px;
	margin: 0px;
	padding: 5px 0px;
}

.ecosmart-home .rightColumn li, .ecosmart-home .rightColumn li a
{
	color: #154C19;
}

.ecosmart-home .rightColumn li a
{
	font-weight: bold;
	text-decoration: underline;
	display: block;
}

.ecosmart-home .rightColumn li a:hover
{
	text-decoration: none;
}

.ecosmart-home .rightColumn a.all
{
	text-transform: lowercase;
	text-align: right;
	padding-right: 10px;
	display: block;
	font-weight: bold;
	text-decoration: underline;
	color: #006728;
	font-size: 13px;
	line-height: 16px;
}

.ecosmart-home .rightColumn a.all:hover
{
	text-decoration: none;
}

.ecosmart-home .rightColumn a.contact-us
{
	text-decoration: none;
	text-align: right;
	text-transform: lowercase;
	font-size: 26px;
	color: #fff;
	line-height: 31px;
	padding: 17px 30px 18px 0px;
	width: 325px;
	display: block;
	background-image: url(../images/home-contact-us.jpg);
}

.ecosmart-home .rightColumn a.contact-us:hover
{
	background-image: url(../images/home-contact-over.jpg);
}

.ecosmart-sub .rightColumn img
{
	display: block;
	padding: 4px 0px;
}

.ecosmart-home #mainSubcontainer
{
	margin-top: 6px;
}

.ecosmart-sub #mainSubcontainer
{
	position: relative;
	background-image: url(../images/sub-content-repeat.jpg);
	background-repeat: repeat-y;
}

.ecosmart-sub #applyContentTop
{
	background-repeat: no-repeat;
	background-image: url(../images/sub-content-over.jpg);
}

.ecosmart-sub #applyContentBottom
{
	background-image: url(../images/sub-content-under.jpg);
	height: 32px;
}

.ecosmart-sub .leftColumn
{
	width: 529px;
	float: none;
	padding: 40px 40px 0px 40px;
}

.ecosmart-sub .rightColumn
{
	width: 353px;
	float: none;
	position: absolute;
	top: 0px;
	right: -4px;
}

.ecosmart-sub .rightColumn a.contact-us
{
	text-decoration: none;
	text-align: right;
	text-transform: lowercase;
	font-size: 26px;
	color: #fff;
	line-height: 31px;
	padding: 22px 25px 18px 0px;
	width: 328px;
	display: block;
	background-image: url(../images/sub-contact-us.jpg);
}

.ecosmart-sub .rightColumn a.contact-us:hover
{
	background-image: url(../images/sub-contact-over.jpg);
}

.content h1
{
	color: #0B2778;
	font-weight: normal;
	font-size: 26px;
	line-height: 32px;
	margin-bottom: 16px;
	text-transform: lowercase;
}

.ecosmart-sub .content h2
{
	color: #006728;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: -21px;
	text-transform: lowercase;
	padding: 10px 0px 5px 0px;
}

.ecosmart-sub .content h3
{
	color: #000;
	font-size: 14px;
	line-height: 20px;
	margin-top: 21px;
	margin-bottom: -21px;
	padding: 10px 0px 5px 0px;
	text-transform: lowercase;
}

.content p, .content ul
{
	margin-top: 21px;
	margin-bottom: 21px;
}

.content p, .content li
{
	line-height: 21px;
	font-size: 12px;
}

.content ul
{
	margin-left: 20px;
	padding-left: 0px;
}

.content li
{
	margin-left: 0px;
	padding-left: 10px;
}

.content a
{
	color: #0B2778;
	text-decoration: underline;
}

.content p.meta
{
	margin: 0px 0px 0px 180px;
	font-size: 11px;
	line-height: 13px;
	font-style: italic;
}

.content p.meta a
{
	color: #000;
}

.content p.meta a:hover
{
	text-decoration: none;
}

.content a:hover
{
	text-decoration: none;
}

.ecosmart-app #mainSubcontainer
{
	position: relative;
	background-image: url(../images/app-shadow.jpg);
	background-repeat: repeat-y;
}

.ecosmart-app #applyContentTop
{
	background-repeat: no-repeat;
	background-image: url(../images/app-shadow-top.jpg);
}

.ecosmart-app #applyContentBottom
{
	position: relative;
	background-image: url(../images/app-shadow-bottom.jpg);
	height: 32px;
}

.ecosmart-app h1
{
	padding: 30px 0px 0px 30px;
	margin: 0px;
}

.landing-screen .leftColumn, .sign-in .leftColumn
{
	padding-top: 10px;
	padding-left: 50px;
	width: 340px;
	float: left;
}

.landing-screen .rightColumn, .sign-in rightColumn
{
	float: left;
}

.landing-screen .content h2, .sign-in .content h2, .rightTitle
{
	color: #0B2778;
	margin-left: 102px;
	font-size: 19px;
	line-height: 22px;
	margin-bottom: 4px;
	text-transform: lowercase;
	font-weight: normal;
}

.listing-screen .content h2
{
	color: #0B2778;
	font-size: 19px;
	line-height: 22px;
	margin-bottom: 4px;
	text-transform: lowercase;
	font-weight: bold;
	margin-left: 45px;
	margin-top: 20px;
}

.ecosmart-app .content p.fieldLabels
{
	margin: 0px;
}

.ecosmart-app .content p.fieldLabels .singleUnit
{
	display: block;
	width: 170px;
	font-size: 13px;
	line-height: 19px;
	font-weight: bold;
	position: relative;
	padding: 7px 0px;
	text-align:right;
}

.ecosmart-app .content p.fieldLabels .singleUnit input, .content p.search label input
{
	text-align: left;
	position: absolute;
	left: 180px;
	top: 6px;
	background-image: url(../images/app-text-field.jpg);
	background-repeat: no-repeat;
	width: 207px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

.ecosmart-app .content p.fieldLabels .singleUnit label.styleRadio
{
	position: absolute;
	top: 28px;
	width: 150px;
	font-weight: normal;
	text-align: left;
}

.ecosmart-app .content p.fieldLabels .singleUnit label.styleRadio input
{
	display: inline;
	position: static;
	width: 13px;
	height: 13px;
}

.ecosmart-app .content p.fieldLabels .singleUnit label.newsletterYes
{
	left: 180px;
}

.ecosmart-app .content p.fieldLabels .singleUnit label.newsletterNo
{
	left: 230px;
}

.ecosmart-app .content p.fieldLabels .singleUnit label.newsletterAlready
{
	left: 280px;
}

.ecosmart-app .content p.fieldLabels .starred
{
	display: block;
	margin-left: 180px;
}

.ecosmart-app .rightColumn .fieldAction
{
	display: block;
	margin: 14px 0px 0px 290px;
}

.content p.search
{
	text-align: right;
	font-size: 11px;
	line-height: 13px;
	position: absolute;
	top: 20px;
	right: 20px;
	color: #006728;
	margin: 0px;
}

.content p.search label
{
	color: #006728;
	display: block;
	width: 170px;
	position: relative;
	padding: 11px 0px;
	text-align:right;
	margin-right: 275px;
}

.content p.search a
{
	text-decoration: none;
	color: #0B2778;
}

.content p.search a:hover
{
	color: #000;
}

.ecosmart-app p.search .fieldAction
{
	display: block;
	position: absolute;
	top: 5px;
	right: 0px;
}

.ecosmart-app a.contact-us
{
	text-decoration: none;
	text-align: right;
	text-transform: lowercase;
	font-size: 12px;
	color: #fff;
	line-height: 15px;
	padding: 10px 20px 10px 0px;
	width: 143px;
	height: 15px;
	display: block;
	position: absolute;
	right: 15px;
	top: -25px;
	background-image: url(../images/app-contact-us.jpg);
}

.ecosmart-app a.contact-us:hover
{
	background-image: url(../images/app-contact-over.jpg);
}

.material-list
{
	border-spacing: 0px 10px 0px 0px;
	margin-left: 45px;
}

.material-list tr
{
	padding: 0px; margin:0px;
}

.material-list th
{
	font-size: 18px;
	line-height: 22px;
	color: #006728;
	font-weight: bold;
}

.material-list td, .material-list th
{
	line-height: 22px;
	padding: 5px;
	vertical-align: top;
	text-align: left;
	border-bottom: 10px #FFFFFF solid;
}

.material-list td
{
	font-size: 14px;
}

.material-tag
{
	background-color: #fff;
	font-size: 14px;
	font-weight: bold;
	width: 150px;
}

.material-description
{
	width: 480px;
}

.material-date
{
	width: 110px;
}

.material-plastic{background: #FFEDDF;}
.material-metal{background: #E0EBFD;}
.material-electronics{background: #DAFFD3;}

.material-chemical{background: #FEFFC1;}
.material-motorvehicle{background: #E2E2FE;}
.material-biofoodwaste{background: #FFE1DF;}
.material-other{background: #DBFDFF;}
.material-paper{background: #FEEECC;}
.material-glass{background: #D2FFE2;}
.material-construction{background: #EAFFC7;}

.content a.topLink
{
	display: block;
	color: #006728;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	text-align: right;
	margin-right: 152px;
	margin-left: 300px;
	margin-bottom: 90px;
	text-transform: lowercase;
}

.content a.topLink:hover
{
	text-decoration: none;
}

.tableControls
{
	width: 320px;
	text-align: center;
	color: #006728;
	position: absolute;
	font-size: 12px;
	line-height: 14px;
	right: 30px;
}

#topControls
{
	top: 88px;
}

#bottomControls
{
	bottom: 80px;
}

.content .tableControls a
{
	color: #006728;	
	font-weight: bold;
	text-decoration: underline;
	padding: 0px 10px;
}

.content .tableControls a.skip
{
	text-decoration: none;
}

.content .tableControls a:hover
{
	text-decoration: none;
}

.content a.interested
{
	display: block;
	margin-left: 400px;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 21px;
	line-height: 24px;
	color: #fff;
	width: 151px;
	height: 48px;
	padding: 9px 20px;
	background-image:url(../images/interested.jpg);
}

.content a.interested:hover
{
	background-image: url(../images/interested-over.jpg);
}

.content a.interested strong
{
	display: block;
	font-size: 24px;
	line-height: 24px;
}

.detail-screen .leftColumn
{
	float: left;
	padding-left: 35px;
	width: 300px;
	padding-top: 60px;
}

.detail-screen .rightColumn
{
	width: 620px;
	float: left;
	padding-top: 30px;
}

.detail-screen .leftColumn img
{
	display: block;
	margin: 0px auto;
}

.ecosmart-app h3
{
	font-size: 16px;
	line-height: 21px;
	padding: 10px;
	position: relative;
	left: -10px;
	margin-top: 20px;
	width: 490px;
	font-weight: normal;
}

.more-information
{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 60px;
	margin-top: 40px;
	color: #0B2778;
	position: relative;
}

.more-information a
{
	color: #0B2778;
	text-decoration: underline;
}

.more-information strong
{
	text-transform: uppercase;
}

.more-information a:hover
{
	text-decoration: none;
}

.more-information ul
{
	left: -100px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 0px;
}

.more-information li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	font-size: 13px;
	color: #000;
}

.more-information li strong
{
	text-align: right;
	position: absolute;
	left: -190px;
	width: 180px;
	text-transform: none;
	color: #006728;
	font-size: 14px;
}

#imageUpload{ width:250px; float:left;}
#imageUpload .errored{font-size:14px;}
.recycling
{
	margin: 0px 0px 0px 46px;
	font-size: 12px;
	line-height: 127%;
}
.contact
{
	margin-left: 45px;
	font-size:12px;
}

.ecosmart-app .rightColumn .fieldAction, input.loginbtn
{
	display: block;
	margin: 14px 0px 0px 290px;
}

.no-content-placeholder { height: 250px; }

.welcometxt{display:block; floar:left; margin-right:80px;}

.caption{font-size:10px; padding:5px 0px 0px 10px; line-height:11px; }