body,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,select,table,caption,blockquote,img {
   padding:0;
   border:0;
   margin:0;
}
body {
   background-color: #eaeaea;
   color: #444444;
}
body,textarea {
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size:0.9em;
}


/*MAIN STYLES*/


a {
   color: #628b3d;
}
a:hover {
   color: #1a462b;
   text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
   clear:both;
	 color:#1a462b;
	 margin:1.5em 0 0.3em 0;
   font-family:Helvetica, Arial, sans-serif;
}
h1 {
   font-size:2em;
}
h2 {
   font-size:1.4em;
}
h3 {
   font-size:1.4em;
	 color:#628b3d;
}

h2.graphic {
   padding:0;
	 margin:0;
	 height:60px;
	 width:100%;
	 background-repeat:no-repeat;
	 background-position:bottom left;
	 text-indent:-2000px;
	 overflow:hidden;
}
h2#graphic1 { background-image:url(../img/about_ecogenik1.gif); }
h2#graphic2 { background-image:url(../img/news_and_press_articles1.gif); }
h2#graphic3 { background-image:url(../img/headlines1.gif); }
h2#graphic4 { background-image:url(../img/our_products1.gif); }
h2#graphic5 { background-image:url(../img/site_map1.gif); }
h2#graphic6 { background-image:url(../img/accessibility_statement1.gif); }
h2#graphic7 { background-image:url(../img/further_benefits1.gif); }
h2#graphic8 { background-image:url(../img/eco_cycle1.gif); }
h2#graphic9 { background-image:url(../img/downloads1.gif); }
h2#graphic10 { background-image:url(../img/trade_sales3.gif); }
h2#graphic11 { background-image:url(../img/contact_us1.gif); }
h2#graphic12 { background-image:url(../img/enquiry_form1.gif); }
h2#graphic13 { background-image:url(../img/latest_news1.gif); }
h2#graphic14 { background-image:url(../img/trade_order_forms1.gif); }
h2#graphic15 { background-image:url(../img/privacy_policy1.gif); }

h3.graphic {
   padding:0;
	 margin:0;
	 height:52px;
	 width:100%;
	 background-repeat:no-repeat;
	 background-position:left center;
	 text-indent:-2000px;
	 overflow:hidden;
}
h3#graphic1 { background-image:url(../img/what_are_the_benefits.gif); }
h3#graphic2 { background-image:url(../img/what_is_ecogenik.gif); }

h3#benefitscomplete { background-image:url(../img/benefits_complete.gif); }
h3#benefitsultraspan { background-image:url(../img/benefits_ultraspan.gif); }
h3#benefitsultraspanextra { background-image:url(../img/benefits_ultraspanextra.gif); }
h3#benefitsduraspan { background-image:url(../img/benefits_duraspan.gif); }
h3#benefitsscaffold { background-image:url(../img/benefits_scaffold.gif); }
h3#benefitsgraphik { background-image:url(../img/benefits_graphik.gif); }
h3#benefitsspf { background-image:url(../img/benefits_spf.gif); }
h3#benefitsultrahord { background-image:url(../img/benefits_ultrahord.gif); }

h4 {
   font-size:1em;
}

blockquote {
   padding:0.3em;
   clear:both;
   margin:1em 0;
	 border:1px solid #DDDDDD;
}
blockquote p {
margin:0;
padding:1em 0;
}
blockquote.valid,blockquote.invalid {
	 padding-left:4em;
	 background-repeat:no-repeat;
	 background-position:top left;
}
blockquote.valid {
   background-image:url(../img/tick1.gif);
}
blockquote.invalid {
   background-image:url(../img/cross1.gif);
}


/* NAVIGATION */


