@import url("core.css");

/* Specific */

body {
	background:url(images/bg-rpt.jpg) repeat-x #f1f1f1;
	font-family:Arial, Helvetica, sans-serif;
}
a {
	color:#999;
}
a:hover {
	text-decoration:none;
}
h1 {
	
}
.main h1 {
	width:462px;
	background:no-repeat;
	text-indent:-10000px;
	overflow:hidden;
	margin:0 0 15px 35px;
}
.main#homepage h1 {
	height:84px;
	background-image:url(images/h1-homepage.gif);
}
.main#contact h1 {
	height:25px;
	background-image:url(images/h1-contact.gif);
}
.main#usefulLinks h1 {
	height:25px;
	background-image:url(images/h1-links.gif);
}
.main#about h1 {
	height:56px;
	background-image:url(images/h1-about.gif);
}
.main#transport h1 {
	height:24px;
	background-image:url(images/h1-transport.gif);
}
.main#sorting h1 {
	height:24px;
	background-image:url(images/h1-sorting.gif);
}
.main#recycling h1 {
	height:88px;
	background-image:url(images/h1-recycling.gif);
}
h2 {
	font-size:16px;
	line-height:22px;
}
p {
	color:#999;
	font-size:12px;
	line-height:20px;
}
.main p {
	margin:0 156px 12px 252px;
}
.main a {
	color:#fff;
}

/* contact and links page */

.main#contact p, .main#usefulLinks p {
	margin:0 156px 12px 36px;
}

/* blockquote */

.main blockquote {
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	width:182px;
	padding:8px 35px 20px 35px;
	text-indent:16px;
	background:url(images/blockquote-open.png) no-repeat 12px 0;
	position:absolute;
	left:0px;
	top:0px;
}
.main#homepage blockquote {
	top:368px;
}
.main#about blockquote {
	top:268px;
}
.main#transport blockquote {
	top:228px;
}
.main#sorting blockquote {
	top:397px;
}
.main#recycling blockquote {
	top:350px;
}
.main blockquote span {
	position:relative;
}
.main blockquote span div {
	position:absolute;
	left:3px;
	top:-10px;
	width:36px;
	height:28px;
	background:url(images/blockquote-close.png) no-repeat;
}

.main p.emphasise {
	font-size:14px;
	line-height:20px;
}
.border {
	border:solid 1px #fff;
	padding:5px 10px;
}
.main a.readon {
	background:url(images/read-on.jpg) no-repeat 0 0 #EAEAEA;
	display:block;
	width:117px;
	height:30px;
	text-indent:-10000px;
	overflow:hidden;
	margin:18px 0 12px 35px;
}
.main a.readon:hover {
	background-position:-117px 0;
}
.main p {
	color:#fff;
}
.main#recycling ul {
	list-style:outside;
	font-size:12px;
	line-height:20px;
	color:#FFF;
	margin:0 156px 12px 252px;
}
.main#recycling ul li {
	margin:0;
}
#container {
	width:1000px;
	margin:0 auto;
}
#header {
	height:138px;
	position:relative;
}
#header img {
	position:absolute;
	left:210px;
	border:0;
}
ul#nav {
	width:275px;
	float:left;
}
ul#nav li {
	border-bottom:1px solid #fff;
}
ul#nav li a {
	height:48px;
	display:block;
	position:relative;
	overflow:hidden;
	text-indent:-10000px;
	overflow:hidden;
	background:right top no-repeat;
}

ul#nav li.homepage a {
	background-image:url(images/li-homepage-bg-with-shad.jpg);
}
ul#nav li.about a {
	background-image:url(images/li-about-bg-with-shad.jpg);
}
ul#nav li.transport a {
	background-image:url(images/li-transport-bg-with-shad.jpg);
}
ul#nav li.sorting a {
	background-image:url(images/li-sorting-bg-with-shad.jpg);
}
ul#nav li.recycling a {
	background-image:url(images/li-recycling-bg-with-shad.jpg);
}

ul#nav li a img {
	position:absolute;
	top:-5px;
	left:0;
}
#maincontwrapper {
	float:right;
	width:725px;
	margin-bottom:30px;
}
#maincont {
	position:relative;
}
.main {	
	width:725px;
	padding-top:55px;
}
/* targets only homepage elements */
body#currentpage #container #maincontwrapper #maincont {
	overflow:hidden;
	height:385px;
}
body#currentpage #container #maincontwrapper #maincont div.main {
	position:absolute;
	height:385px;
	left:-725px;
	top:0;
}
body#currentpage #container #maincontwrapper #maincont div.main#homepage {
	left:0px;
}
.main#homepage, .main#contact, .main#usefulLinks {
	background-image:url(images/main-bg-home.jpg);
}
.main#about {
	background-image:url(images/main-bg-about.jpg);
}
.main#transport {
	background-image:url(images/main-bg-transport.jpg);
}
.main#sorting {
	background-image:url(images/main-bg-sorting.jpg);
}
.main#recycling {
	background-image:url(images/main-bg-recycling.jpg);
}
.main img.mainpic {
	float:left;
}

/* adverts */

.main .adverts {
	float:right;
	display:inline;
	width:100px;
	margin:0 30px 20px;
}
.main .adverts a {
	width:100px;
	height:95px;
	display:block;
	background:no-repeat 0 0;
	text-indent:-10000px;
	overflow:hidden;
	margin:0 0 5px 0;
}
.main .adverts a:hover {
	background-position:-100px;
}
.main .adverts a.recycling {
	background-image:url(images/advert-recycling.png);
}
.main .adverts a.transport {
	background-image:url(images/advert-transport.png);
}
.main .adverts a.sorting {
	background-image:url(images/advert-sorting.png);
}
.main .adverts a.first {
	margin-top:0px;
}

