/* bhc.css - Blackdown Horticultural Consultants (Greenroof.co.uk Limited)
   Style Sheet for Reformatted Website 
   Author: Alan Wyatt-Jones 
   Company: First4IT Solutions Limited
   Date: 17th February 2006
   Version: 1.0
*/

html, body, fieldset {
		margin-top: 10px !important;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 0;
		text-align:center;
		font-size:12px;
		background-color:#FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
}

* {margin: 0; padding: 0;} /* Hack To Cater For Cross-Browser Marging and Padding Differences */

div.clear {
		clear: both;
}

div.centeredtable {
		width: 780px;
		text-align: center;
		float: left;
		margin-left: auto;
		margin-right: auto;
}

div.centeredtable table {
	margin: 0 auto;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 23px !important;
	margin-top: 20px;
	text-align:left;
	background-image: url(../images/formbackdrop.jpg);
	border: 1px solid;
	border-color: #80934E;
}

div.centeredtable table td {
		padding: 3px;
}

.HiddenText {
		width: 240px;
		font-size: 10px;
		font-weight:bold;
		color:#80934E;
		margin-right: 5px;
		padding-right: 15px !important;
		padding-right: 30px;
}

.HiddenText a {
		text-align: center;
}

.HiddenTextWhite {
		font-size: 10px;
		font-weight:bold;
		color:#FFFFFF
}
		
.sentenquiry {
		font-size: 10px;
		font-weight:bold;
		color: #FFFF99;
}
		
#frmFeedback {
	margin: 0 auto;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #80934E;
	padding: 5px;
	padding-right: 0px;
	background-color:#DAEEB0;
	margin-top: 10px;
	float: left;
	margin-left: auto;
	margin-right: auto;
}


input { 
 		font-size: 11px;
		border: 1px double #ABDA4E; 

}

select { 
		font-size: 11px;
		border: 1px double #ABDA4E; 
 		color: #000000; 
}

textarea { 
		font-size: 11px;
		border: 1px double #ABDA4E;
 		color: #000000; 
}

.legends {
		text-align: right;
		vertical-align: top;
}
		
.helplegend {
		text-align:right;
		vertical-align:top;
}

.input {
		text-align: left;
}

div#outer {
	margin: auto;
	width: 780px;
	background-color:#FFFFFF;
	position:relative;
	overflow: hidden;
	border: 2px solid #000000;
	padding-bottom: 10px;
}

div#navbar {
		text-align:left;
		width: 780px;
		font-weight: bold;
		margin: 0px 0px 0px 0px;
		position: absolute;
		top: 115px;
}

div#navbar ul {
		font-family: Arial, Helvetica, sans-serif;
		white-space: nowrap;
		margin: 0px 0px 2px 0px;
		padding: 1px 0px 2px 2px;
}

div#navbar li {
	    list-style-type: none;
    	display: inline;
}

div#navbar li a {
		text-decoration: none;
		padding: 2px 10px 2px 10px;
		color: #FFF;
}

div#navbar li a:link {
    	color: #000000;
}

div#navbar li a:visited {
	    color: #98524E;
}

div#navbar li a:hover {
	    font-weight: bold;
    	color: #FFF;
    	background-color: #80934E;
}
 
div#navbar li a:active {
		text-decoration: none;
}

/* Replace the original 'active' state as this does not work correctly when you have a NULL link in the
   top-level navbar. A border remains on the visited link. Therefore, we set 'text-decoration' to 'none' 
   to work around this.
   
div#navbar li a:active {
	    font-weight: bold;
    	color: #FFF;
    	background-color: #80934E;
}
*/

.redtext {
		color: #98524E;
		font-weight: bold;
}

.centertext		{
		text-align:center;
}

.rightaligntext {
		text-align:right;
}

.nopadcolon {
		padding-left: 4px;
		padding-right: 2px;
}

.subnav {
		text-align:left;
		color:#000033;
		position:absolute;
		width:780px; height:25px;
  		z-index:99;
		top:138px !important;
		top:137px;
}

.subnav ul {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size: 10px;
		white-space: nowrap;
		margin: 0px 0px 2px 0px;
		padding: 1px 0px 2px 2px;
}

