html {
	margin: 0;
	padding: 0;
}

body {
	font-family: verdana, arial, sans-serif; 
	font-size:1em;
	font-size:75%;
	text-align: center;
	margin:0;
	padding:0;
	background-color : #d0e2ee;
}

/*****************************************************************************************/
/*			Main containers 	     													 */
/*****************************************************************************************/

/*	Body background images */

/* Top blue gradient image in the body background */
#pageholder {
	background:  url(images/bg_aggregates.gif) 0 0 repeat-x #a1c5dd;
}

/* Light blue image in the body background */
#page {
	background: url(images/bg_pageholder_blue.gif) 0 100% repeat-x transparent;
	padding-bottom: 60px;
}

* html #page {
	padding-bottom: 65px;
}

/* Holds all content - header, nav, main content and footer */
#container {
	margin-left:auto;
	margin-right: auto;
	text-align: left;
	width: 754px;
	background-color: #fff;
}

/*----------------------------------------------------- Global styles ------------*/
.clearer {
	clear:both;
	height:1px; 
	overflow: hidden;
}

img {
	border:none;
}

form {
	margin:0;
	padding: 0;
}

input, select {
	font-size:1em;
}

* html textarea {
	font-size: 1em; 
}

p {
	margin:0;
	font-size: 0.9em;
	color: #666666;
}

ul {
	padding:0;
	margin:0;
	list-style: none;
}

li {
	padding:0;
	margin:0;
}

a {
	color: #960c1b;
	text-decoration: none;
}

a:hover {
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

.bold {
	font-weight: bold;
}

.blue {
	color:#3399cc;
}
.larger {
  font-size:105%;
}
.colr000 {
  color:#000;
}
.aRight {
  text-align:right;
}
.aCenter {
  text-align:center;
}

/* ----------------------------- HEADER - container for logo, top links and search form ----------*/
#header {
	width:100%;
	background:url(images/bg_header.gif) 100% 0 repeat-y #ffffff;
}

#logo {
	float:left;
}

#logo img {
	margin-left: 24px;
}

/*-------------------------------------- Contact us, finders, site map links ---------------------- */
#toplinks {
	float:right;
	width: 135px;
}

* html>body #toplinks {
	width: 217px;
}

#toplinks ul li {
	float: left;
	padding:10px 5px 5px 0px;
}

#toplinks ul li a {
	color: #fff;
	display:block;
	text-decoration: none;
	font-size:0.95em;
	padding-right:5px;
}

* html>body  #toplinks ul li a {
	width:6em;
}

#toplinks ul li a:hover {
	color: #20AADB;
}

#contactus {
	background: url(images/bg_contactus.gif) 100% 90% transparent no-repeat;
}

* html>body #toplinks  #contactus {
	width: 5.5em;

}

#finders {
	background: url(images/bg_finders.gif) 100% 90% transparent no-repeat;
}

* html>body #toplinks #finders { 
	width: 4em;
}

/* ------------------------------------------ Site search ------------------ */
#sitesearch {
	float:right;
	clear: right;
	margin-top:23px;
	width: 309px;
	background: url(images/bg_sitesearch.gif) 0 0 transparent repeat-y;
	padding-bottom:10px;
}

#sitesearch p {
	color:#fff;
	font-size:0.95em;
}

#frmSearch {
	background: url(images/bg_topleft_frmsearch.gif) 0 0 transparent no-repeat;
	padding-top:15px;
	padding-left:16px;
	padding-bottom:4px;
}

#search {
	width:168px;
	font-size:1em;
}


* html #search {
	width:170px;
}

#go_button {
	margin-bottom: -5px;
}

* html #go_button {
	margin-bottom: -4px;
}

/*-------------------------------------------------------------- TOP NAVIGATION -------*/
#topnav {
	width:100%;
	background-color:#fff;
	height:28px;
	border-top: 1px solid #fff;
}

#topnav div {
	text-align:center;
	font-size:1em;
	min-height:28px;
	border-bottom: 1px solid #fff;
}

* html #topnav div {
	height: 28px;
}

#topnav div a {
	padding-top:7px;
	color:#fff;
	display:block;
	background: url(images/bg_topnav.gif) 0 0 repeat-x #1da9d9;
	min-height: 21px;
}

* html #topnav div a {
	width:100%;
	height:27px;
	height:21px;
}

* html>body #topnav div a {
	height: 21px;
}

#topnav div a:hover {
	background-image: url(images/bg_top_hover.gif);
}

div#topnav_group {
	width:120px;
	float:left;
	width:10em;
	width:120px;
}

div#topnav_group a {
	background: url(images/bg_topnavgroup.gif) 0 0 repeat-x #7585b2;
}

div#topnav_group a:hover {
	background-image: none;
	background-color: #121f44;
}

div#topnav_group .active { /* make the background the darker blue */
  background-color:#121f44;
}
#topnav div#topnav_group.active  { /* make the bottom border the darker blue */
	border-bottom: 1px solid #121f44;
}

div#topnav_white {
	float:left;
	width: 53px;
	background: url(images/bg_topnav_white.gif) 0 0 repeat-x #fff;
/*	width:4.4em;*/ /* commented out to stop top nav wrapping 31/01/06 */
	background-image: url(images/bg_topwhite.gif);
	height:27px;
}

div#topnav_agg {
	float:left;
	width: 119px;
	border-right:1px solid #fff;
	width:10em;
	width:119px;
}

#topnav a.active {
	background-color: #186ea8;
	background-image: none;
}

#topnav div.active {
	border-bottom: 1px solid #186ea8;
}

#topnav div.active a:hover {
	background-image:none;
}

#topnav_concrete {
	float: left;
	width: 119px;
	border-right:1px solid #fff;
	width:10em;
	width:111px;
}

* html>body #topnav_concrete {
	width:115px;
}

#topnav_construction {
	float:left; 
	width: 118px;
	border-right: 1px solid #fff;
	width: 10em;
	width:123px;
}

#topnav_landscape {
	float: left;
	width: 222px;
	width:18.17em;
	width:225px;
}

* html #topnav_landscape {
	width:225px;
	width:18.4em;
	width:225px;
}

* html>body #topnav_landscape {
	width: 19.2em;
	width:221px;
}

/* Group styles */
#topnav div#topnav_group.active a { /* make the background the darker blue */
  background-color:#121f44;
  background-image: none;
}
#topnav div#topnav_group.active  { /* make the bottom border the darker blue */
	border-bottom: 1px solid #121f44;
}
/*-------------------------------------------------END TOP NAV------------------------------------ */

/*----------------------------------------------- Second level navigation ------------------------ */
.secondlevel, .secondlevel-group  {
	background-color: #186ea8;
	clear: both;
	
/*	padding-left: 12px; */ /*- to make it line up with left column */
}

.secondlevel-group { /* make the 2nd level bar the darker blue */
  background-color:#121f44;
}

/* Hide from IE Mac \*/
* html .secondlevel, * html .secondlevel-group {
	width:100%;
}
/* End of hide */

* html>body .secondlevel, * html>body .secondlevel-group {
	padding:5px;
}

.secondlevel ul {
	margin-left: 12px;
}

.secondlevel ul li, .secondlevel-group ul li {
	float: left;
}

.secondlevel ul li a, .secondlevel-group ul li a {
	color: #fff;
	display:block;
	font-size:0.95em;
	padding:5px;
	background: url(images/bg_contactus.gif) 100% 60%  no-repeat;
}

* html>body .secondlevel ul li, * html>body .secondlevel-group ul li {
	float: none;
	display: inline;
}

.secondlevel ul li.active a,  .secondlevel-group li.active a {
	font-weight: bold;
}

* html>body .secondlevel ul li a, * html>body .secondlevel-group ul li a {
	display: inline;
}

.secondlevel ul li a:hover, .secondlevel-group ul li a:hover {
	color: #7ff5fc;
}

#last {
	background: none;
}

/* --------------------------------------------------------------END OF SECOND LEVEL NAV-------- */