/* highlight nav */

#currentpage.homepage ul#nav li.homepage a, #homepage ul#nav li.homepage a {
	background-image:url(images/li-homepage-bg-fadetosolid.jpg);
}
#currentpage.about ul#nav li.about a, #about ul#nav li.about a {
	background-image:url(images/li-about-bg-fadetosolid.jpg);
}
#currentpage.transport ul#nav li.transport a, #transport ul#nav li.transport a {
	background-image:url(images/li-transport-bg-fadetosolid.jpg);
}
#currentpage.sorting ul#nav li.sorting a, #sorting ul#nav li.sorting a {
	background-image:url(images/li-sorting-bg-fadetosolid.jpg);
}
#currentpage.recycling ul#nav li.recycling a, #recycling ul#nav li.recycling a {
	background-image:url(images/li-recycling-bg-fadetosolid.jpg);
}

/* form */

form input, form textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:4px;
	color:#848484;
}
#contactformcontainer {
	float:left;
	clear:left;
	width:245px;
	height:200px;
}
#contactformcontainer form#quickenquiry {
	width:196px;
	float:right;
	text-align:center;
}
#contactformcontainer h2 {
	background:url(images/h2-quick-enquiry.gif) no-repeat;
	width:169px;
	height:29px;
	text-indent:-10000px;
	overflow:hidden;
	margin:20px auto 5px;
}
#contactformcontainer form#quickenquiry input.text, #contactformcontainer form#quickenquiry textarea.textarea {
	width:188px;
	border:0;
	margin:4px 0;
}
#contactformcontainer form#quickenquiry input.submit {
	float:right;
	margin:6px 0 0 0;
	padding:0;
}

/* contactpane */

#contactpane {
	float:left;
	clear:left;
	position:relative;
	width:725px;
}
#contactpane h2 {
	color:#999;
	margin-top:8px;
}
#contactpane a {
	color:#999;
}
#contactpane p {
	margin:0;
}

/* flow diagram */

ul#flowsorting {
	margin:0 154px 12px 250px;
	padding-top:5px;
}
ul#flowsorting li {
	width:312px;
	margin-bottom:10px;
	float:left;
	background:url(images/flow-sorting-arrow.gif) no-repeat 87px 0px;
}
ul#flowsorting li div.battery {
	float:left;
	width:60px;
	background:#fff;
	border:solid 2px #f46100;
	color:#ff6600;
	font-size:11px;
	line-height:14px;
	padding:6px 10px;
	text-align:center;
	font-weight:bold;
}
ul#flowsorting li div.description {
	float:right;
	width:160px;
	background:#ff6600;
	border:solid 2px #fff;
	color:#fff;
	font-size:12px;
	line-height:16px;
	padding:6px 10px;
}

/* flow 2 */

ul#flowsorting2 {
	margin:0 154px 12px 250px;
	padding-top:5px;
}
ul#flowsorting2 li {
	width:312px;
	margin-bottom:50px;
	float:left;
	position:relative;
}
ul#flowsorting2 li div.battery {
	float:right;
	width:60px;
	background:#fff;
	border:solid 2px #f46100;
	color:#ff6600;
	font-size:11px;
	line-height:14px;
	padding:6px 10px;
	text-align:center;
	font-weight:bold;
}

ul#flowsorting2 li div.arrow {
	position:absolute;
	background:no-repeat 0 0;
	width:34px;
	height:43px;
}
/* down arrows */
ul#flowsorting2 li div.downyes, ul#flowsorting2 li div.downno {
	bottom:-40px;
	left:76px;
}
ul#flowsorting2 li div.downyes {
	background-image:url(images/flow-sorting-arrow-downyes.gif);
}
ul#flowsorting2 li div.downno {
	background-image:url(images/flow-sorting-arrow-downno.gif);
}

/* right arrows */
ul#flowsorting2 li div.rightyes, ul#flowsorting2 li div.rightno {
	top:0;
	left:191px;
}
ul#flowsorting2 li div.rightyes {
	background-image:url(images/flow-sorting-arrow-rightyes.gif);
}
ul#flowsorting2 li div.rightno {
	background-image:url(images/flow-sorting-arrow-rightno.gif);
}

ul#flowsorting2 li.portable {
	background:none;
	margin-bottom:20px;
}
ul#flowsorting2 li.portable div.battery {
	float:left;
	width:160px;
}
ul#flowsorting2 li div.description {
	float:left;
	width:160px;
	background:#ff6600;
	border:solid 2px #fff;
	color:#fff;
	font-size:12px;
	line-height:16px;
	padding:6px 10px;
	position:relative;
}

.main p.lgr {
	margin:20px 156px 12px 252px;
	color:#fff;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
}

/* enquiry */

#contactformcontainer p {
	float:right;
	text-align:center;
	margin:15px 0 0 0;
	width:196px;
}

/* lower nav */

ul#lowernav {
	background:url(images/lower-nav-bg.gif) no-repeat;
	width:197px;
	height:25px;
	position:absolute;
	top:18px;
	right:0;
	display:inline;
	padding:8px 0;
}
ul#lowernav li {
	float:right;
}
ul#lowernav li a {
	display:block;
	font-size:11px;
	color:#999;
	margin:0 27px 0 0;
	padding:0 8px;
}
ul#lowernav li a.first {
	margin:0 0 0 0;
	border-right:solid 1px #999;
}

/* NEWSFLASH */

#header
	{
	position: relative;
	}
#newsflash
	{
	width: 493px;
	padding: 15px 0px 10px;
	background: #eee;
	position: absolute;
	right: 0;
	bottom: 1px;
	}
#newsflash p
	{
	margin: 0 20px;
	color: #272525;
	}
#newsflash p strong
	{
	color: #FA2618;
	}