/* Main body and wrapper
--------------------------------------------------------------------------

Note - to calculate image dimensions in ems 
multiply by .09 and round to 1 decimal place

*/

body {
background: #fff url(../../../../images/bg-body.gif);
color: #333;
margin: 0; 
padding: 0; 
text-align: center;
}

a {
color: #50691e;
}

img {
border: 0;
}

form {
margin: 0;
padding: 0;
}

ul {
}

.col2 { width: 49.9%; float: left; }

ul.access li { padding: .3em 0; }
ul.access li a img { margin-right: 5px !important; float: none; }

h1, #branding strong, h2 { 
color:#666; 
font-family: "Adobe Garamond Pro", Garamond, "Times New Roman", serif !important; 
}

h2 {
font-size: 1.5em;
font-weight: normal;
}

#flowerdetail h2 {
margin:0;
padding:1em 0em .5em .6em;
}

h2.sitepage { font-weight: bold; color: #063; }

h3 { font-size: 1.2em; }

#globalheader { width: 68em; margin: 0 auto; padding-top: 1em; text-align: left; }
#globalheader #sitesearch { float: right; font: 1em Verdana; color: #000; padding:0 0 1px; }
#globalheader #sitesearch input { background: #fff; color: #000; border: 1px solid #000; font: 1em Verdana; vertical-align: middle; }
#globalheader ul.headerlinks { margin: 3px 0 0 0; padding: 0; list-style: none; }
#globalheader ul.headerlinks li { display: inline; border-right: 1px solid #000; padding: 0 5px 0 1px; }
#globalheader ul.headerlinks li.last { border-right: 0; }
#globalheader ul.headerlinks li a { color: #000; text-decoration: none; }
#globalheader ul.headerlinks li a:hover { text-decoration: underline; }

#branding h1, #branding strong { 
float:left; 
font-size: 2.3em; 
letter-spacing: .05em; 
line-height: 1em;
margin:0;
padding: 0;
}

#branding h1 a, #branding strong a { display: block; color: #2f3337; text-decoration: none; }

#branding h1 span, #branding strong span {
font-size:70%;
display: block;
}

#branding { 
float: left; 
width:50em; 
margin-left:1em;
}

#branding h1 { margin-top: .4em; }
#branding img {
float: left;
/*margin-top: 1.5em;*/
margin-right: 1em;
}

#wrapper { 
width: 67em; 
margin: .5em auto 0 auto; 
text-align: left; 
display: block;
border: 1px solid #98aa80;
}

#wrapper {
background:url(../../../../images/top-left.jpg) top left no-repeat;
padding: 1.5em 0 0 1.5em;
position:relative;
}

#container {
background: url(../../../../images/bottom-right.jpg) bottom right no-repeat;
padding: 0 1.5em 1.5em 0;
position:relative;
width:65.5em;
}

#content {
background-color: #fff;
margin:0;
padding:0;
}

#maincontent {
background: #fff url(../../../../images/grass.jpg) no-repeat bottom left;
/*
border:10px solid red; 
margin: 1em 0em 0em 0em;
padding:0;

padding: 0 0 .1em 0;*/
}

#header {
background: #B6D0E9 url(../../../../images/new-bg-header.jpg) no-repeat bottom right;
border-bottom: 6px solid #73ae2e;
border-top:10px solid #fff;
margin: 0 1em 0 1em;
padding: 0 0 .5em;
overflow: hidden;
}

#internalheader {
background: #B6D0E9 url(../../../../images/bg-internal-header.jpg) no-repeat top right;
border-bottom: 6px solid #73ae2e;
border-top:10px solid #fff;
height: 121px;
margin: 0 1em 0 1em;
}


#breadcrumb {
background: #faf8d9;
margin: 0em 1em 0 1em;
border: 1px solid #faf8d9;
}

#breadcrumb ul {
margin: 1em; 
padding: 0;
}

#breadcrumb ul li {
display: inline;
margin: 0; 
padding: 0;
}