/* -------------------------------------------------------------- MAIN CONTENT  ---------------- */
#content {
	padding: 0 15px 40px 15px;
	background: url(images/bg_maincontent_agg.gif) 100% 100% no-repeat #fff;
	min-height:430px;
}

/*Hide from MAC IE \*/
* html #content {
	height: 430px;
}
/* End of hide from mac ie */

* html>body #content {
	padding: 0 10px 20px 10px;
}

/* --------------------------------------------------------- LEFT CONTENT HOLDERS ---------------------- */

/* Left content holders for the home page, landing pages and group home page*/
#homeleftcontent, #landleftcontent, #groupleftcontent  {
	float:left;
	width: 540px;
	padding-top:20px;
}

/* Group home page */
#groupleftcontent {
	padding-top:0;
}

/* normal and group sub pages (3 column page with breadcrumb) and 3 column pages without a breadcrumb */
#subleftcontent, #groupsubleftcontent, #leftcol {
	width:178px;
	float:left;
	padding-top:20px;
}

/* IE MAC fix */
* html>body #leftcolumn {
	border: 1px solid #0f0;
}
/*---------------------------------------------------------- Breadcrumb and content holders ------------- */
/* normal and group subpages - breadcrumb, middle and right content holders */
#submain, #groupsubmain {
	float:left;
	width:546px;
}

/** html>body #submain, * html>body #groupsubmain  {
	float:left;
	width: 530px;
}*/

/* ----------------------------------------------------------- MIDDLE CONTENT HOLDERS -------------------- */
/* normal and group sub pages (3 column page with breadcrumb) and 3 column pages without a breadcrumb */
#submiddlecontent, #groupsubmiddlecontent, #middlecol {
	width: 328px;
	float:left;
	margin-left: 20px;
	padding-bottom: 30px;
}

/*normal and group sub pages (3 column page with breadcrumb) */
* html #submiddlecontent, * html #groupsubmiddlecontent {
	margin-left:10px;
}

/* 3 column pages without a breadcrumb */
#middlecol {
	padding-top: 20px;
	padding-top: 25px; /* for the site map page - may need to change this for other pages? */
}

/*Lists */
/*
#submiddlecontent ul , #submiddlecontent ul {
	padding:10px;
	margin:10px;
	list-style-type: square;
	font-size: 0.9em;
	color: #666666;
}
*/

#submiddlecontent table {
	font-size: 0.95em;
	vertical-align: top;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

/*------------------------------------------------------------- RIGHT CONTENT HOLDERS ------------------------ */
/* Right content holders - home page, group home page, landing pages, normal sub pages, group sub pages, 
   3 column pages wihtout a breadcrumb */
#homerightcontent, #landrightcontent, #subrightcontent, #grouprightcontent , #groupsubrightcontent, #rightcol {
	float:right;
	width: 178px;
	padding-top: 20px;
}
/* normal and group sub pages - to line up with left nav */
#subrightcontent, #groupsubrightcontent {
	padding-top:0;
	margin-top: -1px;
}

/* normal and group sub pages - to line up with left nav */
* html #subrightcontent, * html #groupsubrightcontent {
	margin-top: -3px;
}

.heading {
	width: 537px;
	padding-bottom: 10px;
}

* html .heading {
	width: 540px;
}

/*----------------------------------- Breadcrumb ------------------------------------------ */
#breadcrumb {
	padding-top:2px;
	padding-bottom: 4px;
	margin-left: 20px;
}

/* Hide from IE Mac \*/
#breadcrumb {
	min-height: 13px;
}
/* End hide */

/* Hide from IE Mac \*/
* html #breadcrumb {
	height: 18px;
}
/* End hide */

#breadcrumb li {
	float:left;
	padding:0;
	margin:0;
}

#breadcrumb li a {
	display: block;
	padding-left: 10px;
	font-size: 0.9em;
	color: #7d6a55;
	background: url(images/bg_breadcrumb.gif) 3px 70% transparent no-repeat;
	white-space: nowrap;
}

#breadcrumb li a:hover {
	color: #000;
}



#breadcrumb li a.active {
	color:#186ea8;
	background-image: url(images/bg_breadcrumb_active.gif);
}

#breadcrumb li a.first {
	padding-left:0;
	background: none;
}

#breadcrumb li a.active:hover {
	color:#000000;
}

* html>body #breadcrumb li {
	display: inline;
	float:none;
}

* html>body #breadcrumb li a {
	float: none;
	display: inline;
}

* html>body #breadcrumb {
	margin-left:0;
	padding-left: 10px;
}

/*---------------------------------------------------Left Navigation ----------------------------------- */
#leftnav {
	width:178px;
	float:left;
	background:url(images/bg_leftnav.gif) 100% 100% no-repeat  #f2eee7;
	padding-top: 10px;
	padding-bottom:10px;
}

#leftnav ul {
	font-size: 0.95em;
}

#leftnav ul li { 
	float:left;
	clear:left;
	width:80%;
}

#leftnav li a {
	display:block;
	float:left;
	clear: left;
	padding-left:20px;
	text-decoration: none;
	background: url(images/bg_li_red.gif) 12px 3px transparent no-repeat;
	margin:0;
	padding-bottom: 3px;
}

* html #leftnav li a {
	width: 100%;
}

#leftnav li a.active {
	font-weight: bold;
	background-image: url(images/bg_li_black.gif);
	color: #000;
} 

#leftnav ul li a:hover {
	background-image:url(images/bg_li_black.gif);
}

#leftnav ul.secondlevelnav li {
	width: 100%;
}

#leftnav ul.secondlevelnav li a {
	padding-left: 27px;
	background-position: 20px 3px;
}

#leftnav ul.secondlevelnav li a.active {
	font-weight: normal;
}


/* Checked  with Al - should be ok */
p.section {
	color:#7d6a55;
	margin-left:10px;
}

p.subsection {
	font-weight: bold;
	font-size: 1.1em;
	margin-left: 10px;
	color:#7d6a55;
	padding-bottom:3px;
	border-bottom:1px solid #cfc6bb;
	margin-bottom:5px;
}

/* End checked with Al */

/* Al's styles */
#leftnav ul ul li {
 width: 100%;
}
#leftnav ul ul li a {
 padding-left: 27px;
 background-position: 20px 3px;
}
#leftnav ul ul li a.active {
 font-weight: normal;
}



/* ---------------------------------------------------------------------------------------*/

h1.homepage {
	margin: 0 0 11px 0;
}

h2.landimg {
	margin:0 0 9px 0;
}

/*p.intro {
	padding-left: 11px;
}*/

/* */

.col_one_heading p {
	padding-left: 11px;
	font-size: 0.95em;
}

/*----------------------------------------------------- COLUMN CONTENT HOLDERS ----------------------------*/
.col_one {
	float:left;
	margin-right:9px;
	width: 264px;
/*	border: 1px solid #0f0;*/
}

.col_one_heading {
	float:left;
	width: 300px;
}

#groupleftcontent .col_one_heading {
	padding-top: 20px;
}

.col_two {
	float:left;
	width: 264px;
/*	border: 1px solid #f00;*/
}


* html .col_two {
	width: 264px;
	
}

.col_two_heading {
	float:right;
	width:220px;
}

#groupleftcontent .col_two_heading {
	padding-top: 1px;
} 

/* ---------------------------------------------------------------------------- FOOTER--------------- */
#footer {
	background-color: #d0e2ee;
	color: #186ea8;
	padding-top: 5px;
	padding-left:15px;
}

#footer .left {
	float: left;
	width: 400px;
}

#footer .right {
	float:right;
	width: 270px;
}

#footer .right p {
	padding-right:0px;
	font-size:0.95em;
	color: #186ea8;
}

#footer .left ul li {
	float: left;
	padding:0px 5px 5px 0px;
}

* html>body #footer .left ul li {
	width: 65px;
	text-align: center;
}

* html>body #footer #footercontact {
	width: 85px;
}
	
#footer .left ul li a {
	color: #186ea8;
	display:block;
	text-decoration: none;
	font-size:0.95em;
	padding-right:6px;
	background: url(images/bg_footer_agg.gif) 100% 70% no-repeat transparent;
}