.menubuttons {
   width:100%;
}
.menubuttons ul,ul.inline,#headernav ul,#headerlinks ul,.subheadernav ul {
   list-style:none;
   margin:0;
   padding:0;
}
.menubuttons li a {
   display:block;
   border-bottom: 1px solid #EEEEEE;
   color:#628b3d;
   padding:7px 0;
   width:100%;
	 font-size:14px;
}
.menubuttons li a:hover {
   color:#1a462b;
	 background-color:#EEEEEE;
}
.menubuttons li.active a {
   color:#1a462b;
   font-weight:bold;
}

.submenubuttons ul {
	 clear:both;
	 float:right;
	 position:relative;
	 right:40px;
}
.submenubuttons li.active {
   font-weight:bold;
	 color:#1a462b;
}


#headernav li {
   display:inline;
}
#headernav li a {
   display:block;
   float:left;
   padding:0 16px;
	 height:56px;
	 font-size:15px;
	 color:#1a462b;
	 text-decoration:none;
	 background-repeat:no-repeat;
	 background-position:top left;
	 position:relative;
	 margin-left:1px;
}
#headernav li a span.text {
   position:relative;
	 top:12px;
}

#headernav li a:hover {
   background-color:#DDDDDD;
}
#headernav li.active a {
   background-image:url(../img/nav_green1.gif);
	 color:#FFFFFF;
}

span#tabright
{
position:absolute;
right:-1px;
top:0px;
width:5px;
height:56px;
display:block;
background-image:url(../img/nav_green2.gif);
background-repeat:no-repeat;
}

#headernav li.active a#product1 { background-image:url(../img/nav_complete1.gif); }
#headernav li.active a#product2 { background-image:url(../img/nav_ultraspan1.gif); }
#headernav li.active a#product3 { background-image:url(../img/nav_ultraspanextra1.gif); }
#headernav li.active a#product4 { background-image:url(../img/nav_duraspan1.gif); }
#headernav li.active a#product5 { background-image:url(../img/nav_scaffold1.gif); }
#headernav li.active a#product6 { background-image:url(../img/nav_graphik1.gif); }
#headernav li.active a#product7 { background-image:url(../img/nav_spf1.gif); }
#headernav li.active a#product8 { background-image:url(../img/nav_ultrahord1.gif); }

#headernav li.active a#product1 span#tabright { background-image:url(../img/nav_complete2.gif); }
#headernav li.active a#product2 span#tabright { background-image:url(../img/nav_ultraspan2.gif); }
#headernav li.active a#product3 span#tabright { background-image:url(../img/nav_ultraspanextra2.gif); }
#headernav li.active a#product4 span#tabright { background-image:url(../img/nav_duraspan2.gif); }
#headernav li.active a#product5 span#tabright { background-image:url(../img/nav_scaffold2.gif); }
#headernav li.active a#product6 span#tabright { background-image:url(../img/nav_graphik2.gif); }
#headernav li.active a#product7 span#tabright { background-image:url(../img/nav_spf2.gif); }
#headernav li.active a#product8 span#tabright { background-image:url(../img/nav_ultrahord2.gif); }


.subheadernav li {
   display:inline;
}
.subheadernav li a {
   display:block;
   float:left;
   padding:0 12px;
	 height:32px;
	 font-size:13px;
	 color:#FFFFFF;
	 text-decoration:none;
	 background-repeat:no-repeat;
	 background-position:top left;
	 position:relative;
	 margin-left:1px;
}
.subheadernav li a.first {
   margin-left:26px;
}
.subheadernav li a span.text {
   position:relative;
   top:8px;
}
.subheadernav li a:hover {
   background-color:#6b9347;
}
.subheadernav li.active a {
   background-image:url(../img/subtab_green1.gif);
	 color:#628b3d;
	 font-weight:bold;
}
span#ontab
{
position:absolute;
right:-1px;
top:0px;
width:5px;
height:32px;
display:block;
background-image:url(../img/subtab_green2.gif);
background-repeat:no-repeat;
}

