body { margin: 0 0 0 0; }
.top-left { background-image: url(img/top-left.jpg); background-repeat: repeat-x; background-position: top right; }
.top-right { background-image: url(img/top-right.jpg); background-repeat: repeat-x; background-position: top left; }
.middle-left { background-image: url(img/middle-left.jpg); background-repeat:  no-repeat; background-position: top right; }
.middle-right { background-image: url(img/middle-right.jpg); background-repeat: no-repeat; background-position: top left; }
.mainarea { background-image: url(img/mainbkg.jpg); background-repeat: no-repeat; }
.leftmenuleftrim { background-image: url(img/leftmenulefttrim.png); background-repeat: repeat-y; }
.rightmenurighttrim { background-image: url(img/rightmenurighttrim.png); background-repeat: repeat-y; }
.rightcolumnbkg { background-image: url(img/rightbar.png); background-repeat: repeat-y; }
a, a:visited { text-decoration: none; color: #090; outline: none; }
a:hover { color: #09E; }
a:active { outline: none; }
.maincontent { padding: 45px 45px 0px 20px; }
.incart { background-color: #f3ffe6; border: solid 1px #d2e8bb; color: #66804b; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; padding: 5px 8px 5px 30px; line-height: 16px; margin: 8px 0 0 0; background-image: url(img/incart.gif); background-repeat: no-repeat; }
.outcart { background-color: #ffe6e6; border: solid 1px #dca4a4; color: #933232; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; padding: 5px 8px 5px 30px; line-height: 16px; margin: 8px 0 0 0; background-image: url(img/outcart.gif); background-repeat: no-repeat; }
.caption { display: inline; float: right; margin: 0 0 6px 9px; }
#topimage { margin: 8px 0; }
.line { margin: 0 0 15px 0; border-bottom: solid 1px #b2c75e; height: 1px; font-size: 1px; }
.righttopbkg { background-image: url(img/righttop-bkg.png); background-repeat: repeat-y; font: bold 15px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #0e4800; padding: 0 15px 0 20px; line-height: 140%; }
.rightcolumn { padding: 10px 20px 10px 20px; text-align: left; }
.rightcolumn p strong{ font-size: 11px; color: #000; }
.rightcolumn p { font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #171615; line-height: 16px; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: solid 1px #70706e; }
.signature { font: bold 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; font-style: oblique; color: #366626; padding: 16px 0 8px 0; }
img { border: none; }

.shoppingcart { background-image: url(img/shopcartbkg.gif); background-repeat: repeat-x; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #555; line-height: 16px; padding: 0 8px; }

#menu-company { display: inline; float: left; font: 10px Arial, sans-serif; text-align: center; margin: 0 20px 0 0; color: #777; width: 168px; }
#menu-company a { background-image: url(img/_company.png); height: 24px; background-repeat: no-repeat; background-position: 0 -24px; display: block; }
#menu-company a:hover { background-position: 0 0; }

#menu-products { display: inline; float: left; font: 10px Arial, sans-serif; text-align: center; margin: 0 20px 0 0; color: #777; width: 168px; }
#menu-products a { background-image: url(img/_products.png); height: 26px; background-repeat: no-repeat; background-position: 0 -26px; display: block; }
#menu-products a:hover { background-position: 0 0; }

#menu-sustainability { display: inline; float: left; font: 10px Arial, sans-serif; text-align: center; margin: 0 20px 0 0; color: #777; width: 168px; }
#menu-sustainability a { background-image: url(img/_sustainability.png); height: 26px; background-repeat: no-repeat; background-position: 0 -26px; display: block; }
#menu-sustainability a:hover { background-position: 0 0; }

#menu-history { display: inline; float: left; font: 10px Arial, sans-serif; text-align: center; margin: 0 20px 0 0; color: #777; width: 168px; }
#menu-history a { background-image: url(img/_history.png); height: 26px; background-repeat: no-repeat; background-position: 0 -26px; display: block; }
#menu-history a:hover { background-position: 0 0; }

h1 { font: bold 20px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #61792b; margin: 0 0 10px 0; padding: 0; }
h2 { font: 17px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #666; padding: 5px 0; margin: 15px 0 6px 0; border-top: solid 1px #CCC; }
h3 { font: bold 13px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #657d07; padding: 5px 0; margin: 3px 0; }
h4 { border-bottom: solid 2px #CCC; margin: 0 0 7px 0; padding: 0 0 3px 0; }
h5 { font: bold 13px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #657d07; padding: 5px 0; margin: 8px 0; border-bottom: dashed 1px #BBB; }

.tooltip { font: 10px Arial, Helvetica, sans-serif; color: #888; padding: 3px 0; }
.options { margin: 20px 0 4px 0; background: #EEE; padding: 2px 3px 2px 3px; }
.options td { font: 10px Arial, sans-serif; color: #444; }
.option-enclosure { margin: 6px 0; border: solid 1px #CCC; padding: 10px; }
form { margin: 0; padding: 0; }
.option-enclosure p { color: #555; line-height: 15px; margin: 0 0 10px 0; padding: 0; border: none; }
.formd1-email { font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #888; padding: 4px 0; border-bottom: dashed 1px #CCC; }
.form-txt { font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #777; border: solid 1px #9ecc91; padding: 1px 2px; color: #1e5487; }
.form-txt-100 { width: 100%; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #777; border: solid 1px #9ecc91; padding: 1px 2px; color: #1e5487; }
.form-txt-normal { font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #777; border: solid 1px #9ecc91; color: #1e5487; }

#breadcrumb { font: 10px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #666; padding: 0 0 3px 0; margin: 0 0 10px 0; border-bottom: solid 1px #e3ebdb; }
#breadcrumb a { color: #096; text-decoration: none; }
#breadcrumb a:hover { color: #06F; }

.form-button { font: bold 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #555; background: #EEE; border: solid 1px #AAA; padding: 1px 5px; }
.submit-row { background: #F1F8F1; padding: 4px 0; }
.submit-row2 { background: #F1F8F1; padding: 5px; }

.size11 { font-size: 11px; }
p { margin: 0 0 15px 0; padding: 0; font: 12px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #838383; line-height: 18px; }

#etcetera { font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #888; padding: 5px 0; border-top: solid 1px #CCC; }
#icons a img { border: solid 10px #a7cb59; }
#icons a:hover img { border: solid 10px #7c9e32; }
.same { color: #777; font: bold 13px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; padding: 5px 8px; border: solid 1px #CCC; }


.list-large { font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #525d3e; padding: 3px 0; }
.list1 { padding: 4px 0; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #333; border-bottom: dashed 1px #DDD; line-height: 16px; }
.list2 { padding: 4px 0; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #333; line-height: 16px; }
#errorbox { background: #FDF7F7; border: solid 1px #F00; padding: 4px; margin: 0 0 8px 0; }
#errorbox h1 { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #F00; margin: 0; padding: 0; }
#errorbox p { margin: 0; padding: 0; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #800; }
.product-list { font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; padding: 6px 0; border-bottom: dashed 1px #AAA; }

.footer { border-top: solid 10px #F4F7F0; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #888; padding: 12px 12px 50px 12px; background: #FFF; }
.footer td { font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #777; line-height: 17px; padding: 0 0 10px 0; }
.clear { font-size: 1px; height: 1px; clear: both; }

ul { margin: 0 0 20px 25px; padding: 0; }
li { margin: 1px 0; padding: 0; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #444; }
td { font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; }
.success { background: #F2FFF2; border: solid 1px #B7DEB1; color: #060; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; padding: 4px; line-height: 16px; }
.table-heading { font: bold 10px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #066; background: #ebffd1; padding: 4px; }
.table-list { font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #444; line-height: 16px; padding: 4px; border-bottom: solid 1px #DDD; }
.table-list-price { font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #000; line-height: 16px; padding: 4px; border-bottom: solid 1px #DDD; }
.form-quantity { font: 12px "Courier New", Courier, monospace; color: #000; width: 31px; border: solid 1px #AAA; padding: 2px; }

#tipper { background: #fffacc; color: #000; padding: 6px 6px 6px 20px; position: absolute; font: 11px Tahoma, Verdana, Arial, sans-serif; line-height: 15px; border: solid 1px #CCC; background-image:url(img/bulb.gif); background-repeat: no-repeat; background-position: top-left; }
.tip { font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #243368; padding: 7px 7px 7px 35px; margin: 0 0 15px 0; line-height: 16px; background-color: #ddf6f9; border: solid 1px #b3e0e5; background-image: url(img/tipbkg.gif); background-repeat: no-repeat; }
.tip strong { color: #00F; }
.tip-33 {  width: 72%; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #243368; padding: 7px 7px 7px 28px; margin: 0 0 15px 0; line-height: 16px; background-color: #ddf6f9; border: solid 1px #b3e0e5; background-image: url(img/tipbkg.gif); background-repeat: no-repeat; }
.tip-33 strong { color: #00F; }
.tip2 { text-align: left; position:absolute; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #243368; padding: 7px 7px 7px 35px; margin: 0 0 15px 0; line-height: 16px; background-color: #ddf6f9; border: solid 1px #b3e0e5; background-image: url(img/tipbkg.gif); background-repeat: no-repeat; }
.table-list-close { border-bottom: solid 1px #FFF; border-right: dotted 1px #CCC; padding: 4px; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #4a630c; line-height: 15px; background: #f2f6e8; }
.text11 { font: 11px "Lucida Sans", "Trebuchet MS", Arial, sans-serif; }
.notice { padding: 5px; background: #EBF3FA; border: solid 1px #3CF; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #036; margin: 7px 0; }
.extra-cart { color: #cd6a00; font: 10px Arial, sans-serif; margin: 4px 0 0 0; }
.table-mainheading { font: bold 13px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; padding: 4px 0; border-bottom: solid 2px #AAA; }
.form-d1 { border-bottom: dashed 1px #DDD; padding: 4px; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #444; line-height: 15px; }
.asterisk { font: 12px "Courier New", Courier, monospace; color: #F00; }
.table-list-grand { border-right: dotted 1px #CCC; padding: 4px; font: 12px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #444; line-height: 15px; background: #efefef; border-top: solid 2px #FFF; }
.column-200 { width: 213px; padding: 0 13px 0 0; display: inline; float: left; }
.column-200 p { border-right: dotted 1px #DDD; font: 11px Arial, Helvetica, sans-serif; padding: 4px 0 8px 2px; margin: 0 0 4px 0; border-bottom: solid 10px #EEE; height: 65px; }
.table-list-empty { border-bottom: solid 1px #c9dee7; padding: 4px; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #d33838; line-height: 15px; }

.table-list-close2 { border-bottom: solid 4px #FFF; padding: 4px; font: 11px "Trebuchet MS", "Lucida Sans", Arial, sans-serif; color: #4a630c; line-height: 15px; background: #f2f6e8; }