body {
        background-color: #4c565e;
        padding: 0;
        margin: 0;
        font-family: Arial, sans-serif;
      }

      img {
        border: 0;
      }

      a {
        cursor: pointer;
      }

      div.wrapper {
        width: 100%;
        background-repeat: repeat-x;
      }

      div.middle {
        width: 960px;
        margin: 0 auto;
      }

      /* ACTION BUTTON */

      a.action {
        display: block;
        height: 26px;
        width: 150px;

        padding-top: 5px;
        text-align: center;

        background-image: url(../../static/images/action-background.png);
        background-repeat: no-repeat;
        text-decoration: none;

        cursor: pointer;
        color: white;
        text-transform: uppercase;
        font-size: 9pt;
      }

      /* LIGHTBOX */

      #lightbox {
        background-color:#eee;
        padding: 10px;
        border-bottom: 2px solid #666;
        border-right: 2px solid #666;
      }

      #lightboxDetails {
        font-size: 0.8em;
        padding-top: 0.4em;
      }

      #lightboxCaption {
        float: left;
      }

      #keyboardMsg {
        float: right;
      }

      #closeButton {
        top: 5px; right: 5px;
      }

      #lightbox img {
        border: none; clear: both;
      }

      #overlay img {
        border: none;
      }

      #overlay {
        background-image: url(../../static/images/overlay.png);
      }

      * html #overlay {
        background-color: #333;
        background-color: transparent;
        background-image: url(../../static/images/lightbox-blank.gif);
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/static/images/overlay.png", sizingMethod="scale");
      }

      /* ROWS */

      div#header-wrapper {
        background-image: url(../../static/images/header-background.png);
        background-color: #31373c;
      }
        div#header {
          height: 90px;
        }

        div#header h1 {
          float: left;
          width: 300px;
          height: 38px;
          margin-top: 30px;
          margin-bottom: 0;
          padding: 0;
          font-size: 0px;
          background-image: url(../../static/images/logo.png);

        }

        div#header h1 a, div#header h1 a:hover, div#header h1 a:visited, div#header h1 a:active {
          width: 300px;
          height: 38px;
          display: block;
          text-decoration: none;
          color: #31373c;
        }
        div#header ul {
          list-style: none;
          padding: 0;
          margin-top: 0px;
          float: right;
          margin-top: 45px;
        }

        div#header ul li {
          float: left;
          font-size: 12pt;
          margin-left: 20px;
        }

        div#header ul li a {
          color: #b0b9bf;
          text-decoration: none;
        }

        div#header ul li a.youarehere {
          color: #00aeef
        }

      div#banner-wrapper {
        background-image: url(../../static/images/banner-background.png);
      }
        div#banner {
          color: #57636c;
          height: 357px;
        }

      div#breadcrumbs-wrapper {
        background-color: #64727c;
        background-image: url(../../static/images/breadcrumbs-background.png);
        background-repeat: repeat-x;
      }

        div#breadcrumbs {
          height: 38px;
          position: relative;
        }

        div#breadcrumbs ul {
          margin-left: 0;
          list-style: none;
          margin-top: 3px;
          float: left;
          padding: 0;

        }

        div#breadcrumbs ul li {
          float: left;
          margin-right: 4px;
        }

        div#breadcrumbs a {
          text-decoration: none;
          font-size: 8pt;
          color: #c8ced3;
        }

        div#breadcrumbs img {
          position: absolute;
          right: 92px;
          display: none;
        }


      div#content-wrapper {
        background-image: url(../../static/images/content-background.png);
        background-color: #64727c;
        background-position: bottom;
      }
        div#content { /* height is determined by child elements - vertically liquid */
        }

        div#content h2, div#content h2 a, div#content h2 a:hover, div#content h2 a:visited, div#content h2 a:active, div#content li h2, div#content li h2 a, div#content li h2 a:hover, div#content li h2 a:visited, div#content li h2 a:active {
          color: #dfe2e5;
          font-weight: normal;
          font-size: 28pt;
          margin: 0;
          margin-bottom: 0;
          text-decoration: none;
        }

        div#content h2 span {
          color: #00AEEF;
        }

        div#content h3 {
          color: #97a3ab;
          font-weight: normal;
          font-size: 14pt;
          margin-top: -4px;
          margin-bottom: 4px;
        }

        h3 span {
          text-transform: uppercase;
          font-weight: normal;
          font-size: 8pt;
          padding-left: 10px;
        }

        div#content h5 {
          margin: 0 0 0 3px;
          text-transform: uppercase;
          font-size: 8pt;
          font-weight: normal;
        }

        label, th, td, td a, div#content li a, div#content p a, div#content p a:hover, div#content p a:active, div#content p a:visited, div#content p, div#content ul li, div#content dl *, div#content ol li {
          color: #dfe2e5;
          font-size: 10pt;
        }

        div#content ol li {
          margin-top: 10px;
        }

        div#content ul li, div#content dl * {
          margin-top: 0;
        }

        div#content p {
          margin-top: 12px;
          margin-bottom: 25px;
        }

        div#content dl dt {
          font-weight: bold;
        }

        div#content dl dd {
          margin-left: 0;
          margin-bottom: 10px;
        }

        ul#select-product {
          list-style: none;
          display: block;
          width: 200px;
          float: right;
          margin-top: 40px;
        }

        ul#select-product li {
          height: 30px;
          position: relative;
        }

        ul#select-product li img {
          position: absolute;
          display: none;
        }

        ul#select-product li a {
          font-size: 11pt;
          color: white;
          text-decoration: none;

          background-image: url(../../static/images/select-product-background.png);
          background-repeat: repeat-x;

          display: block;
          padding-left: 20px;
          width: 180px;
          padding-top: 6px;
          height: 24px;
        }

        ul#select-product li a:hover {
          background-position: bottom;
        }

        ul#select-product li.youarehere img {
          display: block;
        }

        ul#select-product li.youarehere a {
          background-position: bottom;
          color: #00aeef;

        }

        ul#select-product li.youarehere {
          /* ---- Appears to be redundant, but causes bug in IE6 ----
		  background-image: url(/static/images/current-product-background.png);
          background-repeat: no-repeat;
          background-position: left;
		  */
        }

        ul.product-actions li {
          padding: 3px 0;
          height: 20px;
        }

        ul.product-actions li a, ul.inside-product-actions li a  {

          height: 28px;
          background-repeat: no-repeat;
          background-position: left;
          padding-left: 25px;

          font-size: 10pt;
          color: white;
          text-decoration: none;
          font-weight: bold;
        }

        /* stuff for product detail pages */



      div#footer-wrapper {
        background-image: url(../../static/images/footer-background.png);
        background-position: top;
      }

        div#footer {
          height: 154px;
          padding-top: 10px;
        }

        div#footer h4 {
          color: #97a3ab;
          text-transform: uppercase;
          font-weight: normal;
          font-size: 10pt;

        }

        div#footer ul {
          list-style: none;
          padding: 0;
          float: right;
          clear: right;
          margin-top: 5px;
          margin-bottom: 0;
          width: 400px;
        }

        div#footer ul li {
          float: left;
          color: #97a3ab;
          font-size: 10pt;
        }

        div#footer ul li a {
          color: #97a3ab;
          text-decoration: none;
        }

        div#footer ul#boxes {
          float: left;
          margin: 0;
          width: 550px;
        }

        div#footer ul#boxes li {
          float: left;
          margin-right: 30px;
          width: 75px;
        }

        div#footer ul#boxes li img {
          display: block;
          margin-bottom: -6px;
        }

        div#footer ul#boxes li a {
          text-decoration: none;
          color: #dfe2e5;
          font-size: 10pt;
        }