.subnav li {
    	list-style-type: none;
    	display: inline;
}

.subnav li a {
		text-decoration: none;
		padding: 2px 8px 2px 8px;
		color: #FFF;
}

.subnav li a:hover {
    	font-weight: bold;
    	color: #000000;
    	background-color: #ABDA4E;
}

.subnav li a:active {
    	font-weight: bold;
    	color: #000000;
    	background-color: #ABDA4E;
}

.sectionheadtext {
		font-weight: bold;
		font-size: 14px;
		font-style: italic;
}

div#subnav1 {
		visibility:hidden;
}

div#subnav2 {
		visibility:hidden;
}

div#subnav3 {
		visibility:hidden;
}

div#subnav4 {
		visibility:hidden;
}

div#subnav5 {
		visibility:hidden;
}

div#subnav6 {
		visibility:hidden;
}

div#header {
		background-repeat: no-repeat;
		background-color: #316AC5;
		width: 780px;
		margin: 0px;
		height: 200px;
		background-image: url(../images/page_header.jpg);
}

div.sectionhead {
		float: left;
		display: inline;
		margin-left: 10px;
		text-align:left;
		background-color:#99CC66;
		width: 750px;
		height: 20px;
		font-size: 14px;
		color: #FFFFCC;
		margin-top: 10px;
		font-weight: bold;
		padding-left: 5px;
		position: relative;
}

div.textsectionleft {
	background-color:#FFFFFF;
	margin-top: 10px;
	width: 470px;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	padding-left: 10px;
	text-align: justify;
	line-height: 16px;
	padding-right: 15px;
	border: 1px;
	float: left;
	border-color: #000000;
}

div.textsectionleft ul {
		padding-left: 20px;
}

div.textsectionleft li {
		padding-top: 20px;
}

div.textsectionleftsmall {
		background-color:#FFFFFF;	
		margin-top: 10px;
		width: 250px;
		font-size: 11px;
		color: #000000;
		font-weight: bold;
		padding-left: 10px;
		text-align: justify;
		line-height: 16px;
		padding-right: 15px;
		border: 1px;
		float: left;
		border-color: #000000;
}

div.textsectionleftsmall ul {
		padding-left: 20px;
}

div.textsectionleftsmall li {
		padding-top: 20px;
}

div.textsectionleftsmaller {
		background-color:#FFFFFF;	
		margin-top: 15px;
		width: 230px;
		font-size: 11px;
		color: #000000;
		font-weight: bold;
		padding-left: 10px;
		text-align: justify;
		line-height: 16px;
		padding-right: 10px;
		border: 1px;
		float: left;
		border-color: #000000;
}

div.textsectionleftsmaller ul {
		padding-left: 20px;
}

div.textsectionleftsmaller li {
		padding-top: 10px;
}

div.textsectionleftmedium {
		background-color:#FFFFFF;	
		margin-top: 10px;
		width: 500px;
		font-size: 11px;
		color: #000000;
		font-weight: bold;
		padding-left: 10px;
		text-align: justify;
		line-height: 16px;
		padding-right: 15px;
		border: 1px;
		float: left;
		border-color: #000000;
}

div.textsectionleftmedium ul {
		padding-left: 20px;
}

div.textsectionleftmedium li {
		padding-top: 20px;
}

div.textsectionbigimage {
		float: right;
		position:relative;
		padding-top: 20px !important;
		padding-top: 15px;
		padding-right: 20px !important;
		padding-right: 10px;
		margin-right: 5px;
		margin-left: 0px;
}

div.textsectionbigimage img {
		border:double;
		border-width:2px;
		border-color: #999999;
		margin-left: 5px;
}

div.textsectionbigimage_noborder img {
		margin-left: 5px;
}

div.textsection {
		background-color:#FFFFFF;	
		margin-top: 10px;
		width: 500px;
		font-size: 11px;
		color: #000000;
		font-weight: bold;
		padding-left: 10px;
		text-align: justify;
		line-height: 16px;
		padding-right: 15px;
		border: 1px;
		float: left;
		border-color: #000000;
}

div.textsection ul {
		padding-left: 20px;
}

div.textsection li {
		padding-top: 20px;
}

