html>body #inner{height: auto;}

body {
	color: #333333;
	text-align: left;
	background: #fff;
	font-family: Verdana,arial, sans-serif;
	font-size: 100%;
}

body {padding : 0;margin : 0;} /*resets all to zero*/
/* hack for forcing scroll bars to stop page jog - http://www.splintered.co.uk/experiments/49/ */
html, body {
  margin: 0;
}

a:link {color: #4688261; text-decoration: none;}
a:visited {color: #4688261; text-decoration: none;}
a:hover {color: #b12a24; text-decoration: none;}
a:active {color: #b12a24; text-decoration: none;}


.clear {clear: both;}
/* ################################################## */
/* ################# TOP PANEL  ################## */
/* ################################################## */
.productlisting {font-size: 60%;position:relative;overflow:auto;}
#top-panel {
	font-size: 70%;
	width: 100%;
	height: 25px; 
	 
	background-color: #009745;
	background-image: url(../images/top-panel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	}
#top-panel .contactinfo {
	color: #FFFFFF;
	float: right;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 2px;
}
#top-panel a:link {color: #fff; text-decoration: none;}
#top-panel a:visited {color: #fff; text-decoration: none;}
#top-panel a:hover {color: #ecf7e6; text-decoration: none;}
#top-panel a:active {color: #b12a24; text-decoration: none;}

#top-panel a.skip:link {color: #ccc; text-decoration: none;}
#top-panel a.skip:visited {color: #ccc; text-decoration: none;}
#top-panel a.skip:hover {color: #ecf7e6; text-decoration: none;}
#top-panel a.skip:active {color: #b12a24; text-decoration: none;}

/* ################################################## */
/* ################# LOGO AND STRAP STYLES ################## */
/* ################################################## */


#logo-panel {
	width: 100%;
	height: 104px;
	background-color: #a7d500;
	background-image: url(../images/logo-panel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	}
	
#logo-panel .headline {
	font-size: 150%;
	color: #fff;
	font-weight: normal;
	line-height: 130%;
	 
	width: auto;
	display: box;
	position: absolute;
	top: 6%; right: 5%;
	}
	
	
	
/* ################################################## */
/* ################# NAVIGATION  STYLES ################## */
/* ################################################## */


#navigation-panel {	
	width: 100%;
	height: 30px;
	background-color: #d6ed73;
	background-image: url(../images/navigation-panel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 1px solid #00541f;
	margin: 0;
	padding: 0;
	font-size: 60%;
	letter-spacing: -1px;
	}
	
#navigation-panel a:link {color: #00541f; text-decoration: none;}
#navigation-panel a:visited {color: #00541f; text-decoration: none;}
#navigation-panel a:hover {color: #00541f; text-decoration: none;}
#navigation-panel a:active {color: #b12a24; text-decoration: none;font-weight: bold;}

 /* remove the margin and bullets, set the padding for this demo only*/
#navigation-panel .button {margin:0; padding:1px 0 0px 182px; list-style:none;}

 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
#navigation-panel .button li {
	display:inline;
	float:left;
	margin-right:1px;
	background-image: url(../images/hover_button.gif);
	background-repeat: no-repeat;
}

/* style the links and place the background image to start from left edge */
#navigation-panel .button li a {display:block; height:28px; float:left; background:url(../images/button.gif);background-repeat: no-repeat; text-decoration:none; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 0;}

/* style the link hover and the link hover to replace the background image - border:0 needed for IE6 to work */
#navigation-panel .button li a:hover, 
 {border:0; background-image:url(../images/hover_button.gif); background-repeat: no-repeat;cursor:pointer;}

/* style the active state to replace the background image. This can also be used for a 'current' tab if you wish */
#navigation-panel .button li a:active, 
#navigation-panel .button li a.current {background-image: url(../images/active_button.gif);background-repeat: no-repeat;}
 

/* ################################################## */
/* ################# CONTENT STYLES ################## */
/* ################################################## */
#maincontentcontainer  {
	
	width:97%;min-width:1000px;max-width:1268px;margin:0 5px;
	 
	clear: both;
	margin-top: 20px;
	
}
#leftcol {
	float: left;
	width: 180px;  
	margin-right: 20px;
}

#leftcol-home {
	float: left;
	width: 200px;  
	margin-right: 20px;
}


#mainhomepagecol {
	float: left;
	width: auto;  
	margin-left: 30%;
	margin-right: 20px;
}

#mainhomepagecol p  
{
font-size: 70%;
 margin: .5em 0 .5em .5em; line-height: 1.5em;
}


