html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

body {
  line-height: 1;
  color: black;
  background: white; }

ol, ul {
  list-style: none; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

blockquote:before, blockquote:after {
  content: ""; }

q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

body {
  font-family: helvetica, arial, sans-serif;
  font-size: 14px;
  color: #333;
  background: #fff;
  margin: 0; }

h1, h2, h3 {
  color: #4f7828; }
  .services h1, .services h2, .services h3 {
    color: #65641b; }
  .about h1, .biobec h1, .about h2, .biobec h2, .about h3, .biobec h3 {
    color: #4d4a2b; }
  #blog h1, #blog h2, #blog h3 {
    color: #306372; }
  .clients h1, .clients h2, .clients h3 {
    color: #116d77; }
  h1 a, h2 a, h3 a {
    text-decoration: none; }

h1 {
  font-size: 2.5em;
  padding: 0 0 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #c8dbb6; }
  .services h1 {
    border-color: #b9b896; }
  .about h1, .biobec h1 {
    border-color: #ecebb7; }
  #blog h1 {
    border-color: #cbd5d2; }
  .home h1 {
    display: none; }
  h1 .clients {
    border-color: #b5dade; }

h2 {
  font-size: 1.5em;
  padding: 0 0 10px;
  margin-bottom: 20px; }
  .about h2 {
    margin-bottom: 10px; }

h3 {
  font-weight: bold;
  margin-bottom: 10px; }

a {
  color: #4f7828; }
  .services #content a {
    color: #65641b; }
  .about #content a, .biobec #content a {
    color: #4d4a2b; }
  #blog #content a {
    color: #306372; }
  .clients #content a {
    color: #116d77; }

.notice {
  background: #e3f1e8;
  border: 1px solid #88c888;
  color: #157d15;
  padding: 10px;
  margin-bottom: 20px; }

.important_msg {
  background: #ffc;
  border: 1px solid #ccc;
  color: #333;
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.4em; }

.errors, #registration_error.error {
  margin-bottom: 20px;
  color: #cc0000;
  border: 1px solid #c87e7e;
  background: #f1e3e3;
  padding: 10px; }

.errorExplanation {
  padding: 10px;
  background: #f1e3e3;
  margin-bottom: 20px; }
  .errorExplanation h2 {
    color: #cc0000; }
  .errorExplanation ul li {
    padding: 10px;
    font-weight: bold;
    list-style-type: disc;
    list-style-position: inside; }

#container {
  position: relative;
  margin: 0 auto;
  width: 880px; }
  #container #header {
    overflow: hidden;
    padding: 20px 0;
    position: relative; }
    #container #header #nav-bar {
      position: absolute;
      height: 37px;
      top: 44px;
      right: 0; }
      #container #header #nav-bar li {
        float: left;
        height: 37px; }
        #container #header #nav-bar li a {
          display: block;
          float: left;
          margin: 0 10px 0 0;
          height: 37px;
          background-repeat: none;
          text-decoration: none; }
      #container #header #nav-bar.fr-CA a {
        background-image: url(../../images/fr-CA/nav.png); }
        #container #header #nav-bar.fr-CA a.shop {
          width: 85px;
          background-position: 0 0; }
          #container #header #nav-bar.fr-CA a.shop:hover {
            background-position: 0 -37px; }
          .shop #container #header #nav-bar.fr-CA a.shop, #container #header #nav-bar.fr-CA a.shop:active {
            background-position: 0px -74px; }
        #container #header #nav-bar.fr-CA a.services {
          width: 91px;
          background-position: -85px 0; }
          #container #header #nav-bar.fr-CA a.services:hover {
            background-position: -85px -37px; }
          .services #container #header #nav-bar.fr-CA a.services, #container #header #nav-bar.fr-CA a.services:active {
            background-position: -85px -74px; }
        #container #header #nav-bar.fr-CA a.about {
          width: 76px;
          background-position: -176px 0; }
          #container #header #nav-bar.fr-CA a.about:hover {
            background-position: -176px -37px; }
          .about #container #header #nav-bar.fr-CA a.about, #container #header #nav-bar.fr-CA a.about:active {
            background-position: -176px -74px; }
        #container #header #nav-bar.fr-CA a.blog {
          width: 63px;
          background-position: -252px 0; }
          #container #header #nav-bar.fr-CA a.blog:hover {
            background-position: -252px -37px; }
          #blog #container #header #nav-bar.fr-CA a.blog, #container #header #nav-bar.fr-CA a.blog:active {
            background-position: -252px -74px; }
        #container #header #nav-bar.fr-CA a.clients {
          width: 63px;
          background-position: -315px 0; }
          #container #header #nav-bar.fr-CA a.clients:hover {
            background-position: -315px -37px; }
          .clients #container #header #nav-bar.fr-CA a.clients, #container #header #nav-bar.fr-CA a.clients:active {
            background-position: -315px -74px; }
        #container #header #nav-bar.fr-CA a.contact {
          width: 69px;
          background-position: -378px 0; }
          #container #header #nav-bar.fr-CA a.contact:hover {
            background-position: -378px -37px; }
          .contact #container #header #nav-bar.fr-CA a.contact, #container #header #nav-bar.fr-CA a.contact:active {
            background-position: -378px -74px; }
        #container #header #nav-bar.fr-CA a.biobec {
          width: 63px;
          background-position: -447px 0; }
          #container #header #nav-bar.fr-CA a.biobec:hover {
            background-position: -447px -37px; }
          .biobec #container #header #nav-bar.fr-CA a.biobec, #container #header #nav-bar.fr-CA a.biobec:active {
            background-position: -447px -74px; }
      #container #header #nav-bar.en-CA a {
        background-image: url(../../images/en-CA/nav.png); }
        #container #header #nav-bar.en-CA a.shop {
          width: 51px;
          background-position: 0 0; }
          #container #header #nav-bar.en-CA a.shop:hover {
            background-position: 0 -37px; }
          .shop #container #header #nav-bar.en-CA a.shop, #container #header #nav-bar.en-CA a.shop:active {
            background-position: 0px -74px; }
        #container #header #nav-bar.en-CA a.services {
          width: 91px;
          background-position: -51px 0; }
          #container #header #nav-bar.en-CA a.services:hover {
            background-position: -51px -37px; }
          .services #container #header #nav-bar.en-CA a.services, #container #header #nav-bar.en-CA a.services:active {
            background-position: -51px -74px; }
        #container #header #nav-bar.en-CA a.about {
          width: 76px;
          background-position: -142px 0; }
          #container #header #nav-bar.en-CA a.about:hover {
            background-position: -142px -37px; }
          .about #container #header #nav-bar.en-CA a.about, #container #header #nav-bar.en-CA a.about:active {
            background-position: -142px -74px; }
        #container #header #nav-bar.en-CA a.blog {
          width: 48px;
          background-position: -218px 0; }
          #container #header #nav-bar.en-CA a.blog:hover {
            background-position: -218px -37px; }
          #blog #container #header #nav-bar.en-CA a.blog, #container #header #nav-bar.en-CA a.blog:active {
            background-position: -218px -74px; }
        #container #header #nav-bar.en-CA a.clients {
          width: 63px;
          background-position: -266px 0; }
          #container #header #nav-bar.en-CA a.clients:hover {
            background-position: -266px -37px; }
          .clients #container #header #nav-bar.en-CA a.clients, #container #header #nav-bar.en-CA a.clients:active {
            background-position: -266px -74px; }
        #container #header #nav-bar.en-CA a.contact {
          width: 66px;
          background-position: -329px 0; }
          #container #header #nav-bar.en-CA a.contact:hover {
            background-position: -329px -37px; }
          .contact #container #header #nav-bar.en-CA a.contact, #container #header #nav-bar.en-CA a.contact:active {
            background-position: -329px -74px; }
        #container #header #nav-bar.en-CA a.biobec {
          width: 63px;
          background-position: -395px 0; }
          #container #header #nav-bar.en-CA a.biobec:hover {
            background-position: -395px -37px; }
          .biobec #container #header #nav-bar.en-CA a.biobec, #container #header #nav-bar.en-CA a.biobec:active {
            background-position: -395px -74px; }
  #container #content {
    overflow: hidden;
    margin: 20px 0; }
    #container #content.sidebarred {
      background: url(../../images/sidebar_bg.png) no-repeat bottom left; }
    #container #content #sidebar {
      width: 240px;
      float: left;
      margin-right: 40px;
      background: url(../../images/sidebar_bg.png) no-repeat top left;
      padding-bottom: 10px; }
    #container #content #main {
      width: 600px;
      float: left; }
      #taxon #container #content #main h1 {
        margin-bottom: 10px; }
      #container #content #main .breadcrumbs {
        overflow: hidden;
        margin-bottom: 20px;
        font-size: 11px;
        color: #666; }
        #container #content #main .breadcrumbs li {
          float: left;
          text-transform: uppercase; }
          #container #content #main .breadcrumbs li a {
            color: #6d9548;
            text-decoration: none; }
      #pages.home #container #content #main #tagline {
        margin-bottom: 40px;
        width: 100%;
        text-align: center; }
      #pages.home #container #content #main li {
        list-style-type: none;
        float: left;
        padding: 0 20px 20px 0;
        width: 280px; }
        #pages.home #container #content #main li.last {
          padding: 0 0 20px 0; }
        #pages.home #container #content #main li a {
          float: left;
          display: block;
          width: 280px; }
      #pages.termes #container #content #main table {
        margin-bottom: 20px;
        font-size: 12px;
        border-collapse: collapse;
        position: relative;
        left: 1px; }
        #pages.termes #container #content #main table td {
          padding: 8px 16px;
          text-align: center;
          border: 1px solid #ddd; }
        #pages.termes #container #content #main table thead td {
          font-weight: bold;
          background: #f5f5f5; }
      #pages #container #content #main {
        width: 100%; }
        #pages #container #content #main h3 {
          margin-bottom: 10px; }
        #pages #container #content #main p {
          margin-bottom: 20px;
          line-height: 1.4em; }
        #pages #container #content #main ul {
          margin-bottom: 20px; }
          #pages #container #content #main ul li {
            list-style-type: disc;
            list-style-position: inside;
            padding: 5px 10px;
            line-height: 1.4em; }
        #pages #container #content #main .emphasis {
          background: #efeec7;
          padding: 20px 20px 1px 20px; }
      #blog #container #content #main {
        width: 100%; }
        #blog #container #content #main h2 {
          margin-bottom: 5px; }
        #blog #container #content #main .meta {
          font-size: 11px;
          text-transform: uppercase;
          color: #666;
          margin-bottom: 20px;
          padding: 5px 5px 3px;
          border: 1px solid #ddd;
          border-width: 1px 0;
          background: #eee; }
        #blog #container #content #main p {
          line-height: 1.4em;
          margin-bottom: 10px; }
        #blog #container #content #main .article {
          margin-bottom: 30px; }
      #checkout_page #container #content #main {
        width: 100%; }
        #checkout_page #container #content #main .checkout {
          margin-bottom: 20px; }
          #checkout_page #container #content #main .checkout h2 {
            color: #369; }
          #checkout_page #container #content #main .checkout h3 {
            margin-bottom: 10px; }
        #checkout_page #container #content #main .completed h2 {
          background: url(../../images/icon_completed.png) no-repeat center left;
          padding-left: 24px; }
        #checkout_page #container #content #main .form-buttons {
          margin-top: 20px; }
        #checkout_page #container #content #main p {
          margin-bottom: 10px; }
        #checkout_page #container #content #main #registration_input {
          margin-top: 30px; }
        #checkout_page #container #content #main #already_logged_in p {
          color: #666;
          font-size: 12px; }
        #checkout_page #container #content #main label {
          display: block;
          margin-bottom: 5px; }
          #checkout_page #container #content #main label.error {
            display: inline;
            margin-left: 10px;
            color: #cc0000;
            background: #f1e3e3; }
        #checkout_page #container #content #main input[type=text], #checkout_page #container #content #main input[type=password] {
          padding: 4px;
          font-size: 14px; }
          #checkout_page #container #content #main input[type=text].error, #checkout_page #container #content #main input[type=password].error {
            background: #f1e3e3; }
        #checkout_page #container #content #main span.req {
          font-size: 14px;
          font-weight: bold;
          color: #cc0000;
          margin: 0 10px; }
        #checkout_page #container #content #main .order-summary {
          clear: both;
          width: 100%; }
        #checkout_page #container #content #main thead th {
          font-weight: bold;
          text-transform: uppercase;
          padding: 10px;
          border-bottom: 1px solid #ccc;
          vertical-align: middle;
          font-family: georgia;
          color: #666; }
        #checkout_page #container #content #main td, #checkout_page #container #content #main th {
          vertical-align: middle;
          padding: 5px 10px;
          border-bottom: 1px solid #ddd;
          line-height: 1.4em; }
          #checkout_page #container #content #main td.total_display, #checkout_page #container #content #main th.total_display {
            font-weight: bold;
            border-left: 1px solid #ddd; }
          #checkout_page #container #content #main td.price, #checkout_page #container #content #main th.price {
            text-align: right; }
        #checkout_page #container #content #main tr.item td {
          padding: 20px 10px; }
        #checkout_page #container #content #main tr.taxes th, #checkout_page #container #content #main tr.shipping th, #checkout_page #container #content #main tr.big_total th, #checkout_page #container #content #main tr#subtotal-row th {
          text-align: right;
          font-weight: normal; }
        #checkout_page #container #content #main tr.taxes td, #checkout_page #container #content #main tr.taxes th, #checkout_page #container #content #main tr.shipping td, #checkout_page #container #content #main tr.shipping th, #checkout_page #container #content #main tr.big_total td, #checkout_page #container #content #main tr.big_total th, #checkout_page #container #content #main tr#subtotal-row td, #checkout_page #container #content #main tr#subtotal-row th {
          background: #f5f5f5; }
        #checkout_page #container #content #main tr#none td {
          border: 0; }
        #checkout_page #container #content #main #bdisplay, #checkout_page #container #content #main #sdisplay {
          line-height: 1.4em;
          margin: 0 20px 20px 0;
          float: left; }
      #cart #container #content #main {
        width: 100%; }
        #cart #container #content #main h1 {
          border: 0; }
        #cart #container #content #main h4 {
          font-size: 1.25em;
          margin-bottom: 10px; }
        #cart #container #content #main #subtotal {
          float: right;
          text-align: right; }
          #cart #container #content #main #subtotal h3 {
            font-size: 1.5em;
            margin-bottom: 20px; }
          #cart #container #content #main #subtotal .links a {
            display: block;
            line-height: 24px;
            text-decoration: none;
            overflow: hidden;
            margin-top: 10px; }
        #cart #container #content #main .misc-actions a {
          line-height: 30px; }
        #cart #container #content #main th {
          font-weight: bold;
          padding: 5px;
          border-bottom: 1px solid #ccc; }
        #cart #container #content #main td {
          vertical-align: middle;
          padding: 10px;
          border-bottom: 1px solid #ddd;
          line-height: 1.4em; }
        #cart #container #content #main tr#none td {
          border: 0; }
      #container #content #main h2 {
        padding: 0; }
      #container #content #main #promotion {
        margin-bottom: 30px; }
      #container #content #main #side {
        float: right;
        margin: 0 0 0 40px;
        text-align: center; }
        #container #content #main #side #product-images {
          margin-bottom: 20px; }
        #container #content #main #side .price {
          margin-bottom: 20px;
          display: block;
          font-size: 2.5em;
          font-family: georgia, serif;
          font-style: italic; }
      #container #content #main #product-description {
        line-height: 1.4em; }
        #container #content #main #product-description p {
          margin-bottom: 10px; }
        #container #content #main #product-description dt {
          font-weight: bold; }
        #container #content #main #product-description dd {
          margin: 5px 0 10px 10px; }
        #container #content #main #product-description #ratings {
          margin-top: 20px; }
  #container #footer {
    padding: 20px 0;
    border-top: 1px solid #ddd;
    font-size: 12px;
    color: #666;
    overflow: hidden; }
    #container #footer .left {
      float: left; }
    #container #footer .right {
      float: right; }
      #container #footer .right #language-bar li {
        float: left;
        margin-left: 10px; }

