/* SCREEN.CSS
   This is where all styles for on-screen media are declaired
   
   --------------------------------------------------------------------------------------------------------------------------
   FILE INFO
   Revision number:  1.0
   Last updated:     2007/09/04
   Last updated by:  Matt Wilcox
           matt@karova.com
   ----------------------------------------------------------------------------------------------------------------------- */

/* =global_reset | based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   ----------------------------------------------------------------------------------------------------------------------- */
   
   html, body, #container div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, font, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td {
     margin: 0; padding: 0; border: 0;
     outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

   /* remember to define focus styles! */
   :focus {
     outline: 0; }
   body {
     line-height: 1;
     color: black; background: white; }
   ol, ul {
     list-style: none; }
    
    .product ul {
     list-style-type: none; list-style-position: inside;}

    ul.normal  {
     list-style-type: disc; list-style-position:outside;}

   /* tables still need 'cellspacing="0"' in the markup. */
   table {
     border-collapse: separate; border-spacing: 0; }
   caption, th, td {
     text-align: left; font-weight: normal; }

   /* remove possible quote marks (") from <q>, <blockquote>. */
   blockquote:before, blockquote:after, q:before, q:after {
     content: ""; }
   blockquote, q {
   quotes: "" ""; }

/* =typography | based on http://alistapart.com/articles/settingtypeontheweb/
              http://24ways.org/2006/compose-to-a-vertical-rhythm/
   ----------------------------------------------------------------------------------------------------------------------- */
   body {
   font : 75%/1.5em Ariel, Helvetica, Verdana, sans-serif; }
   html > body {
   font-size : 12px; }
   div, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   address, img, dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td {
   margin-top : 1.5em; margin-bottom : 1.5em; }
   h1 { font-size : 1.5em; line-height: 1em; margin-top: 0; margin-bottom: 1em; font-weight : normal; }
   h2 { font-size:1.1667em; line-height: 1.286em; margin-top: 1.929em; margin-bottom: 0.643em; font-weight : normal; }
   h3, h4, h5, h6 {
   font-size : 1em; line-height: 1em; margin-top: 1.5em; margin-bottom: 0.5em;
   font-weight : bold; }
      
/* =design | now the browser reset and basic typographic layout is done, lets get designing
   ----------------------------------------------------------------------------------------------------------------------- */
   
/* =html =body */
   body { background-color : #fff; }

/* =h1 */
   #page_context h1,
   #page_context p {
     display : block; width : 960px; height : 181px; margin : 0;
     background : url(../images/header.jpg) 0 0 no-repeat; }
   
   .range h1,
   .chooseawood h1,
   .range-2 h1,
   .product h1,
   .nts h1,
   .article h1,
   .contact h1,
   .basket h1,
   .search h1,
   .range-membership h1 {
     display : block; width : auto; border-bottom : dotted 1px #317023;
     font-size : 2em; color : #317023; text-align : right; line-height : 1.2em; }
   .range #content_main h1 {
     margin-bottom : .5em; 
    }     
     #content_main h1.sundaytimes{ margin-bottom : 0.1em; }
/* =h2 */
   #nav_main h2,
   #nav_sub2 h2,
   #site_info h2 {
     display : none; }
   
   h2.related,
   .basket h2.total {
     clear : both;
     display : block; width : auto; border-top : dotted 1px #317023; margin-top : 0;
     font-size : 2em; color : #317023; line-height : 1.2em; vertical-align : top; }
   
   .range-membership #text-two h2  {
     display : block; width : auto;
     font-size : 2em; color : #317023; line-height : 1.2em; margin : 0; }
   
/* =h3 */
   #nav_sub1 h3 {
     position : relative;
     display : block; width : 200px; padding : 0 10px; margin : 0 0 12px 0;
     background : /*#317023*/ #317023 url(../images/nav-sub1_h3.png) 0 0 no-repeat; font-size : 1.5em; line-height : 1.666em; font-weight : normal; color : #fff; }
   #nav_sub1 h3.help {
     background-color : /*#317023*/ #317023; }
   
   .delivery #content_main h3 {
     clear : both; }
   
/* =h4 */
   h4 {  }

/* =p */
   p.accessibility {
     position : absolute;
     margin : -3.5em 0 0 0;
     z-index : 2; }
   
   blockquote p:before {
     content : "\201c"; }
   blockquote p:after {
     content : "\201d"; }
   blockquote p.author {
     border-top : 1px dotted #666; }
   blockquote p.author:before,
   blockquote p.author:after {
     content : ""; }
   
   /*.product #content_main img + p,*/
   .article #content_main img + p,
   .article #content_main #content_intro + p,
   .contact #content_main img + p,
   .contact #content_main #content_intro + p,
   .virtual-product #content_main .data p:first-child {
     font-size : 1.333em; line-height : 1.125em; margin : 2.25em 0; }
   
   #site_info p, p.small_text{
     font-size : .7166em; }
   
   .default #content_intro p,
   .range #content_intro p {
     margin : .5em; }
   
   p.pagination {
     display : block; width : auto; border-top : dotted 1px #317023; margin-top : 0;
     font-size : 2em; color : #317023; text-align : right; line-height : 1.2em; vertical-align : top; }
   
   .product #content_main table p {
     margin-top : 0; }
   