#leftcol p  
{
font-size: 70%;
 margin: .5em 0 .5em .5em; line-height: 1.5em;
}

#leftcol-home p  
{
font-size: 70%;
 margin: .5em 0 .5em .5em; line-height: 1.5em;
}

/* ################# SEARCH BOXOUT ################## */

#searchboxout 
{
margin-left: 5px; 
background-color: #ecf7e6; 
width: 95%; 
border: 1px solid #336600;

}
#rightcolint .header 
{
	font-size: medium;
	color: #990000;
	font-weight: bold;
}
#rightcolint .subhead2 {

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #B22A24;
	background-color: #FFFFFF;
	font-weight: bold;
}
#rightcolint .more {font-size: small; font-weight: bold;}
#rightcolint a.more:link  {color: #990000;}
#rightcolint a.more:hover  {color: #009933;}
#searchboxout .header 
{

background-color: #6fcc36; 
width: 100%; 
position:relative;overflow:auto;
border-bottom: 1px solid #336600;

}
#searchboxout .header2
{

margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px; 
font-size: 70%;
font-weight: bold;}
 
#searchboxout select
{
color: #333;
background: #fff;
border: 1px solid #333;
margin-top: 2px;
margin-bottom: 1px;
margin-left: 2px;
font-size: 65%;
}

#searchboxout input 
{
font-size: 60%;
margin-left: 2px;
margin-top: 2px;
margin-bottom: 1px;
padding: 2px;}


/* ################# INT RIGHT COLUMN (NARROWER TO ALLOW FOR SECOND RIGHT HAND COLUMN ################## */

#rightcolint {
margin-right: 200px;
margin-left: 180px;
/* background-image: url(../images/leaf-icon2.jpg);*/
	background-repeat: no-repeat;
	background-position: right top;
	

}
#rightcolint p {font-size: 80%; margin: 1.1em 0 1.1em 0; line-height: 1.5em;}
#rightcolint .intro {width: 80%; min-width: 300px; margin-left: 10px;}
#rightcolint  h1  {font-size: 130%; line-height: 1.3em; margin-top: 10px; margin-bottom: 1px; margin-left: 0px; margin-right: 0px; color: #bd0540; font-weight: normal; letter-spacing: -1px;}
#rightcolint  h3 {font-size: 90%; line-height: 1.3em; margin-top: 0px; margin-bottom: 1px; margin-left: 0px; margin-right: 0px;}

/* ################# FAR RIGHT COLUMN ################## */

#farrightcol {
float: right;
width: 200px;

}

#rightlist
{
padding-left: 0;
margin-left: 0;#farrightcol
border-bottom: 1px solid gray;
width: 160px;
}

#rightlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}

#rightlist li a { text-decoration: none; }


div#farrightcol ul {font-size: 70%; list-style:none; margin-left: 0; margin-bottom: 20px;}
div#farrightcol ul li a {color: #468861; text-decoration: none; font-weight: bold;}
div#farrightcol ul li a:hover {color: #b12a24; text-decoration: none;font-weight: bold;}
div#farrightcol ul li a:visited {color: #468861; text-decoration: none;font-weight: bold;}
div#farrightcol ul li a:active {color: #b12a24; text-decoration: none;font-weight: bold;}

#farrightcol .warning {color: #b12a24; font-size: 90%; font-weight: bold;width: 80%; line-height: 1.3em; margin-top: 0; margin-bottom: 5px;}
#farrightcol .downloadsize {color: #333; font-size: 90%; font-weight: bold;width: 80%; line-height: 1.3em; margin-top: 1px; margin-bottom: 5px;}

#farrightcol p {
font-size: 70%;
 margin: .5em 0 .5em .5em; line-height: 1.5em;
}


#farrightcol  h1  {font-size: 130%; line-height: 1.3em; margin-top: 10px; margin-bottom: 1px; margin-left: 0px; margin-right: 0px; color: #bd0540; font-weight: normal; letter-spacing: -1px;}
	

#farrightcol  h3 {font-size: 90%; line-height: 1.3em; margin-top: 0px; margin-bottom: 1px; margin-left: 0px; margin-right: 0px;}

/* ################# MAIN RIGHT COL FOR PAGES WITHOUT SECOND RIGHT HAND COLUMN ################## */

#rightcol {
margin-right: 20px;
margin-left: 180px;
/* background-image: url(../images/leaf-icon.jpg);*/
	background-repeat: no-repeat;
	background-position: right top;
	 

}
#rightcol-privacy {
margin-right: 20px;
margin-left: 250px;
/* background-image: url(../images/leaf-icon.jpg);*/
	background-repeat: no-repeat;
	background-position: right top;
	 

}