#globalLinks {
padding: 4px 4px 4px 6px;
float: right;
background: #fff url(../../../../images/bg-corner.gif) no-repeat bottom left;
}

#globalLinks ul {
margin: .1em 0; 
padding: 0;
}

#globalLinks ul li { 
display: inline;
margin: 0; 
padding: 0; 
}

#globalLinks ul li a {
text-decoration: none; 
}

#globalLinks ul li a.Large {
font-size: 1.3em;
}

#globalLinks ul li a.XLarge {
font-size: 1.5em;
}
#globalLinks ul li a span { position: absolute; top: -50000em; left: 0; }

#globalLinks img { vertical-align: bottom; }


#globalLinks, #siteTools { 
color: #333; 
}

#globalLinks ul li a {
color: #333;
}
	
#globalLinks a:hover, #siteTools a:hover { 
text-decoration: underline; 
}

#siteTools {
margin: 0 0 1em 0;
padding: 0;
}

#siteTools ul { margin: 1em 0; }

#siteTools ul li { 
display: inline; 
float:right;
margin: 0; 
padding: 6px 6px 6px 22px; 
}

#siteTools ul li a {
color: #333;
text-decoration: none;
}

#siteTools #welsh {
background: url(../../../../images/welsh-translation.gif) no-repeat bottom left;
}

#siteTools #bookmark {
background: url(../../../../images/bookmark.gif) no-repeat 5% 50%;
}

#siteTools #email {
background: url(../../../../images/email-friend.gif) no-repeat 2% 50%;
}

#siteTools #print {
background: url(../../../../images/print.gif) no-repeat 5% 50%;
}

#siteTools #listen {
background: url(../../../../images/listen.gif) no-repeat 5% 50%;
}

/* Pick of the Month */

#pickofthemonth {
float:left;
width:63%;
background: transparent url(../../../../images/bg-pickofthemonth.jpg) repeat-x; 
padding:1em 1em 2.5em 1em;
margin-left: .8em;
min-height: 310px;
}

#pickofthemonth.internal {
float:none;
width: auto;
margin-left: 0;
padding: 0;
}

#pickofthemonth img {
border: 1px solid #f2df83;
float: left;
}

#resultspage { padding: 0 1em 2.5em 1em;}
#resultsummary { margin: 0 0 .3em 0; border: 3px solid #e9d67e; background: #fcfbd9; padding: 1em; }
#resultsummary strong { color: #360; }
#results { border-collapse: collapse; }
#results tr th { width: 40%; padding: 40px .8em .3em .8em; border-bottom: 1px solid #9f9f9f; }
#results tr th span { position: absolute; top: 0; left: -9999px; }
#results tr th.type { width: 12%; text-align: center; border-left: 1px solid #9f9f9f; }
#results tr th.type.insects { background: url(../../../../images/results/header-insects.gif) no-repeat top center; }
#results tr th.type.bees { background: url(../../../../images/results/header-bees.gif) no-repeat top center; }
#results tr th.type.birds { background: url(../../../../images/results/header-birds.gif) no-repeat top center; }
#results tr th.type.butterflies { background: url(../../../../images/results/header-butterflies.gif) no-repeat top center; }
#results tr th.type.moths { background: url(../../../../images/results/header-moths.gif) no-repeat top center; }
#results tr td { padding: .5em .8em; text-align: center; border-left: 1px solid #9f9f9f; border-bottom: 1px solid #9f9f9f; }
#results tr td img { margin: 0; padding: 0; vertical-align: bottom; float: none; border: 0; }
#results tr td.edge { border-left: 0; text-align: left; }
#results tr td.edge .img { width: 4.5em; font-size: 1em; float: left; }
#results tr td.edge .img img { width: 3.5em; height: 3.5em; border: 1px solid #f2df83; }
#results tr td.edge .text { float: left; }