/* =blockquote */
   blockquote {
     clear : both; }

/* =em =strong =del =ins =abbr =acronym =code */
   em          { font-style : italic; }
   strong      { font-weight : bold; }
   del         { text-decoration : line-through; }
   ins         { text-decoration : none; color : #006; }
   del[title],
   ins[title]  { cursor : help; }
   acronym,
   abbr        { text-decoration : none; border-bottom : none; font-style : italic; cursor : help; }
   code        { font-family : dialogue, 'Courier New', courier, serif; }
   sup         { vertical-align : super; font-size : .8333em; }
   
   .dat-home #content_main ol strong, .pat-home #content_main ol strong {
   font-size : 1.2em; }
     
   .billing #content_main label em {
     color : red; position : absolute; margin-left : 23em; }
   
/* =address */
   address {  }

/* =dl =dt =dd */
   dl {  }
   dt {  }
   dd {  }
   
/* =ul */
   #nav_sub1 ul {
     margin-top : 0; }
   
   ul#featured {
     position : relative;
     display : block; width : 700px; height : /*535px when it's a 3x3 grid*/ 370px; }
     
   ul#featured_heartwood {
     position : relative;
     display : block; width : 700px; height : /*535px when it's a 3x3 grid*/ 535px; }
   
   ul.products {
     width : 710px; margin-bottom : 0;
     overflow : hidden; }
   
   ul#dat_products, ul#pat_products {
     position : relative; clear : both;
     display : block; width : 700px; height : 165px; }
   
   div#content_main form#certificate ul,div#content_main form#Dedcertificate ul,div#content_main form#DedHeartWoodcertificate ul {
     float : right;
     width : 193px; margin-top : 0; }
   
/* =ol */
   .dat-home #content_main ol, .pat-home #content_main ol{
     list-style-type : decimal; list-style-position : inside; }

/* =li */
   #nav_main li,
   .pages li {
     display : inline; margin-right : 1em;
     font-size : 1.1666em; }
   #nav-main_basket {
     position : absolute; right : 16em; top : 0;
     padding-left : 27px;
     background : url(../images/nav-main_basket.gif) 0 0 no-repeat; }
   
   #nav_sub1 li {
     padding-left : 10px; margin : 0;
     font-size : 1.1666em; line-height : 1.5714em; background : url(../images/nav-sub1_li.gif) 0 100% no-repeat; }
   
   #nav_sub2 li {
     display : inline; margin-right : 1em; }
   
   ul.products li {
     display : inline; }
   
   .basket ul.products li {
     float : left;
     display : block; width : 172px; height : 28em; padding-bottom : 20px; /*border-bottom : 1px solid #317023;*/ margin : 0 5px 2em 0; }
   
   .dat-home #content_main ol li, .pat-home #content_main ol li {
     margin : 0 0 .25em 0; }
   
   div#content_main form#certificate ul li {
     margin : 0 0 1em 0; }
   
   .range-membership div#products li {
     margin-top : 0; }
   .range-membership div#products ul {
     padding : 0; margin-top : 0; }
   
   #text-one ul li {
     list-style-position : outside; margin-left : 1em; list-style-type : disc; }
   
/* =img */
   img,
   img a { border : none; }
  
   ul.products li a img,ul.products li form img {
     display : block; border : 1px solid #317023; width : 170px; height : 170px; margin : 0; }
   ul.products li a:hover img,ul.products li form:hover img {
     border-color : #317023; }
   
   .product img.product,
   img.float-left {
     float : left; margin-right : 24px; margin-top : 0; }
   img.float-right {
     float : right; margin-left : 24px; margin-top : 0; }
   
   .dat-home #content_main img.product, .pat-home #content_main img.product {
     float : left; margin-right : 24px; }
   
   .dat-product #content_main div img, .pat-product #content_main div img,
   .virtual-product #content_main div img { 
     margin-bottom : 0; }
   .dat-product #content_main label img,
   .pat-product #content_main label img,
   .virtual-product #content_main label img {
     display : block; margin : 0; }
   
   div#content_main form#certificate ul li a img {
     border : 1px solid #317023; }
   div#content_main form#certificate ul li a:hover img,
   div#content_main form#certificate ul li a:focus img {
     border : 1px solid #317023; }
   p.deliverymessage{
      padding: 0 10px; 
      color: #3F527F;
      font-weight: bold;
   }
   p.banner-adverts a img {
    margin : 0 0 12px 0; }
    
   p.banner-adverts img {
    margin : 0 0 12px 0; }
    
   p.banner-adverts a.e_newsletter img {
    margin : 0 0 2px 0; }
    
   