#rightcol p {font-size: 80%; margin: 1.1em 0 1.1em 0; line-height: 1.5em;}
#rightcol-privacy p {font-size: 80%; margin: 0 0 1.1em 0; line-height: 1.5em;}
#rightcol .intro, #rightcol-privacy .intro {width: 80%; clear: right; min-width: 300px; margin-left: 10px;}


#rightcol  h1, #rightcol-privacy h1  {font-size: 130%; line-height: 1.3em; margin-top: 10px; margin-bottom: 1px; margin-left: 0px; margin-right: 0px; color: #bd0540; font-weight: normal; letter-spacing: -1px;}
	

#rightcol  h3, #rightcol-privacy h3 {font-size: 90%; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;}
#rightcol-privacy h3 { color: #bd0540; font-weight: normal;}
#rightcol-privacy ul {margin-left: 40px; padding: 0px; }
#rightcol-privacy li {margin-bottom: 0px; padding: 0px;}


/* ################# LARGE BOXOUT ################## */


#maincontentcontainer .largeboxout {float: left; margin-right: 20px; width: 245px; min-width: 245px; overflow:auto; position:relative; }

#maincontentcontainer .largeboxout .header {min-height:16px;}
#maincontentcontainer .largeboxout .content {min-height:200px;}
#farrightcol h3 {
	color: #b12a24;
}


#boxoutcontainer h2 {font-size: 90%; line-height: 1.3em; margin-top: 10px; margin-bottom: 0px; margin-left: 10px; margin-right: 0px; color:#468821; }
#boxoutcontainer p {font-size: 70%; margin: .2em .8em 1.2em .8em; line-height: 1.6em;}
#boxoutcontainer a:link {color: #336600; text-decoration: none;}
#boxoutcontainer a:visited {color: #336600; text-decoration: none;}
#boxoutcontainer a:hover {color: #b12a24; text-decoration: none;}
#boxoutcontainer a:active {color: #b12a24; text-decoration: none;}
#maincontentcontainer #boxoutcontainer img {width: 245px; height: 102px; display: block; text-align: center; margin-left: auto; margin-right: auto; margin-top: 3px; border: 1px solid #333;}


/* ################# SMALL BOXOUT GENERAL SETTINGS  ################## */

.smallboxout {float: left; margin-left: .3em; margin-top: .1em; width: 100%; text-align: center; }
.smallboxout .header { height: 10%; width: 95%;}
.smallboxout .content { height: 95%; width: 100%;}



/* ################# SMALL BOXOUT OVERALL GARDEN / PALLETS PAGE ################## */


#rightcol table.layout {margin-left: 0; width:80%;font-size:80%;}
#rightcol table.layout td.layout {text-align: center;  padding-left: 5px; padding-right: 0; width: 20%; background-color: #ecf7e6; border: 1px solid #336600;}
 
#rightcol table.layout img {width: 100px; display: block; text-align: center; margin-left: auto; margin-right: auto; margin-top: 3px; border: 1px solid #333;}
#rightcolint table.layout img.internalphoto  {  border: 1px solid #333;}
#rightcolint table.layout img.productdetail {  margin-top: 3px; border: 1px solid #333; }



table.layout  p {
	font-size: 60%;
	}

#rightcol  table.layout h2 {font-size: 70%; line-height: 1.3em; margin-top: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; color:#468821; }

#rightcol    a:link {color: #336600; text-decoration: none;}
#rightcol   a:visited {color: #336600; text-decoration: none;}
#rightcol  a:hover {color: #b12a24; text-decoration: none;}
#rightcol    a:active {color: #b12a24; text-decoration: none;}

/* ################# SMALL BOXOUT MAIN CATEGORY PAGE ################## */