/*
.resultpageborder { background: url(../../../../images/resultpagecolborder.gif) repeat-y; }
.resultpageborder.one { background-position: 20% 0; }
.resultpageborder.two { background-position: 40% 0; }
.resultpageborder.three { background-position: 60% 0; }
.resultpageborder.four { background-position: 80% 0; }

.resultpagecol { width: 20%; float: left; }
.resultpagecol.last { border: 0; }
.resultpagecol .headerImage { text-align: center; }
.resultpagecol .headerImage img { float: none !important; border: 0 !important; }
.resultpagecol h2 { margin: 0; padding: 0 0 0 0; height: 2.5em; font: 1em "Verdana" !important; text-align: center; color: #666; border-bottom: 1px solid #9f9f9f; }
.resultpagecol ul { margin: 0; padding: 0; list-style: none; }
.resultpagecol ul li { padding: 1em .2em .5em .2em; text-align: center; }
.resultpagecol ul li img { border: 1px solid #5f8a2c !important; float: none !important; display: block; margin: 0 auto .5em auto; }
.resultpagecol ul li a { color: #73ae2e; font-weight: bold; text-decoration: none; }
.resultpagecol ul li a:hover { text-decoration: underline; }
.resultpagecol ul li span { display: block; }
*/

#flowerdetail {
background: #fff;
border: 1px solid #f2df83;
}

#flowerresults {
background: #fff;
border: 1px solid #f2df83;
}

#flowerresults .left { margin: 0 .6em .6em .6em; float: left; }
#flowerresults .left .border1 { background: #e7ebe4 url(../../../../images/detailborder-top.gif) repeat-x top left; }
#flowerresults .left .border1 .border2 { background: url(../../../../images/detailborder-right.gif) repeat-y top right; }
#flowerresults .left .border1 .border2 .border3 { background: url(../../../../images/detailborder-bottom.gif) repeat-x bottom left; }
#flowerresults .left .border1 .border2 .border3 .border4 { background: url(../../../../images/detailborder-left.gif) repeat-y top left; }
#flowerresults .left .border1 .border2 .border3 .border4 .border5 { background: url(../../../../images/detailborder-topleft.gif) no-repeat top left; }
#flowerresults .left .border1 .border2 .border3 .border4 .border5 .border6 { background: url(../../../../images/detailborder-topright.gif) no-repeat top right; }
#flowerresults .left .border1 .border2 .border3 .border4 .border5 .border6 .border7 { background: url(../../../../images/detailborder-bottomright.gif) no-repeat bottom right; }
#flowerresults .left .border1 .border2 .border3 .border4 .border5 .border6 .border7 .border8 { background: url(../../../../images/detailborder-bottomleft.gif) no-repeat bottom left; padding: 15px; }
#flowerresults .right { }

#flowerresults h2 {
border-bottom: 1px solid #73ae2e;
border-right: 6px solid #fff;
margin: .6em .4em .4em .4em;
padding: .2em 0;
color: #000;
}

#flowerresults span {
color: #af391f;
}

#flowerresults img {
border:0;
vertical-align:bottom;
margin:0; padding:0;
}

#flowerresults p {
padding: .6em;
margin: 0;
}

#flowerone {
float:left;
width:45%;
padding: 1em;
}

#flowerone p, #flowertwo p { margin: 0; }
#flowerone p.homeflower, #flowertwo p.homeflower {
float: left;
margin: 0 .5em 0 0;
}

#flowertwo {
float:right;
width:45%;
padding: 1em;
}

#pickofthemonth .viewall {
float:right;
background: none;
padding-bottom: 2em;
}

/* Garden Planner */

#gardenplanner {
background: #fff url(../../../../images/bg-gardenplanner.jpg) repeat-x; 
float:right;
margin-right: .8em;
padding:1em;
width:28%;
margin-bottom:3em;
min-height: 310px;
}

#atoz {
background: #e6e5e0; 
float:right;
margin: 0 .8em 4px 0;
padding: 0 1em 0 1em;
width:28%;
/*border-bottom:4px solid #fff;*/
}

#gardenplannerform {
border: 1px solid #f2df83;
background: #fff url(../../../../images/ornament-right.gif) no-repeat 90% 11%;
position:relative;
padding: 0 1em 1em 1em;
}