* html>body #footer .left ul li a {
	padding-right: 2px;
}

#footer #Legal {
	background: none;
}

* html>body #footer #legal {
	width: 50px;
	text-align: left;
}

#footer .left ul li a:hover {
	color: #000000;
}

/* --------------------------------------------------------------------------------- ROUNDED CORNERS -------------------- */
div.br {
	background: url(images/bg_news_corner.gif) 100% 100% no-repeat transparent;
}

div.t {
	background:	url(images/bg_news_border.gif) 0 0 repeat-x;
}

div.b {
	background:	url(images/bg_news_border.gif) 0 100% repeat-x;
} 

div.r {
		background:	url(images/bg_news_border.gif) 100% 0 repeat-y;
}

div.l {
		background:	url(images/bg_news_border.gif) 0 0 repeat-y;
}

div.groupsections div.br {
	background: url(images/bg_group_br.gif) 100% 100% no-repeat transparent;

}

div.groupsections div.t {
	background: url(images/bg_group_border.gif) 0 0 repeat-x;
}

div.groupsections div.b {
	background: url(images/bg_group_border.gif) 0 100% repeat-x;
}

div.groupsections div.r {
	background: url(images/bg_group_border.gif) 100% 0 repeat-y;
}

div.groupsections div.l {
	background: url(images/bg_group_border.gif) 0 0 repeat-y;
}

h2.news, h2.case_studies {
	background-color: #e7e0d4;
	font-size:1.1em;
	color:#988875;
	padding: 9px 0 9px 11px;
	
}



/*------------------------------------------------------------------------------------- ULs and LIs ----------- */
/*---------------------------------------News and events ------- */
ul.news_events {
	min-height: 90px;
	font-size: 0.95em;
	padding-right: 10px;
	padding-top:5px;
}

* html ul.news_events {
	height: 85px;
}

ul.groupsectionlinks {
	font-size: 0.95em;
	padding-right: 10px;
	margin-top:5px;
}

ul.news_events li, ul.groupsectionlinks li  { 
	float:left;
	clear:left;
	width:100%;
}

ul.groupsectionlinks li {
	width: 95%;
}

ul.news_events li a , ul.groupsectionlinks li a {
	display:block;
	float:left;
	clear:left;
	padding-left:20px;
	text-decoration: none;
	background: url(images/bg_li_red.gif) 12px 3px transparent no-repeat;
	padding-bottom: 3px;
}


ul.news_events li a:hover, ul.groupsectionlinks li a:hover {
	background-image:url(images/bg_li_black.gif);
}

/*-------------------------------------------------Case studies-------------- */
ul.cases {
	min-height: 90px;
	font-size: 0.95em;
	padding-right: 10px;
	padding-top:5px;
}

* html ul.cases {
	height: 85px;
}

ul.cases li { 
	float:left;
	clear:left;
	width:100%;
}

ul.cases li a {
	display:block;
	float:left;
	clear:left;
	padding-left:20px;
	text-decoration: none;
	background: url(images/bg_li_red.gif) 12px 3px transparent no-repeat;
	padding-bottom: 3px;
}

ul.cases li a:hover {
	background-image:url(images/bg_li_black.gif);
}

/*--------------------------------------------------- Our business ------------------- */
ul.businesslinks {
	font-size: 0.95em;
	padding-right: 10px;
	margin-top: 5px;
}

ul.businesslinks li { 
	float:left;
	clear:left;
	width:90%;
}

ul.businesslinks li a {
	display:block;
	float:left;
	clear: left;
	padding-left:20px;
	text-decoration: none;
	background: url(images/bg_li_red.gif) 12px 3px transparent no-repeat;
	padding-bottom: 2px;
}


ul.businesslinks li a:hover {
	background-image:url(images/bg_li_black.gif);
}

/*------------------------------------------------- I want to find ------------- */
ul.find_list, ul.rellinks_list {
	margin-top: 5px;
	padding-right: 10px;
}

ul.find_list li, ul.rellinks_list li {
	font-size:0.95em;
	float:left;
	clear:left;
	width:90%;
}

ul.find_list li a, ul.rellinks_list li a {
	display:block;
	float:left;
	padding-left:20px;
	text-decoration: none;
	background: url(images/bg_li_red.gif) 12px 3px transparent no-repeat;
	padding-bottom: 2px;
}

ul.find_list li a:hover, ul.rellinks_list li a:hover {
	background-image:url(images/bg_li_black.gif);
}

a.ablock {
	display:block;
	padding-left:20px;
	text-decoration: none;
	background: url(images/bg_li_red.gif) 12px 3px transparent no-repeat;
	font-size:0.95em;
	background-position: 10px 8px;
	padding-left: 18px;
	padding-top:5px;
	padding-bottom:10px;
}

a.ablock:hover {
	background-image:url(images/bg_li_black.gif);
}

/* ----------------------------------------------------------------------------------- RIGHT CONTENT -------------------- */
.findholder {
	background: url(images/bg_find.gif) 100% 100% #def2fa no-repeat;
	width:178px;
	min-height:109px;
	margin-bottom:11px;
}

* html .findholder {
	height: 109px;
}

h2.find {
	background-color: #20aadb;
	font-size:1em;
	color:#fff;
	display: block;
	padding: 6px 0 7px 11px;
	font-weight: normal;
}

/* Related links */
.relatedlinks {
	background: url(images/bg_find.gif) 100% 100% #def2fa no-repeat;
	width:178px;
	padding-bottom: 10px;
	margin-bottom:12px;
}

h2.relinks {
	background-color: #20aadb;
	font-size:1em;
	color:#fff;
	display: block;
	padding: 6px 0 7px 11px;
	font-weight: normal;
}

.relatedlinks ul {
	margin-top: 5px;
	padding-right: 10px;
}

.relatedlinks ul li {
	font-size:0.95em;
	float:left;
	clear:left;
}

.relatedlinks ul li a {
	display:block;
	float:left;
	padding-left:20px;
	text-decoration: none;
	background: url(images/bg_li_red.gif) 12px 3px transparent no-repeat;
	padding-bottom: 2px;
}

.relatedlinks li a:hover {
	background-image:url(images/bg_li_black.gif);
}

/*-------------------------------------------Picture this------------------------ */
.picturethisholder {
	margin-bottom: 12px;
}

.picturethisholder div.t {
	width:178px;
	background-image: url(images/bg_picthis.jpg);
	padding-top:18px;
}

.picturethisholder div.b {
	background-image: url(images/bg_right_picthis_border.gif);
}

.picturethisholder div.r {
	background-image: url(images/bg_right_picthis_border.gif);
}

.picturethisholder div.l {
	background-image: url(images/bg_right_picthis_border.gif);
}

.picturethisholder div.br {
	background-image:url(images/bg_right_picthis_corner.gif);
	padding-right:1px;
}


.picturethis {
	font-size:1.7em;
	font-family: arial, sans-serif;
	font-weight: normal;
	padding-left: 10px;
	padding-top:5px;
	letter-spacing: 0.5px;
	word-spacing: -5px;
}

/*
#picturethisimg {
	float: right;
}*/

.picturethisholder img {
	float: right;
}

div.picturethisholder p {
	margin:0;
	font-size:0.95em;
	padding-left:10px;
	color: #666666;
}

/*----------------------------------- Our businesses ------------------------------------ */
div.business, div.prodfinder {
	width: 178px;
	margin-bottom: 12px;
	background: url(images/bg_business.gif) 100% 100% no-repeat #dde9f2;
	padding-bottom:10px;
}

div.business h2, div.prodfinder h2 {
	margin:0;
	background-color: #186ea8;
	padding-left:11px;
	font-size:1.1em;
	font-weight: normal;
	color: #fff;
	padding-top:6px;
	padding-bottom: 7px;
}

/* -------------------------------------- New range template --------------------------------- */




