/* ----- GLOBAL STYLES ----- */

html, body 	{
	height: 100%;  /* required*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 82%;
	text-align: center;
}

*						{ margin: 0; padding: 0 }
body 					{ background-color: #fff; color: #000;}
p, div, ul, li		{ margin: 0; padding: 0 }
img 					{ border: 0 }
a 						{ text-decoration: none; color: #007838; font-weight: normal }
a:hover 				{ text-decoration: underline; }
h1, h2, h3, h4 	{ font: bold 120% "MS Sans Serif", Verdana, Arial, Helvetica, Serif; }
p, h1, h2, h3, h4 { margin-bottom: 12px }
ul, li				{ list-style: disc inside;}
ul						{ padding-bottom: 10px; }
span					{ color: #007838 }
dt						{ font-weight: bold; }
dl						{ padding-bottom: 12px; }

h1	{ 
	font: bold 160% Arial, Helvetica, Serif; 
	text-transform: uppercase;
	border-bottom: 2px solid #093;
}

h2, h3 {
	font: bold 100% Arial, Helvetica, Serif; 
	text-transform: uppercase;
}

h3 {
	text-transform: none;
}

	

/* ----- SETUP VARS TO ALLOW 100% HEIGHT WITH HEADER AND FOOTER : CONTAINER EQUALS ALL HEIGHT - FOOTER ----- */

#container, #footer {
	width: 748px;
	margin: 0 auto;
/*	position: relative;*/
	text-align: left;
	
	
}

#container {
	min-height: 100%;
	background: url(../i/layout/content-bg.gif) repeat-y;
}

* html #container {
	height: 100%;
}

#footer {
	background-color: #857;
	margin-bottom: 0;
	margin-top: -58px;
	height: 58px;
	z-index: 1;
	background: url(../i/layout/footer.gif) no-repeat;
}

* html #footer {	
	padding-top: -58px;
	position: relative;
	margin: 0 auto;
	left: 0;
	text-align: center;
	z-index: -1;
}

/* ----- SETUP GENERAL PAGE LAYOUT IDS ----- */

/* header layout */

#header {
	height: 143px;
}

#header #topbar {
	height: 96px;
	margin: 0;
	padding-top: 15px;
	background-color: #fff;
}

#header #topbar #logo {
	position: relative;
	width: 20%;
	float: left;
	margin: 0;
	padding: 0;	
}

#header #topbar #flash {
	position: relative;
	width: 75%;
	float: right;
	text-align: right;
	margin-right: 1px;
	height: 100%;
}

#header #nav-container {	
	margin: 0;
	clear:both;
	height: 25px;
	padding: 8px 0px 0px 18px;
	background: url(../i/layout/nav-bg.gif) top left no-repeat;

}

/* Nav header rollovers + menu */

#header #nav-container ul {
	margin: 0;
	padding: 0;
	list-style: none;
/*	position: relative;*/

}

#header #nav-container ul li {
	/*display: inline;*/
	float: left;
	position: relative;
	list-style: none;
	
}

#header #nav-container ul li ul li {
	display: block;
	width: 220px;
	position: relative;
}

#header #nav-container ul li ul li a {
	display: block;
	position: relative;
	border-bottom: 1px solid #007838;
	padding: 2px 0 0px 8px;
	height: 16px;
	margin-top: 5px;
}

#header #nav-container li ul {
	position: absolute;
	left: 6px;
	top: 2em;

	display: none;
	
/*		margin-top: 10px;*/
}

/* make for ie only */
* html #header #nav-container li ul {
	top: 22px;
	width: 220px;

}

#header #nav-container ul li a {
	display: inline;
	text-decoration: none;
	color: #fff;
	clear:both;
}

#header #nav-container li:hover ul, #header #nav-container li.over ul { 
	display: block; 
	background: #39B473;
	padding: 0px;
	border-right: 1px solid #007838; 
	border-left: 1px solid #007838; 
}

#header #nav-container li ul li a:hover {
	background: #009A48 url(../i/layout/nav-bg-select.gif) left repeat-y;
}

/* Fix IE. Hide from IE Mac \*/
* html #header #nav-container ul li { float: left; }
* html #header #nav-container ul li a { height: 1%; }
/* End */

/* Fix IE. Hide from IE Mac \*/
* html #header #nav-container ul li { float: left; height: 1%; }
* html #header #nav-container ul li a { height: 1%; }
/* End */

/* main content layout ids */

#main {
	text-align: justify;
}

#main #pagephoto {
	background: url(../i/layout/main-photo-recycling-centre.jpg) no-repeat;
	height: 163px;
	border-top: 1px solid #fff;
}

#content {
	background: url(../i/layout/content-top.gif) 0 0 repeat-x;
	padding: 18px;
	min-height: 310px;
}

/* Fix IE. Hide from IE Mac \*/
* html #content { height: 320px; }
/* End */



/* --- newsbar section --- */

