@CHARSET "ISO-8859-1";

html
  { overflow-y: scroll; }
html, body
  {  height: 100%; padding: 0; margin: 0; }
body
  { background: #EAEBE8; font-size: 100%; font-family: Verdana, Arial, Helvetica, 'sans-serif'; }

h1
  { font-family: 'Arial Rounded MT Bold', Arial, Verdana, Helvetica, 'sans-serif'; font-weight: normal; color: #37760A; font-size: 22px; margin-top: 0; }
h2
  { font-family: Arial, Verdana, Helvetica; font-size: 18px; margin-top: 0; }
a
  { color: #419619; text-decoration: none; }
a:hover
  { text-decoration: underline; }

div#header
  { width: 835px; height: 162px; padding: 0; margin: 0 auto; background: #FFF url(../images/header_white.gif); }

div#logo
  { padding: 12px 0 0 8px; float: left; }
div#logo div#contactdetails
  { display: block; margin: 4px 0 0 8px; line-height: 20px; font-size: 0.7em; font-weight: bold; }
div#rightheadimg
  { padding: 12px 8px 0 0; float: right; }

/**
 * Navigation
 */
div#nav,
div#navlinks
  { background-color: #37760A; }

div#nav
  { position: relative; overflow: hidden; width: 100%; padding: 0; height: 38px; font-size: 0.8em; font-family: 'Arial Rounded MT Bold', Arial, Verdana, Helvetica, 'sans-serif'; }
  div#nav ul,
  #div#nav ul li
    { margin: 0; padding: 0; }
  div#nav ul
    { position: relative; width: 835px; padding-right: 10px; height: 38px; margin: 0 auto; text-align: right; }
    div#nav ul li
      { position: relative; float: right; list-style: none; }
      div#nav ul li a
        { display: block; padding: 8px 0 0 0; text-decoration: none; color: #FFF; font-size: 1.4em; height: 34px; width: 80px; text-align: center; }
      div#nav ul li a.selected
        { padding: 4px 0 0 0; color: #000; background: url(../images/nav_white_high.gif) right top no-repeat; text-decoration: none; width: 80px; }

/*
div#navlinks { position: relative; width: 835px; padding-right: 10px; height: 38px; margin: 0 auto; text-align: right; }
.navlink { float: right; padding-top: 5px; text-decoration: none; color: #FFFFFF; font-size: 18px; height: 34px; width: 80px; text-align:center; }
.navlink:hover { color: #FFFFFF; text-decoration: none; }
.navlinkhigh { padding: 5px 0 0 0; color: #000; background: url("../images/nav_white_high.gif") right top no-repeat; text-decoration: none; width: 80px; }
.navlinkhigh:hover { color: #000; }
*/

/*
div#subnav, div#subnavlinks { background-color: #419619; }
div#subnav { width: 100%; padding: 0; }

div#subnavlinks { position: relative; clear: both; height: 28px; width: 835px; padding-right: 15px; text-align: right; margin: 0 auto; }

.subnavlink { display: inline; float: right; height: 25px; width: 80px; padding: 3px 5px 0 5px; text-decoration: none; color: #FFF; font-family: Arial; font-size: 16px; font-weight: bold; text-align: center; }
.subnavlink:hover { background-color: #FFF; color: #000; text-decoration: none; }
*/

div#content
  { width: 835px; padding: 0; margin: 0 auto; background-color: #FFF; font-size: 0.75em; }
  div#side-content
    { width: 20%; float: left; background-color: #FFF; clear: both; min-height: 300px; }
  * html div#side-content { /* IE 6 fix for height */ height: auto !important; height: 300px; }

  div#side-content .box
    { overflow: hidden; margin: 15px 0 8px 0; }
  div#side-content .box table
    { width: 150px; float: right; border-collapse: collapse; border-spacing: 0; }
  div#side-content .box table td.box-header
    { color: #FFF; background: url(../images/left_nav_top.gif) no-repeat top center; font-family: Arial, Verdana, Helvetica, 'sans-serif'; font-size: 1.1em; font-weight: bold; }
  div#side-content .box table td.box-footer
    { color: #FFF; background: url(../images/left_nav_bottom.gif) no-repeat bottom center; }
  div#side-content .box table td
    { text-align: center; padding: 3px 0; background: url(../images/left_nav_middle.gif) repeat-y center; }
  div#side-content .box table td.heading
    { font-weight: bold; }

  div#side-content ul.side-menu
    { position: relative; float: right; list-style: none; overflow: hidden; margin: 15px 0; padding: 0; clear: both; }
    div#side-content ul.side-menu li
      { margin: 4px 0; }
    div#side-content ul.side-menu li a
      { list-style: none; display: block; height: 30px; width: 150px; margin: 0; padding: 0; text-indent: -9999px; }
    div#side-content ul.side-menu li.corporate a
      { background: url(../images/corporate-menu.png); }
    div#side-content ul.side-menu li.private a
      { background: url(../images/private-menu.png); }
    div#side-content ul.side-menu li.pick-n-mix
      { margin: 14px 0 4px 0; }
    div#side-content ul.side-menu li.pick-n-mix a
      { background: url(../images/pick-n-mix.png); }

    div#side-content .special-offer
      { float: right; clear: right; overflow: hidden; width: 150px; margin: 8px 0; }
/**/

div#main
  { width: 80%; height: 100%; float: right; background-color: #FFF; }

.main
  { padding: 15px; }
* html div#main
  { /* IE 6 fix for width */ width: 78%; }
.menuTypeTitle
  { font-size: 16px; font-weight: bold; padding: 15px 0 5px 12px; }

.menuContainer
  { border: 1px solid #CCC; padding: 0; margin: 0; max-width: 700px; }

.menuItem
  { padding: 4px 0 16px 10px; }
.row_even
  { background-color: #E4FFDF; }
.row_odd
  { background-color: #FFFFFF; }

.menuItem h2 { font-size: 14px; margin-top: 4px; }
.menuItem .menuItemPic { float: right; background: url(../images/shadow_alpha.png) no-repeat bottom right !important; background: url(../images/shadow.gif) no-repeat bottom right;
                         margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; }
.menuItem .menuItemPic img { display: block; position: relative; background-color: #FFF; border: 1px solid #A9A9A9; margin: -6px 6px 6px -6px; padding: 4px; }
.menuItem .menuItemPrice { font-weight: bold; margin-bottom: 0; }
.menuItem .menuItemImage { position: relative; overflow: hidden; width: 200px; height: 150px; margin: 8px 0 8px 8px; }
.menuItem .menuItemImage .overlay { position: absolute; top: 0; left: 0; z-index: 900; }


div#footer { position: relative; clear: both; margin: 0 auto; width: 835px; height: 28px; padding-top: 7px; background: url(../images/footer.gif) no-repeat; color: #FFF; font-size: 10px; }

#footer p { position: absolute; left: 315px; margin: 0 auto; padding: 0; white-space: nowrap; }
#footer a { color: #FFF; text-decoration: underline; }

/* Home */
#homePics { float: right; width: 220px; }

/* Order Form */
table.order_form
  { width: 100%; }
  table.order_form tr
    {  }
    table.order_form tr td
      { padding: 3px 0; }
      table.order_form tr td label,
      table.order_form tr td.label
        { font-weight: bold; }
      table.order_form tr td label.nobold
        { font-weight: normal; }

#quantity_price
  { display: inline; margin-left: 10px; }

table.order_form td textarea
  { font-family: Arial, Verdana, Helvetica, 'sans-serif'; font-size: 12px; }

#menuitem_info
  { position: relative; display: block; height: 100%; font-size: 100%; margin: 2px; }
#menuitem_info > div /* A fix for ie7 invisible text */
  { position: relative; }

/* Pick n Mix */
table.pnm_table
  { width: 100%; }
table.pnm_table td
  { padding: 2px; }
table.pnm_table th
  { padding: 4px; }

/* Testimonials */
.testimonialContainer
  { overflow: hidden; }
.testimonialContainer .testimonial
  { overflow: hidden; padding: 6px; margin: 6px 0; }
.testimonialContainer .testimonial h2
  { margin: 0; padding: 0; font-size: 1em; }
.testimonialContainer .testimonial p
  { margin: 6px; font-style: italic; }


.row_error td,
p.error
  { font-weight: bold; color: #D8000C; }