/* -----------LAYOUT---------------------- */

body {
    margin:0;
    padding:0;
    background:#a7a09a;
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    color: #008000;
    min-width: 870px; /* only works in Mozilla */
    }

#wrap {
    background:#fff url(images/sidebar_top.jpg) left repeat-y;
    margin:0 auto;/* centers wrapper in window */
    width:100%;
    }

#header_title_bg {
    height: 100px;
    background: url(images/header_bg_gray.jpg) repeat-x;
    }

#header_title {
    float: left;
    background: url(images/header_title.jpg) no-repeat;
    width: 850px;
    height: 100px;
    }

#header_imgbar_bg {
    height: 102px;
    background: url(images/header_imgbar_bg.jpg) repeat-x; 
    }

#header_imgbar {
    float: left;
    padding-top: 0px;
    height: 102px;
    width:100%;
    overflow: hidden;
    background: url(images/header_imgbar.jpg) center left no-repeat; 
    }   
      
#header_menu {
    height: 40px;
    background: #ffffff url(images/sidebar_top.jpg) left no-repeat;
    }
 
#container {
	width:950px; /* 'main column width' = 'container width' - 'sidebar width' */
    padding: 0;    
    background: #99CC66; 
    }

#main {
    background:#fff;
    margin-left: 200px;
    padding: 0 0 0 10px;
    }
    
#sidebar {   
    background:#99CC66;
    float: left;
    width: 180px;
    margin: 0;
    padding: 0 10px;
    }
    
#footer {
    background:#999999;
    clear:both;/* clear property to tell the footer that it can’t have any elements next to it. */
    text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
   	color: #cccccc;
    }
    
/* ----------------Horizontal MENU------------------------- */

#nav {
  text-align:right;
    margin-left:200px;
  float: left;
  width:750px; 
}

#nav ul {
  float: none;
  margin:0;
  padding:0px 10px 0;
  list-style:none;
}

#nav a {float:none;}

#nav li {
  float:left;
  background:url(images/grey_tab_l.png) no-repeat bottom left;
  margin:0;
  margin-left:1px;
  padding:0 0 0 6px;
}

#nav li a {
  float:left;
  font-size: 11px;
  display:block;
  line-height: 28px;
  background:url(images/grey_tab_r.png) no-repeat 100% 100%;
  padding: 0px 15px 0px 10px;
  text-decoration:none;
  color:#ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

div#nav li.active {
  background:url(images/green_tab_l.png) no-repeat bottom left;
}
div#nav li.active a {
  background:url(images/green_tab_r.png) no-repeat bottom right;
}

div#nav li:hover, div#nav li.sfhover {
  background:url(images/over_tab_l.png) no-repeat bottom left;
}
div#nav li:hover a, div#nav li.sfhover a {
  background:url(images/over_tab_r.png) no-repeat bottom right;
}

/** preloads **/

span.pl_tab_l {
	background-image: url(images/over_tab_l.png);
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
}

span.pl_tab_r {
	background-image: url(images/over_tab_r.png);
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
}

span.pl_active_l {
	background-image: url(images/green_tab_l.png);
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
}

span.pl_active_r {
	background-image: url(images/green_tab_r.png);
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
}
/* ----------------END Horizontal MENU----------------------- */ 

 /*--------------- Start VERTICAL MENU  ----------------------*/
 #vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 175px;
padding: 0px;
margin: 0px;
}

#vertmenu h1 {
display: block; 
background-color:#FF9900;
font-style: normal;
font-size: 90%; 
padding: 3px 0 5px 3px;
border: 1px solid #000000;
color: #333333;
margin: 0px;
width:174px;
text-align: center;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
font-weight: bold;
color: #666666;
width:175px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}

#vertmenu ul li.active { /** background attributes **/
/** remains same on active **/
}

#vertmenu ul li.active a {/** font attributes **/
color: #000000;
}

 /*--------------- end VERTICAL MENU  ----------------------*/
    
/* --------------------STYLE-------------------------------- */

#main p {   
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    color: #008000;
    text-align: justify;
    padding:0 10px;
    }
    
#main font.common_name {
     color: #004000; 
     font-size: 8pt; 
     font-weight: bold;     
    }  
      
#main font.description{    
     color: #004000; 
     font-size: 8pt; 
     font-style: normal;
     padding:0 0px;
     text-align: justify;
}

#main font.outofstock{
      color: #FF3300; 
      font-size: 8pt;
}


#main h2, #main h3 {
    padding:0 10px;
    }
    

    
h5 {    
    font: 18pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    color: #666666; 
    font-style: normal;
    font-weight: bold;
    text-align: center;
    letter-spacing: 7px;
}