#rightcolint table.layout {margin:0; padding:0;font-size:80%;}
td.layout {text-align: center;  width: 20%; background-color: #ecf7e6; border: 1px solid #336600; }
td.product {text-align: left; padding-left: 5px; padding-right: 0; width: 15%; background-color: #ecf7e6; border: 1px solid #336600;}
td.news {text-align: left;  padding-left: 5px; padding-right: 0;width: 20%; background-color: #ecf7e6; border: 1px solid #336600; font-weight: bold;}
td.blank {text-align: center;  padding-left: 5px; padding-right: 0;  width: 20%; background-color: #fff; border: 1px solid #fff;}

table.layout img { display: block; text-align: center; margin-left: auto; margin-right: auto; margin-top: 3px; margin-bottom:0px;border: 1px solid #333;}
table.layout .imghome {width: 245px; height: 102px; display: block; text-align: center; margin-left: auto; margin-right: auto; margin-top: 3px; border: 1px solid #333;}

table.layout ul {margin:0px;padding:0px;list-style-type:none;}
table.layout ul li {margin-left:0px;margin-top:5px;margin-bottom:5px;}

table.layout h2 {font-size: 70%; line-height: 1.3em; margin-top: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; color:#468821; }

#rightcolint a.boxoutcontainerint:link {color: #336600; text-decoration: none;}
#rightcolint a.boxoutcontainerint:visited {color: #336600; text-decoration: none;}
#rightcolint a.boxoutcontainerint:hover {color: #b12a24; text-decoration: none;}
#rightcolint a.boxoutcontainerint:active {color: #b12a24; text-decoration: none;}

/* ################################################## */
/* ################# FORM ################## */
/* ################################################## */

#introcontainer .rightcol .registrationbox {clear: both; width: 289px; background: #eff2f2; padding: 5px; border: 1px solid #333; font-size: 95%; color: #666; margin-top:1px; margin-left: 1px;}

#introcontainer .rightcol .registrationbox label
{
width: 5.5em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
font-size: .7em;
margin-top: 3px;
}

#introcontainer .rightcol .registrationbox .submit input
{
margin-left: 5.5em;
} 
#introcontainer .rightcol .registrationbox input
{
color: #333;
background: #fff;
border: 1px solid #333;
margin-top: 2px;
margin-bottom: 1px;
}

#introcontainer .rightcol .registrationbox .submit input
{
color: #333;
background: #e4e5e5;
border: 1px outset #cbcbcb;

} 
#introcontainer .rightcol .registrationbox fieldset
{
width: 264px;margin-left: auto; margin-right: auto;
}

#introcontainer .rightcol .registrationbox legend
{
color: #666;
padding: 2px 4px;
font-weight: bold;
width: 120;
font-size: 85%;
} 

#introcontainer .rightcol #registrationbox 
a:link {font-size: 85%;}


/* ################################################## */
/* ################# FOOTER ################## */
/* ################################################## */
 #skip {
	 
	width: 96%;
	height: 20px;
	clear: both;
	padding-top: 20px;
	font-size: 70%;
	padding-left: 20px;
/* background-image: url(../images/leaf-icon2.jpg); */
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: auto;
	margin-right: auto;
	

	}
 #footer {
	 
	width: 100%;
	clear: both;
	padding-top: 10px;
	background: url(../images/footer-background.jpg);
	background-repeat: no-repeat;
	background-color: #52a034;
	color: #fff;
	margin-top: 30px; 
	}
 #footer a:link {
	color: #fff;
	}
	 #footer a:hover {
	color: #ffcccc;
	}

.footer {
	 
	padding-right: 60px;
	padding-left: 60px;
	
	font-size: 60%;
	padding-top: 10px;
	text-align: right;
	
	
	}
#footer p 
	{font-size: 65%; line-height: 2em; margin-top: 0px; margin-bottom: 1px; margin-left: 0px; margin-right: 0px; color: #fff; font-weight: normal;}
/* ################################################## */
/* ################# LEFT HAND NAVIGATION ################## */
/* ################################################## */

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}
#navcontainer ul ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}
#navcontainer ul ul ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}
#navcontainer li { margin: 0 0 1px 0; }
#navcontainer li li { margin: 0 0 1px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 2px;
border: 1px solid #333;
width: 160px;
background-color: #6fcc36;
}

#navcontainer a:link, #navlist a:visited
{
color: #333;
text-decoration: none;
}

#navcontainer a:hover
{
border: 1px solid #333;
background-color: #3F751E;
color: #fff;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #b12a24;
color: #fff;
}
#live a:link 
{
border: 1px solid #333;
background-color: #D8F1C9;
color: #333;
margin-bottom: 1px;
}
#live a:visited
{
border: 1px solid #333;
background-color: #3F751E;
color: #fff;
margin-bottom: 1px; 
}
#live a:hover
{
border: 1px solid #333;
background-color: #3F751E;
color: #fff;
}

#live a:active 
{
border: 1px solid #333;
background-color: #D8F1C9;
color: #333;
margin-bottom: 1px;
}
#rightcolint .productcode {
	font-size: 70%;
	font-weight: bold;
	padding: 5px;
}
#rightcolint .productdescription {

	font-size: 70%;
	font-weight: normal;
	padding: 5px;

}
#rightcolint .exvat {

	font-size: 90%;
	font-weight: normal;
	padding: 5px;
	float: left;
}
#rightcolint .incvat {

	 
	font-weight: bold;
	color: #b12a24;
	padding: 5px;
	float: left;
}
#rightcolint .productdetail {
float: left; 
margin-right: 0px;}

