@font-face {
  font-family: 'Tabitha';
  src: url("../webfonts/Tabitha.ttf.woff") format("woff"), url("../webfonts/Tabitha.ttf.svg#Tabitha") format("svg"), url("../webfonts/Tabitha.ttf.eot"), url("../webfonts/Tabitha.ttf.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal; }
h1 {
  font-family: Tabitha, Arial, sans-serif;
  font-weight: normal;
  margin: 0; }

.no-wrap {
  white-space: nowrap; }

body {
  min-width: 320px;
  font-family: Arial, sans-serif;
  font-weight: normal;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  margin: 0;
  padding: 0;
  background-color: #ececec; }
  body #head.outer {
    width: 100%;
    background-color: #dddbbe; }
    body #head.outer .inner {
      width: 720px;
      background-color: white;
      margin: 0 auto; }
      body #head.outer .inner #pre-header {
        background-color: #ccc; }
        body #head.outer .inner #pre-header p {
          font-size: 13px;
          line-height: 24px;
          color: #777;
          text-align: right;
          margin: 0;
          padding-right: 16px; }
        body #head.outer .inner #pre-header #jump {
          cursor: pointer; }
      body #head.outer .inner h1 {
        font-size: 38px;
        line-height: 50px;
        color: #3a5332;
        margin: 6px 16px 0 16px; }
  body #content_wrapper.outer {
    width: 100%; }
    body #content_wrapper.outer .inner {
      width: 710px;
      background-color: white;
      margin: 0 auto;
      padding-bottom: 20px;
      border-left: 10px solid #ece3eb; }
      body #content_wrapper.outer .inner h2 {
        font-size: 24px;
        font-weight: normal;
        color: #3a5332;
        margin: 12px 20px 10px 20px; }
      body #content_wrapper.outer .inner p {
        font-size: 14px;
        line-height: 20px;
        color: #333;
        margin: 0 20px 10px 20px; }
        body #content_wrapper.outer .inner p.shop-cta {
          text-align: center;
          margin-bottom: 20px; }
          body #content_wrapper.outer .inner p.shop-cta a {
            padding: 8px 20px;
            text-align: center;
            color: white;
            background-color: #9e6a9a;
            text-decoration: none;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px; }
            body #content_wrapper.outer .inner p.shop-cta a:hover {
              text-decoration: underline; }
      body #content_wrapper.outer .inner li {
        font-size: 12px;
        line-height: 16px;
        color: #333;
        margin: 10px; }
      body #content_wrapper.outer .inner .callout {
        background-color: #ece3eb;
        margin-top: 20px;
        padding: 15px 30px 10px 20px;
        overflow: hidden; }
        body #content_wrapper.outer .inner .callout img {
          width: 25%;
          height: auto;
          margin: 14px 30px 20px 0;
          float: left;
          clear: none; }
        body #content_wrapper.outer .inner .callout .other-locations-wrap {
          clear: both; }
  body #footer.outer {
    width: 100%; }
    body #footer.outer .inner {
      width: 710px;
      background-color: white;
      margin: 10px auto;
      border-left: 10px solid #ece3eb; }
      body #footer.outer .inner p {
        font-size: 10px;
        line-height: 24px;
        text-align: right;
        color: #aaa;
        margin: 0 30px 10px 10px; }
  @media only screen and (max-width: 720px) {
    body #head.outer .inner {
      width: 100%; }
    body #content_wrapper.outer .inner {
      width: 98.6111111111%; }
      body #content_wrapper.outer .inner .display_image {
        width: 100%; }
    body #footer.outer .inner {
      width: 98.6111111111%; } }
  @media only screen and (max-width: 560px) {
    body #head.outer .inner h1 {
      font-size: 34px;
      line-height: 46px; }
    body #content_wrapper.outer .inner .callout {
      padding-top: 8px; }
      body #content_wrapper.outer .inner .callout img {
        display: none; } }