div.textsectionfull {
		float: left;
		background-color:#FFFFFF;
		width: 750px;
		font-size: 11px;
		color: #000000;
		font-weight: bold;
		padding-left: 10px;
		padding-top: 10px;
		text-align: justify;
		line-height: 16px;
		border: 1px;
		border-color: #000000;
		margin-bottom: 10px;
		margin-right: 40px;
}

div.textsectionfull ul {
		padding-left: 20px;
}

div.textsectionfull li {
		padding-top: 20px;
}

div.textsectionright {
		background-color:#FFFFFF;
		width: 600px;
		font-size: 11px;
		color: #000000;
		margin-top: 0px;
		font-weight: bold;
		margin-left: 0px;
		text-align: justify;
		line-height: 16px;
		padding-right: 15px;
		padding-top: 0px;
		border: 1px;
		float: right;
		border-color: #000000;
		margin-bottom: 10px;
}

div.flashwrapper {
		width: 500px;
		font-size: 11px;
		color: #000000;
		margin-top: 20px;
		font-weight: bold;
		margin-left: 0px;
		text-align: center;
		line-height: 16px;
		padding-top: 0px;
		border: 1px;
		float: right;
		border-color: #000000;
		margin-bottom: 10px;
		margin-right: 15px;
		padding-bottom: 50px;
		padding-left: 5px;
		padding-right: 5px;
}

div.flashwrapper img {
		margin-top: 40px;
}

div.imageleft {
		float: left;
		margin-top: 10px;
		width: 150px;
}

div.imageleft img {
		margin-left: 20px;
		margin-left: 11px !important;
		border: double;
		border-color: #999999;
		border-width: 2px;
		margin-top: 40px;
		margin-bottom: 20px;
}

div.imageleftnotop {
		float: left;
		margin-top: 17px;
		width: 250px;
}

div.imageleftnotop img {
		margin-left: 20px;
		margin-left: 11px !important;
		border: double;
		border-color: #999999;
		border-width: 2px;
		margin-bottom: 20px;
}

div.textsectionright p {
		vertical-align: middle;
		margin-left: 10px;
		font-style: normal;
		padding-top: 20px;
		padding-left: 10px;
}

div.textsectionright ul {
		padding-left: 40px;
}

div.textsectionright li {
		padding-top: 10px;
}

div.textsectionright img {
		float: left;
		margin-right: 10px;
		border: double;
		border-color: #999999;
		border-width: 2px;
		padding: 3px;
		margin-top: 10px;
}

div.textsectionrightsmall {
		background-color:#FFFFFF;
		width: 490px;
		font-size: 11px;
		color: #000000;
		margin-top: 0px;
		font-weight: bold;
		margin-left: 0px;
		text-align: justify;
		line-height: 16px;
		padding-right: 15px;
		padding-top: 0px;
		border: 1px;
		float: right;
		border-color: #000000;
		margin-bottom: 10px;
}

div.textsectionrightsmall p {
		vertical-align: middle;
		margin-left: 10px;
		font-style: normal;
		padding-top: 10px;
		padding-left: 10px;
}

div.textsectionrightsmall ul {
		padding-left: 40px;
}

div.textsectionrightsmall li {
		padding-top: 10px;
}

div.textsectionimagesmall {
		width: 226px;
		height: 150px;
		float: right;
		position:relative;
		top: 0px;
		padding-top: 20px !important;
		padding-top: 15px;
		padding-right: 15px !important;
		padding-right: 10px;
		margin-right: 5px;
		margin-left: 0px;
}

div.textsectionimagesmall img {
		border:double;
		border-width:2px;
		border-color: #999999;
}

div.centerimage {
		float: left;
		width: 780px;
		height: 275px;
}  

div.centerimage img {
		margin-left: auto;
		margin-right: auto;
		border: double;
		border-width: 2px;
		border-color: #999999;
}
	
div.centersmallimage {
		float: left;
		display: inline;
		width: 780px;
		height: auto;
		margin-top: 10px;
}

div.centersmallimage img {
		border:double;
		border-width:2px;
		border-color: #999999;
		margin: 1px;
}