.PlannerButton 
{
	width: 13.4em;
	background-color: #73ac29;
	color: #ffffff;
	font: 1em "Arial";
	border: none;
	margin: .5em 0;
	padding: .1em .5em;
	cursor: pointer;
	display:block;
}

a.PlannerButton 
{
	width: 12.4em;
	text-decoration: none;
	text-align: center;
}


#gpform label, #atoz label { margin: .5em 0; }



#gpform select, #atozform select {
border: 1px solid #f2df83;
font: 1em "Arial";
margin: .5em 0;
width: 100%;
}

#gpform input, #atozform input {
font: 1em "Arial";
}

#gardenplannerform h2 {
background: transparent url(../../../../images/ornament-left.gif) no-repeat 11% 65%;
text-align: center;
}

#inlineGardenPlannerForm #gardenplannerform {
	border: 3px solid #f2df83;
	margin: 1em;
	background: #fff url(../../../../images/ornament-right.gif) no-repeat 69% 35%;
}

#inlineGardenPlannerForm #gardenplannerform #gpform select, #inlineGardenPlannerForm #gardenplannerform #gpform input {
	width: auto;
	vertical-align:middle;
}

#inlineGardenPlannerForm #gardenplannerform h2 {
	margin-bottom: 0.1em;
	background: transparent url(../../../../images/ornament-left.gif) no-repeat 31% 65%;
}



#gardenplanner p {
padding: 0 1em 0em 1em;
}

.genform label { width: 17em; margin: .5em 0; font-weight: bold; float: left; }
.genform input, .genform textarea, .genform select { margin: .3em 0; padding: .2em; font: 1em Verdana; border: 1px solid #f2df83; }
.genform .submitbutton input { background: #eee; margin-left: 17em; }
.genform .dpa label { width: 95%; float: right; font-weight: normal; vertical-align: middle; }
.genform .dpa input { float: left; vertical-align: middle; }
.genform span.mandatory { color: #063; }

.accesscolours { list-style: none; }

/* Footer */

#footer a { color: #333; }
#footer p { margin-top: .3em; color: #333; }
#footer ul li a { border-right: 1px solid #333; }
#footer { clear:both; float:left; width: 100%; margin: .5em 0; text-align:center; padding-bottom: 1em }
#footer ul { margin: .5em 0 0 0; padding:0; }
#footer ul li { margin:0; padding:0; display:inline; background:none; }
#footer ul li a { padding: 0 .6em 0 .2em; }	
#footer ul li.last a, #footer ul li.f15 a { border-right:none; padding-right: 0; }
#footer a { text-decoration:none; }
#footer a:hover { text-decoration: underline; }

/* Clearers */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
color: green;
visibility: hidden;
}

/*.clearfix {display: inline-block;}*/

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearer {
clear:both; 
font-size: 1px; 
line-height: 1px; 
}


/* Misc */

/* extra divs used to complete four side drop shadow */

#topleft {
background: url(../../../../images/top-right-bg.jpg) top right  no-repeat; width:1.5em;
position:absolute;
top:-1.5em;
left:65.5em;
height:1.8em;
}

#bottomleft {
background: url(../../../../images/bottom-left-bg.jpg) bottom left  no-repeat; 
position:absolute;
bottom:0em; 
left:0em;
width:1.9em;
height:1.5em;
}

/* IE fix in iestyles.css file */

#plant {
background:url(../../../../images/plant.png) no-repeat scroll bottom right;
float:right;
position:absolute; 
top: 12em; 
right: -4.6em;
width: 9em; 
height: 13.5em;
}

.textSizeXLarge { font-size: 12pt; }
.textSizeLarge { font-size: 10pt; }
.textSizestandard { font-size: 8pt; }
.errors { color: #f00; }

/* IE-mac fixes
--------------------------------------------------------------------------
*/

/*\*//*/
.genform .clearfix { width: 100%; }
#globalheader #sitesearch { text-align: right; }
#globalheader ul.headerlinks li { float: left; }
/**/

/* Added by Connect December 2011 */

.hide { position: absolute; top: 0; left: -9999px; }