/* =hr */
   hr { display : none; }

/* =a */
   a:link    { color : #317023; text-decoration : none; }
   a:visited { color : #317023; text-decoration : none; }
   a:hover   { text-decoration : underline; }
   a:focus   { background-color : #E5FFDF; color : #333; outline : 1px solid #000; outline-offset: 1px; /* CSS3 sexiness */ }
   a:active  { background-color : #E5FFDF; color : #000; outline : none; }
   /*change #D1EFD2 to #E5FFDF*/
   p.accessibility a {
     margin : 0; padding : 0; line-height : 1em; }
   p.accessibility a:focus {
     position : absolute; left : 1em;
     margin-top : 4.5em;
     background-color : #E5FFDF; }
   
   #page_context a {
     position : relative;
     display : block; width : 239px; height : 181px;
     background-color : #317023; color : #fff; }
   
   #nav_sub1 h3 a,
   #nav_sub2 a,
   #site_info a {
     color : #fff; }
   #nav_sub1 h3 a:focus,
   #nav_sub2 a:focus,
   #site_info a:focus {
     color : #000; }
   
   #featured a {
     position : absolute; top : 0; left : 0;
     display : block; width : 220px; height : 165px;
     background-color : #eee; }
   #featured_2 a {
     top : 0; left : 240px; }
   #featured_3 a {
     top : 0; left : 480px; }
   #featured_4 a {
     top : 185px; left : 0px; }
   #featured_5 a {
     top : 185px; left : 240px; }
   #featured_6 a {
     top : 185px; left : 480px; }
   #featured_7 a {
     top : 370px; left : 0px; }
   #featured_8 a {
     top : 370px; left : 240px; }
   #featured_9 a {
     top : 370px; left : 480px; }
     
   #featured_heartwood a {
     position : absolute; top : 0; left : 0;
     display : block; width : 220px; height : 165px;
     background-color : #eee; }
   #featured_heartwood_2 a {
     top : 0; left : 240px; }
   #featured_heartwood_3 a {
     top : 0; left : 480px; }
   #featured_heartwood_4 a {
     top : 185px; left : 0px; }
   #featured_heartwood_5 a {
     top : 185px; left : 240px; }
   #featured_heartwood_6 a {
     top : 185px; left : 480px; }
   #featured_heartwood_7 a {
     top : 370px; left : 0px; }
   #featured_heartwood_8 a {
     top : 370px; left : 240px; }
   #featured_heartwood_9 a {
     top : 370px; left : 480px; }
     
   #dedications_129 a {
     top : 0; left : 240px; }
   #dedications_127 a {
     top : 0; left : 480px; }
   #dedications_130 a {
     top : 185px; left : 0px; }
   #dedications_131 a {
     top : 185px; left : 240px; }
  #dedications_0 a {
     top : 185px; left : 480px; }
   
   #heartwood_dedications_benches a {
     top : 0; left : 0px; }
   #heartwood_dedications_gates a {
     top : 0; left : 240px; }
   #heartwood_dedications_291 a {
     top : 0; left : 480px; }
   #heartwood_dedications_292 a {
     top : 185px; left : 0px; }
   #heartwood_dedications_293 a {
     top : 185px; left : 240px; }
   #heartwood_dedications_294 a {
     top : 185px; left : 480px; }
   #heartwood_dedications_295 a {
     top : 370px; left : 0px; }
   #heartwood_dedications_296 a {
     top : 370px; left : 240px; }
   #heartwood_dedications_2022 a {
     top : 370px; left : 480px; }  
     
.range-membership div#products .buy-now img 
{
	float:right;
	margin:0px;
}

  
   .range-membership div#products .one a {
     display : block; width : 274px; height : 80px;
     text-indent : -999em; overflow : hidden;
     background : url(../images/position-1.jpg) 0 0 no-repeat; }
   .range-membership div#products .two a 
   {
   	     display : block; width : 274px; height : 80px;
     text-indent : -999em; overflow : hidden;
     background-image : url(../images/position-2.jpg); }
   .range-membership div#products .three a 
   {
   	     display : block; width : 274px; height : 80px;
     text-indent : -999em; overflow : hidden;
     background-image : url(../images/position-6.jpg); }
   .range-membership div#products .four a 
   {
   	     display : block; width : 274px; height : 80px;
     text-indent : -999em; overflow : hidden;
     background-image : url(../images/position-4.jpg); }
   .range-membership div#products .five a 
   {
   	     display : block; width : 274px; height : 80px;
     text-indent : -999em; overflow : hidden;
     background-image : url(../images/position-5.jpg); }
   .range-membership div#products .six a 
   {
   	     display : block; width : 274px; height : 80px;
     text-indent : -999em; overflow : hidden;
     background-image : url(../images/position-3.jpg); }
     
 .range-membership div#products .one a:hover {
  display : block; width : 274px; height : 80px;
  text-indent : -999em; overflow : hidden;
  background : url(../images/position-1-over.jpg) 0 0 no-repeat; }
