/* COLOURS
*
* GREEN #008275;
*
* RED #ee1212;
*
*/
@import url(fonts/stylesheet.css);

*{ margin: 0; padding: 0; }
.clear { clear: both; display: block; }
body { background: #00342f url('../images/bg.jpg') repeat-x left top; font: 1em Verdana, Arial, Helvetica, sans-serif; text-align: center; }
a img { border: 0; }

/* TEXT STYLES ************************/

h1, h2, h3, h4, h5, h6 { border-bottom: 1px solid #008275;  color: #008275; display: block; font-family: 'Humanst521BTRoman', Verdana, san-serif; font-weight: 400; padding-bottom: 3px; width: 100%; }

h2{ clear: both; font-size: 2.125em; /*34px*/ margin-bottom: 10px;  }
h3{ clear: both; font-size: 1.75em; /*28px*/ margin-bottom: 10px; }
h4{ clear: both; font-size: 1.25em; /*20px*/ margin-bottom: 10px; }
	.gardenware #content h4 {padding-top:10px;}
h5{ border-bottom: none; clear: both; font-size: 1em; /*16px*/ margin-bottom: 10px; }
h6{ border-bottom: none; color: #008275; float: left; font-size: 0.8125em; font-weight: 400; margin-right: 0.3em; }

p { font-size: 0.8125em; margin-bottom: 10px; }
	p.warning
	{
		background:#008275;
		color: #FFF;
		padding: 8px 10px;
	}
td p { font-size: 1em;}

address { font-size: 0.8125em; font-style: normal; margin-bottom: 10px; }

hr
{
	color:#008275;
	height:1px;
	border: 1px solid #008275;
	border-width: 1px 0 0;
	padding-bottom:5px;
}

/* LIST STYLES *************************/

#content ul, #sidebar ul { list-style-position: outside; margin-bottom: 10px; }
#content ol, #sidebar ol { list-style-position: outside; margin-bottom: 10px; padding-left: 8px; }
#content li, #sidebar li { font-size: 0.8125em; margin-left: 15px; margin-bottom: 10px; }

/************* LAYOUT DIVS **************/

#container { background: url('../images/container.png') repeat-y left top; height: auto; margin: 0 auto; padding: 0 18px 0 15px; text-align: left; width: 897px; }

/******************HEADER SECTION**********************/

#header{ height: 238px; position: relative; }
#header h1 a { display: block; height: 100px; position: absolute; text-indent: -9999px; width: 213px; z-index: 1; }
#header h1.concrete a { background: url('../images/logo-concrete.png') left top no-repeat; }
#header h1.drainage a { background: url('../images/logo-drainage.png') left top no-repeat; }
#header h1.denlok a { background: url('../images/logo-denlok.png') left top no-repeat; }
#header h1.gardenware a { background: url('../images/logo-gardenware.png') left top no-repeat; }
#header h1.industries a { background: url('../images/logo-industries.png') left top no-repeat; }
#header h1.patio-pots a { background: url('../images/logo-patio-pots.png') left top no-repeat; }

#slider, .slide { clear: left; height:234px; margin: 0 0 10px; overflow: hidden; position: absolute; width: 897px; z-index: 0; }

/************************GROUP NAV*********************/

#group-nav { display: block; left: 213px; position: absolute; top: 0; width: 684px; }
#group-nav ul{ list-style: none; }
#group-nav li { display: block; float: left;}
#group-nav li a { background-image: url('../images/nav-sprite.png'); background-repeat: no-repeat; display: block; height: 52px; text-indent: -9999px; width: 170px; }
#group-nav #group-industries { background-position: -213px 0; }
#group-nav #group-industries:hover, #group-nav #group-industries.active { background-position: -213px -52px; }
#group-nav #group-drainage { background-position: -383px 0; }
#group-nav #group-drainage:hover, #group-nav #group-drainage.active { background-position: -383px -52px; }
#group-nav #group-concrete { background-position: -553px 0; }
#group-nav #group-concrete:hover, #group-nav #group-concrete.active { background-position: -553px -52px; }
#group-nav #group-gardenware { background-position: -723px 0; width: 174px; }
#group-nav #group-gardenware:hover, #group-nav #group-gardenware.active { background-position: -723px -52px; }

/*****************SECTION NAV*********************/

#section-nav { background: #008275; float: right; height: auto; margin-bottom: 10px; width: 100%; }
#section-nav ul { float: right; list-style: none; margin-right: 10px;}
#section-nav li { display: block; float: left; font-size: 0.8125em; padding: 6px 0 6px 0; }
#section-nav a, #section-nav a:visited { border-left: 1px solid white; color: white; display: block; padding: 0 9px; text-decoration: none; }
#section-nav a:hover, #section-nav a.visited{ color:white; text-decoration: underline; }
#section-nav a.first{ border-left: 0; }

/***********************INTERNAL NAV STYLING *********************/

#internal-nav { background: url('../images/int-nav-bottom.png') no-repeat left bottom; left: 0; padding-bottom: 36px; position: absolute; top: 100px; width: 213px;}
#internal-nav a { background: url('../images/right-arrow.gif') no-repeat right top; color: white; display: block; font-weight: 400; text-decoration: none;  }
#internal-nav ul{ position:relative; z-index: 5500; background: url('../images/int-nav-repeat.png') repeat-y left top; }
#internal-nav li{ background: url('../images/nav-divider.gif') repeat-x left bottom; color: #ff0; font-size: 0.8125em; font-weight: 700; list-style: none; margin: 0 23px; padding: 5px 0;}
#internal-nav li.first-level { background: url('../images/first-level.gif') no-repeat left top; margin: 0 7px; padding: 8px 15px 0; }
#internal-nav li.large { background: url('../images/first-level-lrg.gif') no-repeat left top; margin: 0 7px; padding: 8px 15px 0; }
#internal-nav li.first-level a { background: none; }
#internal-nav li.first-level ul { margin: 8px 0 0 0; }
#internal-nav li.first-level ul li { color: #fff; }
#internal-nav li.first-level ul li a { background: url('../images/right-arrow.gif') no-repeat right top; }
#internal-nav li.second-level { background: none; }
#internal-nav ul li ul{ background: none;}
#internal-nav ul li ul li{ font-size: 1em; font-style: italic; margin-right: 0; }

#banner{ margin-bottom: 10px; }

#content { float: right; height: auto; margin-bottom: 35px; padding-right: 20px; width: 648px; }
#content a, #content a:visited { color: #008275; text-decoration: none; }
#content a:hover { text-decoration: underline; }

#breadcrumb { color: #008275; font-size: 0.846em; text-align: right;}
#small-banner { margin-bottom: 9px; }

#sidebar { float: right; height: auto; width: 35%; }
#sidebar a, #sidebar a:visited { color: #008275; text-decoration: none; }
#sidebar a:hover{ color: #008275; text-decoration: underline; }

/***************FOOTER STYLING**************************/

#footer { background: #008275; color: white; font-size: 0.769em; padding: 5px 0; }
#footer p.left { float: left; margin: 5px 0 5px 19px; }
#footer p.right { float: right; margin: 5px 19px 5px 0; }


/* LINK STYLES *************************/

a, a:visited { color: #3300ff; text-decoration: none; }
a:hover { color: #3300ff; text-decoration: underline; }
#breadcrumb a, #breadcrumb a:hover, #breadcrumb a:visited { color: #008275; }
/* IMAGE ALIGNMENT */

.img-left{ float: left; margin: 0 10px 10px 0; }

.img-right{ float: right; margin: 0 0 10px 10px; }

/* TABLE STYLING **/

table, th, td { border: 1px solid #FFF; border-collapse: collapse; }
table { margin-bottom: 10px; width: 100%; }
table.half{ width: 75%; }
th{ font-weight: 700; }
td, th { font-size: 0.8125em; padding: 3px; }
th { vertical-align:bottom;}
td { vertical-align: top;}
tr.top-align td{ vertical-align: top; }

.chem-res-tbl table table td
{
	border:1px solid #000;
}

.chem-res-tbl p
{
	margin-bottom:0;
}

.chem-res-tbl .box, .chem-res-tbl .box-small
{
	color: #000;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	vertical-align: bottom;
	white-space: nowrap;
}

.chem-res-tbl .box-small
{
	width: 12px;
	background: #000;
	color:#FFF;
	text-align:center;
	font-size: .86em;
	line-height: 1.5em;
	font-weight:bold;
}

/* FORM **/
form#stockist-form, form#brochure-form 
{
	margin-top: -15px;
}

form#lintels-selector-form { float:left; display:inline;}
form#lintels-selector-form fieldset {margin-bottom: 5px;}
form#lintels-selector-form fieldset select {margin-bottom:10px;}
form#lintels-selector-form fieldset h5 {margin-bottom:2px;}
form#lintels-selector-form fieldset label {padding:5px 0 5px;}
form#lintels-selector-form fieldset.floating-options {float:left; display:inline;}	
	form#lintels-selector-form fieldset.floating-options label {display:inline;}
	form#lintels-selector-form fieldset.floating-options label input[type=radio] {position:relative; top:2px;}
	
fieldset { background: 0 none; border:0 none; margin-bottom:10px; padding-top:10px; }
	fieldset span {font-size: .81em; margin-left: 5px;}

fieldset { background: 0 none; border:0 none; margin-bottom:10px; padding-top:10px; }
label { display: block; font-size: 0.81253em; padding: 10px 0 5px 0; }
input[type=text] { border: 1px solid #000; padding: 3px; width: 75%; }
input[type=text]:focus, textarea:focus{ background: #008275; color: #FFF; }
input[type=radio] {cursor:pointer;}
textarea { border: 1px solid #000; font-family: Verdana, Arial, Helvetica, sans-serif; height: 100px; margin-bottom: 10px; padding: 3px; width: 75%; }
input[type=submit]{ margin: 10px 0; padding: 2px; cursor:pointer; }
#bandseal-selector { margin-top:-15px;}
#bandseal-selector div
{
	float:right; display:inline; width: 20%;
}
#bandseal-selector input[type=submit]{ margin-top:10px;}
.submit {margin:10px 0;}