@import url("basic.css");
@import url("Navigation.css");
@import url("contentItems.css");
@import url("Links.css");
@import url("Forms.css");
@import url("Structure.css");

/* Changeable */

/* Background of site and font */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

/* Background image for this page, new one required for each new page with differnet image */
#Home #middleWrapper #mainContent {
	background-image: url(../images/HomeBackground.png);
	background-repeat: no-repeat;
	background-position: right 30px;
}


/* Middle Section Image*/	
#mainImage img {
	width: 100%;
}


/* Width control */
#wrapper {
	min-width: 58em;
	max-width: 65em;
	width: 98%;
	background-color: #FFFFFF;
	padding-left: 1%;
	padding-right:1%;
}

/* Headings */
H1, H2, H3, H4, H5, H6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding-bottom: 5px;
	padding-top: 0px;
}
#faq h2 {
	font-size: 90%;
}

H1 {
	font-size: 150%;
}

H2 {
	font-size: 140%;
}

H3 {
	font-size: 130%;
}

H4 {
	font-size: 120%;
}

H5 {
	font-size: 110%;
}

H6 {
	font-size: 90%;
}


/* Horizontal Rules */

hr {
	border-bottom-color: #00AEEF;
}
	
	
/* Paragraphs */	
p {
	font-family: Arial, Helvetica, sans-serif;
}
#mainContent p {
	font-size: 80%;
	padding-bottom: 10px;
	padding-top: 5px;
}

#mainContent ul li {
	color: #000000;
	background-image: url(../images/BlueBullet.png);
	font-size: 80%;
}

/* Top Banner */
#branding {
	background-color: #FFFFFF;
	background-image: url(../images/clouds.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 8em;
}

#brandinghome {
	background-color: #FFFFFF;
	background-image: url(../images/clouds.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 10em;
	}
	

#leftBanner #strapline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
}

#rightBanner img.spaceMe {
	padding-right: 7px;
}

#rightBanner a.without {
	text-decoration:none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#telNumber h6 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
}


/* Middle Section Wrapper*/	
#middleWrapper {	
	background-color: #FFFFFF;
}

/* Size of middle and right sections combined N.B. if you add to this number you MUST take from #mainNav */	
#rightWrapper {
	width: 78%;
}

/* Size of left navigation column N.B. if you add to this number you MUST take from #rightWrapper */	
#mainNav {
	width: 17.5%;
}

/* Size of middle section N.B. if you add to this number you MUST take from #secondaryContent */	
#mainContent {
	width: 98%;
}

/* Footer*/	
#footer {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #00A650;	
}

/* Navigation*/

/* Bottom Bar Navigation*/	

ul.horizBottom a, ul.horizBottom a:visited {
	color: #111111;
}

ul.horizBottom a:hover, ul.horizBottom a:active {
	color: #555555;
}

ul.horizBottom a.thispage, ul.horizBottom a.thispage:visited {
	color: #00AEEF;
}

ul.horizBottom a.thispage:hover, ul.horizBottom a.thispage:active {
	color: #555555;
}

ul.horizBottom a, ul.horizBottom a:visited, ul.horizBottom a.thispage, ul.horizBottom a.thispage:visited {
	font-size: 70%;
}

/* Side Navigation*/	

#mainNav ul.bar a, #mainNav ul.bar a:visited {
	color: #000000;
	border-bottom-color: #00A650;
}

#mainNav ul.bar a:hover, #mainNav ul.bar a:active {
	color: #555555;
}

#mainNav ul.bar a.thispage:link, #mainNav ul.bar a.thispage:visited {
	color: #00AEEF;
	border-bottom-color: #00AEEF;
}

#mainNav ul.bar a.thispage:hover, #mainNav ul.bar a.thispage:active {
	color: #000000;
}

#mainNav ul.bar a, #mainNav ul.bar a:visited, #mainNav ul.bar a.thispage:link, #mainNav ul.bar a.thispage:visited {
	font-size: 75%;
	background-color: transparent;
	background-image: url(../images/BlueBox.png);
}

/* Side Navigation Subpages*/	

#mainNav ul li.subBar a, #mainNav ul li.subBar a:visited {
	color: #000000;
	border-bottom-color: #00A650;
}

#mainNav ul li.subBar a:hover, #mainNav ul li.subBar a:active {
	color: #555555;
}

#mainNav ul li.subBar a.thispage:link, #mainNav ul li.subBar a.thispage:visited {
	color: #00AEEF;
	border-bottom-color: #00AEEF;
}

#mainNav ul li.subBar a.thispage:hover, #mainNav ul li.subBar a.thispage:active {
	color: #000000;
}

#mainNav ul li.subBar a, #mainNav ul li.subBar a:visited, #mainNav ul li.subBar a.thispage:link, #mainNav ul li.subBar a.thispage:visited {
	font-size: 70%;
	background-color: transparent;
	background-image: url(../images/BlueBoxSmall.png);
}

/* Links */	

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, a.DocumentLink:link, a.DocumentLink:visited, a:link, a:visited  {
	color: #00AEEF; /* Change colour of links */
	border-bottom-color: #00AEEF; /* Change colour of underline of links */
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active, a.DocumentLink:hover, a.DocumentLink:active, a:hover, a:active { 
	color: #222222; /* Change colour links on rollover */
}

/* Forms */	

input.btn {
	color: #FFFFFF; /* Colour of text on submit button */	
	border: 1px solid #00AEEF;
	background-color: #00AEEF;
}

input.btnhov {
	color: #000000; /* Colour of text on submit button on rollover */
	border: 1px solid #000000;
	background-color: #BBBBBB;
}

legend {
	color: #000000; /* Colour of title of form */
	font-size: 90%;
}

/* Products table */
tr{
	text-align: center;
}

td{
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 80%;
}

#ecobuild
	{
		margin-left: 22%;
		color:#0A4238;

	}