.range-membership div#products .two a:hover 
{
	  display : block; width : 274px; height : 80px;
  text-indent : -999em; overflow : hidden;
  background-image : url(../images/position-2-over.jpg); }
.range-membership div#products .three a:hover 
{
	  display : block; width : 274px; height : 80px;
  text-indent : -999em; overflow : hidden;
  background-image : url(../images/position-6-over.jpg); }
.range-membership div#products .four a:hover 
{
	  display : block; width : 274px; height : 80px;
  text-indent : -999em; overflow : hidden;
  background-image : url(../images/position-4-over.jpg); }
.range-membership div#products .five a:hover 
{
	  display : block; width : 274px; height : 80px;
  text-indent : -999em; overflow : hidden;
  background-image : url(../images/position-5-over.jpg); }
.range-membership div#products .six a:hover 
{
	  display : block; width : 274px; height : 80px;
  text-indent : -999em; overflow : hidden;
     background-image : url(../images/position-3-over.jpg); }
   
   #dat_products a, #pat_products a {
     position : absolute; top : 0; left : 0;
     display : block; width : 220px; height : 165px;
     background-color : #eee; }
   #dat_2 a {
     top : 0; left : 240px; }
   #dat_3 a {
     top : 0; left : 480px; }
   
   ul.products li a, ul.products li form{
     float : left;
     display : block; width : 172px; height : 19em; margin : 0 5px 1em 0; }
   .basket ul.products li a {
   float : none;
     display : block; width : 172px; height : 19em; margin : 0; margin-top : 10px; }
   .basket ul.products li a.edit-certificate {
     height : auto; }
   .basket ul.products li a.remove {
     width : auto; height : auto;
     color : red; position: relative;}
   
   .summary #content_main form div a {
     background : #cdf; padding : .4em; }
   
   div#content_main form#certificate ul li a,
   div#content_main form#certificate ul li a img {
     margin : 0; }
     
   a.wt-link {
     position : absolute; right : 0; bottom : 0;
     display : block; width : 190px; height : 130px; text-indent : -999em; overflow : hidden; }
   a.wt-link:hover,
   a.wt-link:focus {
     background : transparent none; }
    
   a.ordernow { padding : 3px 6px; background-color : #e6ecd2; border : 1px solid #acc09d; text-decoration : none; }
   p.banner-adverts a {
     margin-bottom : 12px; }
   
/* =table */
   .product #content_main table {
     width : 430px; }
   .summary table {
     width : auto; }

/* =caption */
   caption {  }

/* =thead */
   thead {  }

/* =tfoot */
   tfoot {  }
   
/* =tbody */
   tbody {  }
   
/* =tr */
   tbody tr:hover {
     background-color : #cdf; }
   
   .product #content_main table tr {
     border-bottom : 3px solid #fff; }
   
/* =th */
   .summary th,
   .summary td {
     padding : .4em; }
   
   .product #content_main table th {
     width : 150px; background : #f7f7f7 url(../images/table-border.gif) 100% 0 repeat-y; border-bottom : 3px solid #fff; padding : 3px;
     vertical-align : top;  }

/* =td*/
   .product #content_main table td {
     background : #f7f7f7; border-bottom : 3px solid #fff; padding : 3px;
     vertical-align : top; }

/* =form */
   #nav_main form {
     position : absolute; top : 0; right : 0;
     margin : 0; }
   
   .dat-product #content_main form,
   .pat-product #content_main form,
   .virtual-product #content_main form {
     text-align : left; }
    
   .product #content_main form {
     text-align : right; }
    