h1.landing, h2.newrange, h1.group {
	font-size:1.45em;
	color:#186ea8;
	text-transform: uppercase;
	font-weight: normal;
	padding-left:0px;
	margin-bottom:10px;
	padding-bottom:0;
	padding-right:0;
	margin-left: 10px;
}

h1.group {
	color:#003333;
}

h2.newrange {
	margin-top: 0px;
	padding-top: 5px;
	padding-right:0;
	margin-right: 0;
	margin-left: 0;
/*	padding-bottom: 8px;*/
	margin-bottom:8px;
}

.newrangeholder {
	margin-top: 15px;
	width:535px;
}

.newrangecontent {
	padding-top:1px;
	/*padding-right:10px;*/
	padding-left: 1px;
}

/* Hide from IE MAC \*/
.newrangecontent {
	width:100%;
}
/* End hide */

/* holder for image */
.newrangeimg {
	float: left;
	width:237;
	padding-right:15px;
}

* html .newrangeimg {
	margin-bottom: -2px;
}

.newrangetext {
	float: left;
	width: 50%;
}

div.newrangeholder p {
	color: #186ea8;
	/*width: 200px;*/
	padding-bottom:0px;
	margin-bottom:0;
	padding-left:0px;
}

#landleftcontent div.newrangeholder h2 {
	margin-left: 20px;
}

#landleftcontent div.newrangeholder p {
	margin-left: 20px;
}

/*p.newrange {
	color: #186ea8;
	width: 200px;
	padding-bottom:0px;
	margin-bottom:0;
	padding-left:0px;
}*/


.col_two_heading img {
	float:right;
	margin-bottom:10px;
	margin-right:20px;
}

#groupleftcontent .col_two_heading img {
	float:right;
	margin-bottom:0;
	margin-right:0px;
}

* html #groupleftcontent .col_two_heading img {
	margin-right : 3px;
}

/*.headingimg  {
	float:right;
	margin-bottom:10px;
	margin-right:20px;
}*/

/*
.groupheadingimg  {
	float:right;
}*/

a.viewlink {
	padding-right:8px;
	background: url(images/bg_li_red.gif) 100% 70% transparent no-repeat;
}

a.viewlink:hover {
	background-image:url(images/bg_li_black.gif);
}
/* ---------------------------------------------------------------- BUSINESS -------------------------  */
div.business p {
	padding-left: 11px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:0;
	margin-bottom:5px;
	color: #000;
}

/* --------------------------------------------------------------- Product finder ----------------------- */

div.prodfinder h2 {
	background-color: #121f44;
}

div.prodfinder form {
	padding:10px;
	padding-bottom: 5px;
}

div.prodfinder label {
	color: #186ea8;
	font-size:1em;
}

div.prodfinder select {
	margin-top: 3px;
	margin-bottom: 10px;
	width: 13.9em;
}

div.prodfinder input {
	margin-left: 115px;
}

/*-------------------------------------Landscaping and building landing page --------------- */
div.landscape_landing p {
	background-color:#7d6a55;
	color: #fff;
	padding-top:5px;
	padding-right: 35px;
	padding-bottom:8px;
	margin-bottom:10px;
	padding-left: 11px;

}

html>body div.landscape_landing p {
	min-height: 45px;
}

/* 31/01/06 - uncommented */
p.landscape_landing {
	background-color:#7d6a55;
	color: #fff;
	padding-top:5px;
	padding-right: 35px;
	padding-bottom:8px;
	margin-bottom:10px;
	padding-left: 11px;
}


html>body p.landscape_landing {
     min-height: 45px;
}



/*---------------------------------------------- Middle section ---------------------------- */
.midintro h1 {
	font-size:1.7em;
	font-weight: normal;
	color: #7d6a55;
	margin-bottom: 10px;
}

.midintro, .midintrogroup {
	width:160px;
	float: left;
	margin-bottom:10px;
}


.midright {
	width:165px;
	float:right;
/*	padding-top: 10px;*/
/*	background: url(images/bg_midright.gif) 0 100% transparent no-repeat;
	padding-bottom: 115px;*/
}

.midright img {
	float: right;
}

.midintro p, .midintrogroup p {
	color:#7d6a55;
	font-size:1em;
	/*padding-top:10px;*/
	margin:0;
}

.midintrogroup p {
	color: #121f44;
}

.midright p {
	padding-left: 25px;
	margin:0;
	color:#000;
}

.midright p a {
	color:#960c1b;
}

.midright p a.active {
	color: #000;
	font-weight: bold;
}

/*
p.content {
	margin-bottom:10px;
	color: #666666;
	width: 100%;
	padding-right: 10px;
}
*/
/*p.stockistcontent, p.prodfinders, p.literature {*/
	/*color: #666666;*/
	/*width: 100%;*/
/*	padding-right: 10px;
	margin-bottom:3px;
}*/

div.contentlink p {
	background-color:#f2eee7;
	padding: 4px 0 4px 0;
}

div.contentlink p a {
	padding-left:13px;
	background: url(images/bg_li_red.gif) 5px 3px transparent no-repeat;
}

div.contentlink p a:hover { 
	background-image: url(images/bg_li_black.gif);
}

/*
.soundimg {
	margin-bottom:-3px;
}*/

/*.speaker {
	margin-bottom: -2px;
}*/

/* --------- landscapebuild_products.html --------------- */

h1.mainheading {
	color:#186ea8;
	font-size:1.7em;
	font-weight: normal;
	margin-bottom:10px;
}

h1.mainheadingbrown {
	color:#7d6a55;
	font-size:1.7em;
	font-weight: normal;
	margin-bottom:10px;
}

.mid_col_one {
	width:159px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.mid_col_two {
	width:159px;
	float:left;
	margin-bottom:10px;
}

div.mid_range {
	width:328px;
}

div.mid_range_content {
	padding: 1px 2px 0px 1px;
}

* html div.mid_range_content {
		width:100%;
}

.midrangetext {
	width:175px;
	float:left;
}

.midrangetext h2.newrange {
	padding-left:5px;
}

/* holder for an img */
.midrangeimg { 
	width: 150px;
	float: left;
	margin-top: 13px;
}

* html .midrangeimg {
	margin-bottom: -2px;
}

.midrangeimg img {
	margin-top:1px;
}

div.mid_range p {
	color: #186ea8;
	margin-bottom:0;
	padding-left:5px;
}

/* landscapebuild_driveways.html */

.driveways_boxes {
	width:159px;
}

h2.drivewayheadings, h2.alphaheadings {
	color: #fff;
	background-color: #7d6a55;
	font-size: 1.1em;
	padding-left:10px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin:0;
}


.midlinks img {
	margin-left: 1px;
	margin-bottom: 3px;

}
/*.drive_img {
	margin-left: 1px;
	margin-bottom: 3px;
}*/

ul.drive_midlinks {
	font-size: 0.95em;
}

ul.drive_midlinks li {
	float:left;
	clear:left;
	width:100%;
}

ul.drive_midlinks li a {
	display:block;
	float:left;
	clear: left;
	padding:0;
	padding-left:20px;
	text-decoration: none;
	background: url(images/bg_li_red.gif) 8px 6px transparent no-repeat;
	margin:0;
	padding: 3px 0 3px 15px;
	width:140px;
	margin-left:2px;
}

/* Hide from Mac IE \*/
* html ul.drive_midlinks li a {
	width: 140px;
	margin-left: 1px;
}
/* End hide */

ul.drive_midlinks li a:hover {
	background-image:url(images/bg_li_black.gif);
	/*color: #000;*/
	background-color: #e7e0d4;
}

div.midlinks {
	padding-bottom:10px;
}

/* landscapebuild_alpha.html */

.alpha {
	min-height: 62px;
}

* html .alpha {
	height: 62px;
}

a.alphalink {
	display:block;
	background: url(images/bg_li_red.gif) 10px 3px transparent no-repeat;
	font-size:0.95em;
	padding-left: 18px;
	padding-bottom:3px;
	margin-top: 2px;
}

a.alphalink:hover {
	background-image:url(images/bg_li_black.gif);
}

div.alpha img {
	margin-left:1px;
}

/*.alpha_img {
	margin-left:1px;
}*/

.alphacontentlinks {
	background-color: #f2eee7;
	padding-top:10px;
	padding-left: 12px; 
}

ul.alpha_links {
	font-size: 0.9em;
}	

ul.alpha_links li {
	float:left;
}

ul.alpha_links li a {
	float:left;
	clear:left;
	margin-bottom: 8px;
	padding-left:7px;
	background: url(images/bg_li_red.gif) 0 3px transparent no-repeat;
}

/* Hide from IE MAC \*/
ul.alpha_links li a {
	width:100%;
}
/* End hide */

ul.alpha_links li a:hover {
	background-image:url(images/bg_li_black.gif);
}

.productinfo, .rightcontact {
	background: url(images/bg_find.gif) 100% 100% #def2fa no-repeat;
	width:178px;
	margin-bottom: 12px;	
	padding-bottom:10px;
}

.productinfo ul {
	margin-top: 5px;
	padding-right: 10px;
}

.productinfo ul li {
	float:left;
	clear:left;
}

.productinfo ul li a {
	display:block;
	float:left;
	padding-left:20px;
	text-decoration: none;
	background: url(images/bg_li_red.gif) 12px 3px transparent no-repeat;
	padding-bottom: 2px;
}

.productinfo li a:hover {
	background-image:url(images/bg_li_black.gif);
}


.productinfo p, .rightcontact p {
	color: #121f44;
	padding-left: 12px;
	padding-right: 8px;
	margin-bottom: 3px;
}


.productinfo p, .rightcontact p {
	color: #121f44;
	padding-left: 12px;
	padding-right: 8px;
	margin-bottom: 3px;
}

.rightcontact p {
	/*margin-top:10px;*/
	padding-right: 25px;
}

h2.prodinfo, h2.rightcontactus {
	background-color: #20aadb;
	font-size:1em;
	color:#fff;
	display: block;
	padding: 6px 0 7px 11px;
	font-weight: normal;
}

h2.rightcontactus {
	margin-bottom: 10px;
}

h3.prodinfoheading {
	font-size: 1em;
	color: #121f44;
	padding-top: 8px;
	padding-bottom: 3px;
	padding-left: 11px;
	border-top: 1px solid #fff;
	margin-top:5px;
}

h3#firstprodheading {
	border:none;
	margin-top:0;
}

