#wrapper {margin: 0 auto; width: 800px;}

#container {
	position: relative; top: 0px; left: 0px; 
	width: 100%;
/*	 border-color: #000000;
	border-style: solid; */
	}

#contentheader
{
position: relative; top: 150px; left: 150px;
border:1px solid #00FF00; 
width: 650px;
padding: 0 0 0 0;
/* margin-top: 0em; */
/* margin-bottom: 1em; */
background-color: #FFFFFF;
color: #333;
}

#toparc{position: absolute; top: 129px; left: 150px;}

.feedbackname{text-align: right; font-style: italic}

#pagecontent {
	/*	position: relative; top: 21px; left: 180px; */
	/* position: relative; top: -100px; left: 150px;*/ 
	/* float: right; */ 
	position: absolute; top: 135px; left: 180px;

	
/* border:1px solid #00FF00; */ 
	width: 615px;
/*	 border-color: #000000;
	border-style: solid; 	*/
	}

#extrafrontpagecontent {
	/*	position: relative; top: 21px; left: 180px; */
	/* position: relative; top: -100px; left: 150px;*/ 
	/* float: right; */ 
	position: absolute; top: 700px; left: 0px;

	
/* border:1px solid #00FF00; */ 
	width: 615px;
/*	 border-color: #000000;
	border-style: solid; 	*/
	}
		
#introtext {width: 360px;}
	 
#sadie {
float: right;
margin-top: 58px;
/* position: relative; top: 30px; left: 420px; */ 
}
		
html {height: 100%;}
body {height: 100%; font-family: Optima, Verdana, Arial, Helvetica, sans-serif ;}

#nonFooter {position: relative; min-height: 100%; }

* html #nonFooter { height: 100%;}

#footer {position: relative; margin-top: 1.5em; clear:both}

#sidefooter {position: absolute; top: 120px; left: -20px; }

.imgphotofleft{float: left; margin-bottom: 10px}
.photoleft{float: left; margin-bottom: 10px}
.imgfleft{float: left; margin-right: 10px; margin-bottom: 10px}
.imgfleftfifty{float: left; width: 50%; margin-right: 10px; margin-bottom: 10px}
.imgfcentre{float: left;  margin-bottom: 10px}
.imgfright{float: right; margin-left:10px; margin-bottom: 10px}
.soapimgfright{float: right; margin-left:10px; margin-bottom: 10px; clear:both}			
.imggpfleft{float: left; margin-right: 3px; margin-bottom: 3px}
.imggpfright{float: right; margin-left:3px; margin-bottom: 3px}	
.imggroup{float: left;clear: both}

#feedback{position: relative; width: 90%; height: 100px; clear: both;}
#feedback2{width: 90%; }
#feedbacklabels{float: left; width: 20%; margin-right: 10px; }
#feedbackfields{float: left; width: 40%; margin-right: 20px;  }
#feedbackother{float: left; width: 30%; }
.feedbacktitle{position: relative;top: 15px;}		
/* photogallery stuff */
.gallery{
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
        }
        
          .gallery li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            width:20.0%;
            height:90px; /* Height of img (64) + 2 times 3px padding + 2 times 1px border = 83px */
            position:relative; /* This is the key */

          }
            .gallery a,
            .gallery img{
              display:block;
              width:100%;
            }
            a img{ border:none; } /* A small fix */

			.gallery a:link { 
			color: #330; font-size: 9pt;  text-align: center;  background-color: transparent ;
              width:96px; height:64px;
              position:absolute; top:50%; left:50%; /* position it so that image's top left corner is in the center of the list item */
              margin: -45px 0px 0px -62px; /* first number moves it up (if negative), last moves it left (if negative) */
			}

            .gallery a:visited,
            .gallery a:focus,
            .gallery a:hover,
            .gallery a:active{
            color: #996; font-size: 9pt; text-align: center; text-decoration: none; background-color: transparent ;
              width:96px; height:64px;

              position:absolute; top:50%; left:50%; /* position it so that image's top left corner is in the center of the list item */
              margin: -45px 0px 0px -62px; /* first number moves it up (if negative), last moves it left (if negative) */
			}
            .gallery a:hover{
              border-color:#dfdfdf;
            }
            /* These are all optional, for decoration purpouses only */
            .gallery{
            /*
              border-bottom:2px solid #000;
              padding-bottom:10px;
              margin-top:10px;
              */
            }

/* end of photogallery stuff */

/* flower guide gallery */
.imgflowermain{float: right}

#irish{float: right; width: 200px; height: 80px; }
#latin{float: right; width: 200px; height: 80px;   text-align: center;}
#english{float: right; width: 200px; height: 80px;    text-align: right;}
	