/* =fieldset */
   .contact #content_main fieldset {
     border-bottom : 1px solid #ddd; }

   div#content_main form#certificate fieldset, div#content_main form#Dedcertificate fieldset, div#content_main form#DedHeartWoodcertificate fieldset {
     position : relative;
     padding : 0; border-width : 0; width : 488px; height : 690px; margin-bottom : 2em;
     background : url(../images/cert1.jpg) 0 0 no-repeat; 
  }
  
  div#content_main form#Dedcertificate fieldset {
       position : relative;
       padding : 0; border-width : 0; width : 488px; height : 690px; margin-bottom : 2em;
       background : url(../images/CertDed.jpg) 0 0 no-repeat; 
  }
  
  div#content_main form#DedHeartWoodcertificate fieldset {
       position : relative;
       padding : 0; border-width : 0; width : 488px; height : 690px; margin-bottom : 2em;
       background : url(../images/CertDed.jpg) 0 0 no-repeat; 
  }
  
  
  div#content_main form#Dedcertificate fieldset {
         margin-bottom : 0;
         }
         
  div#content_main form#DedHeartWoodcertificate fieldset {
         margin-bottom : 0;
         }
         
         div#content_main form#certificate fieldset.cert-a {
     background-image : url(../images/certA.jpg); }
     div#content_main form#certificate fieldset.cert-b {
     background-image : url(../images/certB.jpg); }
     div#content_main form#certificate fieldset.cert-c {
     background-image : url(../images/certC.jpg); }
     div#content_main form#certificate fieldset.cert-d {
     background-image : url(../images/certD.jpg); }
     div#content_main form#certificate fieldset.cert-e {
     background-image : url(../images/certE.jpg); }
     div#content_main form#certificate fieldset.cert-f {
     background-image : url(../images/certF.jpg); }
     
   div#content_main form#certificate fieldset.cert-2 {
     background-image : url(../images/cert2.jpg); }
   div#content_main form#certificate fieldset.cert-3 {
     background-image : url(../images/cert3.jpg); }
   div#content_main form#certificate fieldset.cert-4 {
     background-image : url(../images/cert4.jpg); }
        div#content_main form#certificate fieldset.cert-5 {
     background-image : url(../images/HomecomingFinalCert.jpg); }
     
   div#content_main form#Dedcertificate fieldset.DEDCert1{
     background-image : url(../images/CertDed.jpg); }
   div#content_main form#Dedcertificate fieldset.DEDCert2{
     background-image : url(../images/CertDed_baby.jpg); }
   div#content_main form#Dedcertificate fieldset.DEDCert3{
     background-image : url(../images/CertDed_wedd.jpg); }
     
   div#content_main form#DedHeartWoodcertificate fieldset.DEDHeartWoodCert1{
     background-image : url(../images/HeartWoodCert-budburst.jpg); }
   div#content_main form#DedHeartWoodcertificate fieldset.DEDHeartWoodCert2{
     background-image : url(../images/HeartWoodCert-tree.jpg); }
   div#content_main form#DedHeartWoodcertificate fieldset.DEDHeartWoodCert3{
     background-image : url(../images/HeartWoodCert-woodland.jpg); }  
     
   div#content_main form#certificate fieldset.PATcert-1 {
     background-image : url(../images/PATcert1.jpg); }  
     
  
  .gifttree-certificate div#content_main form#certificate fieldset {
     position : relative;
     padding : 0; border-width : 0; width : 700px; height : 496px; margin-bottom : 2em;
     background : url(../images/gift-tree.jpg) 0 0 no-repeat; }

	
     
     
/* =legend */
   .contact #content_main legend,
   .dat-product #content_main legend,
   .pat-product #content_main legend,
   .virtual-product #content_main legend {
     margin : 0; font-weight : bold; }
   
/* =blockquote */
   blockquote {
     border-left : 5px solid #666; padding-left : 5px; }

/* =label */
   .contact #content_main label,
   .billing #content_main label,
   .delivery #content_main label,
   .addresslookupmanual #content_main label {
     display : block; }
   
   .dat-product #content_main label,
   .pat-product #content_main label,
   .virtual-product #content_main label,
   .addresslookupmanual #content_main label {
     float : left;
     margin : 0 20px 0 0; }
   
   div#content_main form#certificate fieldset,div#content_main form#Dedcertificate fieldset, div#content_main form#DedHeartWoodcertificate fieldset {
     text-align : center; }
     

   
/* =input */
   input[type="text"],
   input[type="password"],
   textarea {
     border : 1px solid #999; }
   input[type="text"]:focus,
   input[type="password"]:focus,
   textarea:focus {
     background-color : #ffd; }
   
   input.numeric {
     width : 5em; }
   
   .contact #content_main input,
   .billing #content_main input,
   .delivery #content_main input,
   .addresslookupmanual #content_main input {
     width : 20em; }
   .contact #content_main input.submit,
   .delivery #content_main input.submit,
   .billing #content_main input.submit,
   .addresslookupmanual #content_main input.submit {
     width : auto; }
   
   .billing #content_main .boolean input,   
   .delivery #content_main .boolean input,
   .contact #content_main .boolean input,
   .plaque #content_main .boolean input{
     width : auto; float : left; margin-right : 1em; }
     .plaque #content_main .boolean img{ display: block;}
   
   div#content_main form#certificate fieldset label input,div#content_main form#Dedcertificate fieldset label input, div#content_main form#DedHeartWoodcertificate fieldset label input{
     text-align : center;
     width : 300px; margin : 0; }
     
     .frontline
     { width : 300px; margin : 0; }
   
   div#content_main form#certificate fieldset label input#line-1{
     margin-top : 380px; }
   
  div#content_main form#certificate fieldset.cert-5 label input#line-1{
	margin-top : 340px; }


   div#content_main form#certificate fieldset.cert-2 label input#line-1 {
     margin-top : 450px; }
   div#content_main form#certificate fieldset.cert-4 label input#line-1 {
     margin-top : 335px; }
     
     div#content_main form#Dedcertificate fieldset label input#line-1 {
     margin-top : 480px;
     margin-left : 0px}
     
     div#content_main form#Dedcertificate fieldset label input {
     margin-left : 0px}
     
     div#content_main form#DedHeartWoodcertificate fieldset label input#line-1 {
     margin-top : 480px;
     margin-left : 0px}
     
     div#content_main form#DedHeartWoodcertificate fieldset label input {
     margin-left : 0px}
      
   
   .gifttree-certificate div#content_main form#certificate fieldset label {
     display : block; }
   .gifttree-certificate div#content_main form#certificate fieldset label input {
     text-align : center;
     width : 280px; margin : 0; }
   .gifttree-certificate div#content_main form#certificate fieldset label input#line-1 {
     margin-top : 150px; }
   .gifttree-certificate div#content_main form#certificate fieldset.cert-2 label input#line-1 {
     margin-top : 150px; }
     ul.products li .submit{display: block;}