ul.prodinfolinks {
	margin:0;
	padding:0;
	list-style:none;
	font-size: 0.9em;	
}

ul.prodinfolinks li {
	float:left;
	padding:0;
	margin:0;
	display:block;
}

html>body ul.prodinfolinks li {
	clear:left;
}

ul.prodinfolinks li a {
	display: block;
	float:left;
	clear:left;
	
	padding-left: 20px;
	background: url(images/bg_li_red.gif) 12px 3px no-repeat transparent;
	padding-right: 0px;
	padding-bottom: 3px;
	/*padding-right:5px;*/
	/*width:148px;*/
	
}

/* Hide from Mac IE \*/
ul.prodinfolinks li a {
	width:100%;
	width:158px;
}
/* End hide */

ul.prodinfolinks li a:hover {
	background-image:url(images/bg_li_black.gif);
}


#contactemail {
	padding-bottom: 0;
	margin-bottom: 0;
}

div.contactnumber p {
	padding-left:20px;
	padding-top:0;
	padding-bottom: 0;
	margin:0;
}


/* Styles specific to the stockists finder */
h2.stockist, h2.sitemap, h2.prodfinders, h2.literature {
	color: #186ea8;
	font-size: 1em;
	margin-top:10px;
}

h2.stockist {
	margin-bottom: 5px;
}

.blue {
	color:#146eaa;
}

.stockistfinder, div.prodfinders, div.faq , div.search_res, div.adv_search_res, div.literature {
	margin-top:10px;
	width: 100%;
	background-color:#f2eee7;
	color: #7d6a55;
	padding-top: 10px;
	padding-bottom:10px;
	font-size:0.95em;
}

.stockistfinder .col {
	width: 150px;
	float:left;
	margin-left: 5px;
	padding-bottom:5px;
}

html>body .stockistfinder .col {
	margin-left: 10px;
}
 
.stockistfinder .col input {
	display:block;
	float:left;
	clear:left;
	/*margin-left: 10px;*/
}

div.stockistfinder p {
	color: #7d6a55;
}

.stockistfinder .col label {
	display: block;
	float: left;
	width : 100px;
	padding-top: 3px;
	margin-left: 5px;
	margin-bottom:5px;
}

.frmlabel {
	float:left;
	width: 100px;
	margin-left: 10px;
	margin-bottom:5px;
	margin-top: 3px;
}

.frmfield {
	float:left;
	margin-bottom:5px;
	margin-left:5px;
}

.frmfield input {
	width: 180px;
}

.frmfield input.postcode {
	width: 85px;
}

.stockbuttons, .orderbuttons {
	margin-top: 10px;
	padding-left: 190px;
	margin-bottom: 10px;
}

.stocktandc {
	margin-bottom: 10px;
}

.stocktandc h2 {
	font-size: 1em;
	color: #666666;
}

.stocktandc p {
	color: #707070;
}

/* Stockist results */
/*p.stockresults {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 3px;
	color: #666666;
}*/

dl {
	clear: both;
	/*border-bottom: 2px solid #ffffff;*/
	padding : 0px 0px 10px 10px; 
	display:block;
	margin:0;
}


dt {
	float: left;
	clear: both;	
	width: 65px;
	font-weight: bold;
	margin-bottom: 3px;
	display: block;
}

dd {
	float: left;
	width: 200px;
	margin-bottom: 3px;
}

dt.newsection, dd.newsection {
	/*margin-top: 20px;*/
	padding-top:20px;
}

.dlclearer {
	margin-top: 10px;
/*	border-bottom: 3px solid #fff;*/
	clear:both;
	height: 3px;
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 20px;
}

dl a {
	color: #9c1a28;
}

dl a:hover {
	color: #000;
}

dl dt.last {
	margin-bottom: 10px;
}

.pagelinks {
	padding-top: 10px;
	padding-left: 10px;
	color: #666666;
}

.pagelinks p {
	margin-bottom:3px;
	padding: 0;
}

.pagelinks div.left {
	float:left;
	clear: both;
	width: 125px;
	/*margin-bottom: 3px;*/
}

.pagelinks div.right {
	float: right;
	width: 190px;
	text-align: right;

	/*margin-bottom: 3px;*/
}

input.btnPaging {
   font-family:verdana;
   background-color:#ffffff;
   border:0px solid;
}

input.btnactive{
   color:#666666;
}

input.btninactive{
   color:#9c1a28;
}

.pagelinks a {
	color: #9c1a28;
}

.pagelinks a:hover {
	color: #000;
}

.pagelinks a.prev, div.searchagain a.prev  {
	padding-left: 7px;
	background: url(images/bg_prev_link.gif) 0 4px transparent no-repeat;
}

.pagelinks a.prev:hover, div.searchagain a.prev:hover {
	background-image: url(images/bg_prev_link_hover.gif);
}

.pagelinks a#inactive {
	color:  #666666;
	background-image: url(images/bg_inactive.gif);
}

.pagelinks a.next {
	padding-right: 7px;
	background: url(images/bg_li_red.gif) 100% 4px  transparent no-repeat;
}

.pagelinks a.next:hover {
	background-image: url(images/bg_li_black.gif);
}

div.searchagain {
	padding-top: 5px;
}
/*
p.back {
	clear: both;
	padding:0px 0;
}*/

/****************************************** Craig's main styles *******************************************************************/

/* Styles specific to the homepage dropdowns */
.homeDrop
{
  position:absolute;
  visibility:hidden;
  width:250px;
  background-color:#fff;
  background-image:url(images/homeDropShadow.gif);
  background-position:0 0;
  background-repeat:repeat-x;
}
.homeDrop .dropContent {
  border:1px solid #7d6a55;
  border-top:0px;
  padding:8px;
  color:#666;
  text-align:left;
  line-height:1.3em;
}



