body { font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-image: url(i/bg-main.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center top; position: relative; }
#page     { line-height: 1.2em; background-image: url('(EmptyReference!)'); background-repeat: repeat-y; background-position: right center; text-align: center; position: relative; width: 776px; display: block; margin: 0 auto; padding: 0; }
#header   { background-image: url(i/bg-tabs.jpg); background-repeat: repeat-x; background-position: center bottom; text-align: left; height: auto; display: block; margin: 0; padding: 0; }
#header img     { }
#header img.logo { clear: both; margin: 10px; }
#header h1         { color: #c8c8c8; font-weight: normal; display: inline; margin-top: 20px; float: right ; margin-bottom: 0; padding: 0; }
#main.nav  { background-repeat: no-repeat; height: 22px; display: block; margin: 0 0 0 60px; padding: 0; }
#main.nav ul li { float: left; display: inline; }
#main.nav ul li a { color: #fff; font-size: 0.9em; font-weight: bold; background-color: #4f6e18; text-decoration: none; background-repeat: no-repeat; background-position: center -20px; text-align: left; letter-spacing: 0.05em; width: auto; padding: 0 10px; height: 20px; float: left; margin-right: 4px; display: block; }
#main.nav ul li a span { display: none; }
#main.nav ul li.home a { background-image: url(i/nav-home.gif); width: 48px; }
#main.nav ul li.catalog a { background-image: url(i/nav-catalog.gif); width: 118px; }
#main.nav ul li.request a { background-image: url(i/nav-request.gif); width: 148px; }
#main.nav ul li.info a { background-image: url(i/nav-info.gif); width: 104px; }
#main.nav ul li.ce a { background-image: url(i/nav-ce.gif); width: 120px; }
#main.nav ul li a:hover, #main.nav ul li.current a  { color: #4f6e18; background-color: #e5efd4; background-position: center 0; }
#main.nav ul li.current a { position: relative; top: 2px; }
.nav ul { margin: 0 10px 0 0; list-style-type: none; padding-top: 0; padding-right: 0; padding-left: 0; }
.nav ul li a   { font-size: 0.9em; font-weight: normal; line-height: 1.2em; text-decoration: none; letter-spacing: 0.05em; position: relative; display: block; padding: 2px 2px 2px 8px; margin: 0; }
p { }
td { }
a img { border-style: none; border-width: 0; }
#content         { color: #4f6e18; line-height: 1.4em; background-color: #e5efd4; background-position: center top; text-align: center; position: relative; height: 1%; margin: 0; padding: 18px 0 20px; }
#content div.text { position: relative; margin: 0.4em 190px 1em 10px; padding-right: 1em; display: block; }
body#catalog #content div.text { margin-left: 140px; }
#content div.callout { color: #e5efd4; font-size: 90%; line-height: 1em; background-image: url(i/bg-fun_fact.gif); background-repeat: no-repeat; background-position: center; position: relative; width: 188px; height: 400px; float: right; margin-top: 10px; margin-right: 2px; padding: 18px 0 18px 4px; }
#content div.callout marquee { width: 176px; }
#content div.callout p { line-height: 1.2em; padding: 0.2em 1em 0.2em 0.2em; }
#content div.callout ul, #content div.callout dl { font-size: 0.8em; line-height: 1em; margin-left: 1em; padding-right: 1em; padding-left: 2em; }
#content div.callout span.top { background-color: #e5efd4; background-repeat: no-repeat; background-position: center top; width: 188px; margin: 0; padding-top: 10px; display: none; }
#content div.callout h1 { color: #e5efd4; font-size: 1.4em; font-weight: bold; line-height: 1em; text-align: center; }
#content div.callout h1 span { display: none; }
#content div.photos { background-color: white; margin-top: 10px; margin-right: 6px; position: relative; width: 300px; float: right; margin-left: 1em; border: solid 1px #4f6e18; display: block; }
div.examples a span.desc { color: #e5efd4; font-size: small; line-height: 1em; background-color: #b5ff51; text-align: left; width: 160px; z-index: 0; margin-top: -140px; padding: 0.4em; border: solid 1px; display: none; filter: alpha(opacity=90); opacity: .9; border-radius: 8px; /* CSS3 rounded corners */
  -moz-border-radius: 8px; /* Mozilla rounded corners */            }
div.examples a span img { vertical-align: middle; margin: 2px 4px 4px 2px; display: inline; }
div.examples a:hover span.desc { line-height: 1.2em; background-color: #74942f; position: absolute; top: 0; left: 1em; z-index: 99; display: block; }
#content a, #footer a { color: #8cc63f; text-decoration: none ; margin-left: 0.2em; }
#content a:hover, #footer a:hover { color: #d5d110 }
#content.detail   { color: #10223a; background-color: transparent; padding-right: 20px; padding-left: 20px }
#content.detail img.item    { margin: 2px; position: relative; float: right ; border-style: none; border-width: 0; }
#content.detail a.large img.item.large { position: absolute; top: 0; right: 100px; z-index: 99; border: solid 1px #909cb3; display: none; }
#content.detail a.large:hover img.item.large { display: block; }
div.qty .labeltext { color: #696969; font-weight: normal; position: relative }
#content h1   { color: #4f6e18; font-size: 1.6em; font-weight: normal; font-stretch: condensed; text-transform: uppercase; text-align: left; letter-spacing: 0.1em; margin: 0.2em auto; padding: 0     }
#content h2        { font-size: 1.4em; font-weight: normal; text-align: left; margin-top: 0.2em; margin-bottom: 0.2em; }
#content h3    { color: #696969; font-weight: normal; text-align: left; margin: 0.2em 0 0;}
#content.detail h1 { }
#content p, #content ul, #content address         { font-size: 0.8em; text-align: left; margin-top: 0.2em; margin-bottom: 0.4em; margin-left: 1em; }
#content ul.category { float: left; }
#content ul.category li { color: #e5efd4; background-color: #4f6e18; vertical-align: middle; margin: 0; padding: 4px; list-style-position: inside; }
#content ul.category li.organic { list-style-image: url(i/icon-organic.gif); }
#content ul.category li.recycled { list-style-image: url(i/icon-recycle.gif); }
#content ul.category li.natural { list-style-image: url(i/icon-natural.gif); }
body#home #content div.special {
	color: #415d0c;
	font-weight: bold;
	line-height: 1.2;
	background-color: #c5e09b;
	background-image: url(i/bg-tabs.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: center;
	letter-spacing: 0.1em;
#74942f;
	padding-top: 0.6em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	margin: 0em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #74942f;
}
body#home #content div.special p {
	text-align: center;
	letter-spacing: 0.1em;
	margin: 1em;
}
#content.detail table   { background-color: #fff; width: 100%; border-collapse: collapse   }
#content.detail table tbody td  { white-space: normal; border-top: 1px solid #c8c8c8 }
#content.detail table tbody tr:nth-child( even )  /* yellow evens */ 
      { background: #fceebc }
#content.detail table tbody tr:nth-child( odd )  /* white odd */ 
    { background:white; }
#content ul { padding-left: 0  }
#content ul li  { margin-bottom: 0.4em }
body.detail #content p  {  }
#footer     { color: white; font-size: 1em; font-weight: normal; line-height: 1.2em; background-color: #4f6e18; background-image: url(i/bg-tabs.jpg); background-repeat: repeat-x; background-position: center top; text-align: center; width: 776px; margin: auto auto 0; padding-top: 1em; padding-bottom: 1em; filter: alpha(opacity=90); opacity: .9    }
#footer a { font-weight: bold; letter-spacing: 0.1em; }
#footer p { text-align: left; width: 500px; margin: auto    ; padding: 0; }
td {}
.clear  { float: none; clear: both }
#content div.items     { display: block; margin: 20px 190px 20px 152px; position: relative; width: 420px; }
#content div.items.home        { display: block; margin-top: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; width: 120px; float: right   }
#content div.items.home h2 a { font-style: normal; font-weight: normal; text-decoration: none; margin: 0; padding: 0; border: solid 1px #000 }
#content div.items.home h2 { font-size: 0.8em; border-style: none  }
#content div.items.home a        { border: solid 1px #10223a; filter: alpha(opacity=80); opacity: .8  }
#content div.items.home a span    { float: left }
#content div.items.home a:hover  { filter: alpha(opacity=100); opacity: 1    }
#content div.items a        { color: #fff; font-size: 0.6em; font-style: normal; line-height: 0.9em; text-decoration: none; background-color: #4f6e18; display: block; margin: 1px 1px 6px; padding: 0; width: 100px; float: left; }
#content div.items a:hover { background-color: #7bac25; background-position: right 0; cursor: pointer; }
#content div.items a span       { font-weight: bold; display: block; width: 92px; overflow: visible    }
#content div.items a span.title { background-image: url('(EmptyReference!)'); background-repeat: no-repeat; background-position: left top; height: 4em; overflow: hidden; padding-top: 0.4em; padding-right: 2px; padding-left: 2px; }
#content div.items a:hover span.title { background-image: url('(EmptyReference!)'); background-repeat: no-repeat; background-position: right top; }
#content div.items a span.price { background-image: url('(EmptyReference!)'); background-repeat: no-repeat; background-position: left bottom; height: 16px; }
#content div.items a:hover span.price { background-image: url('(EmptyReference!)'); background-repeat: no-repeat; background-position: right bottom; }
#content div.items a img   { margin: 0 0 4px; padding: 0; float: none; clear: both; border-style: none; border-width: 0; }
/* Hides from IE-mac \*/
* html #content div.items { text-align: center; height: 1% }
/* End hide from IE-mac */
div.qty { font-size: 90%; display: block; margin: auto; padding: 4px }
div.qty div.row label, div.qty div.row .label    { color: #8cc63f; font-weight: normal; text-align: right; display: block; padding-right: 0.2em; padding-left: 0.2em; position: relative; width: 4em; float: left   }
div.qty .labeltext { color: #8cc63f; font-weight: normal; position: relative }
div.row  { text-align: left; padding-bottom: 1em; height: auto }
div.row input, div.row textarea, div.row select { text-align: left ; border-color: #4f6e18 #b5ff51 #b5ff51 #7bac25; }
#content a.button       { color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; background-color: #3a688f; letter-spacing: 0.1em; cursor: pointer; margin: 4px; padding: 4px 6px; position: relative; top: 4px; width: auto; height: 30px; border-style: solid; border-width: 1px; border-color: #dcdcdc #696969 #696969 #dcdcdc }
#content a.button:hover  { color: #d2ff59; background-color: #313131; border-style: solid; border-width: 1px; border-color: #000 #696969 #696969 #000 }
/*forms
*/
div.row   { font-size: 0.8em ; }
.center { text-align: center; }
form.info div.row label, form.info div.row span.label    { color: #8cc63f; text-align: right; vertical-align: middle; display: block; padding-right: 0.2em; position: relative; float: left; }
form.info div.row input { border-color: #9eb5cc }
div.row input, div.row textarea, div.row select { text-align: left }
#brand.nav { position: relative; width: auto; float: left; margin: 10px 0 20px; padding: 0; display: block; }
#brand.nav ul li a { color: #e5efd4; font-size: 0.9em; font-weight: bold; background-color: #4f6e18; background-repeat: no-repeat; background-position: center; width: 116px; height: auto; overflow: auto; margin: 0; padding-top: 4px; border-style: none; border-width: 0; }
#brand.nav ul li a:hover, #brand.nav ul li a.current { color: #4f6e18; background-color: #e5efd4; }
#brand.nav ul li ul li a { color: #fff; line-height: 30px; background-image: url('(EmptyReference!)'); background-position: 0 center; width: 200px; height: 30px; border-style: none; border-width: 0; }
form div.row { text-align: left; margin-top: 0.2em; margin-bottom: 0.4em; display: block; }
fieldset { margin: auto; padding: 0.4em; border: solid 1px #7bac25; }
form fieldset legend { color: #4f6e18; font-weight: bold; font-style: italic; letter-spacing: 0.1em; }
form fieldset fieldset legend { font-weight: normal; }
div.row span.label { text-align: right; width: 140px; float: left; margin-right: 0.4em; margin-left: 0.4em; display: block; }
form div.row label em { color: #8cc63f; margin-right: 0.4em; margin-left: 0.4em; }
#content form { width: auto; }
fieldset * { overflow: hidden; }
#content div.text ul { margin-bottom: 0.4em; margin-left: 1.4em; padding-left: 1.4em; }
div.examples a { font-size: 1.1em; position: relative; z-index: 1; padding-left: 10px; display: inline; }
div.examples a:hover { font-size: 1em; }
div.ads { text-align: right; float: right; }
div.ads span { margin: 1em; }