#main h1 {
    font: 20pt garamond, times new roman, sans-serif;
    color: #FF9900; 
    font-style: italic;
    font-weight: bold;
    text-align: center;
    }
    
#main em {    
    font: 12pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    color: #008000;
    font-style: italics;
    }
    
#sidebar p {
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    color: #008000;
    padding: 0 10px;
    }
    
#footer p {
    padding:5px;
    margin:0;
    text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
   	color: #cccccc;
    }

/* -----------LINKS---------------------- */ 
 
img
{  border-style: none;
} 
 
a:link
{
	color: #596F2D;
  
}
a:visited
{
	color: #596F2D;

}
a:hover, a:active
{
	color: #315599;

}

.cat_bamboo p 
    {
    color: #FF9900;
    font-size: 14pt;
    font-weight: normal;
    }

.cat_bamboo a:link 
    {
    color: #FF9900;
    font-size: 14pt;
    }

.cat_bamboo a:visited 
    {
    color: #FF9900;
    font-size :14pt;
    }

.cat_bamboo a:active 
    {
    color: #315599;
    font-size :14pt;
    }

.cat_bamboo a:hover 
    {
    color: #315599;
    font-size :14pt;
    }
    
    
/* -----------IMAGES---------------------- */


.centerdiv{ /*IE method of centering a relative div*/
  text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
  margin: 0 auto;
}

.rightdiv{ /*right div for IE*/
  text-align: right;
  float: right;
  border: thin silver solid;
  margin: 10px 15px;
  padding: 5px;
}

.textbox_right_gray{ /*right div for IE*/
  text-align: center;
  float: right;
  width: 150px;
  border: thin #999999 solid;
  background:silver; 
  margin: 10px 15px;
  padding: 5px;
}

.textbox_right_green{ /*right div for IE*/
  text-align: center;
  float: right;
  width: 150px;
  border: thin #999999 solid;
  background: #365641; 
  margin: 10px 15px;
  padding: 5px;
}

.textbanner{ /*right div for IE*/
  text-align: center;
  margin: 0 auto;
  border: thin #999999 solid;
  background: #365641; 
  margin: 10px 15px;
  padding: 5px;
}

.sidebar_icon { /*right div for IE*/
  background: #99cc66;
  text-align: center;
  margin: 5px -10px 5px -10px;
  width: 200px;
  padding: 0px;
}
    
.centerdiv_textbox{ /*right div for IE*/
  text-align: center;
  margin: 0 auto;
  width: 150px;
  border: thin #999999 solid;
  background:silver; 
  padding: 5px;
  
}

div.centerdiv_bambooguru{ /*right div for IE*/
  margin: 0 auto;
  width: 650px;
  border: thin #999999 solid;
  background:#FFFFEB; 
  padding: 0px;
  
}

div.imageright {
  float: right;
  border: thin silver solid;
  margin: 15px;
  padding: 5px;
  color: #666666;
  text-align: center;
  font-style: italic;
  font-size: 8pt;
  line-height: 150%;
  text-indent: 0;
}

div.imageright_noborder {
  float: right;
  border: 0;
  margin: 15px;
  padding: 5px;
  color: #666666;
  text-align: center;
  font-style: italic;
  font-size: 8pt;
  line-height: 150%;
  text-indent: 0;
}


div.imageleft {
  float: left;
  border: thin silver solid;
  margin: 15px;
  padding: 5px;
  color: #666666;
  text-align: center;
  font-style: italic;
  font-size: 8pt;
  line-height: 150%;
  text-indent: 0;
}

div.imageleft_noborder {
  float: left;
  border: 0;
   margin: 5px;
  padding: 5px;
  color: #666666;
  text-align: center;
  font-style: italic;
  font-size: 8pt;
  line-height: 150%;
  text-indent: 0;
}

div.imagecenter {
  display: block;
  margin: 15px;
  padding: 5px;
  color: #666666;
  text-align: center;
  font-style: italic;
  font-size: 8pt;
  line-height: 150%;
  text-indent: 0;
}

img.centered {     /* <IMG class="centered" src="..." alt="..."> */

  display: block;
  margin-left: auto;
  margin-right: auto;

  }

#gallery{text-align: center; color:#666666; font-style: italic;font-size: 8pt;}
#gallery p{display: inline; color:#666666; font-style: italic;font-size: 8pt;}
#gallery span{margin: 20px 10px 10px 10px; vertical-align:top; display:table-cell; display:inline-table; display:inline-block}
#gallery p img{margin-bottom: 10px}

#gallery_borders{text-align: center; color:#666666; font-style: italic; font-size: 8pt; line-height:150%}
#gallery_borders p{display: inline; color:#666666; font-style: italic; font-size: 8pt; line-height:150%}
#gallery_borders span{margin: 5px; border:thin silver solid; vertical-align:top; display:table-cell; display:inline-table; display:inline-block}
#gallery_borders p img{padding: 5px}

