html,
body {
 /* height: 100%;
  margin:10px 0 0 0;*/
  font-family:Arial, Helvetica, sans-serif;
  background:#666666;
}

body {
  margin:0 auto;
  padding: 0;
  text-align: center;
  font-family:Arial, Helvetica, sans-serif;
}

/* Generic Styles */

h1{
margin:0 0 20px 0;
font-size:18px;
font-weight:bold;
line-height:22px;
padding-bottom:12px;
border-bottom:#333333 solid 1px;
color:#333333;
}

h2{
margin:0 auto;
font-size:16px;
font-weight:bold;
line-height:18px;
padding-bottom:5px;
color:#333333;
}

h3{
margin:0 auto;
font-size:14px;
font-weight:bold;
line-height:16px;
padding-bottom:5px;
color:#333333;
}

h3 a:link{
margin:0 auto;
font-size:14px;
font-weight:bold;
line-height:16px;
padding-bottom:5px;
color:#333333;
text-decoration:none;
}

h3 a:hover{
margin:0 auto;
font-size:14px;
font-weight:bold;
line-height:16px;
padding-bottom:5px;
color:#000000;
text-decoration:none;
}

h3 a:visited{
margin:0 auto;
font-size:14px;
font-weight:bold;
line-height:16px;
padding-bottom:5px;
color:#CC0000;
text-decoration:none;
}

h3 a:active{
margin:0 auto;
font-size:14px;
font-weight:bold;
line-height:16px;
padding-bottom:5px;
color:#FF6600;
text-decoration:none;
}

h4{
margin:0 auto;
font-size:12px;
font-weight:bold;
line-height:14px;
padding-bottom:5px;
color:#cc0000;
}

h5{
margin:0 -2px 0 0;
font-size:12px;
font-weight:bold;
line-height:14px;
padding-bottom:5px;
font-style:italic;
color:#333333;
}

p {
margin:0 auto;
padding:0px 0 15px 0;
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:17px;
color:#333333;
}

a{
font-size:11px;
color:#336633;
font-weight:normal;
text-decoration:underline;
}

a:hover{
font-size:11px;
color:#000000;
font-weight:normal;
text-decoration:underline;
}

a:active{
color:#FF6600;
}

a:visited{
color:#CC0000;
}


ul{
margin:0 auto;
padding:0 20px 12px 0;
list-style:square;
}

li{
font-size:12px;
font-style:normal;
line-height:17px;
color:#333333;
}


/* Colours */

.white{
background-color:#FFFFFF;
}

/* Header */

#header{
background:url(../images/header_bg.jpg) no-repeat top left;
border-bottom:#666666 solid 1px;
}

/* Footer */

#footer{
background:url(../images/endorsements.jpg) no-repeat right;
border-top:solid #666666 1px;
}

#footer .tel{
font-family: "Arial Black", Helvetica, sans-serif;
font-size:24px;
line-height:28px;
color:#003333;
}

#footer p{
margin:0 auto;
padding:0px 0 0px 0;
font-size:10px;
font-style:normal;
font-weight:normal;
line-height:15px;
color:#333333;
}



/* Page */
#page{
background:url(../images/content_bg.jpg) no-repeat top left;
}

/* Menu */

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

#menu ul li{
float:right;
height:36px;
display:inline;
}

#menu li a{
line-height:36px;
margin:0 auto;
display:block;
padding:0 0.7em;
background:url(../images/tab_menu_right_notrans.gif) no-repeat top right;
text-decoration: none;
color:#333333;
font-size:12px;
font-weight:bold;
}

#menu li a:hover{
color:#336633;
}

#menu .trans{
background:url(../images/tab_menu_left.gif) no-repeat top left;
}

#menu .notrans{
background:url(../images/tab_menu_left_notrans.gif) no-repeat top left;
}



/*Sub menus*/

/* drop down menus */


.dropmenublank{

}

.dropmenudiv{
position:absolute;
margin-top: 0px;
top: 0px;
left:-70px;
border:#666666 1px solid; /*THEME CHANGE HERE*/
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight:bold;
color: #ffffff;
text-decoration: none;
line-height:18px;
z-index: 100;
width: 180px;
visibility: hidden;
background:#CCCCCC;

}


