/* 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; }
map {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; text-decoration: underline;}
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; }
#header h1.international a { background: url('../images/logo-international.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-2.png'); background-repeat: no-repeat; display: block; height: 42px; text-indent: -9999px; width: 135px; }
/*#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; }*/
#group-nav #group-industries { background-position: -213px 0; }
#group-nav #group-industries:hover, #group-nav #group-industries.active { background-position: -213px -42px; }
#group-nav #group-drainage { background-position: -348px 0; }
#group-nav #group-drainage:hover, #group-nav #group-drainage.active { background-position: -348px -42px; }
#group-nav #group-international { background-position: -483px 0; }
#group-nav #group-international:hover, #group-nav #group-international.active { background-position: -483px -42px; }
#group-nav #group-concrete { background-position: -618px 0; }
#group-nav #group-concrete:hover, #group-nav #group-concrete.active { background-position: -618px -42px; }
#group-nav #group-gardenware { background-position: -753px 0; width: 144px; }
#group-nav #group-gardenware:hover, #group-nav #group-gardenware.active { background-position: -753px -42px; }

/*****************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 a.yellow{background: url('../images/right-arrow.gif') no-repeat right top;  color: #ff0; font-size: 1em; list-style: none; margin: 0 0 ; padding: 0 0;}
#internal-nav a.white{background: url('../images/right-arrow.gif') no-repeat right top;  color: #fff; font-size: 1em; list-style: none; margin: 0 0 ; padding: 0 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; }
#footer div.right { float: right; margin: 0 15px 0 0; }
	.goog-te-gadget-simple { font-size: 9px; }

/* 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;}

form#stockist-form.small {
	width: 200px;
	float: right;
}



/*** MAP ***/
#map-quick-links
{
	float: right;
	width: 200px;
}
	#map-quick-links ul,
	#map-quick-links li	{ margin-left: 0; list-style: none none; }

#region
{
    float: left;
    position: relative;
    width: 430px;
    background: url('../images/wholemap.png') no-repeat;
    height: 550px;
}
	#region a.map-item
	{
		display: block;
		position: absolute;
		z-index:100;
		font-size: 11px;
		color: #FFF;
		text-indent: -9999px;
	}

/*** SCOTLAND ***/
.scot-link
{
    /*left: 0;
    top: 0;
    width: 186px;
    height: 139px;
    text-indent: 90px;
    padding-top: 140px;*/
    
    left: 0;
    top: 0;
	padding-left: 90px;
	padding-top: 140px;
    height: 139px;
    width: 96px;
}
	.scot-link:hover,
	.scot-link.active
	{
		background: url('../images/scotland.png') no-repeat;
	}

/*** NORTH WEST ***/
.nw-link
{
    /*left: 128px;
    top: 244px;
	width: 60px;
	height: 125px;*/

    left: 128px;
    padding-left: 8px;
    padding-top: 26px;
    top: 244px;
    width: 49px;
    height: 97px;
}
	.nw-link:hover,
	.nw-link.active
	{
		background: url('../images/north-west.png') no-repeat;
	}

/*** NORTH EAST ***/
.ne-link
{
	/*left: 156px;
    top: 206px;
	width: 57px;
	height: 77px;*/
	
	left: 156px;
    padding-left: 12px;
    padding-top: 35px;
    top: 206px;
    width: 47px;
    height: 42px;
}
	.ne-link:hover,
	.ne-link.active
	{	
		background: url('../images/north-east.png') no-repeat;
	}

/*** YORKSHIRE AND HUMBER ***/
.yh-link
{
    /*left: 169px;
    top: 266px;
    width: 89px;
    height: 79px;*/
    
    left: 169px;
    top: 266px;
    padding-left: 14px;
    padding-top: 31px;
    
    height: 48px;
    width: 76px;
}
	.yh-link:hover,
	.yh-link.active
	{
		background: url('../images/yorkshire.png') no-repeat;
	}

/*** MIDLANDS ***/
.mid-link
{
	/*left: 140px;
    top: 319px;
    width: 131px;
    height: 121px;*/

    left: 140px;
    padding-left: 40px;
    padding-top: 60px;
    top: 319px;
    width: 90px;
    height: 60px;
}
	.mid-link:hover,
	.mid-link.active
	{
		background: url('../images/midlands.png') no-repeat;
	}

/*** East Anglia ***/
.ea-link
{
	/*left: 232px;
    top: 362px;
	width: 90px;
	height: 95px;*/

    left: 232px;
    padding-left: 33px;
    padding-top: 33px;
    top: 362px;
    width: 58px;
	height: 60px;
}
	.ea-link:hover,
	.ea-link.active
	{
		background: url('../images/east-anglia.png') no-repeat;
	}

/*** Wales ***/
.wales-link
{
    /*left: 70px;
    top: 344px;
	width: 98px;
	height: 125px;*/
	
	height: 62px;
    left: 70px;
    padding-left: 44px;
    padding-top: 60px;
    top: 344px;
    width: 54px;
}
	.wales-link:hover,
	.wales-link.active
	{
		background: url('../images/wales.png') no-repeat;
	}

/*** South West ***/
.sw-link
{
    /*left: 51px;
    top: 435px;
	width: 154px;
	height: 115px;*/
	
    left: 51px;
    padding-left: 70px;
    padding-top: 50px;
    top: 435px;
    width: 82px;
    height: 65px;
}
	.sw-link:hover,
	.sw-link.active
	{
		background: url('../images/south-west.png') no-repeat;
	}
		
/*** South East ***/
.se-link
{
    /*left: 186px;
    top: 419px;
	width: 136px;
	height: 92px;*/

    padding-left: 27px;
    padding-top: 50px;
    top: 419px;
    left: 186px;
    width: 103px;
    height: 42px;
}

	.se-link:hover,
	.se-link.active
	{
		background: url('../images/south-east.png') no-repeat;
	}

/*** London ***/
.london-link
{
    /*left: 217px;
    top: 436px;
	width: 41px;
	height: 29px;*/
	
   height: 20px;
    left: 217px;
    padding-top: 9px;
    top: 436px;
    width: 41px;
}
	.london-link:hover,
	.london-link.active
	{
		background: url('../images/london.png') no-repeat;
	}
	
	#image_manager li{padding-bottom: 5px;}
	#image_manager li a{margin: 0 8px 0 0;}