.section {
  list-style-type: none;
  padding: 30px 30px 0 30px;
  border-bottom: 1px solid #fff; }
  .section#terms li {
    line-height: 1.4em; }
  .section#come_visit {
    border: 0; }
  .section li {
    margin: 0 0 20px;
    list-style-type: none; }
    .section li h2 {
      margin-bottom: 0;
      font-size: 1.25em; }
    .section li ul {
      margin: 0; }
      .section li ul li {
        margin: 0; }
        .section li ul li a {
          cursor: pointer !important;
          text-decoration: none;
          color: #333;
          display: block;
          line-height: 1.2em;
          padding: 5px 10px;
          font-size: 14px; }
          .section li ul li a:hover {
            text-decoration: underline; }
        .section li ul li.current a {
          font-weight: bold; }
          .section li ul li.current a:hover {
            width: 180px; }

.taxon {
  margin-bottom: 20px; }

.products, .product-listing {
  margin: 0;
  padding: 0;
  overflow: hidden; }
  .products li, .product-listing li {
    width: 190px;
    text-align: center;
    float: left;
    margin: 0 5px 10px; }
    .products li .wrapper, .product-listing li .wrapper {
      background: url(../../images/product_bg.png) no-repeat top left;
      padding-top: 20px;
      position: relative;
      height: 280px; }
      .products li .wrapper .pushed, .product-listing li .wrapper .pushed {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: url(../../images/product_bg.png) no-repeat 0 100%;
        padding-bottom: 25px; }
        .products li .wrapper .pushed .starting_at, .product-listing li .wrapper .pushed .starting_at {
          color: #666;
          font-size: 11px;
          text-transform: uppercase; }
      .products li .wrapper a, .product-listing li .wrapper a {
        display: block;
        text-decoration: none;
        margin-bottom: 15px;
        line-height: 1em;
        padding: 0 20px; }
        .products li .wrapper a.price, .product-listing li .wrapper a.price {
          font-family: georgia, serif;
          font-style: italic;
          font-size: 22px;
          color: #333; }
        .products li .wrapper a.details, .product-listing li .wrapper a.details {
          margin-bottom: 0; }
      .products li .wrapper h3 a, .product-listing li .wrapper h3 a {
        font-weight: bold;
        color: #4f7828;
        line-height: 1.4em; }

#product-details #product-description {
  width: 320px; }
#product-details #product-properties {
  border-top: 1px solid #ccc;
  padding-top: 20px;
  margin-top: 20px; }
#product-details #product-variants ul {
  padding: 5px;
  margin: 0 0 20px 0;
  text-align: left;
  background: #dde9d2;
  border: 1px solid #bfd4ab; }
  #product-details #product-variants ul li {
    padding: 5px; }
    #product-details #product-variants ul li .price_diff {
      font-weight: bold; }

.pagination {
  text-align: center;
  font-size: 12px;
  height: 24px;
  margin-top: 10px; }
  .pagination a.page, .pagination .current_page {
    padding: 5px 8px 4px 8px;
    border: 1px solid #DBE7CF;
    text-decoration: none; }
  .pagination a.page:hover {
    background: #DBE7CF;
    color: #4F7828; }
  .pagination .current_page {
    font-weight: bold;
    border-color: #ccc; }
  .pagination a.next_page {
    border: 0; }
    .pagination a.next_page:hover {
      background: none; }
  .pagination .page {
    margin: 0 2px; }