#ecocontainer div {font-size: 1em;}
.smartedit {background-color: #fff;font-size: .76em;}
h1, h2, h3, h4, h5, h6 {color: #859e26;}


a {color: #e57200; text-decoration:none;    background: transparent; }
a:hover { text-decoration:underline;    background: transparent; }
a:visited {color: #B05801;}
.green {color: #87a02b;}

a.readmore {font-size: 0.9em; margin-left: .25em; color: #e47200;}
a.pdf { 
    background: url(/shandgreenhouse/ico-pdf.gif) no-repeat right center;
    padding-right: 20px;
    /*line-height: 16px;  To center the text vertically with the icon */
}


p {font-size: .76em; line-height:1.76em; padding: 0 0 1em 0;}
#breadcrumbs {width: 580px; font-size: 0.7em;color: #888; display:block; padding: 0 0 1em 0; margin: 0 0 1em 0; border-bottom: 1px dotted #ccc;}
#breadcrumbs a {color: #888; text-decoration:none;}
#breadcrumbs a:hover {color: #333; text-decoration:none; background:none;}*/

.greater {font-size: 1.2em; font-weight:normal;color: #999;}
hr {background-color: #e1e1e1; color: #e1e1e1; height: 1px; border: 0; width: 100%;}


table {font-size: .66em; width: 100%;}
.rtable{background-color: #F5F6EB; margin: 1.5em 0;padding: 6px 0;}
table td {padding: 10px 20px; line-height: 1.5em;}
table.zebra {background-color: #fff; border: none;}
table.zebra td {padding: 5px 20px;}
.odd {background-color: #F5F6F5;}



/*
align all content images to right
#content img {float: right; padding:10px 0 20px 20px;}
*/

img.paddingleft {padding:0 0 20px 20px;}
img.paddingright {padding:0 20px 20px 0;}

#content h1 {font-size: 1.5em;font-weight:normal; padding-bottom: 24px;}
#content h2 {padding-bottom: 8px;}

/*#ico_printer a{text-decoration: none!important; color: #888!important;}
#ico_printer a:hover{text-decoration: none!important; color: #333!important;}*/
#ico_printer {float:right; width: 15px; margin-top:-14px;}

/*
   new ul
*/
#content ul {list-style-type: disc;}
#content ol {list-style-type: decimal;}
#content ul, #content ol {
   margin:auto -3em 1em 0; padding:0; 
   position:relative; left:-2.7em; overflow:hidden; }
#content li { margin-top:0.25em; margin-bottom:0.25em;  line-height: 1.76em; font-size: .76em;}
#content ul ul, #content ul ol, 
#content ol ol, #content ol ul { margin-left:1em; padding-left:0; }
#content ul li, #content ol li { margin-left:5em; }
#content li li { margin-left:1em; }
#content ul li ul, #content ol li ul {margin-left: 50px; font-size: 1.36em}

#content {color: #333;}


/*
UI Tab Stuff
*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}
/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0!important;
    padding: 0!important;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px!important;
    min-width: 84px; /* be nice to Opera */
padding-bottom: 0!important;
}

.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(/shandgreenhouse/tab.gif) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #999;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #666;
}
.ui-tabs-nav a:hover {color: #666;}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #D1D2CA;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(/shandgreenhouse/loading.gif) no-repeat 0 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
 
/*
  fix ul
*/
#ecocontainer ul {margin: 0 0 0 31px!important; padding: 0!important;list-style-type:none;}


/*

slideshow

*/

#slideshowContainer {background: #ebebeb; border: 1px solid #d0d0d0; text-align:center; margin-top: 20px;}
#nav {text-align:right; border-bottom: 2px solid #e1e1e1; margin-bottom:10px; padding-bottom:5px; padding-right:5px;}
#nav a { font-size:0.76em; color:#999; text-decoration: none; margin: 0; padding: 3px 5px;  }
#nav a.activeSlide { color: #333; font-weight: bold;}
#nav a:focus { outline: none; }
#prevnext {
    text-align:right;
    margin-bottom: 10px;
    font-size:0.6em;
     padding-right:5px;
}
#prevnext a {color:#999; text-decoration: none;}
#prevnext a:hover,
#nav a:hover {color: #333}
#output {margin-top: -27px;}
 
/*
jNice - search
*/
/* -------------
 * Buttons
 * ------------- */
button {margin:-2px 0 0 0;padding:0;border:none;background-color:transparent;cursor:pointer;overflow:visible;outline:none;moz-outline:none;}
*:first-child+html button[type]{width:1;} /* IE7 */
button span {
    background: transparent url(/shandgreenhouse/btn_right.gif) no-repeat scroll right top;
    display: block;
    float: left;
    padding: 0px 4px 0px 0px; /* sliding doors padding */
    margin: 0px;
}
button span span {
    background: transparent url(/shandgreenhouse/btn_left.gif) no-repeat;
    color: #fff;
    padding: 0px 4px 3px 8px;
    font-weight: bold;
    font-size: 10px;
    line-height: 18px;
    display: block;
    text-decoration: none;
}
/* -------------
 * Inputs
 * ------------- */
.jNiceInputWrapper {
    background: transparent url(/shandgreenhouse/input.gif) no-repeat left top;
    float:left;
}
.jNiceInputInner {
    background: transparent url(/shandgreenhouse/input.gif) no-repeat right top;
    padding: 2px 4px 0 0;
    margin: 0 0 0 4px;
}
.jNiceInputInner input {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#404040;    
    line-height: 17px;
    height: 17px;
    *line-height: 15px;/* IE Hacks */
    *height: 15px;/* IE Hacks */
    vertical-align:middle;padding:0;margin:0;background:none;border:none;outline:none;
}
.jNiceInputWrapper_hover { background-position: left bottom; }
.jNiceInputWrapper_hover .jNiceInputInner { background-position: right bottom; }
/* -------------
 * Radios
 * ------------- */
.jRadioWrapper { float: left; z-index: 2; }
.jNiceRadio {
    background: transparent url(elements/radio.gif) no-repeat center top;
    height: 18px;
    width: 18px;
    position:absolute;left:0px;top:0px;cursor:pointer;vertical-align:middle;
}
/* -------------
 * Checkboxes
 * ------------- */
.jNiceCheckbox {
    background: transparent url(elements/checkbox.gif) no-repeat center top;
    height: 18px;
    width: 18px;
    position:absolute;left:0px;top:0px;z-index:2;cursor:pointer;
}
/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
.jNiceChecked { background-position: center bottom;}
/* -------------
 * Selects
 * ------------- */
.jNiceWrapper select {border:none;margin:0;padding:0;}
.jNiceSelectWrapper {
    height: 17px;
    left:0px;top:0px;z-index:3;position:absolute;
}
.jNiceWrapper iframe {position:absolute;z-index:1;width:100%;left:0px;top:0px;}
.jNiceSelectWrapper .jNiceSelectText {
    height: 15px;
    line-height: 15px;
    padding: 0px 3px;
    border: 1px solid #CCCCCC;
    border-right: none;
    background-color: #FFF;
    overflow:hidden;float:none;position:absolute;z-index:100;
}
.jNiceSelectWrapper .jNiceSelectOpen {
    width: 21px;
    height: 17px;
    background: url(elements/select_right.gif) no-repeat center center;
    z-index:100;display:block;position:absolute;right:0px;
}
.jNiceSelectWrapper ul {
    top: 16px;
    background-color: #FFF;
    border: solid 1px #CCC;
    height: 150px;
    position:absolute;left:0px;list-style:none;display: none;margin:0;padding:0;overflow-y:auto;z-index:100;width: 95%;
}
.jNiceSelectWrapper ul a {
    color:#0099CC;
    background-color: #FFF;
    display:block;padding:5px;text-decoration:none;
}
.jNiceSelectWrapper ul a:hover { background:#E1F5FF; }
.jNiceSelectWrapper ul a.selected {background: #EDEDED;}
.jNiceFocus { border: dotted 1px #666666; }
.jNiceHidden {opacity:0;z-index:-1;position:relative;}
.jNiceWrapper {position:relative;vertical-align:top;}
.jNiceWrapper input {outline:none;moz-outline:none;}
 


/*
slideshow stuff
*/

.slideshow_nav { margin: 0; padding: 0; }
#slideshow_nav a{ line-height: 2em; margin: 0 1px 0 0;  padding: 3px 7px; color:#999; border: 1px solid #efefef; text-decoration: none; }
#slideshow_nav a:focus { outline: none; }
#slideshow_nav a:hover {color: #333; background-color:#efefef; }
#slideshow_nav a.activeSlide { color: #333; font-weight:bold;border: 1px solid #999; }
#slideshow_nav { text-align: left; /*position:relative; top: 252px; left: 526px;*/ z-index:80; padding: 0; margin:0; background-color: transparent; }

#slideshow_container p {padding: 10px 0 0 10px; margin: 0; }

    #slideshow_container {background-color: #fff;}
    #slideshow_container {height: 440px; width:520px}
    div.slideshow_image {height: 385px; width:520px; text-align: center; vertical-align:middle;}
    div.slideshow_image img {text-align: center; margin-top: 10px;  border: 1px solid #999;}
    div.slideshow_copy,
    div.slideshow_copy {padding: 0; margin: 0;}
.slideshow_box { border: 1px solid #999; height: 440px;}
 

/*
 for tab
*/

#my-text-link {cursor: pointer; cursor: hand;}