/* Styles specific to the jobboard finder */
h2.jobboard {
	color: #186ea8;
	font-size: 1em;
	margin-top:10px;
}

.jobBoardBox {
	margin-top:10px;
	width: 100%;
	background-color:#e7f0f6;
	color: #7d6a55;
}
.jobBoardBoxSection {
    border-bottom:1px solid #fff;
	padding-top:5px;
	padding-bottom:5px;
	font-size:0.95em;
}
.jobBoardBoxSection p {
    padding-left:10px;
    padding-right:10px;
	font-size:0.95em;
	color: #033;
	line-height:1.5em;
	margin:0.5em 0;
}

h4.jobTitle {
  font-size:1.1em;
  color: #121f44;
  margin-left: 10px;
}

h3.vacancysection {
	font-size: 0.95em;
	font-weight: normal;
	color:#146eaa;
	
}

/*.jobBoardBoxSection p.jobApply {
	margin-bottom: 0;
	
	padding-bottom: 0;
}*/

.jobBoardBoxSection p a {
  color:#960c1b;
  background:url("images/bg_li_red.gif") no-repeat 0 52% transparent;
  padding-left:10px;
}

.jobBoardBoxSection p a:hover {
  color:#033;
  background-image:url(images/bg_arrow_job.gif);
  
}

/************************************** End Craig's styles ***************************************/

/* Group home page */

.groupsections {
	margin-bottom: 10px;
/*	width: 260px;*/
/*	width: 100%;*/
	
}

.groupsections p {
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	color: #666666;
}

.group_col_one, .group_col_two  {
	width: 264px;
	float:left;
	padding:0;
	margin-right: 9px;
}

.group_col_two {
	margin-right: 0;
	float: left;
} 

h2.groupsection {
	background-color: #121f44;
	color: #fff;
	font-size:1.1em;
	padding: 6px 0 7px 11px;
	margin-bottom:0;
	font-weight: normal;
}

.groupsectioncontent {
	padding-bottom: 10px;
}

/* News and events */
h2.press_events {
	font-size: 1em;
	margin-top: 15px;
	color: #186ea8;
	font-weight: bold;
	margin-bottom: 10px;
}

.pr_events_holder {
	/*padding-top:10px;*/
	margin-top:20px;
}

.pr_events_image {
	width: 86px;
	float: left;
}

.pr_events_content {
	width: 242px;
	float:left;
	color: #666666;
}

/* should be ok  */
p.pr_events_date {
	color: #960c1b;
}

h3.pr_events_title {
	font-size: 0.95em;
	margin-bottom: 5px;
	margin-top: 5px;
}

h3.pr_events_title a,  a.pr_events_more  {
	padding-left : 7px;
	background: url(images/bg_li_red.gif) no-repeat 0 4px transparent;
	display: block;
}

h3.pr_events_title a:hover,  a.pr_events_more:hover {
	background-image: url(images/bg_li_black.gif)
}


a.pr_events_more  {
	padding-left: 8px;
	display: inline;
} 

/* Site map */

h2.sitemap {
	/*margin-bottom: 10px;*/
	margin-top: 20px;
}

.sitemap_col_all {
	width: 100%;
	float: left;
}

.sitemap_col_all .indent {
	padding-left: 10px;
}

.sitemap_col_one {
	width: 50%;
	float: left;
}

.sitemap_col_two {
	width: 50%;
	float: left;
}

h3.sitemap {
	color: #186ea8;
	font-size: 1em;
	font-weight: normal;
	margin-top: 10px;
}

h3.sitemap a {
	color: #186ea8;
}

h3.sitemap a:hover {
	color: #000;
}

ul.sitemap, ul.faq {
	margin-top: 5px;
	font-size:0.95em;
	padding-right: 10px;
	margin-bottom: 0;
	padding-bottom:0;
}

ul.faq li {
	float:left;
	clear:left;
	width:90%;
}

ul.sitemap li.arrow, ul.faq li a {
	width:90%;
	display:block;
	float:left;
	padding-left:7px;
	text-decoration: none;
	background: url(images/bg_li_red.gif) 0px 3px transparent no-repeat;
	padding-bottom: 2px;
}

ul.sitemap li.arrowblacksmall {
	width:90%;
	display:block;
	float:left;
	padding-left:7px;
	text-decoration: none;
	background: url(images/bg_li_circle_small_black.gif) 0px 3px transparent no-repeat;
	padding-bottom: 2px;
}

ul.sitemap li.arrowredsmall {
	width:90%;
	display:block;
	float:left;
	padding-left:7px;
	text-decoration: none;
	background: url(images/bg_li_circle_small_red.gif) 0px 3px transparent no-repeat;
	padding-bottom: 2px;
}

ul.sitemap li.circle {
	width:90%;
	display:block;
	float:left;
	padding-left:9px;
	text-decoration: none;
	background: url(images/bg_li_circle_red.gif) 0px 3px transparent no-repeat;
	padding-bottom: 2px;
}



ul.sitemap li a:hover, ul.faq li a:hover {
	background-image:url(images/bg_li_black.gif);
}

h4.sitemap {
	font-size: 0.9em;
	font-weight: normal;
	margin:0;
	padding:0;
	padding-top:3px;
	padding-bottom: 3px;
}

* html h4.sitemap {
	margin-top: -5px;
}

h4.sitemap a {
	color: #186ea8;
}

h4.sitemap a:hover {
	color: #000;
}

.stockistfinder select, div.prodfinders select, div.search_res select, div.search_res input {
	width: 25em;
	margin-left: 10px;
}

/* product finder */ /* added the last two for the product finder page buttons to line up. */
#prodtypefinder #iFormSubmit, #prodbrandfinder #iFormSubmit2, #frmadvsearch #iFormSubmit, #div_Search #ibnSubmitType, #div_Search #ibnSubmitBrand {
	margin-top: 10px;
	float: right;
	margin-bottom: 10px;
}



/* FAQs page */
div.faq {
	padding-top: 4px;
	padding-bottom: 4px;
}

ul.faq li a {
	padding-left: 15px;
	background-position: 8px 3px;
}

h2.faq, h3.faq {
	font-size: 1.1em;
	color: #146eaa;
	padding-left: 8px;
	font-weight: normal;
	width: 230px;
	float: left;
}

h3.faq {
	width: auto;
	float: none;
	color: #121f44;
	margin-top: 10px;
}

div.faqanswers p {
	padding-left: 8px;
}

/*
p.faq {
	color: #666666;
	padding-left: 8px;
}*/

/*p.faqintro {
	color: #666666;
}*/

div.faqanswers p a {
	margin-top: 5px;
	display: block;
	padding-left: 8px;
	background: url(images/bg_li_red.gif) 0 3px no-repeat transparent;
	margin-bottom:15px;
}

div.faqanswers p a:hover {
	background-image: url(images/bg_li_black.gif);
}

div.backtotop  {
	clear: none;
	width: 80px;
	float: right;
	padding-top:3px;
}

div.backtotop a {
	font-size: 1.1em;
	display: block;
	padding-left: 10px;
	background: url(images/bg_backtotop.gif) 0 3px no-repeat transparent;
}

div.backtotop a:hover {
	background-image: url(images/bg_backtotophover.gif);
}
/*p.backtotop {
	clear: none;
	width: 80px;
	float: right;
	padding-top:3px;
}*/

/*
p.backtotop a {
	font-size: 1.1em;
	display: block;
	padding-left: 10px;
	background: url(images/bg_backtotop.gif) 0 3px no-repeat transparent;
}
*/
/*p.backtotop a:hover {
	background-image: url(images/bg_backtotophover.gif);
}*/

/* Search results */ 
h2.searchresgrey, h2.searchres {
	font-size: 1em;
	color: #666666;
	padding:0;
}

h2.searchres {
	color: #186ea8;
}

/* Should be ok */
p.searchres {
	margin-bottom: 8px;
}


div.search_res p {
	font-size: 1em;
	margin-top: 10px;
	margin-left: 10px;
}

