html {
   background-color:#fff;
}
body {
   color:#454545;
   font-family:"Trebuchet MS",arial,sans-serif;
   min-width:750px;
}

.hover {
   cursor:pointer;
}

.fleft {
   float:left;
}

.fright {
   float:right;
   margin:1em 0 1em 2em;
}

.green {
   color:#00674e;
}

a.arrow {
   padding-right:15px;
   background: transparent url(/assets/images/arrow-green-right.gif) right center no-repeat;
   display:block;
   text-decoration:none;
}

strong {
   font-weight:bold;
}

div#hd {
   background-color:#00674e;
   padding:0 1.85em;
   clear:both;
   position:relative;
   height:11.77em;
   *height:11.48em;
   min-height:115px;
}
div#hd a#logo {
   position:absolute;
   top:1.38em;
   left:1.85em;
   outline:none;
}
div#hd a#logo img {
   border:none;
}

div#hd ul#utilitynav {
   position:absolute;
   top:0;
   right:1.85em;
}
div#hd ul#utilitynav li {
   float:left;
   margin:0;
}
div#hd ul#utilitynav li a {
   font-size:93%;
   font-weight:bold;
   background: #4a9179 url(/assets/images/topnav-grad.gif) left bottom repeat-x;
   display:block;
   text-decoration:none;
   text-align:center;
   color:#f5f2df;
   padding:0.4em 1em;
}
div#hd ul#utilitynav li a:hover,
div#hd ul#utilitynav li.selected {
   background:#f5f2df;
   color:#00674e;
}

div#hd p#telephone {
   color:#f5f2df;
   font-size:116%;
   position:absolute;
   right:2.85em;
   top:4em;
}


div#hd ul#topnav {
   display:block;
   clear:both;
   background:none;
   position:absolute;
   bottom:0;
   left:1.85em;
   *left:1.8em;
   float:left;
}
div#hd ul#topnav li {
   float:left;
   margin:0 0.5em 0 0;
}
div#hd ul#topnav li a {
   background: #4a9179 url(/assets/images/topnav-grad.gif) left bottom repeat-x;
   border-left:1px solid #1e7860;
   border-right:1px solid #1e7860;
   display:block;
   text-decoration:none;
   text-align:center;
   font-size:116%;
   font-weight:bold;
   color:#f5f2df;
   padding:0.4em 1em;
}
div#hd ul#utilitynav li.selected a,
div#hd ul#utilitynav li a:hover,
div#hd ul#topnav li.selected a,
div#hd ul#topnav li a:hover {
   background:#f5f2df;
   color:#00674e;
}


/* body */


div#bd {
   background-color:#f5f2df;
   padding:3.85em 1.85em;
}
div#bd p {
   margin:1em 0;
   line-height:1.5;
   text-align:justify;
}
div#bd p.centered {
   text-align:center;
}
div#bd p.lead-in {
   font-size:131%;
   line-height: 1.4em;
}
div#bd p.lead-out {
   font-weight:bold;
   margin-top:3em;
}
div#bd div#left {
   position:relative;
   min-height:420px;
   _height:420px;
   position:relative;
   padding-right:318px;
}
div#bd div#right {
   position:absolute;
   right:0;
   top:0;
   width:260px;
   z-index:99;
}

div#bd div#right img {
   border:none;
}
div#bd div#right .block {
   display:block;
   margin:0 0 0.1em 0;
   padding:13px;
   background-color:#eae6ca;
   font-size:131%;
   text-decoration:none;
   clear:both;
}
div#bd div#right div.block strong {
   display:block;
   clear:both;
   font-weight:normal;
   font-size:197%;
}

ul#sitesList {
   width:100%;
   clear:both;
   margin-bottom:1.5em;
}
ul#sitesList li {
   clear:both;
   display:block;
   padding:0;
   margin:0;
   width:100%;
   border-bottom:2px solid #F5F2DF;
   background-color:#eae6ca;
}
ul#sitesList li.selected {
   background-color:#00674e;
}
ul#sitesList li.selected h3 a {
   color:#fff;
   background:none;
}
ul#sitesList li h3 {
   background-color:inherit;
   overflow:hidden;
   padding:0;
   margin:0;
   color:inherit;
   line-height: 1.2em;
}

ul#sitesList li h3 a {
   color:#00674e;
   font-size:138.5%;
   clear:none;
   display:inline;
   padding:0.7em 1em;
   float:left;
}
ul#sitesList li h3 a span{
   font-size:80%;
}
ul#sitesList li h3 a:hover {
   text-decoration:underline;
}




h1 {
   font-size:197%;
   margin-bottom:0.5em;
}