/* =textarea */
   .contact #content_main textarea {
     width : 700px; }

/* =select */
   select:focus {
     background-color : #ff9; }
  
   .gift-tree #content_main select {
     margin-right : 1em; }
     
     .dat-product #content_main div.data select,
     .pat-product #content_main div.data select
     { width : 400px; }
/* =div */
   #container {
     position : relative;
     width : 960px; margin : 0 auto; padding-top : 20px; }
     
   #text-one 
   {
   	float:right;
   	width : 400px;
   }  
   #page_context {
     width : 960px; height : 240px;
     background : transparent; }
   #content {
     float : right;
     width : 705px; }
   .default #content_intro,
   .chooseawood #content_intro,
   .range #content_intro,
   .dat-certificate #content_intro
   .pat-certificate #content_intro
   {
     position : relative;
     padding : 1px 10px;
     font-size : 1.1666em; color : #fff; background : #317023 url(../images/content-main.png) 0 100% no-repeat; }
   #nav_main {
     position : absolute; top : 190px; left : 0;
     display : block; width : 960px; }
   #nav_sub1 {
     float : left;
     width : 220px; }
   #nav_sub2 {
     clear : both; position : relative; top : 50px; left : 20px; }
   div#site_info {
     clear : both;
     width : 920px; height : 82px; padding : 50px 20px 80px 20px;
     background : #317023 url(../images/site-info.jpg) 0 0 no-repeat; color : #85CF4D; }
   div.clear {clear:both;}
   .product #content_main {
     text-align : right; }
   .product #content_main #related {
     text-align : left; }
   .product #content_main.leftaligned {
     text-align : left; }
   
   .dat-product #content_main div.data,
   .pat-product #content_main div.data,
   .virtual-product #content_main div.data {
     float : right; width : 400px; }
   .virtual-product #content_main form div {
     clear : both; text-align : right; }
   
   .range-membership div#products {
     float : left; margin-right : 24px; margin-top : 0;
     width : 275px; }
   .range-membership #text-two {
     clear : both;
     border-top : 1px dotted #317023; margin-top : 1em; padding-top : 1em; }
    