.flowergallery{
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
        }
        
          .flowergallery li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            width:24.0%;
            height:160px; /* Height of img (64) + 2 times 3px padding + 2 times 1px border = 83px */
            position:relative; /* This is the key */

          }
            .flowergallery a,
            .flowergallery img{
              display:block;
              width:100%;
            }
            a img{ border:none; } /* A small fix */

			.flowergallery a:link { 
			color: #330; font-size: 9pt;  text-align: center;  background-color: transparent ;
              width:128px; height:128px;
              position:absolute; top:50%; left:50%; /* position it so that image's top left corner is in the center of the list item */
              margin: -65px 0px 0px -75px; /* first number moves it up (if negative), last moves it left (if negative) */
			}

            .flowergallery a:visited,
            .flowergallery a:focus,
            .flowergallery a:hover,
            .flowergallery a:active{
            color: #996; font-size: 9pt;  text-align: center;  text-decoration: none; background-color: transparent ;
              width:128px; height:128px;

              position:absolute; top:50%; left:50%; /* position it so that image's top left corner is in the center of the list item */
              margin: -65px 0px 0px -75px; /* first number moves it up (if negative), last moves it left (if negative) */
			}
            .flowergallery a:hover{
              border-color:#dfdfdf;
            }
            /* These are all optional, for decoration purpouses only */
            .flowergallery{

            /*
              border-bottom:2px solid #000;
              padding-bottom:10px;
              margin-top:10px;
              */
            }
/* end of flower guide gallery */ 

/* landscape orientation photogallery stuff */
.lgallery{
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
        }
        
          .lgallery li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            width:14.0%;
            height:160px; /* Height of img (64) + 2 times 3px padding + 2 times 1px border = 83px */
            position:relative; /* This is the key */

          }
            .lgallery a,
            .lgallery img{
              display:block;
              width:100%;
            }
            a img{ border:none; } /* A small fix */

			.lgallery a:link { 
			color: #330; font-size: 9pt;  text-align: center;  background-color: transparent ;
              width:64px; height:96px;
              position:absolute; top:50%; left:50%; /* position it so that image's top left corner is in the center of the list item */
              margin: -75px 0px 0px -40px; /* first number moves it up (if negative), last moves it left (if negative) */
			}

            .lgallery a:visited,
            .lgallery a:focus,
            .lgallery a:hover,
            .lgallery a:active{
            color: #996; font-size: 9pt; text-align: center; text-decoration: none; background-color: transparent ;
              width:64px; height:96px;

              position:absolute; top:50%; left:50%; /* position it so that image's top left corner is in the center of the list item */
              margin: -75px 0px 0px -40px; /* first number moves it up (if negative), last moves it left (if negative) */
			}
            .lgallery a:hover{
              border-color:#dfdfdf;
            }
            /* These are all optional, for decoration purpouses only */
            .lgallery{
            /*
              border-bottom:2px solid #000;
              padding-bottom:10px;
              margin-top:10px;
              */
            }

/* end of landscape orientation photogallery stuff */

.herbimageright{float: right; margin-left: 50px; margin-bottom: 10px}
#herbdisclaimer{width: 100%;  text-align: center; }

#localphotonav {position: absolute; top: 0px; left: 450px; }

p {}
td {}

h1 { color: #330; font-size: 16pt; font-weight: normal;  }
h2 { color: #330; font-size: 12pt; font-weight: normal; font-style: italic }
h3 { color: #330; font-size: 12pt; font-weight: normal; font-style: normal }
.std text   { color: #993; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif }
.select   { color: #993; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif }
.fish { color: #996;  }
.toplink  { color: #330; font-size: 10pt; ; background-color: transparent }
.primary_title { color: #cc6; font-size: 24pt;  }
.herbtitle { color: #660; font-size: 24pt;  }
.imagetitle { color: #330; font-size: 14pt;  }
.footer { text-align: center; color: #663; font-size: 10pt;  }
a:link  { color: #330; font-size: 10pt; ; text-decoration: none; background-color: transparent }
a:visited { color: #663; font-size: 10pt; ; text-decoration: none }
a:hover    { color: #fff; font-size: 10pt; ; text-decoration: none; background-color: transparent }
a.inpage:link  { color: #330; font-size: 10pt; ; font-style: normal; font-weight: normal; text-decoration: underline; background-color: transparent }
a.inpage:visited  { color: #330; font-size: 10pt; ; text-decoration: underline }
a.inpage:hover { color: #ccc; font-size: 10pt; ; text-decoration: none; background-color: transparent }
a.photo:link { color: #330; font-size: 9pt; ; font-style: normal; font-weight: normal; text-decoration: none; background-color: transparent }
a.photo:visited { color: #330; font-size: 9pt; ; text-decoration: none }
a.photo:hover { color: #996; font-size: 9pt; ; text-decoration: none; background-color: transparent }
.producttext { color: #660; font-size: 10pt;  }
.pagetext   { color: #330; font-size: 10pt;  }
.photopagetext   { color: #330; font-size: 10pt; width: 600px;  }
.photosig   { color: #330; font-size: 10pt; width: 600px; text-align: right;  }
.herbtext { color: #330; font-size: 9pt;  }
.italicpagetext { color: #330; font-size: 10pt; ; font-style: italic }
.boldpagetext { color: #330; font-size: 10pt; ; font-weight: bold }
.pricetext { color: #660; font-size: 10pt;  }
.presstext { color: #330; font-size: 9pt;  }
a.news:link  { color: #330; font-size: 11pt; ; font-style: normal; font-weight: normal; text-decoration: none; background-color: transparent }
a.news:visited  { color: #330; font-size: 11pt; ; text-decoration: none }
a.news:hover { color: #ccc; font-size: 11pt; ; text-decoration: none; background-color: transparent }