h3.searchres {
	margin-left: 10px;
	font-size: 1em;
}

/* should be ok */
div.search_res p.searchupdate {
	margin-top:2px;
	color: #000;
	margin-bottom:0;
}



/* literature overrides */

div.literature {
  padding-bottom:0;
}

div.literature div.form select {
	width: 25em;
	font-size: 1em;
}

* html div.literature div.form select {
	margin-left: -2px;
}

div.literature p {
  padding:0px 10px 10px 10px;
  font-size: 1em;

}
.literature-brochure-image {
  float:left;
  width:35%;
}
.literature-brochure-text {
  float:right;
  width:64%;
  margin-bottom:0px;
}
.literature-brochure-text p {
  font-size:1em;
  padding:3px 1.5em 3px 15px;
  /*text-align:justify;*/
  line-height:1.3em;
  color:#666666;
}
.literature-brochure-text p strong {
  color:#7d6a55;
}
.literature-brochure-text-form {
    background-color:#dbd3c7;
    padding:8px 5px 0 0px;
    margin:5px 0 -1px 0;
}
.literature-brochure-text-form p {
  padding-left:0;
}
.literature-brochure-text-form select {
  font-size:110%;
  width:85%;
}
.literature-brochure-text-form a {
	background: url(images/brochure_link.gif) 0px 53% transparent no-repeat;
	padding-left:7px;
	color:#7d6a55;

}
.literature-brochure-text-form a:hover {
	color:#960c1b;
	background-image : url(images/bg_li_red.gif);
}
div.form {
  padding:0px 0 10px 10px;
}
div.form select {
  font-size:1em;
  width:80%;
}  
div.literature form.literature input {
 /* width:90%;*/
}
div.clip {
  overflow:visible;
  position:relative;
}
div.clip .literature-brochure-image {
  margin-top:-20px;
  overflow:visible;
}

/* New styles 12 01 06 */
.availbrochures {
	background-color: #f2eee7;
	margin-top: 20px;
	margin-right: 0;
	color: #666666;
	width: 100%;	
	padding-bottom:0;
	margin-bottom: 5px;
	/*width: 328px;*/
/*	height: 30px;*/
}

.availbrochures p {
	padding-left:3px;
}

.availbrochures div.left img {
	position: relative;
	top:-10px;
	left: 0;
}

/*
.brochureimg {*/
	/*margin-top: -10px;*/
	/*z-index: 5;*/
/*	position: relative;
	top:-10px;
	left: 0;*/
/*}*/

.availbrochures div.left {
	width: 40%;
	float: left;
}

.availbrochures div.right {
	width: 58%;
	float: left;
	padding-top: 10px;
	
}

.availbrochures label {
	display: block;
	float: left;
	color: #7d6a55;
	padding-top: 3px;
	
}

.brochcheck {
	margin-left: 20px;
	display: block;
	float: right;
}

.brochdetail {
	padding: 0;
	/*margin-top: 5px;*/
/*	padding-right: 30px;*/
	/*clear: both;*/
	/*margin-top: 5px;*/
}

* html .brochdetail {
/*	margin-top:3px;*/
}


div.literature select {
	width: 185px;
}

* html div.literature select {
	margin-left: 5px;
}


div.otherinfo {
	width: 55%;
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
}

div.otherinfo label {
	margin-top: -3px;
}

html>body div.otherinfo {
	margin-left: 15px;
}

div.otherinforadio {
	width: 30%;
	float: right;
/*	border: 1px solid #f00;*/
	margin-top: -3px;
}



div.literature div.frmlabel {
	margin-left: 5px;

}

html>body div.literature div.frmlabel {
	margin-right:5px;
	margin-left: 15px;
}

/******************************** Added from style sheet - from folder "Dushy" ********************************/

/**************************************************************************************************************************/
/*		 All styles below might be duplicating content above but need to put is here so that the two style sheets can 
/*  	 be merged. Might need to group styles later 
****************************************************************************************************************************/

/*should be ok   */
.adv_search_res p.searchres {
	margin-left: 10px;
	font-size: 1em;
	margin-top: 10px;
}

div.adv_search_res input, div.adv_search_res select {
	width: 25em;
	margin-left: 10px;
}

div.search_res {
	margin-bottom:3px;
	margin-top:0;
}

div#firstresults {
	margin-top: 10px;
}

div.search_res p {
	margin-top:0;
	margin-bottom:0;
}


#frmadvsearch select {
	width: 25.35em;
}

* html #frmadvsearch select {
	width: 25.55em;
}

/* should be ok */
div.search_res p.searchrestext, div.search_res p.searchupdate {
	margin-left:10px;
	margin-top:2px;
	margin-bottom: 2px;
}

div.pagelinks div.firstlast {
/*	clear: both;*/
	padding-top: 5px;
	clear: both;
/*	border : 1px solid #f00;*/
}

/* Stockists finder -  amends */
div.postcode {
	width: 100%;
	background-color: #b8ab97;
	color: #fff;
	padding-top:10px;
	padding-bottom: 5px;
	margin-bottom:10px;
}

#nopadding { /* for div.stockistfinder - so that the background of the postcode starts at the top of the div */
	padding-top:0;
}

div.stockistfinder p {
	font-size: 1em;
	padding-left: 10px;
	width:auto;
}

* html div.stockistfinder p {
	padding-left: 20px;
}

/*p.bottommargin {
	margin-bottom: 10px;
}*/


/* Product specification - new template! */

#breadcrumb {
/*	border: 1px solid #f00;*/
}

#lefttop {
	width:178px;
	float:left;
}

#righttop {
	float:left;
	width:546px;
}

#lefttop a {
	padding-left: 7px;
	margin-top:2px;
	display:block;
	background: url(images/bg_prev_link.gif) no-repeat transparent 0 4px;
}

#lefttop a:hover {
	background-image : url(images/bg_prev_link_hover.gif);
}

#prodspec {
	padding-top: 30px;
}

#prodspec h1 {
	font-size: 1.1em;
	color: #186ea8;
	margin-bottom: 15px;
}

#prodspec table {
	border: 2px solid #f2eee7;
/*	background-color: #f2eee7;*/
	font-size: 0.95em;
	vertical-align: top;
	background-color: #f2eee7;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#prodspec caption {
	text-align: left;
	background-color: #f2eee7;
	color: #9a8b7a;
	/*padding-left: 10px;*/
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

html>body #prodspec caption {
	padding-left: 5px;
}

#prodspec th {
	font-weight: normal;
}

#prodspec td {
	background-color: #f2eee7;
}

#prodspec .white {
	background-color: #fff;
}

#prodspec a.download {
	display: block;
	padding-left: 15px;
	background: url(images/bg_li_red.gif) no-repeat transparent 7px 3px;
}

#prodspec a.download:hover {
	background-image : url(images/bg_li_black.gif);
	
	
} 

/* Contractor finder */
div.contractor {
	margin-top:10px;
	width: 100%;
	background-color:#f2eee7;
	color: #7d6a55;
	padding-top: 10px;
	padding-bottom:15px;
	font-size:0.95em;
	margin-bottom: 10px;
}

div.contractor h3 {
	font-size: 1em;
	padding-left: 10px;	
	margin-bottom: 3px;
	margin-top: 5px;
}

div.contractor .left {
	width: 240px;
	float: left;
}

div.contractor p {
	color: #7d6a55;
}

div.contractor .left p {
	font-size: 1em;
	margin-left: 10px;
}

div.contractor .right {
	width: 80px;
	float:right;
	text-align: right;
}

div.contractor .right img {
	margin-right: 10px;
}

div.contractor table {
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}

div.contractor tr {
	vertical-align: top;
	padding-bottom:5px;
} 

div.contractor th {
	padding-bottom: 10px;
	text-align: left;
}

div.contractor td {
	padding-bottom: 5px;
	padding-right: 5px;
}

div.contractor p {
	font-size: 1em;
	margin-left: 10px;
}

/* Landscaping and Building prods - garden and home */
.boldblack {
	color: #000;
	font-weight: bold;
}