#subheadernavcomplete li.active a { background-image:url(../img/subtab_complete1.gif);color:#7c754c; }
#subheadernavultraspan li.active a { background-image:url(../img/subtab_ultraspan1.gif);color:#8c7708; }
#subheadernavultraspanextra li.active a { background-image:url(../img/subtab_ultraspanextra1.gif);color:#ce7019; }
#subheadernavduraspan li.active a { background-image:url(../img/subtab_duraspan1.gif);color:#995f4a; }
#subheadernavscaffold li.active a { background-image:url(../img/subtab_scaffold1.gif);color:#4b3905; }
#subheadernavgraphik li.active a { background-image:url(../img/subtab_graphik1.gif);color:#55616f; }
#subheadernavspf li.active a { background-image:url(../img/subtab_spf1.gif);color:#9c7998; }
#subheadernavultrahord li.active a { background-image:url(../img/subtab_ultrahord1.gif);color:#71a8c5; }

#subheadernavcomplete li a span#ontab { background-image:url(../img/subtab_complete2.gif); }
#subheadernavultraspan li a span#ontab { background-image:url(../img/subtab_ultraspan2.gif); }
#subheadernavultraspanextra li a span#ontab { background-image:url(../img/subtab_ultraspanextra2.gif); }
#subheadernavduraspan li a span#ontab { background-image:url(../img/subtab_duraspan2.gif); }
#subheadernavscaffold li a span#ontab { background-image:url(../img/subtab_scaffold2.gif); }
#subheadernavgraphik li a span#ontab { background-image:url(../img/subtab_graphik2.gif); }
#subheadernavspf li a span#ontab { background-image:url(../img/subtab_spf2.gif); }
#subheadernavultrahord li a span#ontab { background-image:url(../img/subtab_ultrahord2.gif); }

#subheadernavcomplete li a:hover { background-color:#aba47d; }
#subheadernavultraspan li a:hover { background-color:#c9ab0d; }
#subheadernavultraspanextra li a:hover { background-color:#d97c25; }
#subheadernavduraspan li a:hover { background-color:#ba8470; }
#subheadernavscaffold li a:hover { background-color:#55420a; }
#subheadernavgraphik li a:hover { background-color:#68737f; }
#subheadernavspf li a:hover { background-color:#c5a8c1; }
#subheadernavultrahord li a:hover { background-color:#8abdd7; }

ul.inline li {
   float:left;
   padding:0.2em 1em;
   border-left:1px solid #DDDDDD;
}

/* LAYOUT */


#body {
   width:100%;
   float:left;
   text-align:center;
}
#container,#header,#content,#footer {
   width:846px;
}
#container {
   margin:0px auto;
   text-align:left;
   clear:both;
	 background-color:#FFFFFF;
	 border-right:18px solid #FFFFFF;
	 border-left:18px solid #FFFFFF;
}
#header {
   position: relative;
   float:left;
   height: 210px;
   clear:left;
   background-image:url(../img/header1.gif);
	 background-position:0 15px;
	 background-repeat:no-repeat;
}
#logo {
   position:absolute;
	 top:20px;
	 left:0px;
	 width:297px;
	 height:97px;
}
#kwikklik {
   position:absolute;
	 top:10px;
	 right:0px;
	 width:110px;
	 height:34px;
}
#footer {
   position: relative;
   clear: both;
   height: 150px;
   background-image:url(../img/footer1.gif);
	 background-repeat:no-repeat;
	 background-position:top left;
}
#footer p {
   padding:20px 0 4px 37px;
	 margin:0;
}
#footer p.larger {
   font-size:20px;
	 padding-top:4px;
}
#footer p.larger span {
   color:#628b3d;
	 font-weight:bold;
}
#footer p.reg {
   padding:6px 0 4px 37px;
	 font-size:12px;
}
#content {
   float:right;
   padding: 0px;
   min-height:400px;
}
* html #content {
   height:400px;
}
#accessibility {
   position:absolute;
   top:1px;
   left:37px;
   text-align:right;
}
#accessibility a {
	 font-size:12px;
}
#headernav {
   position:absolute;
   top:133px;
   left:19px;
	 height:56px;
}
.subheadernav {
   position:absolute;
   top:178px;
   left:0px;
	 background-repeat:no-repeat;
	 background-position:top left;
	 height:32px;
	 width:846px;
}
#subheadernavgreen { background-image:url(../img/sub_nav_green.gif); }
#subheadernavcomplete { background-image:url(../img/sub_nav_complete.gif); }
#subheadernavultraspan { background-image:url(../img/sub_nav_ultraspan.gif); }
#subheadernavultraspanextra { background-image:url(../img/sub_nav_ultraspanextra.gif); }
#subheadernavduraspan { background-image:url(../img/sub_nav_duraspan.gif); }
#subheadernavscaffold { background-image:url(../img/sub_nav_scaffold.gif); }
#subheadernavgraphik { background-image:url(../img/sub_nav_graphik.gif); }
#subheadernavspf { background-image:url(../img/sub_nav_spf.gif); }
#subheadernavultrahord { background-image:url(../img/sub_nav_ultrahord.gif); }