div.gallerycontainer {
		display: inline;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
		font-size: 10px;
		font-weight: bold;
		background-image:url(../images/sheffield2007.jpg);
		background-repeat: no-repeat;
		width: 221px !important;
		width: 230px;
		border:double;
		border-width:2px;
		border-color: #999999;
		margin-top: 15px;
		padding-top: 60px;
		padding-left: 5px;
		padding-bottom: 10px;
		float: right;
		margin-right: 15px;
}

div.boxouts {
		display: inline;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		font-size: 10px;
		font-weight: bold;
		width: 226px;
		margin-top: 15px;
		float: right;
		margin-right: 15px;
}

div.boxouts_noborder {
		display: inline;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		font-size: 10px;
		font-weight: bold;
		width: 226px;
		margin-top: 15px;
		float: right;
		margin-right: 15px;
}

div.boxouts p {
		padding-bottom: 10px;
		color:#80934E;
}

div.gallerycontainer h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bolder;
		text-align: center;
		padding-bottom: 5px;
		color: #7F924D;
}

div.gallerycontainer p {
		padding-top: 3px;
		padding-top: 5px !important;
		padding-bottom: 3px;
		padding-bottom: 5px !important;
		padding-right: 5px;
}

div.textsectionimage { 
		width: 226px;
		float: right;
}

div.textsectionimage img {
		border:double;
		border-width:2px;
		border-color: #999999;
		margin-top: 15px;
}

div.textsectionimage p {
		width: 226px;
		padding: left;
		text-align: center;
		font-size: 10px;
		font-weight:bold;
		color:#80934E;
		margin-right: 14px;
}

div.researchimage {
		width: 150px;
		height: auto;
		border:double;
		border-width:2px;
		border-color: #999999;
		padding: 3px;
		float: left;
		margin-left: 5px;
}

div#footer {
		width: 780px;
		font-weight: bold;
		margin: 0px 0px 0px 0px;
		position: relative;
		background-color:#99CC66;
		float: left;
		margin-top: 20px;
		padding-top: 0px;
		padding-bottom: 1px !important;
		height: 27px !important;
		height: 24px;
}

div#footer ul {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		white-space: nowrap;
		margin: 4px 0px 2px 0px;
		padding: 2px 0px 2px 2px;
		text-align:center
}

div#footer li {
		list-style-type: none;
		display: inline;
}

div#footer li a {
		text-decoration: none;
		padding: 3px 10px 2px 10px;
		color: #FFFFCC;
}

div#footer li a:link {
    	color: #FFFFFF;
}

div#footer li a:visited {
	    color: #98524E;
}

div#footer li a:hover {
	    font-weight: bold;
    	color: #FFF;
    	background-color: #80934E;
}

div#footer li a:active {
	    font-weight: bold;
    	color: #FFF;
    	background-color: #80934E;
}

div#address {
	width: 780px;
	font-weight: bold;
	font-size: 10px;
	position: relative;
	float: left;
	margin-top: 20px;
	padding-top: 2px;
	padding-left: 10px;
	text-align:center;
}

div#textsectioncentre {
		background-color:#FFFFFF;
		width: 740px;
		font-size: 11px;
		color: #000000;
		margin-top: 0px;
		font-weight: bold;
		margin-left: 5px;
		padding-left: 15px;
		text-align: center;
		line-height: 16px;
		padding-right: 15px;
		padding-top: 5px;
		border: 1px;
		float: left;
		border-color: #000000;
		margin-bottom: 10px;
}

div#textsectioncentre img {
		border:double;
		border-width:2px;
		border-color: #999999;
		padding: 3px;
		margin-right: 10px;
		margin-left: 10px;
}

p {
		padding-top: 10px;
}

.linktextsmall {
		font-size: 9px;
}

.linktextmedium {
		font-size: 10px;
}

.linktextlarge {
		font-size: 11px;
}		

#flashcontent {
		padding: 1px;
}

div.flashslidewrapper {
		float: right;
		margin-top: 10px;
		margin-right: 15px !important;
		margin-right: 8px;
		margin-left: -5px;
		padding: 1px;
}

div.flashplantswrapper {
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		padding-left: 5px;
		width: 380px;
}