/* -----------TABLES---------------------- */

table#gingers 
              { 
                 border-collapse: collapse;
                 border: 1px #111111; 
                 border:1;
                 cellpadding:7px; 
                 cellspacing:0;
                 text-align: left;
              }
              
table#gingers td  
              { 
                 font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
                 border: 1px solid #111111;
                 padding: 12px; 
                 border-left-style: none; 
                 border-right-style: none;
              }                 
                 
#gingers_col1         { width: 0%; }
               
#gingers_col2         { width: 100%; }
               
#gingers_col3         { width: 0%; }               
               

               

table#gingers td.header       { font-weight: bold; }
table#gingers td.indent       { padding-left: 55px; } /* usage ->      <td class="indent">      */


table#heliconias 
              { 
                 border-collapse: collapse;
                 border: 1px #111111; 
                 border:1;
                 cellpadding:7px; 
                 cellspacing:0;
                 text-align: left;
              }
              
table#heliconias td  
              { 
                 font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
                 border: 1px solid #111111;
                 padding: 12px; 
                 border-left-style: none; 
                 border-right-style: none;
              }                 
                 
#heliconias_col1         { width: 0%; }
               
#heliconias_col2         { width: 60%; }
               
#heliconias_col3         { width: 20%; }               
               
#heliconias_col4         { width: 20%; }       
               

table#heliconias td.header       { font-weight: bold; }
table#heliconias td.indent       { padding-left: 40px; }



table#bamboos 
              { 
                 border-collapse: collapse;
                 border: 1px #111111; 
                 border:1;
                 cellpadding:7px; 
                 cellspacing:0;
                 text-align: left;
              }
              
table#bamboos td  
              { 
                 font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
                 border: 1px solid #111111;
                 padding: 12px 5px 12px 5px; 
                 border-left-style: none; 
                 border-right-style: none;
              } 
			  
			  
table#bamboos .nolink
              {
				color: #FF9900;
				font-size: 14pt;
				text-decoration: underline;
              }			  
			     
#bamboos_col1         { width: 0%; }

#bamboos_col2         { width: 100%; }
               
#bamboos_col3         { width: 0%; }

table#bamboos td.header       { font-weight: bold; }
table#bamboos td.indent       { padding-left: 30px; }

table#column2 
              { 
                 border-collapse: collapse;
                 border: 1px #111111; 
                 border:1;
                 cellpadding:7px; 
                 cellspacing:0;
                 text-align: left;
              }
              
table#column2 td  
              { 
                 font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
                 border: 1px solid #111111;
                 padding: 12px; 
                 border-left-style: none; 
                 border-right-style: none;
              }                 
                 
#column2_col1         { 0%   }
#column2_col2         {85%  }


table#column2 td.header       { font-weight: bold; }
table#column2 td.indent       { padding-left: 30px; }
/* -------------------------POPUP------------------------------ */

#popup_container {
	width: 580px;
    float: none;
    background: #fff;
}

#popup_header {
	height: 100px;
    background: url(images/header_bg_gray.jpg) repeat-x;
}
    
#popup_header_image {
    float: left;
    background: url(images/header_image.jpg) no-repeat;
    width: 150px;
    height: 100px;
}

#popup_header_title {
    height: 100px;
    position: relative;
    float: none;
    font: 19pt garamond, lucida, sans-serif;
    padding: 0px 20px 0px 0px;
    color: #FF9900; 
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
}  

#popup_sidebar {
   	width: 50px;
	float: left;
  	padding: 5px;
	background: #fff;
    }

#popup_maindiv {
    float: none;
    padding: 0px 10px 10px 10px;
	margin-left: 50px;
	background: #fff;
    
}

#popup_footer {
    bottom:0;
    float:none;
    margin-top:-65px;
    height:65px; 
    background:#999999;
    text-align:center; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #cccccc;
}

/* -------------------------THUMBNAIL VIEWER------------------------------ */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}



/* -------------------------HIGHSLIDE PHOTO GALLERY THUMBNAIL VIEWER------------------------------ */
div.thumbwrapper {
	float: left;
	height: 140px;
	width: 140px;
	padding: 5px;
	background: #F0EEE0;
	margin: 8px;
	border: 1px solid #AFAB8E;
	text-align: center;
}

div.thumbwrapper_large {
	float: left;
	height: 208px;
	width: 208px;
	padding: 8px;
	background: #F0EEE0;
	margin: 8px;
	border: 1px solid #AFAB8E;
	text-align: center;
}

* {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    color: black;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}