.dropmenudiv a {
width: auto;
display: block;
text-indent: 10px;
padding: 2px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight:bold;
color:#333333;
text-decoration: none;

}

* html .dropmenudiv a { /*IE only hack*/
width: 100%;
display: block;
text-indent: 10px;
padding: 2px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight:bold;
color: #333333;
text-decoration: none;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color:#336633;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight:bold;
text-decoration: none;
}
/*--------end dropdown list--------*/

/* Case studies panel */







.casestudies{
width:315px;
}

.casehead{
background:url(../images/case_studies_top.gif) no-repeat top left;
width:315px;
height:36px;
font-size:14px;
color:#333333;
font-weight:bold;
line-height:36px;
text-indent:10px;
text-align:left;
}

.casebody{
background:url(../images/case_studies_bot.gif) no-repeat bottom left;
text-align:left;
padding:10px;
margin-bottom:10px;
}

.casebody h3{
color:#336633;
}

.casebody img{
padding:0 10px 10px 0;
float:left;
}

.dividerline{
border-bottom:#999999 solid 1px;
margin-bottom:10px;
margin-top:10px;
}

/* Case Study Detail */

.casedetail{
float:left;
width:75%;
text-align:left;
}

.casedetail h3{
color:#336633;
}

.casedetail img{
width:300px;
margin:0 10px 10px 0px;
float:left;
}

/* Plant Categories */

.plantcat{
float:right;
width:75%;
text-align:left;
border-bottom:#999999 solid 1px;
padding-bottom:10px;
padding-top:10px
}

.plantcat h3{
color:#336633;
}

.plantcat img{
width:140px;
margin:0 10px 10px 0px;
float:left;
}

/* Images */

.imgleft{
padding:0 10px 10px 0;
float:left;
}


.imgright{
padding:0 0px 10px 10px;
float:right;
}


/* Widths */

.width{
width:955px;
}

.width20{
width:20%;
margin-right:-1px;
}


.width25{
width:25%;
margin-right:-1px;
}

.width33{
width:33%;
margin-right:-1px;
}

.width60{
width:60%;
margin-right:-1px;
}

.width75{
width:75%;
margin-right:-1px;
}

.width80{
width:80%;
margin-right:-1px;
}


.width95{
width:95%;
margin-right:-1px;
}

.width98{
width:98%;
margin-right:-1px;
}


.width200{
width:200px;
}



.height100{
height:100px;
}



/* Positioning */

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.textleft{
text-align:left;
}

.textright{
text-align:right;
}

.textcentre{
text-align:center;
}


/* Spacing */

.marLR2{
margin-left:3%;
margin-right:3%;
}

.marLR5{
margin-left:5px;
margin-right:5px;
}

.marBOT20{
margin-bottom:20px;
}

.marTOP20{
margin-top:20px;
}

.marTOP10{
margin-top:10px;
}

.marL280{
margin-left:280px;
}



.padcolumn{
padding:20px 20px 1px 20px;
}

.padtop20{
padding-top:20px;
}


/* Scrolling Control */

.hideoverflow{
overflow:hidden;
}

.scrolloverflow{
overflow:auto;
}


/*Buttons*/

.smallbut{
width:100px;
}

.medbut{
width:180px;
}

.mailtobut{
width:160px;
}

.button{
height:36px;
background:url(../images/button_left.gif) no-repeat top left;
}

.button a{
display:block;
font-size:12px;
line-height:24px;
font-weight:bold;
background:url(../images/button_right.gif) no-repeat top right;
color:#666666;
text-decoration:none;
text-align:center;
padding:2px 10px 2px 10px;
height:36px;
}

.button a:hover{
color:#336633;
font-size:12px;
line-height:24px;
font-weight:bold;
}


.links a{
display:block;
font-size:12px;
color:#FFFFFF;
background-color:#666666;
text-decoration:underline;
height:20px;
width:150px;
text-align:center;
padding:2px 10px 2px 10px;
border:#000000 solid 1px;
}

.links a:hover{
color:#666666;
background-color:#ffffff;
text-decoration:none;
}

/* Table Downloads */

.tabledownloads {
float: left;
width:600px;
}

.downloadstab {
display: table-row;
white-space: normal;
border-bottom: 1px #333333 solid;}

.tabletxt {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #333333;
}

.tabletxthead {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #333333;
}
.tabletxtheadDL {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #333333;
}