#headernews {
   position:absolute;
   top:43px;
   left:438px;
	 height:100px;
	 width:408px;
}
#headernews h2 {
   margin:0;
	 padding:0;
	 font-size:14px;
}
.leftthin,.rightthin {
   width:250px;
}
.leftwide,.rightwide {
   width:510px;
}
.leftmid,.rightmid {
   width:380px;
}
.leftthin,.leftwide,.leftmid {
   float:left;
}
.rightthin,.rightwide,.rightmid {
   float:right;
}
.leftthin,.leftwide,.leftmid {
   position:relative;
	 left:36px;
}
.padder {
   padding:5px 0 20px 0;
	 float:left;
	 width:846px;
}

/*FORMS*/
form {
   clear:both;
}
select,textarea,.textbox1 {
   background-color:#FFFFFF;
   border:1px solid #1a462b;
   color:#1a462b;
}
form fieldset {
   border:1px solid #CCCCCC;
   padding:0.5em;
}
form legend {
   background-color:#FFFFFF;
   color:#1a462b;
   padding:0.3em;
}
form label {
   font-weight:bold;
   display:block;
   padding:0.7em 0 0.2em 0;
   color:#1a462b;
}
form label span {
   display:block;
	 font-weight:normal;
}
.textbox1 {
   width:100%;
   height: 22px;
}
.imagebutton {
   float:right;
   border:0;
	 margin:5px 0 0 5px;
	 background-repeat:no-repeat;
	 width:200px;
	 height:38px;
	 background-position:top right;
}
.anchorimagebutton a {
   float:right;
   border:0;
	 margin:5px 0 0 5px;
	 background-repeat:no-repeat;
	 width:200px;
	 height:38px;
	 display:block;
	 background-position:top right;
	 
}
.anchorimagebutton a span {
   display:none;
}
#anchorimagebutton1 { background-image:url(../img/more_about_us1.gif); }
#anchorimagebutton2 { background-image:url(../img/contact_us2.gif); }


textarea {
   font-size:1em;
   width:100%;
   height:200px;
}
select.wide,select.multiple1 {
   width: 100%;
}
select.multiple1 {
   height:10em;
}


/*TABLES*/

table {
   width:100%;
   font-size:1em;
   text-align:left;
   border-collapse:collapse;
   clear:both;
}
table caption {
   padding:0.8em 0.2em;
	 background-color:#DDDDDD;
	 text-align:left;
	 border-top:1px solid #BBBBBB;
}
table tr,table td,table th {
   border-bottom:1px solid #EEEEEE;
   padding:0.4em 0.2em;
}
table th,table th a {
   background-color:#628b3d;
   color:#FFFFFF;
}

.imagecaption {
   clear:both;
	 display:block;
	 text-align:center;
	 color:#1a462b;
	 font-weight:bold;
	 padding:5px;
	 font-size:13px;
}