/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

	Site:		Add Site Name here
  Author:     White October (http://www.whiteoctober.co.uk/)

	Listing Order:
	==============

	1  - Universal
	2  - Structure/Layout
	3  - Navigation
	4  - Main content
	5  - 
	6  - 
	7  - 
	8  - 
	9  - 
	10 - 

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 1 - U N I V E R S A L  S T Y L E S
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

* {
	padding: 0;
	margin: 0;
}

p, h1, h2, h3, h4, h5, ul {
	padding-bottom: 1em;
}

li {
	margin-left: 20px;
	margin-bottom: 0.5em;
}

html {
	font-size: 62.5%;
}

body {
    font-size: 1.4em;
    font-family: arial;
    width: 960px;
    margin: 0 auto;
    color: #333;
    
    background: url(../images/body-background.gif);
}

img {
    display: block;
}

a {
    text-decoration: underline;
    color: #0000ff;
}

a:hover {
    text-decoration: none;
}


/* disappear accessibility text  */

.skiplink
{
	position: absolute;
	left: -5000px;
	top: -5000px;
}

.clear
{
	clear: both;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 2 - S T R U C T U R E / L A Y O U T
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* main container - contains header, columns and footer */

#container
{
	width: 960px;
	padding-bottom: 20px;
}

#container-wrapper
{
	width: 780px;
	margin-left: 90px;
	float: left;
	clear: left;
	display: inline;  /* fix IE bug */
	background: #E6E7E8;
}


/* mainnav styles */

#mainnav
{
	width: 780px;
	height: 18px;
	background: #FDBE12;
	margin-bottom: 3px;
	
}

#mainnav ul
{
	margin-top: 3px;
	margin-right: 25px;
	float: right;
	padding: 0px;
}

#mainnav li
{
	list-style: none;
	margin: 0px;
	float: left;
}

#mainnav a
{
	color: #003F5F;
	font-family: Arial;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	line-height: 16px;
	font-size: 0.65em;
}

#mainnav a span.selected
{
	text-decoration: underline;
}

#mainnav span.pipe
{
	color: #FFF;
	display: block;
	float: left;
	width: 10px;
	clear: none;
	margin-right: 4px;
	margin-left: 6px;
}

/* header styles */

#header 
{
	width: 780px;
	float: left;
	height: 85px;
	margin-bottom: 5px;
	background: #003F5F;
}
 
a.header-logo
{
	display: block;
	width: 134px;
	height: 50px;
	float: left;
	margin-left: 18px;
	margin-top: 14px;
	display: inline; /* fix IE bug */
}
 
#tagline
{
	float: right;
	height: 55px;
	padding: 0px;
	margin-top: 14px;
	margin-right: 25px;
	text-align: right;
	display: inline; /* fix IE bug */
}

#tagline #callusnow
{
	color: #fff;
	padding: 0px;
	font-size: 1.15em;
	font-weight: bold;
}

#tagline #leadingtheway
{
	color: #fff;
	padding: 0px;
	font-size: 0.7em;
	font-weight: bold;
	padding: 0px;
	padding-bottom: 22px;
	background: url(../images/tagline-background2.gif) repeat-x bottom right;
}

span.highlight
{
	color: #FDBE12;
}

 
a.header-logo img
{
	border: 0px;
}

/* primary navigation block */

#primarynav
{
	width: 780px;
	float: left;
	background: #ffccff;
	margin-bottom: 5px;
}

/* maincontainer */

#maincontainer
{
	background: url(../images/maincontainer-background.gif) repeat-y top left;
	float: left;
}

/* columns */
 
 
#lhcol
{
	width: 170px;
	float: left;
	clear: left;
	padding-bottom: 16px;
	
	xborder: 1px solid green;
}

#lhcol ul
{
	float: left;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

#lhcol li
{
	float: left;
	padding: 0px;
	list-style: none;
	width: 160px;
	margin-left: 0px;
	margin-bottom: 10px;
	background: #003F5F;
}

#lhcol ul li a 
{
	float: left;
	margin-left: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial Black, sans-serif;
	font-size: 1em;
	color: #FDBE12;
}

/* selected state */

#lhcol ul li.selected
{
	background: #FDBE12;
	width: 170px;
	
}

#lhcol ul li.selected a span
{
	color: #003F5F;
}

#lhcol #contactinfo
{
	background: #003F5F;
	float: left;
	width: 160px;
}

.lesserinfo
{
	font-size: 0.8em;
}

#contactinfo a
{
	text-decoration: none;
	color: #fff;
}

#contactinfo p
{
	color: #fff;
	margin-left: 10px;
	font-size: 0.85em;
	font-weight: bold;
	padding: 0px;
}

#contactinfo #address
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#contactinfo #tel
{
	margin-bottom: 10px;
}

#contactinfo #openinghours
{
	margin-bottom: 10px;
}

/**************************************
MAIN CONTENT
***************************************/

.maincont
{
	width: 473px;
	float: left;
	font-size: small;
	margin-left: 0px;
	margin-bottom: 5px;
	display: inline; /* fix IE bug */
	border-top: 4px solid #FDBE12;
	color: #003F5F;
	
	#background: url(../images/recyclelogo-background.gif) no-repeat 100% 100%;
	padding-bottom: 40px;
	
}

.maincont img,
.maincont h1,
.maincont form,
.maincont p.mandinst
{
	margin-left: 15px;
	margin-right: 15px;
}

.maincont .contentblock
{
	margin-left: 15px;
	margin-right: 60px;
}

.maincont .contentblock h2,
.maincont .contentblock img,
.maincont .contentblock ul,
.maincont .contentblock p
{
	margin: 0px;
}


.maincont h1
{
	background: url(../images/h1-background.gif) no-repeat top left;
	padding-top: 30px;
	padding-bottom: 0px;
	font-size: 2em;
	text-transform: uppercase;
}

.maincont h1 span
{
	background: url(../images/h1-span-background.gif) no-repeat bottom left;
	display: block;
	padding-bottom: 31px;
}

.maincont h2
{
	font-size: 1.2em;
}

/* this can now be specified Contented
.maincont p.firstparagraph
{
	font-weight: bold;
}
*/

.maincont img
{
	margin-top: 15px;
}




/* rhcol */
 
#rhcol
{
	float: right;
	display: inline;
	width: 124px;
	margin-bottom: 5px;
	margin-left: 10px;
	xborder: 1px solid blue;
}

#rhcol #booknow,
#rhcol #ordercompost,
#rhcol #wastetransfer,
#rhcol .rhimage
{
	border: 0px;
	margin-bottom: 12px;
}

/* footer styles */

#footer 
{
	margin-left: 90px;
	width: 780px;
	font-size: x-small;
	margin-bottom: 20px;
	margin-top: -24px;
	float: left;
	clear: both;
	display: inline; /* fix IE bug */
	background: url(../images/footer-background.gif) no-repeat top left;
	padding-top: 40px;
	text-align: right;
	
	xborder: 1px solid red;
}

#footer a
{
	color: #333333;
}

#recycle
{
	position: absolute;
	margin-left: 600px;
	margin-top: -80px;
}

#copyright
{
	padding-left: 20px;
	padding-top: 10px;
	font-size: 0.8em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 5 - C O N T A C T   F O R M 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

form
{
	margin-bottom: 10px;
}

div.inputline,
div.checkboxline
{
	margin: 0px 0px 0px 0px; 
	padding: 1px 0px 1px 0px;
	float: left;
	width: 446px;
	display: inline; /* fix IE bug */
}

#placeline
{
	display: none;
}

div.checkboxline
{
	clear: both;
}

.inputline label
{
	float: left;
	clear: left;
	font-weight: bold;
	width: 100px;
	
}

.inputline input,
.inputline textarea,
.inputline select
{ 
	float: left;
	width: 330px;
	font-family: arial,helvetica,sans-serif;
}


.inputline textarea
{
	font-size: small;
}

.inputline input.checkbox
{
	width: auto;
}


#feedbacks
{
	color: #b6272f;
}

#contactsubmit
{

}


/* ERRORS */
.errorfield {
	border: 2px solid #b6272f;;
}

.error
{
	text-decoration: none;
	color: #b6272f;;
	margin-bottom: 2px;
	margin-left: 100px;
	display: block;
	clear: left;
}
.error span {
	font-size: 11px;
}	

.inputline .errorfield
{
	border: 2px solid #b6272f;;
}

/******************
	OUR SKIPS
********************/

#colcontainer
{
	margin-left: 15px;
	float: left;
	display: inline;
	background: url(../images/colcontainer-background.gif) no-repeat 0% 120px;
	width: 443px;
}

#colcontainer .wrapper
{
	margin-bottom: 5px;
	padding-bottom: 10px;
	background: url(../images/colcontainer-background.gif) no-repeat 0% 100%;
	float: left;
	width: 443px;
	
}

#colcontainer.colcontainer-2col
{
	background-position: -147px 120px;
}

#colcontainer.colcontainer-1col
{
	background-position: -298px 120px;
}

#colcontainer.colcontainer-0col,
#colcontainer.colcontainer-0col .wrapper
{
	background: none;
}

#colcontainer.colcontainer-2col .wrapper
{
	background-position: -147px 100%;
}

#colcontainer.colcontainer-1col .wrapper
{
	background-position: -298px 100%;
}

div.col
{
	width: 144px;
	float: left;
	display: inline;
	clear: none;
	margin-right: 5px;
	margin-top: 10px;
}

div.lastcol
{
	margin-right: 0px;	
}

div.col h2
{
	text-transform: uppercase;
	color: #fff;
	padding: 3px 3px 3px 5px;
	font-size: 0.9em;
	background: #003F5F;
	margin-bottom: 5px;
}

div.col img
{
	float: left;
	margin: 0px;
	margin-bottom: 15px;
}

div.col h3,
div.col p
{
	padding: 0px;
}

div.skipimagecontainer
{
	width: 141px;
	height: 95px;
	
}

div.col h3
{
	margin-top: 10px;
	font-size: 0.85em;
}

div.col p
{
	font-size: 0.8em;
	line-height: 1.1em;
}

div.col a.imgcaption
{
	color: #003F5F;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 8px;
	display: block;
}

.infoline1
{
	#font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	font-family: Arial Black, sans-serif;
}

p.contactline
{
	margin-top: 20px;
	float: left;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
}

a.click2order
{
	float: left;
	margin-top: 15px;
	background: #003F5F;
	color: #FDBE12;
	padding: 3px;
	text-decoration: none;

}

div.col a img
{
	border: 0px solid red;
	margin-bottom: 0px;
}