#newsbar {
/*	z-index: 20;
	position: absolute;*/
/*	top: 265px;
	left: 770px;*/
	width: 236px;

	/*border: 5px solid #007838;*/
	background: #007838;
	/*padding-bottom: 0px;*/
	padding: 0px;
	text-align: center;
/*	display:block;
	clear:both;*/
	float: right;
	margin-top: -370px;
	margin-right: 3px;
}

#newsbar-header {
		background: url(../i/layout/news-bar-header.gif) repeat-x;
		height: 27px;
		padding:0;
		margin:0;
}

/* Fix IE. Hide from IE Mac \*/
* html #newsbar-header { height: 10px; padding: 0; margin: 0;}
/* End */

#newsbar-body {
	padding: 3px;
	margin: 5px;
/*	padding-top: 0px;*/
	margin-top: 0px;
	background: #007838 url(../i/layout/news-bg.gif) top center repeat-y;
}

#newsbar h1 {
	color: #fff;
	/*padding: 5px;*/
/*	height: 22px;*/
	padding: 27px 0 0 0;
   overflow: hidden;
	/*margin-bottom: 10px;*/
   height: 0px !important;
   height /**/:27px;
	background-repeat: no-repeat;
	background:  url(../i/layout/news-bar-header-text.gif) top left no-repeat;
	border: none;
	text-align: left;
}

/* Fix IE. Hide from IE Mac \*/
* html #newsbar-header  h1 { padding-top: 20px;}
/* End */

#newsbar h2, #newsbar p {
	padding: 0 5px;
	text-align: justify;
}

#newsbar img {
	border: 1px solid #aaa;
	margin-bottom: 0px;
}

/* footer layout */

#footer {
	/*padding-top: 20px;
	padding-bottom: 0px;*/
}



#footer #copyright {
	float: left;
	text-align: left;
	padding: 8px;
	padding-left: 14px;

}

#footer #email {
	float: left;
	text-align: right;
	padding: 8px;
	margin-left: 6px;
	clear: left;
}

#footer #copyright, #footer #email {
/*	padding-top: 34px;*/

}

/* ----- FORMAT COLOURS AND FONT STYLES ----- */

.indexColumn{
	float: left;
	width: 65%;
}

.column1 {
	float: left;
	width: 48%
}

.column2 {
	float: right;
	width: 48%
}

.normalColumn {
	clear: both;
}

.pricelist dd {
	font-style: italic; 
}


#content h1 {
	/*padding: 17px 0 0 0;
   overflow: hidden;
	margin-bottom: 10px;
   height: 0px !important;
   height *//**//*:17px;
	background-repeat: no-repeat;*/
}



.imgLeft {
	border: 1px solid #aaa;	
	margin-right: 7px;
	margin-bottom: 7px;
}

.imgRight {
	border: 1px solid #aaa;	
	margin-left: 7px;
	margin-bottom: 7px;
}


.map {
	border: 1px solid #bbb;	
	padding: 0px;
	background: #fff;
	margin-bottom: 10px;
	margin-left: 7px;
}

/*
.services h1 {
	background-image: url(../i/layout/header-services.gif);
}*/

/* ----- FORMS ---- */

/* CONTACT PAGE */
#contact 											{ width: 500px; padding: 5px; margin: 0px; }
#contact h1, #contact h2, #contact h3		{ color: #2D9DC8; font-weight: bold; font-size: 180%; }
#contact input, #contact textarea			{ font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 11px; 	padding: 1px; height: 14px }
#contact .tf100 									{ width: 100%; }
#contact .ta100 									{ width: 100%; height: 100px }
#contact .tf50px									{ width: 50px }
#contact .tf100px									{ width: 100px }
#contact .button 									{ font-weight: bold; border: 1px solid #237B9C; margin: 10px 0px 0px 0px; padding: 4px; background-color: #093; color: #fff; height: 22px; text-transform: uppercase;}
#contact div.row									{ clear: both; padding-top: 5px; }
#contact div.row span.label 					{ float: left; width: 30%; text-align: left; color: #000; font-weight: bold }
#contact div.row span.formw					{ float: right; width: 69%; text-align: left; }
#contact div.spacer 								{ clear: both; }

/* ----- MISC ----- */

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
	padding-bottom: 30px;
}

.clearer2 {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
	padding-bottom: 10px;
}

.notification {
	padding-top: 10px;
	padding-bottom: 8px;
	font-weight: bold;
	color: #093;
}	

.mapkey1, .mapkey2, .mapkey3 {
	font-weight: bold;
}

.mapkey1 {
	color: #c22;	
}

.mapkey2 {
	color: #2a2;
}

.mapkey3 {
	color: #22c;	
}

.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #E9FECB;
width: 205px;
}

.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: black;
color: white;
}

/************************************************************************************
	NEW STYLES ADDED 16 MAY 2006
************************************************************************************/

p.further-information {
	font-style: italic;
}