.grey {
	color: #666666;
}

/*********************************************************************************************************************************/
/* New generic list styles for righthand content - I want to find and related links test 01/02/06 */
/*********************************************************************************************************************************/


/* Home right content pages */
#content #homerightcontent div.relatedlinks ul, #content #homerightcontent div.findholder ul  {
	/*margin-top: 5px;*/
	padding-right: 10px;
/*	border: 1px solid #f00;*/
	margin:0;
}

#homerightcontent div.relatedlinks h2, #homerightcontent div.findholder h2 {
	margin-bottom:5px;
}

#homerightcontent div.relatedlinks ul li,  #homerightcontent div.findholder ul li{
	font-size:0.95em;
	float: none; 
	margin:0;
	padding:0;
/*	float:left;
	clear:left;*/
	width: 160px;
}

#homerightcontent div.relatedlinks ul li a, #homerightcontent div.findholder ul li a  {
	display:block;
	float: none; 
/*	float:left;*/
	padding-left:20px;
	margin:0;
	text-decoration: none;
	background: url(images/bg_li_red.gif) 12px 3px transparent no-repeat;
	padding-bottom: 2px;
}

#homerightcontent div.relatedlinks ul li a:hover,  #homerightcontent div.findholder ul li a:hover{
	background-image:url(images/bg_li_black.gif);
} 


/* Land right content */
#content #landrightcontent div.relatedlinks ul, #content #landrightcontent div.findholder ul  {
	/*margin-top: 5px;*/
	padding-right: 10px;
/*	border: 1px solid #f00;*/
	margin:0;
}

#landrightcontent div.relatedlinks h2, #landrightcontent div.findholder h2 {
	margin-bottom:5px;
}

#landrightcontent div.relatedlinks ul li,  #landrightcontent div.findholder ul li{
	font-size:0.95em;
	float: none; 
	margin:0;
	padding:0;
/*	float:left;
	clear:left;*/
	width: 160px;
}

#landrightcontent div.relatedlinks ul li a, #landrightcontent div.findholder ul li a  {
	display:block;
	float: none; 
/*	float:left;*/
	padding-left:20px;
	margin:0;
	text-decoration: none;
	background: url(images/bg_li_red.gif) 12px 3px transparent no-repeat;
	padding-bottom: 2px;
}

#landrightcontent div.relatedlinks ul li a:hover,  #landrightcontent div.findholder ul li a:hover{
	background-image:url(images/bg_li_black.gif);
} 


/* Group right content */
#content #grouprightcontent div.relatedlinks ul, #content #grouprightcontent div.findholder ul  {
	/*margin-top: 5px;*/
	padding-right: 10px;
/*	border: 1px solid #f00;*/
	margin:0;
}

#grouprightcontent div.relatedlinks h2, #grouprightcontent div.findholder h2 {
	margin-bottom:5px;
}

#grouprightcontent div.relatedlinks ul li,  #grouprightcontent div.findholder ul li{
	font-size:0.95em;
	float: none; 
	margin:0;
	padding:0;
/*	float:left;
	clear:left;*/
	width: 160px;
}

#grouprightcontent div.relatedlinks ul li a, #grouprightcontent div.findholder ul li a  {
	display:block;
	float: none; 
/*	float:left;*/
	padding-left:20px;
	margin:0;
	text-decoration: none;
	background: url(images/bg_li_red.gif) 12px 3px transparent no-repeat;
	padding-bottom: 2px;
}

#grouprightcontent div.relatedlinks ul li a:hover,  #grouprightcontent div.findholder ul li a:hover{
	background-image:url(images/bg_li_black.gif);
} 

/* Group sub right content */

#content #groupsubrightcontent div.relatedlinks ul, #content #groupsubrightcontent div.findholder ul  {
	/*margin-top: 5px;*/
	padding-right: 10px;
/*	border: 1px solid #f00;*/
	margin:0;
}

#groupsubrightcontent div.relatedlinks h2, #groupsubrightcontent div.findholder h2 {
	margin-bottom:5px;
}

#groupsubrightcontent div.relatedlinks ul li,  #groupsubrightcontent div.findholder ul li{
	font-size:0.95em;
	float: none; 
	margin:0;
	padding:0;
/*	float:left;
	clear:left;*/
	width: 160px;
}

#groupsubrightcontent div.relatedlinks ul li a, #groupsubrightcontent div.findholder ul li a  {
	display:block;
	float: none; 
/*	float:left;*/
	padding-left:20px;
	margin:0;
	text-decoration: none;
	background: url(images/bg_li_red.gif) 12px 3px transparent no-repeat;
	padding-bottom: 2px;
}

#groupsubrightcontent div.relatedlinks ul li a:hover,  #groupsubrightcontent div.findholder ul li a:hover{
	background-image:url(images/bg_li_black.gif);
} 

/* Right content */
#content #rightcol div.relatedlinks ul, #content #rightcol div.findholder ul  {
	/*margin-top: 5px;*/
	padding-right: 10px;
/*	border: 1px solid #f00;*/
	margin:0;
}

#rightcol div.relatedlinks h2, #rightcol div.findholder h2 {
	margin-bottom:5px;
}

#rightcol div.relatedlinks ul li,  #rightcol div.findholder ul li{
	font-size:0.95em;
	float: none; 
	margin:0;
	padding:0;
/*	float:left;
	clear:left;*/
	width: 160px;
}

#rightcol div.relatedlinks ul li a, #rightcol div.findholder ul li a  {
	display:block;
	float: none; 
/*	float:left;*/
	padding-left:20px;
	margin:0;
	text-decoration: none;
	background: url(images/bg_li_red.gif) 12px 3px transparent no-repeat;
	padding-bottom: 2px;
}

#rightcol div.relatedlinks ul li a:hover,  #rightcol div.findholder ul li a:hover{
	background-image:url(images/bg_li_black.gif);
} 



/* Sub right content pages */
#content #subrightcontent div.relatedlinks ul, #content #subrightcontent div.findholder ul  {
	/*margin-top: 5px;*/
	padding-right: 10px;
/*	border: 1px solid #f00;*/
	margin:0;
}

#subrightcontent div.relatedlinks h2, #subrightcontent div.findholder h2 {
	margin-bottom:5px;
}

#subrightcontent div.relatedlinks ul li,  #subrightcontent div.findholder ul li{
	font-size:0.95em;
	float: none; 
	margin:0;
	padding:0;
/*	float:left;
	clear:left;*/
	width: 160px;
}

#subrightcontent div.relatedlinks ul li a, #subrightcontent div.findholder ul li a  {
	display:block;
	float: none; 
/*	float:left;*/
	padding-left:20px;
	margin:0;
	text-decoration: none;
	background: url(images/bg_li_red.gif) 12px 3px transparent no-repeat;
	padding-bottom: 2px;
}

#subrightcontent div.relatedlinks ul li a:hover,  #subrightcontent div.findholder ul li a:hover{
	background-image:url(images/bg_li_black.gif);
} 

/* Contractor finder */
table#tblDiscipline {margin-left:10px;margin-right:10px}
table#tblDiscipline td, table#tblDiscipline th {font-size:1em;text-align:left;color:#7D6A55;padding:1px 4px 3px 0px;margin:0px 0px 2px 0px;border-bottom:1px #B7AC9E solid}
.contractorLogo {padding-top:4px;padding-bottom:4px;margin:0px 10px 0px 10px;border:0px;}
.contractorLogo img {float:right;margin-left:8px;border:3px white solid}

/* Bug fixes 15/02/06 */
#ibnSubmit {margin-bottom: -4px;}
html>body #ibnSubmit {margin-bottom: -5px;}
#txtComments {width: 325px !important; }
* html #txtComments {width: 323px !important; }
.availbrochures div.left img {	position: static; top:0;left:0;}
.availbrochures {padding-top: 3px;}
.availbrochures label {width: 140px;}
.brochcheck {width: 20px;}
#txtSearch {width:168px;font-size:1em;}
* html #txtSearch {width:170px;}