#rightcolint .productcontainer {
float: left;  width: 98%;}
#rightcolint .productinfocontainer {
float: left; padding-left: 10px; 
}
#rightcolint .productimagecontainer {
width: 100%; 
 }
.productcontainer-table {clear:both; margin-top: 5px;}
#rightcolint .productcostcontainer {
 

white-space: nowrap;  }

#rightcolint h2.productname {

	font-size: 100%;
	font-weight: bold;
	color: #b12a24;
	padding: 5px;
}
#rightcolint .materialsrequiredcontainer { font-size: 70%; margin-left: 3px;  float: left;}
#rightcolint .materialsdescription {float: left; }
#rightcolint .materialsquantity {float: right; margin-right: 5px;}

table.productinfo
{ 
font-weight: normal;
font-size: 70%;
border-collapse: collapse;
border-spacing: 2px;
margin-top: 0px;
border: 2px solid #fff;
width: 100%;
}


table.productinfo td.standard
{ 

text-align: left;
padding-left: 3px; padding: right: 10px;
border-bottom: 2px solid #fff;
border-left: 1px solid #fff;
background: #D2F7CA; }

table.productinfo td.standardbold
{ 

text-align: left;
padding-left: 3px; padding: right: 10px;
border-bottom: 2px solid #fff;
border-left: 1px solid #fff;
background: #D2F7CA; 
font-weight: bold;
width: 40%;}

table.productinfo td.standardbold-styledescription
{ 

text-align: left;
padding-left: 3px; padding: right: 10px;
border-bottom: 2px solid #fff;
padding-top: 5px;
border-left: 1px solid #fff;
background: #D2F7CA; 
font-weight: bold;
color: #990000;
font-size: small;
}

table.productinfo td.materials
{ 
background: #FFECEC;
text-align: left;
padding-left: 3px; padding-right: 10px;
border-bottom: 2px solid #fff;
border-left: 1px solid #fff;}

table.productinfo th.materials
{ 
background: #FFECEC;
text-align: left;
padding-left: 3px; padding-right: 10px;
border-bottom: 2px solid #fff;
border-left: 1px solid #fff;}

div#rightcolint ul {font-size: 80%; list-style:none; margin-left: 0; margin-bottom: 20px;}
div#rightcolint ul li a {color: #468861; text-decoration: none; font-weight: bold; margin-bottom: 5px; }
div#rightcolint ul li a:hover {color: #b12a24; text-decoration: none;font-weight: bold;}
div#rightcolint ul li a:visited {color: #468861; text-decoration: none;font-weight: bold;}
div#rightcolint ul li a:active {color: #b12a24; text-decoration: none;font-weight: bold;}

#newsitemfooter {border: 1px dashed #333; margin-top: 20px; margin-bottom: 10px; font-size: small; padding: 20px; }

#contactform  label {
	font-size: small;
	
	 
	
}
 
 #contactform .formcol2 label {font-size: 60%;}
#contactform  .formrow {
	clear: both;
	 
	border-top: 1px dashed #ccc;
	width: 98%;
}
#contactform  .formcol1 {
	 float: left;
width: 150px;
padding: 5px;
}
#contactform  .formcol2 {
	 
	float: left;
	 width: auto;
padding: 5px;
}
#contactform textarea{ font-family: verdana, arial, sans-serif; font-size: 70%; padding: 5px;}
#contactform input { font-size: 70%; padding: 5px;}
#contactform select { font-size: 70%; padding: 5px;}
#rightcolint p.productbrochure { width: 100px; clear: both; margin: 0px; padding: 0px; font-size: 65%;  text-align: right;}
.productbrochure {float: left; margin: 0px; padding: 0px; padding-top: 10px; width: 100px; }
.press-header {width: 95%; padding: 10px;  margin-left: auto; margin-right: auto;}
.press-intro {font-weight: normal; margin-left: 20px; margin-right: 20px;  width: 90%;clear:both;}
.press-date {font-style: italic; font-size: 80%; text-align: right; display: block; margin-right: 20px; width: 20%; float: right;}
.press-title {font-size: 90%; width: 70%; float: left;margin-top: 10px;}
.press-links {font-weight: normal; margin-left: 20px; margin-right: 20px;  width: 90%; font-size: 70%; padding-top: 5px; padding-bottom: 5px;}