/* =span */
   #page_context a span {
     position : absolute; top: 0; left : 0;
     display : block; width : 239px; height : 181px;
     background : url(../images/page-context_a.jpg) 0 0 no-repeat; }
   #page_context a:hover span,
   #page_context a:focus span {
     background-position : 0 -181px; }
   
   h1 span,
   p.pagination span {
     font-size : .5833em; }
   
   .default #content_intro span,
   .range #content_intro span,
   .chooseawood #content_intro span,
   .dat-certificate #content_intro span {
     position : absolute; top : 0; left : 0;
     display : block; width : 705px; height : 9px;
     background : url(../images/content-main_span.png) 0 0 no-repeat; }

   #nav_main form span {
     display : none; }

   #nav_sub1 h3 span {
     position : absolute; bottom : 0; left : 0;
     display : block; width : 220px; height : 1.666em;
     background : transparent url(../images/nav-sub1_h3_span.png) 0 100% no-repeat; }
   
   .default #featured a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 220px; height : 165px;
     background : url(../images/featured_1.jpg) 0 0 no-repeat; }
   .default #featured_2 a span {
     background : url(../images/featured_2.jpg) 0 0 no-repeat; }
   .default #featured_3 a span {
     background : url(../images/featured_3.jpg) 0 0 no-repeat; }
   .default #featured_4 a span {
     background : url(../images/featured_4.jpg) 0 0 no-repeat; }
   .default #featured_5 a span {
     background : url(../images/featured_5.jpg) 0 0 no-repeat; }
   .default #featured_6 a span {
     background : url(../images/featured_6.jpg) 0 0 no-repeat; }
   .default #featured_7 a span {
     background : url(../images/featured_7.jpg) 0 0 no-repeat; }
   .default #featured_8 a span {
     background : url(../images/featured_8.jpg) 0 0 no-repeat; }
   .default #featured_9 a span {
     background : url(../images/featured_9.jpg) 0 0 no-repeat; }
   
   .nts #featured a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 220px; height : 165px;
     background : url(../images/nts_featured_1.jpg) 0 0 no-repeat; }
   .nts #featured_2 a span {
     background : url(../images/nts_featured_2.jpg) 0 0 no-repeat; }
   .nts #featured_3 a span {
     background : url(../images/nts_featured_3.jpg) 0 0 no-repeat; }
   .nts #featured_4 a span {
     background : url(../images/nts_featured_4.jpg) 0 0 no-repeat; }
   .nts #featured_5 a span {
     background : url(../images/nts_featured_5.jpg) 0 0 no-repeat; }
   .nts #featured_6 a span {
     background : url(../images/nts_featured_6.jpg) 0 0 no-repeat; }
   .nts #featured_7 a span {
     background : url(../images/nts_featured_7.jpg) 0 0 no-repeat; }
   .nts #featured_8 a span {
     background : url(../images/nts_featured_8.jpg) 0 0 no-repeat; }
   .nts #featured_9 a span {
     background : url(../images/nts_featured_9.jpg) 0 0 no-repeat; }
   
   .products #featured a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 220px; height : 165px;
     background : url(../images/products_featured_1.jpg) 0 0 no-repeat; }
   .products #featured_2 a span {
     background : url(../images/products_featured_2.jpg) 0 0 no-repeat; }
   .products #featured_3 a span {
     background : url(../images/products_featured_3.jpg) 0 0 no-repeat; }
   .products #featured_4 a span {
     background : url(../images/products_featured_4.jpg) 0 0 no-repeat; }
   .products #featured_5 a span {
     background : url(../images/products_featured_5.jpg) 0 0 no-repeat; }
   .products #featured_6 a span {
     background : url(../images/products_featured_6.jpg) 0 0 no-repeat; }

   .alternative-gifts #featured a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 220px; height : 165px;
     background : url(../images/range-virtual_featured_1.jpg) 0 0 no-repeat; }
   .alternative-gifts #featured_2 a span {
     background : url(../images/range-virtual_featured_2.jpg) 0 0 no-repeat; }
   .alternative-gifts #featured_3 a span {
     background : url(../images/range-virtual_featured_3.jpg) 0 0 no-repeat; }
   .alternative-gifts #featured_4 a span {
     background : url(../images/range-virtual_featured_4.jpg) 0 0 no-repeat; }
   .alternative-gifts #featured_5 a span {
     background : url(../images/range-virtual_featured_5.jpg) 0 0 no-repeat; }
   .alternative-gifts #featured_6 a span {
     background : url(../images/range-virtual_featured_6.jpg) 0 0 no-repeat; }

     
   .dedications_range #featured a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 220px; height : 165px;
     background : url(../images/range-dedications_blank.jpg) 0 0 no-repeat; }
     
   .heartwood_dedications_range #featured_heartwood a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 220px; height : 165px;
     background : url(../images/range-dedications_blank.jpg) 0 0 no-repeat; }
     
     
   .dedications_range #dedications_128 a span {
     background : url(../images/range-dedications_128.gif) 0 0 no-repeat; }
     
   .dedications_range #dedications_129 a span {
     background : url(../images/range-dedications_129.gif) 0 0 no-repeat; }
     
    .dedications_range #dedications_127 a span {
     background : url(../images/range-dedications_127.gif) 0 0 no-repeat; }
     
   .dedications_range #dedications_130 a span {
     background : url(../images/range-dedications_130.gif) 0 0 no-repeat; }
     
   .dedications_range #dedications_131 a span {
     background : url(../images/range-dedications_131.gif) 0 0 no-repeat; }
     
   .dedications_range #dedications_0 a span {
     background : url(../images/range-dedications_0.gif) 0 0 no-repeat; }

     
   .heartwood_dedications_range #heartwood_dedications_benches a span {
     background : url(../images/heartwood-featured-benches.jpg) 0 0 no-repeat; }
     
   .heartwood_dedications_range #heartwood_dedications_gates a span {
     background : url(../images/heartwood-featured-gates.jpg) 0 0 no-repeat; }
     
   .heartwood_dedications_range #heartwood_dedications_2022 a span {
     background : url(../images/heartwood-featured-2022.jpg) 0 0 no-repeat; }
     
   .heartwood_dedications_range #heartwood_dedications_291 a span {
     background : url(../images/heartwood-featured-grovewithpost.jpg) 0 0 no-repeat; }
     
   .heartwood_dedications_range #heartwood_dedications_292 a span {
     background : url(../images/heartwood-featured-tree-avenue.jpg) 0 0 no-repeat; }
     
   .heartwood_dedications_range #heartwood_dedications_293 a span {
     background : url(../images/heartwood-featured-halfacre.jpg) 0 0 no-repeat; }

   .heartwood_dedications_range #heartwood_dedications_294 a span {
     background : url(../images/heartwood-featured-standtrees.jpg) 0 0 no-repeat; }
     
   .heartwood_dedications_range #heartwood_dedications_295 a span {
     background : url(../images/heartwood-featured-schools.jpg) 0 0 no-repeat; }
     
   .heartwood_dedications_range #heartwood_dedications_296 a span {
     background : url(../images/heartwood-featured-morethanacre.jpg) 0 0 no-repeat; }
     

     

     
   #dedications_131 a span {
     background : url(../images/range-dedications_131.gif) 0 0 no-repeat; }
     
   #dedications_0 a span {
     background : url(../images/range-dedications_0.gif) 0 0 no-repeat; }  
    
     
   .dat-home #dat_products a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 220px; height : 165px;
     background : url(../images/dat_1-tn.jpg) 0 0 no-repeat; }
   .dat-home #dat_2 a span {
     background : url(../images/dat_2-tn.jpg) 0 0 no-repeat; }
   .dat-home #dat_3 a span {
     background : url(../images/dat_3-tn.jpg) 0 0 no-repeat; }

   .pat-home #pat_products a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 220px; height : 165px;
     background : url(../images/pat_1-tn.jpg) 0 0 no-repeat; }
     
   #featured a:hover span,
   #featured a:focus span,
   #dat_products, #pat_products a:hover span,
   #dat_products, #pat_products a:focus span,
   #featured_heartwood a:hover span,
   #featured_heartwood a:focus span {
     background-position : 0 -165px; }
   
   ul.products li a span {
     display : block; padding-right : 74px; margin-top : 1px;
     background : url(../images/more-info.gif) 100% 0 no-repeat; }
     
   .basketshow  ul.products li a span {   
     background-image : url(../images/buy-more.gif); }
     
   .contact #content_main label span,
   .billing #content_main label span,
   .delivery #content_main label span,
   .addresslookupmanual #content_main label span {
     float : left;
     display : block; width : 11em; }
   
   #certificates label span {
     display : none; }
   
   .contact #content_main label.boolean span,
   .billing #content_main label.boolean span,
   .delivery #content_main label.boolean span,
   .plaque #content_main label.boolean span{
     width : auto; }
   
   #content_main address span {
     display : block; }
   
   label.required span {
     font-weight : bold; text-decoration : underline; }
   .contact #content_main label.boolean span,
   .billing #content_main label.boolean span,
   .delivery #content_main label.boolean span,
   .plaque #content_main label.boolean span,
     label.boolean span {
     float : none; display : inline; }
     
     body.range-2 form#basketAdd {
	 	  padding: 3px 0;
 }
 
 
 /* =th */
 th { font-weight : bold; }
 
 /* =td*/
 .chooseawood td,
 .fundpage td { padding : 3px 2em 3px 0; }
 td.numeric { text-align : right; }

 .restrictmembershiptrue{
     min-height: 42em;
 }
 label.woodlist{
     display: block;
     margin: 20px 0px 5px 0px;
 }
 
 .donatepat img{float:left;}
 
 .donatepat p
  {
  	float:left;
  	padding: 30px 0px 0px 5px;
  }
 
 .restricted_customprice 
 {
 	width:60px;
 	padding: 0px;
 	margin: 0px;
 }
 .carbonlist li
 {
    margin:-5px;
    list-style:none;
 }
 
