html, body { margin: 0px; padding: 0px; background: #f9faef; font-family: Verdana, Tahoma, sans-serif; font-size: 90%; }

#header { position: fixed; top: 0px; left: 0px; z-index: 3; width: 100%; height: 120px; }
* html #header { position: absolute; }

#header-main { height: 120px; background: #838e29; background: url("../images/page/header.jpg"); background-repeat: no-repeat; }
* html #header-main { margin-right: 17px; /* for scrollbar*/ }
	#header-shadow { height: 18px; background: url("../images/page/shadow.png"); background-repeat: repeat-x; width: 100%; position: fixed; top: 120px; left: 0px;}

* html, * html body { overflow-y: hidden; height: 100%; margin-top: -120px; } /* for scrollbar in IE */

#content-wrapper { position: relative; z-index: 2; padding-top: 150px; padding-bottom: 20px; padding-left: 245px; padding-right: 50px; margin-left: 0px; background-color: #ffffff; min-height: 100%; }
* html #content-wrapper { height: 100%; padding-bottom: 20px; overflow: auto; overflow-y: scroll; position: relative; z-index: 2; }

* html #left { position: absolute; height: 100%; width: 225px; left: 0px; top: 0px; overflow: hidden; z-index: 1000; margin-bottom: 0px; background: url("../images/page/left.jpg"); background-repeat: no-repeat; } /* IE */
html>body #left { position: fixed; left: 0px; top: 0px; bottom: 0px; padding: 0px; z-index: 1000; width: 225px; background: url("../images/page/left.jpg"); background-repeat: no-repeat; } /* Compliant Browsers */

#menu ul { margin: 275px 15px 0px 0px; padding: 0px; list-style: none; text-align: right; }
#menu li { margin: 0px; padding: 0px; width: 100%; }
#menu a { display: block; padding: 2px 10px 2px 0px; color: #f9faef; background: #838e29; font-size: 1.3em; font-weight: normal; text-decoration: none; }
#menu a:hover { color: #838e29; background: #f9faef; }
#menu .active { display: block; padding: 2px 10px 2px 0px; background: #f9faef; font-size: 1.3em; font-weight: normal; text-decoration: none; }

img { background-color: transparent; border: 0px; padding: 0px; margin: 0px; }
img a { border: 0px; padding: 0px; margin: 0px; }


#content { margin: 20px; }
#content img { margin: 0px; padding: 5px; border: 1px solid #838e29; }
#content a { color: #838e29; }
#content a:hover { color: #393E12; }
#content form { background-color: #dbe1a1; border: 1px solid #838e29; margin: 0px; padding: 0px; width: 90%; }
#content form.noStyle { background-color: transparent; border: 0px; margin: 0px 0px 20px 0px; padding: 0px; }
#content h1 { font-size: 180%; margin: 1em 0em 1em 0em; color: #838e29; }
#content h2 { font-size: 150%; margin: 1em 0em 1em 0em; color: #838e29; }
#content h3 { font-size: 120%; margin: 1em 0em 1em 0em; color: #838e29; }
#content li { margin: 1em 0em 0em 0em; }
#content th { text-align: left; margin: 0px; padding: 10px; background-color: #BEC953; }
#content table { margin: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; }
#content th { border-top: 1px solid #81882B; border-bottom: 1px solid #81882B; }
#content tr, td { margin: 0px; padding: 2px 0px 2px 0px; }

.confirmOrder { width: 80%; border: 1px solid #000000; border-collapse: collapse; border-spacing: 0px; }
.borderCell { border: 1px solid #000000; padding: 5px; }
h1.screenHide { height: 0em; visibility: hidden; }
.itemOil { float: left; width: 200px; margin: 10px 0px 10px 10px; padding: 10px; border: 1px solid #81882B; }
.itemNuts { float: left; width: 350px; margin: 10px 0px 10px 10px; padding: 10px; border: 1px solid #81882B; }
.itemHorseradish { float: left; width: 350px; margin: 10px 0px 10px 10px; padding: 10px; border: 1px solid #81882B; }
.itemGrapes { float: left; width: 350px; margin: 10px 0px 10px 10px; padding: 10px; border: 1px solid #81882B; }