h1 span {
   font-size:70%;
}
h2 {
   margin-top:2.0em;
   font-size:138.5%;
}


div.mapblock {
   width:100%;
   float:left;
   clear:both;
   margin:1em 0;
}
div.mapblock img {
   float:left;
   margin-right:1em;
}
div.mapblock p {
   text-align:left!important;
}



/* home page */
body.home div#bd div#left {
   padding-right:350px;
}
body.home div#bd div#right {
   width:320px;
}
body.home ul#sitesList li {
   float:left;
   border-right:2px solid #F5F2DF;
   width:285px;
   max-width:285px;
   clear:none;
}
body.home ul#sitesList li h3 {
   clear:none;
   float:left;
}



body.home div#right ul li {
   margin-bottom:4em;
   padding-right:110px;
   background-position:right center!important;
   background-repeat:no-repeat!Important;
   display:block;
}
body.home div#right ul li a {
   display:inline;
   font-weight:bold;
   font-size:131%;
}
body.home div#right ul li p {
   text-align:left;
}
body.home div#right ul li#arrange {
   background-image:url(/assets/images/thumb-flowers.jpg);
}
body.home div#right ul li#plan {
   background-image:url(/assets/images/thumb-path.jpg);
}
body.home div#right ul li#florist {
   min-height:50px;
   _height:50px;
   padding-right:170px;
   background-image:url(/assets/images/woodland-florist-logo-small.gif);
}
body.home div#right ul li#florist a {
   font-size:100%;
}


/* woodland sites */
body.woodland-sites div#left h2.sub {
   text-transform:capitalize;
   margin-top:0;
}
body.woodland-sites div#right h4 {
   text-transform:capitalize;
   font-size:100%;
   font-weight:bold;
   margin:3em 0 0.3em 0;
}


/* contact us */
body.contact-us div#contactus {
   margin:0 0 0.1em 0;
   padding:13px;
   background-color:#eae6ca;
}
body.contact-us div#contactus h2 {
   margin-top:0;
}
body.contact-us div#contactus p {
   line-height:1.3;
   font-weight:normal;
}
body.contact-us div#contactus p strong {
   font-weight:bold;
   margin:0;
}


/* sitemap */
body.site-map ul.sitemap {
   float:left;
   clear:none;
   width:15em;
   margin-right:3em;
}
body.site-map ul.sitemap li {
   display:block;
   clear:both;
   color:#00674E;
}
body.site-map ul.sitemap li a {
   color:#00674E;
   text-decoration:none;
   padding-right:15px;
   background: transparent url(/assets/images/arrow-green-right.gif) right center no-repeat;
}
body.site-map ul.sitemap li a:hover {
   text-decoration:underline;
}
body.site-map ul.sitemap li h2 {
   color:inherit;
   font-size:138.5%;
}
body.site-map ul.sitemap li ul li h3 {
   color:inherit;
   font-size:116%;
   margin-left:1em;
}




/* forms */
form {
   margin:2em 0;
   width:100%;
}

form fieldset {
   float:left;
   margin:0 1em 2em 0;
}
form fieldset.full {
   margin:0 0 2em 0;
   width:99%;
   clear:both;
}
form fieldset#ftitle {
   width:5em;
}
form fieldset#fforname {
   width:17em;
}
form fieldset#fsurname {
   margin-right:0;
   width:19em;
   float:right;
}
form fieldset#ftel,
form fieldset#faddr {
   width:19em;
}
form fieldset#femail,
form fieldset#fpostcode {
   width:24em;
   margin-right:0;
   float:right;
}
form fieldset#fsubmit {
   clear:both;
}
form fieldset#fsubmit input {
   float:right;
   border:none;
   width:89px;
   height:44px;
   margin-left:10em;
}

form fieldset label {
   font-size:100%;
   color:#454545;
   display:block;
   clear:both;
   margin-bottom:0.1em;
}

form fieldset input,
form fieldset textarea {
   width:100%;
   padding:4px;
   border:2px solid #eae6ca;
   background-color:white;
}
form fieldset input.invalid,
form fieldset textarea.invalid {
   border:2px solid red;
}

form p {
   position:relative;
   font-size:107%;
   width:25em;
}


/* footer */
div#ft {
   border-top:1px solid #7aac96;
   background-color:#dce4d0;
   color:#454545;
   height:5.2em;
   padding:2.5em 1.85em 0 1.85em;
}
div#ft p {
   float:left;
   font-size:77%;
}
div#ft ul {
   float:left;
   margin-left:2em;
   font-size:108%;
}
div#ft ul li {
   float:left;
   margin:0 2em 0 0;
}
div#ft ul li a {
   color:#00674e;
   text-decoration:none;
   text-align:center;
   font-weight:bold;
}