.woodListPerArea{display: none;}

.woodListPerArea{padding: 0 1em;}

#dedproduct h2 {font-weight:bold; font-size:130%;}

#dedproduct h2 {}

div#joinnow {
position:relative;
height: 60px;
}

div#joinnow a {
position:absolute;
right:0;
display : block; width : 120px; height : 40px;
 text-indent : -999em; overflow : hidden;
 background : url(../images/join_now.jpg) 0 0 no-repeat; 
 }

.range-membership ul li{
position:relative;
}
.range-membership ul div.forms{
position:absolute;
right:0;
top:-20px;
}

.range-membership ul li.buy input,.range-membership ul li.forms input{
margin:0;
padding:0;
background-color: #317023;
color:#fff;
width:6.5em;
height:2em
}

.green
{
color:#317023;
}


.range-membership ul li.memb form {
height:3em;
width:7em;
margin:0;
padding:0;
}

.range-membership ul li.memb form input {
padding:0;
margin:0;
}

.range-membership ul li.memb form.directDebit{
position:absolute;
left:0;
top:0;
}

.range-membership ul li.memb form.basketAdd{
position:absolute;
right:0;
top:0;
}

.range-membership ul li.memb {
position:relative;
height:30px;
}

.range-membership ul li.memb fieldset{
padding:0;
margin:0;
}

.pleasenote li
{
    list-style-type:circle;
}