@import url('reset.css');
@import url('forms.css');
/*

Website name v1.0

Stylesheet contents
-----------------
   1) Font-Face
   2) Body
   3) General typography
   4) Headers
   5) Links
   6) Images
   7) Layout
   8) Banner
   9) Nav
  10) Footer
  11) Home
  12) About Us
  13) We Farm It
  14) We Produce It
  15) We Sell It
  16) Products
  17) Proven Quality
  18) Happy Days
  19) Our Products
  20) Farmers Markets
  21) Recipes
  22) Farm Shop
  23) Online Shop
  24) Join our Food Club
  25) Press Area
  26) Where to Eat
  27) Newsletter
  28) Contact Us
  29) Accordian
  30) ColorBox
  31) Responsive
-----------------
*/
/* Main Colours
------------------------------------------------ */
/* Mixins
------------------------------------------------ */
/* 1) Font-Face
------------------------------------------------ */
@font-face {
  font-family: 'PTSansBoldItalic';
  src: url('../eot/pts76f-webfont.eot');
  src: local('☺'), url('../woff/pts76f-webfont.woff') format('woff'), url('../ttf/pts76f-webfont.ttf') format('truetype'), url('../svg/pts76f-webfont.svg#webfont2OZu98Lg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PTSansBold';
  src: url('../eot/pts75f-webfont.eot');
  src: local('☺'), url('../woff/pts75f-webfont.woff') format('woff'), url('../ttf/pts75f-webfont.ttf') format('truetype'), url('../svg/pts75f-webfont.svg#webfontpfl2y6jq') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PTSansItalic';
  src: url('../eot/pts56f-webfont.eot');
  src: local('☺'), url('../woff/pts56f-webfont.woff') format('woff'), url('../ttf/pts56f-webfont.ttf') format('truetype'), url('../svg/pts56f-webfont.svg#webfontYVflOw0s') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PTSansRegular';
  src: url('../eot/pts55f-webfont.eot');
  src: local('☺'), url('../woff/pts55f-webfont.woff') format('woff'), url('../ttf/pts55f-webfont.ttf') format('truetype'), url('../svg/pts55f-webfont.svg#webfontmBFaK3EM') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HandOfSean';
  src: url('../eot/handsean.eot');
  src: local('☺'), url('../woff/handofsean.woff') format('woff'), url('../ttf/handsean.ttf') format('truetype'), url('../svg/handofsean.svg#HandOfSean') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* 2) Body
------------------------------------------------ */
body {
  font-family: 'PTSansRegular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  background: #fff url(../jpg/wood_bg.jpg) repeat 50% 0;
  color: #666;
}
.screen-reader {
  display: block !important;
  left: -9999px !important;
  position: absolute !important;
}
/* 3) General typography
------------------------------------------------ */
p,
ul,
dl,
ol {
  margin-bottom: 12px;
}
strong {
  font-family: 'PTSansBold', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
ul {
  list-style: none;
}
ul li {
  list-style: none;
  background: transparent url(../gif/bullet.gif) no-repeat 0 7px;
  padding-left: 16px;
  margin-bottom: 6px;
}
ol {
  list-style: decimal;
}
ol li {
  margin-left: 18px;
  margin-bottom: 6px;
}
sup,
sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
}
sup {
  bottom: 1ex;
}
sub {
  top: 0.5ex;
}
p.intro-para {
  font-size: 17px;
  line-height: 24px;
  color: #666;
}
p.quote {
  color: #404040;
  text-align: center;
  font-size: 17px;
  font-family: 'HandOfSean', Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  line-height: 24px;
}
p.quote span {
  color: #fff;
  font-family: 'PTSansRegular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  white-space: nowrap;
  margin-right: -20px;
}
#content p.quote {
  font-family: 'HandOfSean', Arial, Helvetica, sans-serif;
  font-size: 17px;
  text-align: left;
  color: #A0A97E;
  margin: 18px 0;
}
p.warning {
  color: #FF4028;
  font-family: 'PTSansBold', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
p.message {
  color: #26b129;
  font-family: 'PTSansBold', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
#content p.quote span {
  color: #666;
}
p.center {
  text-align: center;
}
div.display-copy p {
  font-family: 'PTSansItalic', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #808080;
}
div.display-copy p strong {
  font-family: 'PTSansBold', Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #737373;
}
ul.doc-list {
  margin-top: 12px;
}
ul.doc-list li {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 0;
  padding-left: 0;
  background-image: none;
}
ul.doc-list li:last-child {
  border-bottom: none;
}
ul.doc-list li a:link,
ul.doc-list li a:visited {
  text-decoration: none;
  color: #8C8C8C;
  padding-top: 12px;
  padding-bottom: 14px;
  display: block;
  padding-left: 30px;
  background: transparent url(../gif/icon-pdf.gif) 6px 13px no-repeat;
}
ul.doc-list li.doc-img a:link,
ul.doc-list li.doc-img a:visited {
  background-image: url("../gif/icon-img.gif");
}
ul.doc-list li.doc-word a:link,
ul.doc-list li.doc-word a:visited {
  background-image: url("../gif/icon-word.gif");
}
ul.doc-list li a:hover,
ul.doc-list li a:active,
ul.doc-list li a:focus {
  background-color: #F3F4EE;
}
ul.doc-list li strong {
  text-transform: uppercase;
  color: #666;
}
ul.doc-list li span {
  color: #79004D;
  font-family: 'PTSansItalic', Arial, Helvetica, sans-serif;
}
/* 4) Headers
------------------------------------------------- */
h1 {
  font-size: 34px;
  line-height: 36px;
  font-weight: normal;
  letter-spacing: -1px;
  margin-bottom: 18px;
  color: #79004D;
}
#colorbox h1 {
  font-size: 24px;
  line-height: 27px;
  margin-bottom: 18px;
  letter-spacing: 0;
}
h2 {
  font-size: 18px;
  line-height: 24px;
  font-family: 'HandOfSean', Arial, Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 1px;
  margin-top: 18px;
  margin-bottom: 9px;
  color: #79004D;
}
div.display-copy h2 {
  font-family: 'HandOfSean', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  color: #79004D;
}
.feature h2 {
  margin-top: 0;
  padding-top: 12px;
  font-size: 16px;
  color: #79004D;
}
h2 + h3 {
  margin-top: 9px;
}
h2.rule-above {
  padding-top: 18px;
  background: url("../gif/break.gif") repeat-x scroll 0 0 transparent;
}
h3 {
  font-size: 16px;
  line-height: 24px;
  color: #79004D;
  font-family: 'PTSansReglar', Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin-top: 18px;
  margin-bottom: 9px;
}
h3 + h4 {
  margin-top: 9px;
}
h4 {
  font-size: 14px;
  font-family: 'PTSansBold', Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin-top: 18px;
  margin-bottom: 9px;
}
h4 span {
  font-family: 'PTSansRegular', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
h5 {
  font-size: 13px;
  font-weight: normal;
  margin-top: 18px;
}
/* 5) Links
------------------------------------------------- */
a:link,
a:visited {
  color: #79004D;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
a.btn:link,
a.btn:visited {
  background: url("../png/lined-paper.png") no-repeat scroll 0 0 transparent;
  font-family: 'HandOfSean', Arial, Helvetica, sans-serif;
  font-size: 13px;
  display: block;
  height: 79px;
  letter-spacing: 1px;
  line-height: 69px;
  padding-left: 0;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  width: 229px;
  color: #4C4C4C;
  margin-left: -12px;
  margin-bottom: 18px;
}
a.newsletter-link:link,
a.newsletter-link:visited {
  padding-top: 2px;
  display: block;
}
a.newsletter-link:hover,
a.newsletter-link:active,
a.newsletter-link:focus {
  padding-top: 0;
  padding-bottom: 2px;
}
a.btn-plum {
  background-color: #79004D;
  color: #fff;
  height: auto;
  width: auto;
  line-height: 34px;
  font-size: 14px;
  font-family: 'PTSansBold';
  display: inline-block;
  padding-left: 22px;
  padding-right: 22px;
  border-radius: 17px;
  text-decoration: none;
}
/* 6) Images
------------------------------------------------- */
img {
  display: block;
}
/* fix whitespace after */
div.img {
  position: absolute;
}
div.img a:link,
div.img a:visited {
  display: block;
  width: 292px;
  margin-top: 24px;
  color: #4C4C4C;
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 12px;
  font-family: 'HandOfSean', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
}
div.img a.img-link:link,
div.img a.img-link:visited {
  margin-top: 0;
  padding-bottom: 0;
}
div.img a span {
  background: transparent url(../gif/link-underline.gif) repeat-x 0 100%;
}
div.img a:hover,
div.img a:active,
div.img a:focus {
  text-decoration: none;
}
div.polaroid-lg {
  width: 386px;
  height: 422px;
}
div.polaroid-sml a:link,
div.polaroid-sml a:visited {
  font-size: 13px;
  width: 228px;
}
div.polaroid-sml img {
  margin-bottom: 16px;
}
div.img-extra-sml {
  padding-top: 7px;
  padding-left: 6px;
  width: 150px;
  height: 150px;
  background: transparent url(../png/frame-port-sml.png) no-repeat 0 0;
}
div.img-xsml {
  position: static;
  float: left;
  padding-top: 17px;
  padding-left: 17px;
  width: 192px;
  height: 153px;
  background: transparent url(../png/frame-lndscp-xsml.png) no-repeat 0 0;
}
div.img-xsml a:link,
div.img-xsml a:visited {
  width: 173px;
}
/* 7) Layout
------------------------------------------------- */
#wrapper {
  width: 960px;
  padding: 18px 9px 0 9px;
  margin: 0 auto 0 auto;
  background: #fff url(../jpg/page_bg.jpg) repeat-y 50% 0;
}
#content {
  padding-top: 18px;
  min-height: 400px;
  height: auto !important;
  height: 400px;
  clear: both;
}
#colorbox #content {
  padding-top: 0;
  min-height: 300px;
  height: auto !important;
  height: 300px;
}
div.header {
  text-align: center;
}
a.logo {
  overflow: hidden;
  width: 479px;
  display: block;
  margin: 0 auto;
}
a.logo span {
  margin-left: -9999px;
}
.grid-1 {
  float: left;
  display: inline;
  width: 302px;
  margin: 0 9px;
}
.grid-2 {
  float: left;
  display: inline;
  width: 622px;
  margin: 0 9px;
}
.grid-3 {
  float: left;
  display: inline;
  width: 942px;
  margin: 0 9px;
}
.grid-half {
  float: left;
  display: inline;
  width: 462px;
  margin: 0 9px;
}
.feature-top {
  width: 288px;
  height: 12px;
  background: transparent url(../png/feature-top.png) no-repeat 0 0;
}
.small {
  font-size: 12px;
  color: #8C8C8C;
}
.feature {
  width: 240px;
  padding: 0 24px 20px 24px;
  background: transparent url(../png/feature-bottom.png) no-repeat 0 100%;
}
.hidden {
  display: none;
}
.clear-it {
  clear: both;
  height: 0;
  margin: 0;
  font-size: 1px;
  line-height: 0;
}
/* 8) Banner
------------------------------------------------- */
#banner {
  padding-bottom: 11px;
  margin: 0 1px 0 0;
  background: transparent url(../png/nav-bottom.png) repeat-x 50% 100%;
}
#banner {
  position: relative;
}
#banner .pinterest {
  background: transparent url(../png/pinterest.png) no-repeat 0% 100%;
  padding-left: 28px;
  font-family: 'HandOfSean', Arial, Helvetica, sans-serif;
  text-decoration: none;
  position: absolute;
  top: 125px;
  left: 20px;
}
#banner .social-icons {
  width: 120px;
  position: absolute;
  top: 125px;
  right: 20px;
}
#banner .social-icons a {
  float: left;
  margin-left: 8px;
}
#banner .social-icons a:hover {
  opacity: 0.8;
}
#banner .newsletter {
  background: transparent url(../gif/newsletter-icon.gif) no-repeat 0% 40%;
  padding-left: 26px;
  color: #8B8B8B;
  text-decoration: none;
  position: absolute;
  top: 125px;
  left: 20px;
}
#banner .newsletter:hover {
  text-decoration: underline;
}
#banner .twitter {
  background: transparent url(../png/twitter.png) no-repeat 0% 100%;
  padding-left: 24px;
  font-family: 'HandOfSean', Arial, Helvetica, sans-serif;
  text-decoration: none;
  position: absolute;
  top: 125px;
  right: 20px;
}
#newsletter-sign-up.ajax {
  background: transparent url(../png/newsletter-modal-bg.png) no-repeat 0 0;
  width: 254px;
  height: 333px;
  padding-top: 44px;
  padding-left: 44px;
  padding-right: 44px;
}
#newsletter-sign-up.ajax .warning {
  display: none;
}
.newsletter-modal {
  padding: 0 !important;
  margin-left: 25px;
}
.newsletter-modal #cboxClose {
  top: -12px;
  right: -2px;
}
.newsletter-modal #cboxTopLeft,
.newsletter-modal #cboxTopCenter,
.newsletter-modal #cboxMiddleLeft,
.newsletter-modal #cboxMiddleRight,
.newsletter-modal #cboxBottomLeft,
.newsletter-modal #cboxBottomCenter,
.newsletter-modal #cboxBottomRight {
  display: none;
}
.newsletter-modal #cboxTopRight {
  background-image: none;
}
/* 9) Nav
------------------------------------------------- */
.navbar-wrapper {
  background: #D4D4D4 url(../png/nav-top.png) repeat-x 50% 0;
}
.navbar-toggle {
  display: none;
}
#nav {
  margin-bottom: 0;
  padding-top: 8px;
  text-align: center;
}
#nav li {
  margin-bottom: 0;
  margin-left: 5px;
  padding-left: 13px;
  display: inline;
  font-family: 'PTSansBold', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 24px;
  background: transparent url(../gif/nav-bullet.gif) no-repeat 0 50%;
}
#nav li#nav-home {
  margin-left: 0;
  padding-left: 0;
  background-image: none;
}
#nav li a:link,
#nav li a:visited {
  color: #79004D;
  text-decoration: none;
  padding-bottom: 3px;
}
#nav li a:hover,
#nav li a:active,
#nav li a:focus {
  color: #566422;
}
#home #nav li#nav-home a:link,
#home #nav li#nav-home a:visited,
#about-us #nav li#nav-about-us a:link,
#about-us #nav li#nav-about-us a:visited,
#products #nav li#nav-products a:link,
#products #nav li#nav-products a:visited,
#farmers-markets #nav li#nav-farmers-markets a:link,
#farmers-markets #nav li#nav-farmers-markets a:visited,
#shops #nav li#nav-shops a:link,
#shops #nav li#nav-shops a:visited,
#online-shop #nav li#nav-online-shop a:link,
#online-shop #nav li#nav-online-shop a:visited,
#newsletter #nav li#nav-newsletter a:link,
#newsletter #nav li#nav-newsletter a:visited,
#recipes #nav li#nav-recipes a:link,
#recipes #nav li#nav-recipes a:visited,
#where-to-eat #nav li#nav-where-to-eat a:link,
#where-to-eat #nav li#nav-where-to-eat a:visited,
#press-area #nav li#nav-press-area a:link,
#press-area #nav li#nav-press-area a:visited,
#contact #nav li#nav-contact a:link,
#contact #nav li#nav-contact a:visited {
  color: #566422;
  background: transparent url(../png/nav-loc-green.png) repeat-x 0 100%;
}
#subnav li {
  width: 229px;
  height: 79px;
  padding-left: 0;
  font-size: 13px;
  line-height: 69px;
  font-family: 'HandOfSean', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  background: transparent url(../png/lined-paper.png) no-repeat 0 0;
}
#subnav li a:link,
#subnav li a:visited {
  text-decoration: none;
  color: #4c4c4c;
  background: transparent url(../gif/link-underline.gif) repeat-x 0 100%;
}
/* 10) Footer
------------------------------------------------- */
#footer {
  position: relative;
  padding-top: 24px;
  padding-bottom: 24px;
  margin-top: 20px;
  margin-left: -3px;
  height: auto;
  background-color: #fff;
}
#footer p.quote {
  width: 397px;
  float: left;
  margin-bottom: 20px;
  margin-left: 170px;
  margin-right: 20px;
  text-indent: 35px;
  font-size: 15px;
  color: #fff;
}
#footer p.small {
  clear: left;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
  text-align: center;
  color: #b585a4;
}
#footer p.small a:link,
#footer p.small a:visited {
  color: #b585a4;
  text-decoration: none;
}
#footer p.small a:hover,
#footer p.small a:active,
#footer p.small a:focus {
  text-decoration: underline;
}
#footer p.small a.optima-link:hover,
#footer p.small a.optima-link:active {
  text-decoration: none;
  cursor: default;
}
#footer .followus {
  float: right;
  width: 250px;
  color: #404040 !important;
  font-size: 13px;
  display: block;
  padding: 3px 0px 3px 26px;
  font-family: 'HandOfSean', Arial, Helvetica, sans-serif;
  background: url("../png/btn-twitter-white.png") no-repeat scroll 0 0 transparent;
}
#footer .footer-signature {
  float: left;
  width: 184px;
  height: auto;
  margin-top: 2px;
}
#footer ul {
  list-style: none;
  text-align: center;
  margin-bottom: 0;
}
#footer ul li {
  background: none;
  padding-left: 0;
  display: inline-block;
  width: 90px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle;
}
#footer ul li a {
  display: inline-block;
}
#footer ul li img {
  width: 100%;
  height: auto;
}
#footer ul li:nth-child(8) {
  margin-left: -15px;
  margin-right: -15px;
}
#footer ul li:nth-child(8) img {
  height: 150px;
  width: auto;
}
#footer ul li:nth-child(9) {
  margin-left: -3px;
}
#footer ul li:nth-child(9) img {
  height: 100px;
  width: auto;
}
/* 11) Standard Template
------------------------------------------------- */
.std-temp div.grid-2 {
  padding-left: 14px;
  margin-right: 18px;
  width: 599px;
}
.std-temp div.grid-1 {
  position: relative;
  width: 288px;
}
.std-temp div.img-lndscp-sml {
  width: 207px;
  height: 144px;
  background: url("../png/frame-lndscp-sml.png") no-repeat scroll 0 0 transparent;
}
.std-temp div.img-lndscp-sml img {
  position: relative;
  top: 15px;
  left: 16px;
}
.std-temp div.img-lndscp-med {
  width: 384px;
  height: 297px;
  background: url("../png/frame-lndscp-med3.png") no-repeat scroll 0 0 transparent;
  top: 9px;
  right: 6px;
}
.std-temp div.img-lndscp-med img {
  position: relative;
  top: 25px;
  left: 24px;
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
.std-temp div.imgcount2 {
  background: url("../png/frame-lndscp-med-2.png") no-repeat scroll 0 0 transparent;
  height: 311px;
  right: 1px;
  top: 275px;
  width: 396px;
}
.std-temp div.imgcount2 img {
  position: relative;
  left: 26px;
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
/* 11.5) Standard Template Half and Half
------------------------------------------------- */
.col-half div.grid-2,
.col-half div.grid-1 {
  width: 441px;
}
.col-half .feature {
  width: 402px;
  background: transparent url(../png/feature-bottom-wide.png) no-repeat 0 100%;
}
.col-half .feature-top {
  width: 440px;
  background: transparent url(../png/feature-top-large.png) no-repeat 0 100%;
}
.col-half .download .float-left {
  width: 200px;
  float: left;
}
.col-half .download {
  overflow: hidden;
}
.col-half .download .download-pdf {
  float: right;
}
.col-half div.feature form input {
  width: 325px;
}
.col-half div.feature form input.submit-btn {
  width: 230px;
}
/* 11) Home
------------------------------------------------- */
div.home-lg {
  top: 2px;
  left: -21px;
  width: 523px;
  height: 380px;
  background: transparent url(../png/frame-home-lg-5.png) no-repeat 0 0;
}
div.home-lg img {
  position: relative;
  top: 38px;
  right: -36px;
  -ms-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
div.home-sml {
  top: 98px;
  right: 331px;
  width: 239px;
  height: 279px;
  background: transparent url(../png/frame-home-sml5.png) no-repeat 0 0;
}
div.home-sml img {
  position: relative;
  top: 26px;
  right: -27px;
  -ms-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
}
#home .intro-para {
  font-size: 21px;
  line-height: 26px;
  text-align: center;
  color: #79004D;
  margin-top: 373px;
  padding: 0 48px;
}
#home #content {
  position: relative;
  padding-top: 0;
}
#home #content div.grid-2 {
  padding-bottom: 430px;
  background: transparent url(../png/img-dummy.png) no-repeat 40% 3px;
}
#home #content div.grid-3 div.polaroid-lg {
  bottom: 1px;
  left: 281px;
  z-index: 30;
  background: transparent url(../png/frame-polaroid-lg4.png) no-repeat 0 0;
}
#home #content div.grid-3 div.polaroid-lg a {
  position: relative;
  top: 29px;
  left: 30px;
  -ms-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}
#home #content div.grid-3 div.imgcount1 {
  bottom: 3px;
  left: -28px;
  z-index: 10;
  background: transparent url(../png/frame-polaroid-lg-7.png) no-repeat 0 0;
}
#home #content div.grid-3 div.polaroid-lg a.img-link {
  top: 31px;
  left: 43px;
}
#home #content div.grid-3 div.imgcount1 a {
  position: relative;
  top: 35px;
  left: 67px;
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
}
#home #content div.grid-3 div.imgcount1 a.img-link {
  top: 39px;
  left: 46px;
}
#home #content div.grid-3 div.imgcount3 {
  bottom: -14px;
  left: 590px;
  z-index: 20;
  background: transparent url(../png/frame-polaroid-lg8.png) no-repeat 0 0;
}
#home #content div.grid-3 div.imgcount3 a {
  position: relative;
  top: 37px;
  left: 31px;
  -ms-transform: rotate(8deg);
  -webkit-transform: rotate(8deg);
  transform: rotate(8deg);
}
#home #content div.grid-3 div.imgcount3 a.img-link {
  top: 40px;
  left: 56px;
}
#home #content p.quote-header {
  font-size: 17px;
  font-family: 'HandOfSean', Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  color: #A0A97E;
  padding-right: 24px;
  padding-left: 6px;
  margin-top: 32px;
  text-align: center;
}
#home #content p.quote {
  font-family: "Courier New", Courier, monospace;
  font-size: 13px;
  line-height: 18px;
  color: #828282;
  text-indent: none;
  text-align: center;
  margin-top: 12px;
  padding-right: 24px;
  padding-left: 6px;
}
#home #content p.quote span {
  color: #B8BF9D;
  letter-spacing: 0;
  font-size: 12px;
  font-family: 'PTSansBold', Arial, Helvetica, sans-serif;
}
#home #subnav li.homesubnav1 {
  margin-top: 22px;
  margin-left: 30px;
}
#home #subnav li.homesubnav2 {
  margin-top: -18px;
  margin-left: 18px;
  background-image: url("../png/btn-provenquality.png");
}
#home #subnav li.homesubnav2 a:link,
#home #subnav li.homesubnav2 a:visited {
  display: block;
  text-indent: -9999px;
  background: none;
}
#home #subnav li.homesubnav3 {
  margin-top: -23px;
  margin-left: 32px;
  background-image: url("../png/btn-happydays.png");
  position: relative;
  z-index: 2;
}
#home #subnav li.homesubnav5 {
  margin-top: -21px;
  margin-left: 32px;
  background-image: url("../png/btn-twitter.png");
  position: relative;
  text-indent: -9999px;
  z-index: 2;
}
#home #subnav li.homesubnav5 a:link,
#home #subnav li.homesubnav5 a:visited {
  background: none repeat scroll 0 0 transparent;
  display: block;
  text-indent: -9999px;
}
#home #subnav li.homesubnav3 a:link,
#home #subnav li.homesubnav3 a:visited {
  display: block;
  text-indent: -9999px;
  background: none;
}
#home #subnav li.homesubnav4 {
  margin-top: -28px;
  margin-left: 16px;
}
#home h1 {
  margin-bottom: 0;
  height: 147px;
  margin-bottom: 18px;
}
#home .feature {
  position: relative;
}
#home .feature img {
  position: absolute;
  right: -54px;
  top: 32px;
  width: 189px;
  height: 232px;
}
#home .feature p {
  width: 129px;
  margin-top: 10px;
  margin-bottom: 20px;
}
#home .feature .btn-plum {
  margin-bottom: 15px;
}
#home .feature.feature-xmas h2 {
  color: #E33542;
}
#home .feature.feature-xmas .btn-plum {
  background-color: #E33542;
}
/* 12) About Us
------------------------------------------------- */
#tabs ul {
  display: none;
}
#about-us div.grid-1 {
  padding-left: 14px;
  width: 268px;
}
#about-us div.grid-2 {
  height: 450px;
  width: 642px;
  position: relative;
  background: transparent url(../png/img-dummy-about.png) no-repeat 40px -4px;
}
#about-us div.std-temp div.grid-2 {
  height: auto;
  background: none;
  width: 508px;
}
#about-us div.std-temp div.grid-1 {
  width: 379px;
  padding-right: 0;
}
div.about-lg {
  padding-top: 20px;
  padding-left: 24px;
  position: relative;
  top: 6px;
  left: -20px;
  width: 507px;
  height: 399px;
  background: transparent url(../png/frame-about-lg-4.png) no-repeat 0 0;
}
div.about-lg a {
  position: relative;
  top: 16px;
  left: 11px;
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
div.about-lg a.img-link {
  top: 16px;
  left: 11px;
}
div.about-sml {
  top: 148px;
  right: -48px;
  padding-top: 20px;
  padding-left: 19px;
  width: 278px;
  height: 306px;
  background: transparent url(../png/frame-about-sml8.png) no-repeat 0 0;
}
div.about-sml a {
  position: relative;
  top: 13px;
  left: 2px;
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -webkit-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
}
div.about-sml a.img-link {
  top: 16px;
  left: 17px;
}
div.about-lg a:link,
div.about-lg a:visited {
  width: 465px;
  margin-top: 0;
}
div.about-lg img {
  margin-bottom: 18px;
}
div.about-sml a:link,
div.about-sml a:visited {
  width: 211px;
  margin-top: 0;
  font-size: 13px;
}
div.about-sml img {
  margin-bottom: 14px;
}
#about-us ul#subnav {
  position: absolute;
  top: 0;
  right: -35px;
}
#about-us ul#subnav li.aboutsubnav1 {
  background-image: url("../png/btn-slowfood.png");
  margin-top: -14px;
  margin-left: -28px;
  position: relative;
  z-index: 2;
  height: 89px;
}
#about-us ul#subnav li.aboutsubnav2 {
  background-image: url("../png/btn-tastesoflincs.png");
  margin-top: -39px;
  width: 198px;
  padding-right: 12px;
  padding-left: 12px;
  line-height: 22px;
  height: 79px;
}
#about-us ul#subnav li.aboutsubnav3 {
  background-image: url("../png/btn-selectlincs.png");
  margin-top: -32px;
  margin-left: -14px;
  height: 89px;
}
#about-us #subnav li a:link,
#about-us #subnav li a:visited {
  text-indent: -9999px;
  display: block;
  background: none;
}
#about-us #subnav li.aboutsubnav2 a:link,
#about-us #subnav li.aboutsubnav2 a:visited {
  height: 55px;
  position: relative;
  z-index: 2;
}
#about-us .intro-para {
  padding-right: 18px;
}
#about-us div.grid-3 div.img {
  width: 290px;
  height: 318px;
  background: transparent url(../png/frame-polaroid-sml4.png) no-repeat 0 0;
  position: static;
  float: left;
  margin-top: 18px;
  margin-left: 6px;
}
#about-us div.grid-3 div.img a {
  position: relative;
  left: 25px;
  top: 18px;
  -moz-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
}
#about-us div.grid-3 div.img a.img-link {
  left: 36px;
  top: 27px;
}
#about-us div.grid-3 div.imgcount1 {
  width: 304px;
  height: 332px;
  background: transparent url(../png/frame-polaroid-sml-6.png) no-repeat 0 0;
  margin-top: 0;
  margin-left: 9px;
}
#about-us div.grid-3 div.imgcount1 a {
  position: relative;
  left: 51px;
  top: 22px;
  -moz-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
#about-us div.grid-3 div.imgcount1 a.img-link {
  left: 37px;
  top: 30px;
}
#about-us div.grid-3 div.imgcount3 {
  width: 303px;
  height: 329px;
  background: transparent url(../png/frame-polaroid-sml7.png) no-repeat 0 0;
  margin-top: 9px;
  margin-left: 6px;
}
#about-us div.grid-3 div.imgcount3 a {
  position: relative;
  left: 28px;
  top: 23px;
  -moz-transform: rotate(7deg);
  -o-transform: rotate(7deg);
  -webkit-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  transform: rotate(7deg);
}
#about-us div.grid-3 div.imgcount3 a.img-link {
  left: 44px;
  top: 33px;
}
#about-us #tabs div.img-lndscp-lg {
  background: transparent url(../png/frame-lndscp-lg-4.png) no-repeat 0 0;
  width: 486px;
  height: 367px;
  position: relative;
  z-index: 90;
  float: left;
  margin-top: -7px;
  margin-left: -27px;
}
#about-us #tabs div.img-lndscp-lg img {
  position: relative;
  left: 33px;
  top: 34px;
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
#about-us #bakery-shop div.imgcount1,
#about-us #butchery div.imgcount1 {
  width: 284px;
  height: 348px;
  background: transparent url(../png/frame-port-med1-5.png) no-repeat 0 0;
  position: relative;
  z-index: 100;
  float: left;
  margin-top: 24px;
  margin-left: -75px;
}
#about-us #bakery-shop div.imgcount1 img,
#about-us #butchery div.imgcount1 img {
  position: relative;
  top: 21px;
  left: 20px;
  -moz-transform: rotate(1.5deg);
  -o-transform: rotate(1.5deg);
  -webkit-transform: rotate(1.5deg);
  -ms-transform: rotate(1.5deg);
  transform: rotate(1.5deg);
}
#about-us #bakery-shop div.copycount1,
#about-us #butchery div.copycount1 {
  margin-left: 15px;
  margin-top: 32px;
  width: 170px;
  float: left;
  clear: none;
}
#about-us #bakery-shop div.imgcount2,
#about-us #butchery div.imgcount2 {
  width: 290px;
  height: 353px;
  background: transparent url(../png/frame-port-med2-5.png) no-repeat 0 0;
  top: 21em;
  right: 32px;
}
#about-us #bakery-shop div.imgcount2 img,
#about-us #butchery div.imgcount2 img {
  position: relative;
  top: 22px;
  left: 24px;
  -moz-transform: rotate(2.5deg);
  -o-transform: rotate(2.5deg);
  -webkit-transform: rotate(2.5deg);
  -ms-transform: rotate(2.5deg);
  transform: rotate(2.5deg);
}
#about-us #bakery-shop div.copycount2,
#about-us #butchery div.copycount2 {
  position: absolute;
  top: 44.5em;
  right: 57px;
  width: 235px;
}
#about-us #bakery-shop div.imgcount3,
#about-us #butchery div.imgcount3 {
  width: 290px;
  height: 352px;
  background: transparent url(../png/frame-port-med-2-5.png) no-repeat 0 0;
  top: 28em;
  right: 332px;
  z-index: 200;
}
#about-us #bakery-shop div.imgcount3 img,
#about-us #butchery div.imgcount3 img {
  position: relative;
  top: 23px;
  left: 25px;
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
#about-us #bakery-shop div.copycount3,
#about-us #butchery div.copycount3 {
  clear: both;
  padding-top: 1px;
  margin-left: 36px;
  width: 250px;
}
#about-us .ui-tabs #bakery-shop div.copycount3,
#about-us .ui-tabs #butchery div.copycount3 {
  margin-left: 24px;
}
#about-us #bakery-shop,
#about-us #butchery {
  min-height: 53.5em;
  height: auto !important;
  height: 53.5em;
  position: relative;
  margin-left: 53px;
}
#about-us #bakery-shop {
  margin-top: 24px;
}
#about-us .ui-tabs #bakery-shop,
#about-us .ui-tabs #butchery {
  margin-top: 0;
  margin-left: 0;
}
#about-us #the-bosses div.display-copy,
#about-us #the-farm-team div.display-copy {
  position: absolute;
  left: 88px;
  top: 410px;
  width: 220px;
}
#about-us .ui-tabs #the-bosses div.display-copy,
#about-us .ui-tabs #the-farm-team div.display-copy {
  top: 350px;
}
#about-us #the-bosses div.copycount2,
#about-us #the-farm-team div.copycount2 {
  left: 345px;
  top: 424px;
}
#about-us .ui-tabs #the-bosses div.copycount2,
#about-us .ui-tabs #the-farm-team div.copycount2 {
  top: 364px;
}
#about-us #the-farm-team div.copycount3 {
  left: 613px;
}
#about-us #the-bosses div.imgcount1,
#about-us #the-farm-team div.imgcount1 {
  width: 290px;
  height: 352px;
  background: transparent url(../png/frame-port-med-2-5.png) no-repeat 0 0;
  margin-top: -3px;
  margin-left: 6px;
}
#about-us #the-farm-team div.imgcount1 {
  margin-left: 28px;
}
#about-us #the-bosses div.imgcount1 img,
#about-us #the-farm-team div.imgcount1 img {
  position: relative;
  top: 23px;
  left: 25px;
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
#about-us #the-bosses div.imgcount2,
#about-us #the-farm-team div.imgcount2 {
  margin-top: 21px;
  left: 319px;
  width: 284px;
  height: 348px;
  background: transparent url(../png/frame-port-med1-5.png) no-repeat 0 0;
}
#about-us #the-bosses div.imgcount2 img,
#about-us #the-farm-team div.imgcount2 img {
  position: relative;
  top: 21px;
  left: 20px;
  -moz-transform: rotate(1.5deg);
  -o-transform: rotate(1.5deg);
  -webkit-transform: rotate(1.5deg);
  -ms-transform: rotate(1.5deg);
  transform: rotate(1.5deg);
}
#about-us #the-bosses div.imgcount3,
#about-us #the-farm-team div.imgcount3 {
  width: 290px;
  height: 353px;
  background: transparent url(../png/frame-port-med2-5.png) no-repeat 0 0;
  margin-top: 8px;
  right: 48px;
}
#about-us #the-farm-team div.imgcount3 {
  right: 67px;
}
#about-us #the-bosses div.imgcount3 img,
#about-us #the-farm-team div.imgcount3 img {
  position: relative;
  top: 22px;
  left: 24px;
  -moz-transform: rotate(2.5deg);
  -o-transform: rotate(2.5deg);
  -webkit-transform: rotate(2.5deg);
  -ms-transform: rotate(2.5deg);
  transform: rotate(2.5deg);
}
#about-us #the-bosses {
  min-height: 39.5em;
  height: auto !important;
  height: 39.5em;
  position: relative;
  margin-left: 53px;
}
#about-us #the-farm-team {
  width: 916px;
  position: relative;
  padding-left: 14px;
  padding-right: 14px;
  min-height: 39.5em;
  height: auto !important;
  height: 39.5em;
  margin-left: 53px;
  margin-top: 24px;
}
#about-us .ui-tabs #the-bosses,
#about-us .ui-tabs #the-farm-team {
  margin-left: 0;
  margin-top: 0;
}
#about-us .std-temp div.imgcount3 {
  top: 525px;
  right: 24px;
}
#about-us .std-temp div.imgcount4 {
  top: 775px;
  right: 10px;
  -moz-transform: rotate(-7deg);
  -o-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
}
#about-us .std-temp div.imgcount4 img {
  position: relative;
  top: 25px;
  left: 22px;
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(3deg);
}
#about-us .awards {
  min-height: 59.5em;
  height: auto !important;
  height: 59.5em;
}
#about-us .ui-tabs .ui-tabs-nav li,
#about-us .ui-tabs .ui-tabs-nav li a {
  width: 229px;
}
#about-us .ui-state-default,
#about-us .ui-widget-content .ui-state-default,
#about-us .ui-widget-header .ui-state-default {
  background-image: url("../png/tab-sml.png");
}
#about-us .ui-state-active,
#about-us .ui-widget-content .ui-state-active,
#about-us .ui-widget-header .ui-state-active {
  background-image: url("../png/tab-sml-loc.png");
}
#about-us .ui-tabs .ui-tabs-nav {
  margin-left: -1px;
}
#what-we-do #colorbox div.grid-2 {
  margin: 0 18px 0 0;
  padding-left: 9px;
  padding-top: 12px;
  width: 302px;
}
#what-we-do #colorbox div.grid-1 {
  margin: 0;
}
#what-we-do #colorbox div.grid-1 img {
  display: inline;
  float: left;
}
#what-we-do a.btn,
#happy-days a.btn,
.meet-the-team a.btn {
  margin-left: 24px;
}
#about-us div.grid-2 {
  background: none;
  position: relative;
  height: auto;
  padding-bottom: 60px;
}
#about-us div.grid-2 div.imgcount1,
#about-us div.grid-2 div.imgcount2,
#about-us div.grid-2 div.imgcount3 {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  height: auto;
  background-image: none;
  background-color: white;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  -webkit-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
  position: relative;
  float: left;
  top: 10px;
  z-index: 1;
  width: 33%;
}
#about-us div.grid-2 div.imgcount1:before,
#about-us div.grid-2 div.imgcount2:before,
#about-us div.grid-2 div.imgcount3:before,
#about-us div.grid-2 div.imgcount1:after,
#about-us div.grid-2 div.imgcount2:after,
#about-us div.grid-2 div.imgcount3:after {
  position: absolute;
  width: 40%;
  height: 10px;
  content: ' ';
  left: 12px;
  bottom: 8px;
  background: transparent;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
#about-us div.grid-2 div.imgcount1:after,
#about-us div.grid-2 div.imgcount2:after,
#about-us div.grid-2 div.imgcount3:after {
  left: auto;
  right: 12px;
  -webkit-transform: skew(5deg) rotate(5deg);
  -moz-transform: skew(5deg) rotate(5deg);
  -ms-transform: skew(5deg) rotate(5deg);
  -o-transform: skew(5deg) rotate(5deg);
  transform: skew(5deg) rotate(5deg);
}
#about-us div.grid-2 div.imgcount1 img,
#about-us div.grid-2 div.imgcount2 img,
#about-us div.grid-2 div.imgcount3 img,
#about-us div.grid-2 div.imgcount1 a,
#about-us div.grid-2 div.imgcount2 a,
#about-us div.grid-2 div.imgcount3 a {
  display: block;
  max-width: 100%;
  width: 100% !important;
  height: auto !important;
  position: relative;
  z-index: 2;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  -moz-transform: rotate(0) !important;
  -o-transform: rotate(0) !important;
  -webkit-transform: rotate(0) !important;
  -ms-transform: rotate(0) !important;
  transform: rotate(0) !important;
}
#about-us div.grid-2 div.imgcount1 img,
#about-us div.grid-2 div.imgcount2 img,
#about-us div.grid-2 div.imgcount3 img {
  border: 6px solid white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#about-us div.grid-2 div.imgcount1 a.img-link,
#about-us div.grid-2 div.imgcount2 a.img-link,
#about-us div.grid-2 div.imgcount3 a.img-link {
  top: auto;
  left: auto;
}
#about-us div.grid-2 div.imgcount1 a,
#about-us div.grid-2 div.imgcount2 a,
#about-us div.grid-2 div.imgcount3 a {
  font-size: 11px;
  margin-top: 0;
  background-color: white;
}
#about-us div.grid-2 div.imgcount1:after,
#about-us div.grid-2 div.imgcount2:after,
#about-us div.grid-2 div.imgcount3:after,
#about-us div.grid-2 div.imgcount1:before,
#about-us div.grid-2 div.imgcount2:before,
#about-us div.grid-2 div.imgcount3:before {
  bottom: 4px;
}
#about-us div.grid-2 div.imgcount1:hover,
#about-us div.grid-2 div.imgcount2:hover,
#about-us div.grid-2 div.imgcount3:hover,
#about-us div.grid-2 div.imgcount1:active,
#about-us div.grid-2 div.imgcount2:active,
#about-us div.grid-2 div.imgcount3:active,
#about-us div.grid-2 div.imgcount1:focus,
#about-us div.grid-2 div.imgcount2:focus,
#about-us div.grid-2 div.imgcount3:focus {
  top: 8px;
}
#about-us div.grid-2 div.imgcount2 {
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
}
#about-us div.grid-2 div.imgcount3 {
  -webkit-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
}
#about-us div.grid-2 div.level2 {
  clear: left;
  position: relative;
  right: -20px;
}
#about-us div.grid-2 div.level2 div.imgcount1,
#about-us div.grid-2 div.level2 div.imgcount2,
#about-us div.grid-2 div.level2 div.imgcount3 {
  top: 40px;
  width: 25%;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
#about-us div.grid-2 div.level2 div.imgcount1 a,
#about-us div.grid-2 div.level2 div.imgcount2 a,
#about-us div.grid-2 div.level2 div.imgcount3 a {
  font-size: 9px;
}
#about-us div.grid-2 div.level2 div.imgcount1 img,
#about-us div.grid-2 div.level2 div.imgcount2 img,
#about-us div.grid-2 div.level2 div.imgcount3 img {
  margin-bottom: 3px;
}
#about-us div.grid-2 div.level2 div.imgcount1:hover,
#about-us div.grid-2 div.level2 div.imgcount2:hover,
#about-us div.grid-2 div.level2 div.imgcount3:hover,
#about-us div.grid-2 div.level2 div.imgcount1:active,
#about-us div.grid-2 div.level2 div.imgcount2:active,
#about-us div.grid-2 div.level2 div.imgcount3:active,
#about-us div.grid-2 div.level2 div.imgcount1:focus,
#about-us div.grid-2 div.level2 div.imgcount2:focus,
#about-us div.grid-2 div.level2 div.imgcount3:focus {
  top: 38px;
}
#about-us div.grid-2 div.level2 div.imgcount2 {
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
#about-us div.grid-2 div.level2 div.imgcount3 {
  -webkit-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  transform: rotate(7deg);
}
#about-us div.grid-2 div.level2 > a.btn {
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
  float: left;
  position: absolute;
  z-index: 4;
  top: 60px;
  right: 5px;
  width: 30%;
  height: 65px !important;
  margin-top: 0 !important;
  margin-bottom: -3px;
  background-size: cover;
  font-size: 11px;
  line-height: 63px;
}
#about-us div.grid-2 div.level2 > a.btn:nth-child(5) {
  -webkit-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
  right: -5px;
  top: 110px;
}
#about-us div.grid-2 div.level2 > a.btn:nth-child(6) {
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
  right: 2;
  top: 160px;
}
/* 13) We Farm It
------------------------------------------------- */
#we-farm-it {
  position: relative;
}
#we-farm-it div.img-lndscp-lg,
#we-farm-it div.imgcount4,
#we-farm-it div.img-lndscp-med {
  position: static;
  float: left;
}
#we-farm-it div.img-lndscp-lg {
  position: relative;
  margin-top: -2px;
  margin-left: -23px;
  margin-right: 6px;
  background: url("../png/frame-lndscp-lg-4.png") no-repeat scroll 0 0 transparent;
  height: 367px;
  width: 486px;
}
#we-farm-it div.img-lndscp-lg img {
  left: 33px;
  position: relative;
  top: 34px;
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
#we-farm-it div.copycount2 {
  clear: both;
  width: 360px;
  margin-bottom: 36px;
  margin-left: 12px;
  padding-top: 1px;
}
#we-farm-it div.img-port-med {
  top: 11.5em;
  right: 206px;
  background: url("../png/frame-port-med5.png") no-repeat scroll 0 0 transparent;
  height: 361px;
  width: 302px;
}
#we-farm-it div.img-port-med img {
  left: 30px;
  position: relative;
  top: 26px;
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}
#we-farm-it div.imgcount3 {
  width: 243px;
  height: 281px;
  top: 13.5em;
  right: 33px;
  background: transparent url(../png/frame-port-sml-4.png) no-repeat 0 0;
}
#we-farm-it div.imgcount3 img {
  position: relative;
  top: 25px;
  left: 27px;
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
#we-farm-it div.imgcount4 {
  width: 245px;
  height: 283px;
  top: 0.5em;
  right: 11px;
  position: relative;
  z-index: 2;
  background: transparent url(../png/frame-port-sml5.png) no-repeat 0 0;
}
#we-farm-it div.imgcount4 img {
  position: relative;
  top: 25px;
  left: 27px;
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}
#we-farm-it div.img-lndscp-med {
  position: relative;
  z-index: 1;
  width: 392px;
  height: 307px;
  background: transparent url(../png/frame-lndscp-med-4.png) no-repeat 0 0;
  margin-top: -15px;
  margin-left: -49px;
  margin-right: 9px;
}
#we-farm-it div.img-lndscp-med img {
  position: relative;
  top: 31px;
  left: 28px;
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
#we-farm-it div.copycount3 {
  padding-top: 2px;
}
/* 14) We Produce It
------------------------------------------------- */
#we-produce-it {
  position: relative;
}
#we-produce-it div.imgcount5,
#we-produce-it div.img-lndscp-med {
  position: static;
  float: right;
}
#we-produce-it div.copycount1 {
  clear: both;
  margin-bottom: 136px;
  margin-left: 12px;
  padding-top: 1px;
  width: 360px;
}
#we-produce-it div.imgcount1 {
  top: 12px;
  right: 22px;
  width: 294px;
  height: 355px;
  background: transparent url(../png/frame-port-med-3.png) no-repeat 0 0;
}
#we-produce-it div.imgcount1 img {
  position: relative;
  top: 25px;
  left: 27px;
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
#we-produce-it div.imgcount2 {
  top: 44px;
  right: 268px;
  width: 245px;
  height: 283px;
  background: transparent url(../png/frame-port-sml5.png) no-repeat 0 0;
}
#we-produce-it div.imgcount2 img {
  position: relative;
  top: 25px;
  left: 27px;
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}
#we-produce-it div.copycount2 {
  clear: both;
  width: 360px;
  margin-bottom: 66px;
  margin-left: 510px;
  padding-top: 1px;
}
#we-produce-it div.imgcount3 {
  top: 19.5em;
  left: 18px;
  z-index: 2;
  width: 302px;
  height: 361px;
  background: transparent url(../png/frame-port-med5.png) no-repeat 0 0;
}
#we-produce-it div.imgcount3 img {
  position: relative;
  top: 25px;
  left: 27px;
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}
#we-produce-it div.imgcount4 {
  top: 23.5em;
  left: 280px;
  width: 243px;
  height: 281px;
  background: transparent url(../png/frame-port-sml-4.png) no-repeat 0 0;
}
#we-produce-it div.imgcount4 img {
  position: relative;
  top: 25px;
  left: 27px;
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
#we-produce-it div.copycount3 {
  padding-top: 12px;
  margin-left: 12px;
  width: 240px;
}
#we-produce-it div.imgcount5 {
  position: relative;
  margin-right: -18px;
  z-index: 2;
  width: 245px;
  height: 283px;
  background: transparent url(../png/frame-port-sml5.png) no-repeat 0 0;
}
#we-produce-it div.imgcount5 img {
  position: relative;
  top: 25px;
  left: 27px;
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}
#we-produce-it div.img-lndscp-med {
  margin-top: -24px;
  margin-right: -46px;
  position: relative;
  z-index: 1;
  width: 392px;
  height: 307px;
  background: transparent url(../png/frame-lndscp-med-4.png) no-repeat 0 0;
}
#we-produce-it div.img-lndscp-med img {
  position: relative;
  top: 31px;
  left: 28px;
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
/* 15) We Sell It
------------------------------------------------- */
#we-sell-it {
  position: relative;
}
#we-sell-it div.img-lndscp-lg,
#we-sell-it div.imgcount4,
#we-sell-it div.img-lndscp-med {
  position: static;
  float: left;
}
#we-sell-it div.img-lndscp-lg {
  background: url("../png/frame-lndscp-lg-4.png") no-repeat scroll 0 0 transparent;
  position: relative;
  height: 367px;
  margin-left: -23px;
  margin-right: 6px;
  margin-top: -2px;
  width: 486px;
}
#we-sell-it div.img-lndscp-lg img {
  left: 33px;
  position: relative;
  top: 34px;
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
#we-sell-it div.copycount2 {
  clear: both;
  width: 360px;
  margin-bottom: 36px;
  margin-left: 12px;
  padding-top: 1px;
}
#we-sell-it div.img-port-med {
  background: url("../png/frame-port-med5.png") no-repeat scroll 0 0 transparent;
  height: 361px;
  width: 302px;
  top: 11.5em;
  right: 206px;
}
#we-sell-it div.img-port-med img {
  left: 30px;
  position: relative;
  top: 26px;
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}
#we-sell-it div.imgcount3 {
  width: 243px;
  height: 281px;
  top: 13.5em;
  right: 33px;
  background: transparent url(../png/frame-port-sml-4.png) no-repeat 0 0;
}
#we-sell-it div.imgcount3 img {
  position: relative;
  top: 25px;
  left: 27px;
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
#we-sell-it div.imgcount4 {
  width: 245px;
  height: 283px;
  top: 0.5em;
  right: 11px;
  position: relative;
  z-index: 2;
  background: transparent url(../png/frame-port-sml5.png) no-repeat 0 0;
}
#we-sell-it div.imgcount4 img {
  position: relative;
  top: 25px;
  left: 27px;
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}
#we-sell-it div.img-lndscp-med {
  position: relative;
  z-index: 1;
  width: 392px;
  height: 307px;
  background: transparent url(../png/frame-lndscp-med-4.png) no-repeat 0 0;
  margin-top: -15px;
  margin-left: -49px;
  margin-right: 9px;
}
#we-sell-it div.img-lndscp-med img {
  position: relative;
  top: 31px;
  left: 28px;
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
#we-sell-it div.copycount3 {
  padding-top: 18px;
}
/* 16) Artisan Skills
------------------------------------------------- */
#artisan-skills .grid-3 {
  width: 914px;
  padding: 0 14px;
  float: none;
  display: block;
  position: relative;
}
#artisan-skills div.img-lndscp-lg,
#artisan-skills div.imgcount4,
#artisan-skills div.img-lndscp-med {
  position: static;
  float: left;
}
#artisan-skills div.img-lndscp-lg {
  margin-top: -36px;
  margin-left: -19px;
  background: url("../png/frame-lndscp-lg-4.png") no-repeat scroll 0 0 transparent;
  height: 367px;
  width: 486px;
}
#artisan-skills div.img-lndscp-lg img {
  left: 33px;
  position: relative;
  top: 34px;
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
#artisan-skills div.copycount1 {
  position: absolute;
  top: 6px;
  left: 485px;
  width: 393px;
}
#artisan-skills div.copycount2 {
  clear: both;
  width: 360px;
  margin-bottom: 36px;
  margin-left: 12px;
  padding-top: 1px;
}
#artisan-skills div.img-port-med {
  top: 12.5em;
  right: 227px;
  background: url("../png/frame-port-med5.png") no-repeat scroll 0 0 transparent;
  height: 361px;
  width: 302px;
}
#artisan-skills div.img-port-med img {
  left: 30px;
  position: relative;
  top: 26px;
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}
#artisan-skills div.imgcount3 {
  top: 15.5em;
  right: 23px;
  background: url("../png/frame-port-sml-4.png") no-repeat scroll 0 0 transparent;
  height: 281px;
  width: 243px;
}
#artisan-skills div.imgcount3 img {
  left: 27px;
  position: relative;
  top: 25px;
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
#artisan-skills div.imgcount4 {
  background: url("../png/frame-port-sml5.png") no-repeat scroll 0 0 transparent;
  height: 283px;
  position: relative;
  right: 11px;
  top: 0.5em;
  width: 245px;
  z-index: 2;
}
#artisan-skills div.imgcount4 img {
  left: 27px;
  position: relative;
  top: 25px;
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}
#artisan-skills div.img-lndscp-med {
  background: url("../png/frame-lndscp-med-4.png") no-repeat scroll 0 0 transparent;
  height: 307px;
  margin-left: -49px;
  margin-right: 9px;
  margin-top: -15px;
  position: relative;
  width: 392px;
  z-index: 1;
}
#artisan-skills div.img-lndscp-med img {
  left: 29px;
  position: relative;
  top: 31px;
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
#artisan-skills div.copycount3 {
  padding-top: -18px;
}
/* 17) Proven Quality
------------------------------------------------- */
#proven-quality div.grid-2 {
  width: 508px;
  min-height: 59.5em;
  height: auto !important;
  height: 59.5em;
}
#proven-quality div.grid-1 {
  width: 379px;
}
#proven-quality .std-temp div.imgcount2 {
  background: url("../png/frame-lndscp-med-2.png") no-repeat scroll 0 0 transparent;
  height: 311px;
  width: 396px;
  right: 1px;
  top: 275px;
}
#proven-quality .std-temp div.imgcount2 img {
  left: 26px;
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
#proven-quality div.grid-1 p.quote {
  margin-top: 580px;
  padding: 0 12px;
  text-align: center;
}
#proven-quality div.grid-1 p.quote:last-child {
  margin-top: 24px;
}
#proven-quality .std-temp div.imgcount3 {
  right: 24px;
  top: 525px;
}
/* 18) Happy Days
------------------------------------------------- */
#happy-days div.grid-3 {
  padding-right: 14px;
  padding-left: 14px;
  width: 914px;
  position: relative;
}
#happy-days p.intro-para {
  margin-right: 200px;
}
#happy-days ul#prod-grid li span {
  font-family: Verdana, sans-serif;
  width: 235px;
  padding: 0 10px;
  display: block;
  text-align: center;
  font-size: 11px;
  line-height: 14px;
}
#happy-days ul#prod-grid li img {
  margin-bottom: 3px;
  width: 92%;
  height: auto;
}
#happy-days ul#prod-grid li {
  margin-top: 12px;
  height: 230px;
}
#happy-days ul#prod-grid li.rotate-2 {
  margin-top: 0;
  width: 280px;
  height: 238px;
  margin-right: 6px;
  padding-left: 22px;
  padding-top: 23px;
  background-image: url("../png/frame-prod-grid-2.png");
}
#happy-days ul#prod-grid li.rotate-2 img,
#happy-days ul#prod-grid li.rotate-2 span {
  top: 1px;
  left: 2px;
  position: relative;
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
#happy-days ul#prod-grid li.rotate-2 span {
  padding-left: 16px;
}
#happy-days ul#prod-grid li.rotate2 {
  margin-top: 0;
  height: 239px;
  width: 277px;
  margin-right: 11px;
  padding-left: 20px;
  padding-top: 22px;
  background-image: url("../png/frame-prod-grid2.png");
}
#happy-days ul#prod-grid li.rotate2 img,
#happy-days ul#prod-grid li.rotate2 span {
  top: 1px;
  left: 2px;
  position: relative;
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}
#happy-days ul#prod-grid li.rotate-2 span {
  padding-right: 16px;
}
/* 19) Products
------------------------------------------------- */
#products div.grid-3 {
  padding-right: 14px;
  padding-left: 14px;
  width: 914px;
}
#products div.grid-2 {
  padding-left: 14px;
  width: 586px;
}
#products #colorbox div.grid-2 {
  padding-top: 12px;
  padding-left: 9px;
  width: 352px;
  margin: 0;
  margin-right: 18px;
}
#products div.grid-1 {
  padding-right: 14px;
  width: 310px;
  position: relative;
}
#products div.grid-1 img.award-logo {
  position: absolute;
  right: 24px;
  bottom: 12px;
}
#products #colorbox div.grid-1 {
  padding-right: 0;
  margin: 0;
}
#products #colorbox div.grid-1 img.award-logo {
  right: 12px;
}
#products p.intro-para {
  margin-right: 200px;
}
#products div.grid-2 p.intro-para {
  margin-right: 0;
}
ul#prod-grid {
  margin-left: -6px;
  margin-right: -6px;
}
#products div.grid-1 .feature a:link,
#products div.grid-1 .feature a:visited {
  color: #666;
}
#products div.grid-1 .feature-top,
#products div.grid-1 .feature {
  margin-left: 9px;
}
#products div.grid-1 .feature {
  margin-bottom: 18px;
}
ul#prod-grid li {
  float: left;
  margin-right: 13px;
  padding-top: 19px;
  padding-left: 20px;
  width: 275px;
  height: 234px;
  background: transparent url(../png/frame-prod-grid.png) no-repeat 0 0;
}
ul#prod-grid li a:link,
ul#prod-grid li a:visited {
  display: block;
  width: 255px;
  text-align: center;
  text-decoration: underline;
  font-size: 15px;
  line-height: 18px;
  color: #666;
}
ul#prod-grid li a:hover,
ul#prod-grid li a:active,
ul#prod-grid li a:focus {
  text-decoration: underline;
}
ul#prod-grid li a img {
  margin-bottom: 12px;
  width: 100%;
  height: auto;
}
#press-area ul#prod-grid li a img {
  height: 174px;
  width: auto;
}
#products #colorbox h2 {
  color: #A0A97E;
  font-family: 'HandOfSean', Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  font-size: 15px;
  margin-bottom: 6px;
}
ul#prod-grid li span.crop {
  overflow: hidden;
  text-align: center;
  display: block;
  width: 255px;
}
ul#prod-grid li span.crop img strong {
  display: block;
  position: relative;
  left: 50%;
  margin-left: -128px;
}
ul#prod-grid li span.crop img {
  margin-left: auto;
  margin-right: auto;
}
#products .btn {
  margin-left: 14px;
}
/* 20) Farmers Markets
------------------------------------------------- */
#farmers-markets div.grid-2 {
  padding-left: 14px;
}
#farmers-markets h2 {
  color: #79004D;
  font-size: 20px;
  margin-top: 22px;
}
#farmers-markets .feature h2 {
  margin-top: 0;
  font-size: 16px;
}
#farmers-markets .ui-tabs .ui-tabs-nav li,
#farmers-markets .ui-tabs .ui-tabs-nav li a {
  width: 76px;
}
#farmers-markets #tabs div {
  padding-left: 24px;
}
#farmers-markets .ui-tabs .ui-tabs-panel {
  padding-left: 0;
}
#farmers-markets #tabs ul {
  display: none;
}
#farmers-markets .ui-tabs .ui-tabs-nav li a {
  font-size: 13px;
  height: 30px;
}
#farmers-markets .ui-tabs .ui-state-default,
#farmers-markets .ui-tabs .ui-widget-content .ui-state-default,
#farmers-markets .ui-tabs .ui-widget-header .ui-state-default {
  background-image: url("../png/tab-cal.png");
}
#farmers-markets .ui-tabs .ui-state-active,
#farmers-markets .ui-tabs .ui-widget-content .ui-state-active,
#farmers-markets .ui-tabs .ui-widget-header .ui-state-active {
  background-image: url("../png/tab-cal-loc.png");
}
#farmers-markets .ui-widget-content {
  background-position: 0 49px;
}
#farmers-markets .ui-tabs .ui-tabs-panel {
  background-position: 0 100%;
  padding-top: 0;
}
#farmers-markets .ui-tabs h2 {
  margin-right: 12px;
  font-size: 42px;
  line-height: 94px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 3px;
  padding-bottom: 9px;
  background: url("../gif/link-underline-lighter.gif") repeat-x scroll 0 100% transparent;
}
#farmers-markets .ui-tabs .ui-tabs-panel li {
  overflow: hidden;
  border-bottom: 1px solid #CCCCCC;
  background-image: none;
  padding: 12px 0;
  margin-bottom: 0;
}
#farmers-markets .ui-tabs .ui-tabs-panel ul {
  margin-right: 12px;
}
#farmers-markets .ui-tabs .ui-tabs-panel li .calendar-date {
  float: left;
  width: 120px;
}
#farmers-markets .ui-tabs .ui-tabs-panel li p {
  color: #79004D;
  font-family: 'PTSansBold', Arial, Helvetica, sans-serif;
  font-weight: normal;
  float: left;
  margin-right: 42px;
  margin-bottom: 0;
}
#farmers-markets .ui-tabs .ui-tabs-panel li p.not-fm {
  color: #566422;
}
#farmers-markets .ui-tabs .ui-tabs-panel li p span {
  font-family: 'PTSansRegular', Arial, Helvetica, sans-serif;
  color: #666;
}
#farmers-markets #calendar-large {
  font-size: 20px;
}
#farmers-markets .col-half .download .download-pdf {
  position: absolute;
  right: 15px;
  top: 15px;
}
#farmers-markets div.grid-2 h2 a {
  text-decoration: none;
  cursor: default;
}
/* 21) Recipes
------------------------------------------------- */
#recipes div.grid-3 {
  padding-right: 14px;
  padding-left: 14px;
  width: 914px;
}
#recipes h1 {
  padding-right: 170px;
}
#recipes p.intro-para {
  margin-right: 200px;
}
#recipes div.feature-top {
  margin-top: 350px;
}
#recipes div.grid-1 div.img-lndscp-lg {
  top: -9px;
  left: -188px;
  background: url("../png/frame-lndscp-lg-2.png") no-repeat scroll 0 0 transparent;
  height: 354px;
  width: 478px;
}
#recipes div.grid-1 div.img-lndscp-lg img {
  position: relative;
  left: 29px;
  top: 27px;
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
#recipes div.recipe-wrapped-pork-fillet p:nth-child(6),
#recipes div.recipe-wrapped-pork-fillet p.pad-right,
#recipes div.recipe-pork-crackling-masterclass p:nth-child(6),
#recipes div.recipe-pork-crackling-masterclass p.pad-right {
  padding-right: 160px;
}
/* 22) Farm Shop
------------------------------------------------- */
#shops p.intro-para {
  margin-bottom: 300px;
}
#shops #content .grid-half {
  padding-left: 14px;
  width: 448px;
  position: relative;
}
#shops #content .grid-half h2,
#shops #content .grid-half h3,
#shops #content .grid-half p,
#shops #content .grid-half table {
  text-align: center;
}
#shops #content .grid-half h2,
#shops #content .grid-half h3 {
  margin-top: 0;
  font-size: 18px;
}
#shops #content .grid-half p {
  font-size: 16px;
}
#shops #content .grid-half table {
  margin: 0 auto 20px;
  font-size: 16px;
}
#shops #content .grid-half table td {
  padding-top: 2px;
  padding-bottom: 2px;
  width: 50%;
}
#shops #content .grid-half table td[colspan='2'] {
  padding-top: 10px;
  width: 100%;
}
#shops #content .grid-half .img-lndscp-med {
  position: static;
}
#shops #content .grid-half:first-child .img-lndscp-med {
  position: relative;
  left: 28px;
  top: 0;
  -moz-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
#shops #content .grid-half:nth-child(2) {
  padding-right: 14px;
  padding-left: 0;
}
#shops #content .grid-half:nth-child(2) .img-lndscp-med {
  position: relative;
  left: 38px;
  top: 0;
  margin-top: 54px;
}
#shops #content .grid-3 {
  padding-left: 200px;
  width: 742px;
  position: relative;
}
#shops #content .grid-3 p:nth-child(4) {
  margin-top: 30px;
  padding-right: 200px;
}
#shops #content .grid-3 p:nth-child(5) {
  padding-right: 200px;
}
#shops #content .grid-3 .img-lndscp-med {
  position: absolute;
  width: 364px;
  height: 282px;
  background-size: 364px 282px;
}
#shops #content .grid-3 .img-lndscp-med img {
  width: 314px;
  height: 214px;
  top: 30px;
}
#shops #content .grid-3 .img-lndscp-med:first-child {
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -webkit-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
  position: relative;
  top: 35px;
  left: -235px;
}
#shops #content .grid-3 .img-lndscp-med:nth-child(2) {
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
  left: 300px;
  z-index: 5;
}
#shops #content .grid-3 .img-lndscp-med:nth-child(3) {
  -moz-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
  top: 40px;
  right: -28px;
}
/*#shops .grid-2 div.img-lndscp-med {
	background: url("../images/templates/frame-lndscp-med-2.png") no-repeat scroll 0 0 transparent;
	height: 311px;
	width: 396px;
	left: -1px;
	top: 7.5em; }

#shops .grid-2 div.img-lndscp-med img {
	left: 26px;
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg); }*/
/* 23) Online Shop
------------------------------------------------- */
#online-shop .grid-2 {
  padding-left: 14px;
  width: 608px;
}
#store-grid {
  margin-left: -10px;
  clear: both;
}
#store-grid li {
  width: 208px;
  float: left;
  padding-left: 0;
  background: none;
  margin-right: -6px;
}
#store-grid li.new-row {
  clear: left;
}
#store-grid li h3 {
  /*margin-top: 170px;*/
  margin-top: 0;
  color: #333;
  font-size: 15px;
  font-family: 'PTSansBold', Arial, Helvetica, sans-serif;
  margin-bottom: 0;
  padding-right: 9px;
  padding-left: 12px;
}
#store-grid li p,
#store-grid li form {
  padding-right: 9px;
  padding-left: 12px;
}
#store-grid li p {
  margin-bottom: 9px;
}
#store-grid li img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#store-grid.category-grid li div.img-xsml {
  width: 173px;
  padding-right: 19px;
}
#online-shop #colorbox div.grid-2 {
  padding-top: 12px;
  padding-left: 9px;
  width: 352px;
  margin: 0;
  margin-right: 18px;
}
#online-shop div.grid-1 img.award-logo {
  position: absolute;
  right: 24px;
  bottom: 12px;
}
#online-shop #colorbox div.grid-1 {
  padding-right: 0;
  margin: 0;
  width: 310px;
}
#online-shop #colorbox div.grid-1 img.award-logo {
  right: 12px;
}
#online-shop div.grid-2 h2 {
  clear: both;
}
a.store-btn-main {
  float: left;
  font-family: 'PTSansBold', Arial, Helvetica, sans-serif;
  display: block;
  text-align: center;
  line-height: 34px;
  color: #fff;
  text-decoration: none;
  background: transparent url(../png/store-btn-r.png) 100% 50% no-repeat;
}
a.store-btn-scndry,
button.store-btn-scndry {
  float: left;
  font-family: 'PTSansBold', Arial, Helvetica, sans-serif;
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 34px;
  color: #fff;
  text-decoration: none;
  background: transparent url(../png/store-sec-btn-r.png) 100% 50% no-repeat;
  border: none;
  padding: 0;
}
a.ssbtn {
  float: right;
}
a.store-btn-main span {
  padding-left: 14px;
  display: block;
  background: transparent url(../png/store-btn-l.png) 0 50% no-repeat;
  margin-right: 14px;
}
a.store-btn-scndry span,
button.store-btn-scndry span {
  padding-left: 14px;
  display: block;
  background: transparent url(../png/store-sec-btn-l.png) 0 50% no-repeat;
  margin-right: 14px;
}
#online-shop div.grid-2 a.store-btn-main {
  margin-bottom: 36px;
}
.pph2 {
  float: left;
}
#online-shop div.grid-2 h2.ssh2 {
  float: right;
  clear: none;
}
#online-shop .feature #store-sub-nav a:link,
#online-shop .feature #store-sub-nav a:visited {
  color: #666;
}
.grey-top {
  background: url(../png/feature-top-grey.png) no-repeat scroll 0 0 transparent;
}
.grey {
  background: url(../png/feature-bottom-grey.png) no-repeat scroll 0 100% transparent;
}
#online-shop #store-grid form select {
  padding: 0;
  width: 107px;
  margin-left: 0;
  margin-bottom: 15px;
  margin-right: 10px;
}
#online-shop #store-grid form input {
  padding: 0;
  text-align: center;
  margin-top: 3px;
  margin-left: 5px;
  margin-right: 9px;
  margin-bottom: 15px;
  padding-top: 2px;
  padding-bottom: 0;
  width: 22px;
}
#online-shop #store-grid form label {
  font-family: 'PTSansRegular', Arial, Helvetica, sans-serif;
  width: 22px;
  color: #666;
}
#online-shop form input.store-btn-basket,
#online-shop #store-grid form input.store-btn-basket {
  border: none;
  font-family: 'PTSansBold', Arial, Helvetica, sans-serif;
  color: #fff;
  width: 105px;
  height: 30px;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  cursor: pointer;
  background: url(../png/btn-basket.png) no-repeat scroll 50% 50% transparent;
}
#online-shop form #cart-contents input.store-btn-basket {
  float: right;
}
#online-shop p.price {
  font-size: 16px;
  font-family: 'PTSansBold', Arial, Helvetica, sans-serif;
  color: #79004D;
}
#online-shop p.price strong {
  font-size: 14px;
  color: #333;
}
#online-shop #cart-contents {
  width: 599px;
}
#online-shop tr.even {
  background-color: #E8E8E8;
}
#online-shop thead td {
  font-family: 'HandOfSean', Arial, Helvetica, sans-serif;
  color: #79004D;
  font-size: 16px;
  margin-top: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}
#online-shop td.td-items {
  width: 55%;
  padding: 12px 0 12px 9px;
  vertical-align: middle;
}
#online-shop td#cart_quantity,
#online-shop td#cart_weight {
  text-align: center;
}
#online-shop td#cart_price {
  padding-right: 9px;
  text-align: right;
}
#online-shop td#cart_remove {
  padding-left: 9px;
  padding-right: 9px;
}
#online-shop td.td-quantity,
#online-shop td.td-weight,
#online-shop td.td-subtotal,
#online-shop td.td-remove {
  padding: 12px 0;
  width: 15%;
  text-align: center;
  vertical-align: middle;
}
#online-shop td.td-subtotal {
  padding: 12px 9px 12px 0;
  text-align: right;
}
#online-shop td.td-items strong {
  font-size: 16px;
  color: #333;
}
#online-shop td.td-items span {
  font-size: 16px;
  /*font-family: 'PTSansBold',Arial,Helvetica,sans-serif;*/
  color: #79004D;
}
#online-shop td.td-items span.item {
  color: #333;
  font-size: 16px;
}
#online-shop tfoot td {
  border-top: 2px solid #999;
  padding-top: 18px;
  vertical-align: top;
}
#online-shop tfoot p {
  font-size: 16px;
}
#online-shop tfoot p strong {
  color: #79004D;
}
#online-shop tfoot p em {
  color: #79004D;
}
#online-shop tfoot p.weight-error strong,
#online-shop tfoot p.weight-error em {
  color: red;
}
#online-shop tfoot p.weight-error {
  padding-left: 24px;
  background: transparent url(../gif/warning.gif) 0 1px no-repeat;
}
#online-shop tfoot p span {
  color: #333;
}
#online-shop tfoot p span.equals {
  color: #666;
  font-family: 'PTSansRegular', Arial, Helvetica, sans-serif;
}
#online-shop tfoot p.basket-total {
  font-size: 22px;
  color: #79004D;
  margin-bottom: 36px;
}
#online-shop tfoot p.basket-total strong {
  color: #333;
}
#online-shop form #same_as_billing label,
#online-shop form .disclaimer label {
  width: auto;
  margin-bottom: 12px;
}
#online-shop form input.checkbox {
  width: auto;
  padding: 0;
  border: 0;
  margin-top: 7px;
}
#online-shop form #cart-contents tbody input {
  margin-bottom: 0;
  margin-left: 0;
  width: 18px;
  text-align: center;
  float: none;
}
#online-shop form #cart-contents tbody input.checkbox {
  width: auto;
  border: none;
  padding: 0;
  margin: 0;
}
#online-shop div.grid-2 table a.store-btn-main {
  margin-bottom: 0;
  float: right;
}
#online-shop div.grid-2 table a.store-btn-scndry {
  margin-left: 12px;
}
#online-shop div.grid-2 form #cart-contents a.store-btn-scndry {
  margin-left: 55px;
}
form #billing_info label,
form #delivery_info label {
  width: 171px;
}
form #billing_info label.error,
form #delivery_info label.error {
  margin-left: 183px;
}
#online-shop form .disclaimer label.error {
  margin-left: 0;
  padding-top: 0;
  clear: left;
}
p.help-text {
  clear: both;
}
@media (min-width: 506px) {
  p.help-text {
    padding-left: 183px;
  }
}
form #delivery_info textarea {
  height: 41px;
}
#online-shop div.grid-2 .feature-top,
#online-shop div.grid-2 .feature {
  display: none;
}
.icon-basket {
  width: 23px;
  display: inline-block;
  position: relative;
  bottom: -2px;
  padding-left: 3px;
}
.icon-basket span {
  width: 18px;
  height: 18px;
  border-radius: 9px;
  position: absolute;
  top: -6px;
  right: -9px;
  background-color: #647240;
  color: #fff;
  text-align: center;
  font-family: 'PTSansBold', Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 18px;
}
@keyframes pulse_animation {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  75% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  animation-name: pulse_animation;
  animation-duration: 700ms;
  animation-delay: 200ms;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-timing-function: linear;
}
.coupon_code {
  width: 100px;
  margin-right: 9px;
  margin-left: 9px;
  margin-bottom: 18px;
}
/* 24) Join our Food Club
------------------------------------------------- */
#join-our-food-club p.intro-para {
  padding-right: 70px;
  margin-bottom: 24px;
}
/* 25) Press Area
------------------------------------------------- */
#press-area .grid-2 {
  padding-left: 14px;
  width: 608px;
}
#press-area div.grid-3 {
  padding-right: 14px;
  padding-left: 14px;
  width: 914px;
}
#press-area .grid-1 h2 {
  color: #79004D;
  font-size: 15px;
}
#press-area .grid-1 a.btn {
  float: left;
}
#press-area .grid-1 p.signin {
  margin-top: 22px;
  float: left;
}
#press-area form textarea {
  width: 450px;
  height: 85px;
}
#press-area form div.radio-set {
  overflow: hidden;
  margin-bottom: 5px;
}
#press-area form div.radio-set label {
  width: 134px;
}
#press-area form div.radio-set p {
  width: 50px;
}
#press-area form div.radio-set input {
  margin-right: 6px;
}
#press-area .feature {
  padding-top: 12px;
}
#press-area .float-feature {
  float: right;
  width: 240px;
  margin-right: 48px;
}
ul.doc-list li span.small {
  color: #8C8C8C;
  font-family: 'PTSansRegular', Arial, Helvetica, sans-serif;
  display: block;
}
/* 26) Where to Eat
------------------------------------------------- */
#where-to-eat .grid-2 {
  padding-left: 14px;
  width: 608px;
}
#where-to-eat ul#restaurants h2 {
  color: #79004D;
}
#where-to-eat ul#restaurants li {
  clear: both;
  margin-bottom: 18px;
}
#where-to-eat ul#restaurants span {
  color: #8C8C8C;
  font-family: 'PTSansItalic', Arial, Helvetica, sans-serif;
}
#where-to-eat ul#restaurants div.img {
  margin-left: 12px;
  float: right;
  position: static;
}
/* 27) Newsletter / Latest News
------------------------------------------------- */
#newsletter a.btn:link,
#newsletter a.btn:visited {
  margin-bottom: 0;
}
#newsletter .grid-2 div.img {
  float: right;
  margin-top: 15px;
  margin-left: 12px;
  position: static;
}
.twitter-large {
  background: transparent url(../png/twitter-large.png) no-repeat left center;
  padding: 4px 0px 4px 38px;
  margin-left: 10px;
  display: block;
}
.twitter-large a:link,
.twitter-large a:visited {
  color: #4C4C4C;
  text-decoration: none;
  display: block;
  height: 23px;
}
.twitter-large a:hover,
.twitter-large a:active {
  color: #566422;
  text-decoration: none;
}
#newsletter div.grid-2 {
  padding-left: 14px;
  width: 608px;
}
#newsletter ul#prod-grid {
  margin-right: 0;
  margin-left: 0;
}
#newsletter ul#prod-grid li {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  background-image: none;
  background-color: white;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  position: relative;
  padding: 0;
  margin-right: 4%;
  width: 48%;
  margin-bottom: 20px;
}
#newsletter ul#prod-grid li:before,
#newsletter ul#prod-grid li:after {
  position: absolute;
  width: 40%;
  height: 10px;
  content: ' ';
  left: 12px;
  bottom: 8px;
  background: transparent;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
#newsletter ul#prod-grid li:after {
  left: auto;
  right: 12px;
  -webkit-transform: skew(5deg) rotate(5deg);
  -moz-transform: skew(5deg) rotate(5deg);
  -ms-transform: skew(5deg) rotate(5deg);
  -o-transform: skew(5deg) rotate(5deg);
  transform: skew(5deg) rotate(5deg);
}
#newsletter ul#prod-grid li img,
#newsletter ul#prod-grid li a {
  display: block;
  max-width: 100%;
  width: 100% !important;
  height: auto !important;
  position: relative;
  z-index: 2;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  -moz-transform: rotate(0) !important;
  -o-transform: rotate(0) !important;
  -webkit-transform: rotate(0) !important;
  -ms-transform: rotate(0) !important;
  transform: rotate(0) !important;
}
#newsletter ul#prod-grid li img {
  border: 6px solid white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#newsletter ul#prod-grid li span {
  display: block;
  background-color: white;
  padding-top: 5px;
  padding-bottom: 13px;
  padding-left: 5px;
  padding-right: 5px;
}
#newsletter ul#prod-grid li a {
  text-decoration: none;
}
#newsletter ul#prod-grid li img {
  margin-bottom: 0;
}
#newsletter ul#prod-grid li:hover,
#newsletter ul#prod-grid li:active,
#newsletter ul#prod-grid li:focus {
  margin-top: -2px;
  margin-bottom: 22px;
}
#newsletter ul#prod-grid li.feature {
  width: 100%;
  margin-right: 0;
}
#newsletter ul#prod-grid li.feature span {
  padding-bottom: 15px;
  font-size: 17px;
  line-height: 21px;
  font-family: 'HandOfSean', Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  color: #79004D;
}
#newsletter ul#prod-grid li.feature:before,
#newsletter ul#prod-grid li.feature:after {
  bottom: 11px;
}
#newsletter ul#prod-grid li:nth-child(2n+2) {
  clear: left;
}
#newsletter ul#prod-grid li:nth-child(2n+3) {
  margin-right: 0;
}
#newsletter div.feature-img {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  background-image: none;
  background-color: white;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
}
#newsletter div.feature-img:before,
#newsletter div.feature-img:after {
  position: absolute;
  width: 40%;
  height: 10px;
  content: ' ';
  left: 12px;
  bottom: 8px;
  background: transparent;
  -webkit-transform: skew(-5deg) rotate(-5deg);
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -o-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
#newsletter div.feature-img:after {
  left: auto;
  right: 12px;
  -webkit-transform: skew(5deg) rotate(5deg);
  -moz-transform: skew(5deg) rotate(5deg);
  -ms-transform: skew(5deg) rotate(5deg);
  -o-transform: skew(5deg) rotate(5deg);
  transform: skew(5deg) rotate(5deg);
}
#newsletter div.feature-img img,
#newsletter div.feature-img a {
  display: block;
  max-width: 100%;
  width: 100% !important;
  height: auto !important;
  position: relative;
  z-index: 2;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  -moz-transform: rotate(0) !important;
  -o-transform: rotate(0) !important;
  -webkit-transform: rotate(0) !important;
  -ms-transform: rotate(0) !important;
  transform: rotate(0) !important;
}
#newsletter div.feature-img img {
  border: 6px solid white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#newsletter div.feature-img:after,
#newsletter div.feature-img:before {
  bottom: 11px;
}
#newsletter div.feature-img + p {
  font-size: 16px;
  line-height: 22px;
}
.back-to-news {
  margin-top: 30px !important;
}
/* 28) Contact
------------------------------------------------- */
#contact .grid-2 {
  width: 448px;
  padding-left: 14px;
  margin-right: 18px;
}
#contact .grid-1 {
  width: 448px;
  padding-top: 52px;
  padding-right: 14px;
  margin-left: 0;
}
.gdpr {
  padding-left: 4px;
  padding-right: 4px;
}
.gdpr .gdpr-title {
  font-size: 14px;
  font-family: 'PTSansBold', Arial, Helvetica, sans-serif;
  text-align: left;
  color: #8C9A6B;
}
/* 29) Accordian
------------------------------------------------- */
#accordion {
  margin-top: 18px;
  margin-right: 9px;
  margin-bottom: 24px;
  border-top: 1px #ccc solid;
}
#accordion h3 {
  border-bottom: 1px #ccc solid;
  margin-top: 0;
  margin-bottom: 0;
}
#accordion div {
  border-bottom: 1px #ccc solid;
  margin-bottom: -1px;
  padding-left: 6px;
}
#accordion p {
  margin-bottom: 9px;
}
#accordion a:link,
#accordion a:visited {
  display: block;
  padding-bottom: 14px;
  padding-left: 6px;
  padding-top: 12px;
  color: #666;
  text-decoration: none;
  background: transparent url(../png/accordion-bg.png) no-repeat 98% -34px;
}
#accordion a:link strong,
#accordion a:visited strong {
  color: #79004D;
}
#accordion a:hover,
#accordion a:active {
  background: #F3F4EE url(../png/accordion-bg.png) no-repeat 98% 16px;
}
#accordion h3.ui-state-active {
  border-bottom: none;
  margin-bottom: 1px;
}
#accordion h3.ui-state-active a:link,
#accordion h3.ui-state-active a:visited {
  background: transparent url(../png/accordion-bg.png) no-repeat 98% -84px;
}
/* 30) ColorBox
------------------------------------------------- */
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
  overflow: visible;
}
#cboxLoadedContent {
  overflow: auto;
}
#cboxLoadedContent iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay {
  background: #fff;
}
#cboxTopLeft {
  width: 25px;
  height: 25px;
  background: url(../png/border1.png) no-repeat 0 0;
}
#cboxTopCenter {
  height: 25px;
  background: url(../png/border1.png) repeat-x 0 -50px;
}
#cboxTopRight {
  width: 25px;
  height: 25px;
  background: url(../png/border1.png) no-repeat -25px 0;
}
#cboxBottomLeft {
  width: 25px;
  height: 25px;
  background: url(../png/border1.png) no-repeat 0 -25px;
}
#cboxBottomCenter {
  height: 25px;
  background: url(../png/border1.png) repeat-x 0 -75px;
}
#cboxBottomRight {
  width: 25px;
  height: 25px;
  background: url(../png/border1.png) no-repeat -25px -25px;
}
#cboxMiddleLeft {
  width: 25px;
  background: url(../png/border2.png) repeat-y 0 0;
}
#cboxMiddleRight {
  width: 25px;
  background: url(../png/border2.png) repeat-y -25px 0;
}
#cboxContent {
  background: #fff;
}
#cboxTitle {
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #999;
}
#cboxCurrent {
  position: absolute;
  bottom: 0px;
  left: 100px;
  color: #999;
}
#cboxSlideshow {
  position: absolute;
  bottom: 0px;
  right: 42px;
  color: #444;
}
#cboxPrevious {
  position: absolute;
  bottom: 0px;
  left: 0;
  color: #444;
}
#cboxNext {
  position: absolute;
  bottom: 0px;
  left: 63px;
  color: #444;
}
#cboxLoadingOverlay {
  background: #fff url(../gif/loading.gif) no-repeat 5px 5px;
}
#cboxClose {
  position: absolute;
  top: -26px;
  right: -26px;
  display: block;
  color: #444;
  width: 28px;
  height: 28px;
  text-indent: -9999px;
  overflow: hidden;
  background: transparent url(../png/btn-close.png) no-repeat 0 0;
}
/*
    The following fixes png-transparency for IE6.
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.redhillfarm.com/images/templates/internet_explorer/borderTopLeft.png, sizingMethod='scale');
}
.cboxIE #cboxTopCenter {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.redhillfarm.com/images/templates/internet_explorer/borderTopCenter.png, sizingMethod='scale');
}
.cboxIE #cboxTopRight {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.redhillfarm.com/images/templates/internet_explorer/borderTopRight.png, sizingMethod='scale');
}
.cboxIE #cboxBottomLeft {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.redhillfarm.com/images/templates/internet_explorer/borderBottomLeft.png, sizingMethod='scale');
}
.cboxIE #cboxBottomCenter {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.redhillfarm.com/images/templates/internet_explorer/borderBottomCenter.png, sizingMethod='scale');
}
.cboxIE #cboxBottomRight {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.redhillfarm.com/images/templates/internet_explorer/borderBottomRight.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleLeft {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.redhillfarm.com/images/templates/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');
}
.cboxIE #cboxMiddleRight {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.redhillfarm.com/images/templates/internet_explorer/borderMiddleRight.png, sizingMethod='scale');
}
/* 31) Responsive
------------------------------------------------- */
.desktop {
  display: block !important;
}
.mobile {
  display: none !important;
}
@media (max-width: 767px) {
  .desktop {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
  body {
    background: none;
  }
  #wrapper {
    overflow: hidden;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  #wrapper #banner .newsletter {
    display: none;
  }
  #wrapper #banner .social-icons {
    top: 115px;
    z-index: 2;
  }
  #wrapper #banner h1 {
    height: auto;
  }
  #wrapper a.logo {
    width: 270px;
    margin-bottom: 18px;
  }
  #wrapper a.logo span {
    position: absolute;
    left: -9999px;
  }
  #wrapper a.logo img {
    width: 270px;
  }
  #wrapper .navbar-wrapper {
    padding-top: 35px;
    position: relative;
  }
  #wrapper .navbar-wrapper .navbar-toggle {
    display: block;
    z-index: 1;
    -webkit-appearance: button;
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 6px;
    padding: 9px 7px;
    background-color: #79004D;
    background-image: none;
    border: none;
    border-radius: 4px;
  }
  #wrapper .navbar-wrapper .navbar-toggle .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    line-height: normal;
    vertical-align: baseline;
    background-color: white;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
    margin-bottom: 3px;
  }
  #wrapper .navbar-wrapper .navbar-toggle .icon-bar:last-child {
    margin-bottom: 0;
  }
  #wrapper .navbar-wrapper .navbar-toggle:after {
    content: "Menu";
    position: absolute;
    top: 5px;
    left: 40px;
    color: #79004D;
    font-size: 16px;
    font-weight: bold;
  }
  #wrapper .navbar-wrapper .navbar-toggle .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  #wrapper .navbar-wrapper #nav {
    display: none;
  }
  #wrapper .navbar-wrapper #nav li {
    display: block;
    background-image: none;
    padding-left: 0;
    margin-left: 0;
  }
  #wrapper .navbar-wrapper #nav li a {
    display: block;
    padding: 5px 0;
    margin: 0 10px;
    background: none !important;
    border-bottom: 1px solid white;
  }
  #wrapper .navbar-wrapper #nav li a:focus,
  #wrapper .navbar-wrapper #nav li a:active {
    background-color: white;
  }
  #wrapper .navbar-wrapper #nav li:last-child a {
    border-bottom: none;
  }
  #wrapper .grid-1,
  #wrapper .grid-2,
  #wrapper .grid-3 {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
    position: relative;
  }
  div.home-lg {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 75%;
    height: auto;
    background-image: none;
    background-color: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    top: 20px;
    left: 3px;
    z-index: 1;
    postion: relative;
  }
  div.home-lg:before,
  div.home-lg:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 8px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  div.home-lg:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  div.home-lg img,
  div.home-lg a {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  div.home-lg img {
    border: 6px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  div.home-sml {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 30%;
    height: auto;
    background-image: none;
    background-color: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    z-index: 2;
    left: 69%;
    top: 120px;
    position: relative;
  }
  div.home-sml:before,
  div.home-sml:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 8px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  div.home-sml:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  div.home-sml img,
  div.home-sml a {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  div.home-sml img {
    border: 6px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #home #content div.grid-2 {
    padding-bottom: 0;
    background-size: 75%;
    background-position: 40% 15px;
  }
  #home #content div.grid-3 {
    padding-top: 10px;
  }
  #home #content div.grid-3 div.imgcount1 {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 33%;
    height: auto;
    background-image: none;
    background-color: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    -webkit-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
    position: relative;
    float: left;
    top: 0;
    z-index: 1;
  }
  #home #content div.grid-3 div.imgcount1:before,
  #home #content div.grid-3 div.imgcount1:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 8px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  #home #content div.grid-3 div.imgcount1:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  #home #content div.grid-3 div.imgcount1 img,
  #home #content div.grid-3 div.imgcount1 a {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  #home #content div.grid-3 div.imgcount1 img {
    border: 6px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #home #content div.grid-3 div.imgcount1 a.img-link {
    top: auto;
    left: auto;
  }
  #home #content div.grid-3 div.imgcount1 a {
    font-size: 9px;
    margin-top: 0;
    background-color: white;
  }
  #home #content div.grid-3 div.imgcount1:after,
  #home #content div.grid-3 div.imgcount1:before {
    bottom: 4px;
  }
  #home #content div.grid-3 div.imgcount2 {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 33%;
    height: auto;
    background-image: none;
    background-color: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
    position: relative;
    float: left;
    top: 0;
    z-index: 2;
  }
  #home #content div.grid-3 div.imgcount2:before,
  #home #content div.grid-3 div.imgcount2:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 8px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  #home #content div.grid-3 div.imgcount2:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  #home #content div.grid-3 div.imgcount2 img,
  #home #content div.grid-3 div.imgcount2 a {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  #home #content div.grid-3 div.imgcount2 img {
    border: 6px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #home #content div.grid-3 div.imgcount2 a.img-link {
    top: auto;
    left: auto;
  }
  #home #content div.grid-3 div.imgcount2 a {
    font-size: 9px;
    margin-top: 0;
    background-color: white;
  }
  #home #content div.grid-3 div.imgcount2:after,
  #home #content div.grid-3 div.imgcount2:before {
    bottom: 4px;
  }
  #home #content div.grid-3 div.imgcount3 {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 33%;
    height: auto;
    background-image: none;
    background-color: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    -webkit-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
    position: relative;
    float: left;
    top: 0;
    z-index: 1;
  }
  #home #content div.grid-3 div.imgcount3:before,
  #home #content div.grid-3 div.imgcount3:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 8px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  #home #content div.grid-3 div.imgcount3:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  #home #content div.grid-3 div.imgcount3 img,
  #home #content div.grid-3 div.imgcount3 a {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  #home #content div.grid-3 div.imgcount3 img {
    border: 6px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #home #content div.grid-3 div.imgcount3 a.img-link {
    top: auto;
    left: auto;
  }
  #home #content div.grid-3 div.imgcount3 a {
    font-size: 9px;
    margin-top: 0;
    background-color: white;
  }
  #home #content div.grid-3 div.imgcount3:after,
  #home #content div.grid-3 div.imgcount3:before {
    bottom: 4px;
  }
  #home .intro-para {
    margin-top: 21%;
    padding: 0 10px;
  }
  #home #subnav {
    width: 290px;
    margin-left: auto;
    margin-right: auto;
  }
  #home .feature,
  #home .feature-top {
    width: 86%;
    background-size: cover;
    padding-left: 7%;
    padding-right: 7%;
  }
  #home .feature p,
  #home .feature-top p {
    width: 60%;
  }
  #home .feature {
    min-height: 243px;
  }
  #artisan-skills div.grid-1,
  #artisan-skills div.grid-2,
  #artisan-skills div.grid-3 {
    width: 92%;
    margin-right: 4%;
    margin-left: 4%;
    padding-right: 0;
    padding-left: 0;
    position: relative;
  }
  #artisan-skills div.img {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    background-image: none;
    background-color: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    position: relative;
    float: left;
  }
  #artisan-skills div.img:before,
  #artisan-skills div.img:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 8px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  #artisan-skills div.img:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  #artisan-skills div.img img,
  #artisan-skills div.img a {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  #artisan-skills div.img img {
    border: 6px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #artisan-skills div.img-lndscp-lg {
    width: 50%;
    margin-right: 5%;
    margin-top: 10px;
    margin-left: 0;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  #artisan-skills div.copycount1 {
    position: static;
    float: left;
    width: 45%;
  }
  #artisan-skills div.img-port-med {
    clear: both;
    float: right;
    width: 27%;
    margin-top: -20px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  #artisan-skills div.imgcount3 {
    float: right;
    width: 23%;
    margin-top: 10px;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  #artisan-skills div.copycount2 {
    width: 45%;
    margin-top: 20px;
    margin-left: 0;
    clear: left;
    float: left;
  }
  #artisan-skills div.imgcount4 {
    clear: both;
    width: 23%;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    margin-top: 30px;
  }
  #artisan-skills div.img-lndscp-med {
    width: 35%;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    margin: 0;
    margin-top: 30px;
  }
  #artisan-skills div.copycount3 {
    clear: right;
    float: right;
    width: 38%;
    margin-top: 40px;
  }
  #artisan-skills div.copycount3 h2 {
    margin-top: 0;
  }
  #proven-quality div.grid-1,
  #proven-quality div.grid-2,
  #proven-quality div.grid-3 {
    width: 92%;
    margin-right: 4%;
    margin-left: 4%;
    padding-right: 0;
    padding-left: 0;
  }
  #happy-days div.grid-1,
  #happy-days div.grid-2,
  #happy-days div.grid-3 {
    width: 92%;
    margin-right: 4%;
    margin-left: 4%;
    padding-right: 0;
    padding-left: 0;
  }
  #happy-days p.intro-para {
    margin-right: 0;
  }
  #happy-days ul#prod-grid {
    margin-right: 0;
    margin-left: 0;
  }
  #happy-days ul#prod-grid li {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    background-image: none;
    background-color: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    position: relative;
    padding: 0;
    margin-right: 4% !important;
    width: 48%;
    margin-bottom: 20px;
  }
  #happy-days ul#prod-grid li:before,
  #happy-days ul#prod-grid li:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 8px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  #happy-days ul#prod-grid li:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  #happy-days ul#prod-grid li img,
  #happy-days ul#prod-grid li a {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  #happy-days ul#prod-grid li img {
    border: 6px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #happy-days ul#prod-grid li.rotate-2 {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    background-image: none;
    background-color: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    width: 48%;
    margin-right: 0;
    padding-left: 0;
    padding-top: 0;
  }
  #happy-days ul#prod-grid li.rotate-2:before,
  #happy-days ul#prod-grid li.rotate-2:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 8px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  #happy-days ul#prod-grid li.rotate-2:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  #happy-days ul#prod-grid li.rotate-2 img,
  #happy-days ul#prod-grid li.rotate-2 a {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  #happy-days ul#prod-grid li.rotate-2 img {
    border: 6px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #happy-days ul#prod-grid li.rotate-2 span {
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    left: 0;
    top: 0;
  }
  #happy-days ul#prod-grid li.rotate2 {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    background-image: none;
    background-color: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    width: 48%;
    padding-left: 0;
    padding-top: 0;
  }
  #happy-days ul#prod-grid li.rotate2:before,
  #happy-days ul#prod-grid li.rotate2:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 8px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  #happy-days ul#prod-grid li.rotate2:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  #happy-days ul#prod-grid li.rotate2 img,
  #happy-days ul#prod-grid li.rotate2 a {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  #happy-days ul#prod-grid li.rotate2 img {
    border: 6px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #happy-days ul#prod-grid li.rotate2 span {
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    left: 0;
    top: 0;
  }
  #happy-days ul#prod-grid li:nth-child(2n+2) {
    margin-right: 0 !important;
  }
  #happy-days ul#prod-grid li img {
    margin-bottom: 0;
  }
  #happy-days ul#prod-grid li span {
    display: block;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 10px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    z-index: 2;
    position: relative;
  }
  #about-us div.grid-1,
  #about-us div.grid-2,
  #about-us div.grid-3 {
    width: 92%;
    margin-right: 4%;
    margin-left: 4%;
    padding-right: 0;
    padding-left: 0;
    position: relative;
  }
  #about-us div.grid-1 .feature,
  #about-us div.grid-2 .feature,
  #about-us div.grid-3 .feature,
  #about-us div.grid-1 .feature-top,
  #about-us div.grid-2 .feature-top,
  #about-us div.grid-3 .feature-top {
    margin-left: 0;
    width: auto;
    background-size: cover;
  }
  #about-us div.std-temp div.grid-1,
  #about-us div.std-temp div.grid-2,
  #about-us div.std-temp div.grid-3 {
    width: 92%;
  }
  #about-us p.quote span {
    white-space: normal;
  }
  #what-we-do #wrapper {
    overflow: visible;
  }
  #what-we-do .ui-tabs {
    width: 92%;
    margin-right: 4%;
    margin-left: 4%;
    padding-right: 0;
    padding-left: 0;
    position: relative;
  }
  #what-we-do .ui-tabs .ui-tabs-nav li {
    padding-left: 2.3333%;
    width: 31%;
    background-size: cover;
  }
  #what-we-do .ui-tabs .ui-tabs-nav li a {
    width: 100%;
    font-size: 14px;
    padding-top: 18px;
    height: 38px;
  }
  #what-we-do .ui-tabs div.img {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    background-image: none;
    background-color: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    position: relative;
    float: left;
  }
  #what-we-do .ui-tabs div.img:before,
  #what-we-do .ui-tabs div.img:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 8px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  #what-we-do .ui-tabs div.img:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  #what-we-do .ui-tabs div.img img,
  #what-we-do .ui-tabs div.img a {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  #what-we-do .ui-tabs div.img img {
    border: 6px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #what-we-do #we-farm-it div.img-lndscp-lg,
  #what-we-do #we-sell-it div.img-lndscp-lg {
    width: 50%;
    margin-right: 5%;
    margin-top: 10px;
    margin-left: 0;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  #what-we-do #we-farm-it .copycount1,
  #what-we-do #we-sell-it .copycount1 {
    float: left;
    width: 45%;
  }
  #what-we-do #we-farm-it div.img-port-med,
  #what-we-do #we-sell-it div.img-port-med {
    clear: both;
    float: right;
    width: 27%;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  #what-we-do #we-farm-it div.imgcount3,
  #what-we-do #we-sell-it div.imgcount3 {
    float: right;
    width: 23%;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  #what-we-do #we-farm-it div.copycount2,
  #what-we-do #we-sell-it div.copycount2 {
    width: 45%;
    margin-top: 10px;
    margin-left: 0;
    clear: left;
    float: left;
  }
  #what-we-do #we-farm-it div.imgcount4,
  #what-we-do #we-sell-it div.imgcount4 {
    clear: both;
    width: 23%;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  #what-we-do #we-farm-it div.img-lndscp-med,
  #what-we-do #we-sell-it div.img-lndscp-med {
    width: 35%;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    margin: 0;
  }
  #what-we-do #we-farm-it div.copycount3,
  #what-we-do #we-sell-it div.copycount3 {
    clear: right;
    float: right;
    width: 38%;
    margin-top: -10px;
  }
  #what-we-do #we-farm-it div.copycount3 h2,
  #what-we-do #we-sell-it div.copycount3 h2 {
    margin-top: 0;
  }
  #what-we-do #we-produce-it .copycount1 {
    float: left;
    width: 45%;
    margin-left: 0;
    margin-bottom: 20px;
  }
  #what-we-do #we-produce-it div.imgcount1 {
    float: right;
    width: 27%;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    margin-top: 20px;
  }
  #what-we-do #we-produce-it div.imgcount2 {
    float: right;
    width: 23%;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    margin-top: 20px;
  }
  #what-we-do #we-produce-it div.imgcount3 {
    width: 27%;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    clear: both;
  }
  #what-we-do #we-produce-it div.imgcount4 {
    width: 23%;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  #what-we-do #we-produce-it .copycount2 {
    clear: none;
    float: right;
    width: 45%;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: -10px;
  }
  #what-we-do #we-produce-it .copycount2 h2 {
    margin-top: 0;
  }
  #what-we-do #we-produce-it div.imgcount5 {
    clear: both;
    float: right;
    width: 23%;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    margin-top: 10px;
  }
  #what-we-do #we-produce-it div.imgcount6 {
    float: right;
    width: 35%;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    margin: 0;
    margin-top: 10px;
  }
  #what-we-do #we-produce-it div.copycount3 {
    float: left;
    width: 38%;
    margin-top: -10px;
  }
  #what-we-do #we-produce-it div.copycount3 h2 {
    margin-top: 0;
  }
  #what-we-do #cboxWrapper {
    width: 320px !important;
  }
  #what-we-do #colorbox {
    width: 320px !important;
    left: 50% !important;
    margin-left: -160px;
  }
  #what-we-do #colorbox #content,
  #what-we-do #colorbox #cboxLoadedContent,
  #what-we-do #colorbox #cboxContent,
  #what-we-do #colorbox #cboxTopCenter,
  #what-we-do #colorbox #cboxBottomCenter {
    width: 270px !important;
  }
  #what-we-do #colorbox div.grid-2 {
    width: 260px;
  }
  #what-we-do #colorbox div.grid-1 {
    display: none;
  }
  #what-we-do a.btn {
    margin-left: auto;
    margin-right: auto;
  }
  #products div.grid-1,
  #products div.grid-2,
  #products div.grid-3 {
    width: 92%;
    margin-right: 4%;
    margin-left: 4%;
    padding-right: 0;
    padding-left: 0;
    position: relative;
  }
  #products div.grid-1 .feature,
  #products div.grid-2 .feature,
  #products div.grid-3 .feature,
  #products div.grid-1 .feature-top,
  #products div.grid-2 .feature-top,
  #products div.grid-3 .feature-top {
    margin-left: 0;
    width: auto;
    background-size: cover;
  }
  #products p.intro-para {
    margin-right: 0;
  }
  #products ul#prod-grid {
    margin-right: 0;
    margin-left: 0;
  }
  #products ul#prod-grid li {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    background-image: none;
    background-color: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    position: relative;
    padding: 0;
    margin-right: 4%;
    width: 48%;
    margin-bottom: 20px;
  }
  #products ul#prod-grid li:before,
  #products ul#prod-grid li:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 8px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  #products ul#prod-grid li:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  #products ul#prod-grid li img,
  #products ul#prod-grid li a {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  #products ul#prod-grid li img {
    border: 6px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #products ul#prod-grid li:nth-child(2n+2) {
    margin-right: 0;
  }
  #products ul#prod-grid li img {
    margin-bottom: 0;
  }
  #products ul#prod-grid li span {
    display: block;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 10px;
  }
  #products #cboxWrapper {
    width: 320px !important;
  }
  #products #colorbox {
    width: 320px !important;
    left: 50% !important;
    margin-left: -160px;
  }
  #products #colorbox #content,
  #products #colorbox #cboxLoadedContent,
  #products #colorbox #cboxContent,
  #products #colorbox #cboxTopCenter,
  #products #colorbox #cboxBottomCenter {
    width: 270px !important;
  }
  #products #colorbox div.grid-2 {
    width: 260px;
  }
  #products #colorbox div.grid-1 {
    display: none;
  }
  #products .btn {
    margin-left: auto;
    margin-right: auto;
  }
  #farmers-markets div.grid-1,
  #farmers-markets div.grid-2,
  #farmers-markets div.grid-3 {
    width: 92%;
    margin-right: 4%;
    margin-left: 4%;
    padding-right: 0;
    padding-left: 0;
  }
  #farmers-markets div.grid-2 > h2 {
    background: transparent url(../png/feature-bottom-wide.png) no-repeat 0 100%;
    margin-top: 24px;
    margin-right: -2px;
    margin-bottom: -12px;
    margin-left: -5px;
    padding-top: 24px;
    padding-right: 8px;
    padding-bottom: 24px;
    padding-left: 24px;
    font-size: 16px;
  }
  #farmers-markets div.grid-2 > h2 a {
    cursor: pointer;
    display: block;
    background: transparent url(../png/accordion-bg.png) no-repeat 98% -46px;
  }
  #farmers-markets div.grid-2 > h2.open a {
    background-position: 98% -96px;
  }
  #farmers-markets div.grid-2 > #accordion {
    background: transparent url(../png/feature-bottom-wide.png) no-repeat 0 100%;
    background-size: cover;
    border-top: none;
    margin-top: 0;
    margin-right: -2px;
    margin-bottom: 0;
    margin-left: -10px;
    padding-right: 8px;
    padding-left: 24px;
    padding-bottom: 30px;
  }
  #farmers-markets div.grid-2 > #accordion + h2 {
    display: none;
  }
  #farmers-markets div.grid-2 > #accordion + h2 + ul {
    display: none;
  }
  #farmers-markets div.grid-2 > #accordion h3 {
    font-size: 14px;
    line-height: 16px;
  }
  #farmers-markets div.grid-2 > #accordion h3 a {
    padding-right: 20px;
  }
  #farmers-markets .feature,
  #farmers-markets .feature-top {
    margin-left: 0;
    width: auto;
    background-size: cover;
  }
  #farmers-markets .feature h2,
  #farmers-markets .feature-top h2 {
    cursor: pointer;
    background: transparent url(../png/accordion-bg.png) no-repeat 98% -34px;
  }
  #farmers-markets .feature h2.open,
  #farmers-markets .feature-top h2.open {
    background-position: 98% -84px;
  }
  #farmers-markets .feature a img,
  #farmers-markets .feature-top a img {
    width: 100%;
    height: auto;
  }
  #farmers-markets .feature {
    margin-bottom: 0;
    margin-right: -5px;
    padding-right: 11px;
  }
  #farmers-markets .feature-top {
    margin-top: 24px;
    margin-right: -6px;
  }
  #farmers-markets .col-half div.feature form#validate-me input {
    margin-left: 0;
    width: 235px;
  }
  #farmers-markets .col-half div.feature form#validate-me input.submit-btn {
    width: 229px;
  }
  #farmers-markets .col-half .download .float-left {
    float: none;
    width: auto;
  }
  #farmers-markets .col-half .download .float-left p {
    padding-right: 100px;
    min-height: 90px;
  }
  #farmers-markets .col-half .download .download-pdf {
    width: 80px;
    right: 10px;
    top: 80px;
  }
  #farmers-markets .col-half .download .btn {
    margin-bottom: 0;
  }
  #farmers-markets #tabs {
    width: auto;
  }
  #farmers-markets #tabs h2 {
    font-size: 24px;
    line-height: 48px;
    margin-top: 10px;
    margin-right: 0;
  }
  #farmers-markets #tabs ul {
    margin-right: 0;
  }
  #farmers-markets #tabs ul li .calendar-date {
    width: auto;
    float: none;
    padding-bottom: 5px;
  }
  #farmers-markets #tabs ul li p {
    padding-left: 15px;
  }
  #farmers-markets #tabs div {
    padding-right: 15px;
    padding-left: 15px;
  }
  #shops #wrapper #content div.grid-3,
  #shops #wrapper #content div.grid-half {
    width: 92%;
    margin-right: 4%;
    margin-left: 4%;
    padding-right: 0;
    padding-left: 0;
  }
  #shops #wrapper #content div.grid-3 p:nth-child(4),
  #shops #wrapper #content div.grid-half p:nth-child(4),
  #shops #wrapper #content div.grid-3 p:nth-child(5),
  #shops #wrapper #content div.grid-half p:nth-child(5) {
    padding-right: 0;
  }
  #shops #wrapper #content div.grid-3 div.img-lndscp-med,
  #shops #wrapper #content div.grid-half div.img-lndscp-med {
    margin: 20px 20% 20px;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 60%;
    height: auto;
    background-image: none;
    background-color: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    position: static;
    float: left;
  }
  #shops #wrapper #content div.grid-3 div.img-lndscp-med:before,
  #shops #wrapper #content div.grid-half div.img-lndscp-med:before,
  #shops #wrapper #content div.grid-3 div.img-lndscp-med:after,
  #shops #wrapper #content div.grid-half div.img-lndscp-med:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 8px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  #shops #wrapper #content div.grid-3 div.img-lndscp-med:after,
  #shops #wrapper #content div.grid-half div.img-lndscp-med:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  #shops #wrapper #content div.grid-3 div.img-lndscp-med img,
  #shops #wrapper #content div.grid-half div.img-lndscp-med img,
  #shops #wrapper #content div.grid-3 div.img-lndscp-med a,
  #shops #wrapper #content div.grid-half div.img-lndscp-med a {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  #shops #wrapper #content div.grid-3 div.img-lndscp-med img,
  #shops #wrapper #content div.grid-half div.img-lndscp-med img {
    border: 6px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #shops #wrapper #content div.grid-3 h2,
  #shops #wrapper #content div.grid-half h2 {
    clear: both;
  }
  #shops #wrapper #content div.grid-3 div.img-lndscp-med {
    display: none;
  }
  #online-shop div.grid-1,
  #online-shop div.grid-2,
  #online-shop div.grid-3 {
    width: 92%;
    margin-right: 4%;
    margin-left: 4%;
    padding-right: 0;
    padding-left: 0;
  }
  #online-shop div.grid-2 .feature-top,
  #online-shop div.grid-2 .feature {
    display: block;
  }
  #online-shop div.grid-1 .feature-top:first-child,
  #online-shop div.grid-1 .feature:nth-child(2),
  #online-shop div.grid-1 .feature-top:nth-child(5),
  #online-shop div.grid-1 .feature:nth-child(6) {
    display: none;
  }
  #online-shop ul#store-grid {
    margin-left: 0;
  }
  #online-shop ul#store-grid li {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    background-image: none;
    background-color: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    position: relative;
    padding: 0;
    margin-right: 4%;
    width: 48%;
    margin-bottom: 20px;
  }
  #online-shop ul#store-grid li:before,
  #online-shop ul#store-grid li:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 8px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  #online-shop ul#store-grid li:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  #online-shop ul#store-grid li img,
  #online-shop ul#store-grid li a {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  #online-shop ul#store-grid li img {
    border: 6px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #online-shop ul#store-grid li:nth-child(2) {
    margin-right: 0;
  }
  #online-shop ul#store-grid li:nth-child(3) {
    display: none;
  }
  #online-shop ul#store-grid li img {
    margin-bottom: 0;
  }
  #online-shop ul#store-grid li div.img-xsml {
    padding: 0;
    width: auto;
    height: auto;
  }
  #online-shop ul#store-grid li span {
    display: block;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 10px;
  }
  #online-shop ul#store-grid.category-grid li {
    display: block !important;
  }
  #online-shop ul#store-grid.category-grid li:nth-child(2n + 2) {
    margin-right: 0;
  }
  #online-shop ul#store-grid.category-grid li.new-row {
    clear: none;
  }
  #online-shop ul#store-grid.category-grid li .img {
    z-index: 3;
    position: relative;
  }
  #online-shop ul#store-grid.category-grid li div:last-child {
    background-color: white;
    position: relative;
    z-index: 2;
  }
  #online-shop #cart-contents {
    width: auto;
  }
  #online-shop #cart-contents a.store-btn-main {
    font-size: 12px;
  }
  #online-shop #cart-contents a.store-btn-scndry {
    float: right;
    clear: right;
    margin-top: 6px;
  }
  #online-shop #cart-contents td.td-items span.item {
    font-size: 12px;
  }
  #online-shop #validateme input,
  #online-shop #validateme textarea,
  #online-shop #validateme select {
    margin-left: 0;
    width: 280px;
  }
  #online-shop #validateme input.store-btn-basket,
  #online-shop #validateme textarea.store-btn-basket,
  #online-shop #validateme select.store-btn-basket {
    width: 105px;
  }
  #online-shop #validateme select {
    width: 294px;
  }
  #online-shop thead td {
    font-size: 12px;
  }
  #online-shop .feature,
  #online-shop .feature-top {
    margin-left: 0;
    width: auto;
    background-size: cover;
  }
  #online-shop .ssh2 {
    display: none;
  }
  #online-shop .ssbtn {
    float: left;
  }
  #online-shop .btn {
    margin-left: auto;
    margin-right: auto;
  }
  #newsletter div.grid-1,
  #newsletter div.grid-2,
  #newsletter div.grid-3 {
    width: 92%;
    margin-right: 4%;
    margin-left: 4%;
    padding-right: 0;
    padding-left: 0;
  }
  #newsletter .feature,
  #newsletter div.feature-top {
    margin-top: 20px;
    margin-left: 0;
    width: auto;
    background-size: cover;
  }
  #newsletter .feature {
    margin-top: 0;
  }
  #newsletter .feature .newsletter-link img {
    margin: 0 auto;
  }
  #recipes div.grid-1,
  #recipes div.grid-2,
  #recipes div.grid-3 {
    width: 92%;
    margin-right: 4%;
    margin-left: 4%;
    padding-right: 0;
    padding-left: 0;
  }
  #recipes div.grid-1 div.img-lndscp-lg {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    height: auto;
    background-image: none;
    background-color: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
    margin-top: 10px;
    position: relative;
  }
  #recipes div.grid-1 div.img-lndscp-lg:before,
  #recipes div.grid-1 div.img-lndscp-lg:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 8px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  #recipes div.grid-1 div.img-lndscp-lg:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  #recipes div.grid-1 div.img-lndscp-lg img,
  #recipes div.grid-1 div.img-lndscp-lg a {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  #recipes div.grid-1 div.img-lndscp-lg img {
    border: 6px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #recipes h1 {
    padding-right: 0;
  }
  #recipes p.intro-para {
    margin-right: 0;
  }
  #recipes ul#prod-grid {
    margin-right: 0;
    margin-left: 0;
  }
  #recipes ul#prod-grid li {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    background-image: none;
    background-color: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    position: relative;
    padding: 0;
    margin-right: 4%;
    width: 48%;
    margin-bottom: 20px;
  }
  #recipes ul#prod-grid li:before,
  #recipes ul#prod-grid li:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 8px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  #recipes ul#prod-grid li:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  #recipes ul#prod-grid li img,
  #recipes ul#prod-grid li a {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  #recipes ul#prod-grid li img {
    border: 6px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #recipes ul#prod-grid li:nth-child(2n+2) {
    margin-right: 0;
  }
  #recipes ul#prod-grid li img {
    margin-bottom: 0;
  }
  #recipes ul#prod-grid li span {
    display: block;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 10px;
  }
  #recipes div.recipe-wrapped-pork-fillet p:nth-child(6),
  #recipes div.recipe-wrapped-pork-fillet p.pad-right,
  #recipes div.recipe-pork-crackling-masterclass p:nth-child(6),
  #recipes div.recipe-pork-crackling-masterclass p.pad-right {
    padding-right: 0;
  }
  #recipes .feature,
  #recipes div.feature-top {
    margin-top: 20px;
    margin-left: 0;
    width: auto;
    background-size: cover;
  }
  #recipes .feature {
    margin-top: 0;
  }
  #where-to-eat div.grid-1,
  #where-to-eat div.grid-2,
  #where-to-eat div.grid-3 {
    width: 92%;
    margin-right: 4%;
    margin-left: 4%;
    padding-right: 0;
    padding-left: 0;
  }
  #where-to-eat ul#restaurants div.img {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 188px;
    height: auto;
    background-image: none;
    background-color: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    margin-bottom: 10px;
  }
  #where-to-eat ul#restaurants div.img:before,
  #where-to-eat ul#restaurants div.img:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 8px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  #where-to-eat ul#restaurants div.img:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  #where-to-eat ul#restaurants div.img img,
  #where-to-eat ul#restaurants div.img a {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  #where-to-eat ul#restaurants div.img img {
    border: 6px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #where-to-eat ul#restaurants div.img:before,
  #where-to-eat ul#restaurants div.img:after {
    display: none;
  }
  #press-area div.grid-1,
  #press-area div.grid-2,
  #press-area div.grid-3 {
    width: 92%;
    margin-right: 4%;
    margin-left: 4%;
    padding-right: 0;
    padding-left: 0;
  }
  #press-area .feature,
  #press-area .feature-top {
    margin-left: 0;
    width: auto;
    background-size: cover;
  }
  #press-area .feature img,
  #press-area .feature-top img {
    margin-right: auto;
    margin-left: auto;
  }
  #press-area #contact-form label,
  #press-area form label {
    float: none;
    display: block;
    width: 100%;
  }
  #press-area #contact-form input,
  #press-area form input,
  #press-area #contact-form textarea,
  #press-area form textarea,
  #press-area #contact-form select,
  #press-area form select {
    margin-left: 0;
    width: 280px;
    float: none;
    clear: left;
  }
  #press-area #contact-form input.submit-btn,
  #press-area form input.submit-btn,
  #press-area #contact-form textarea.submit-btn,
  #press-area form textarea.submit-btn,
  #press-area #contact-form select.submit-btn,
  #press-area form select.submit-btn {
    margin-top: 0;
    width: 229px;
  }
  #press-area #contact-form select,
  #press-area form select {
    width: 294px;
  }
  #press-area #contact-form div.radio-set label,
  #press-area form div.radio-set label {
    float: left;
  }
  #press-area #contact-form div.radio-set input,
  #press-area form div.radio-set input {
    width: auto;
    float: left;
    clear: none;
  }
  #press-area #contact-form div.radio-set input:first-child,
  #press-area form div.radio-set input:first-child {
    clear: both;
  }
  #press-area .float-feature {
    display: none;
  }
  #press-area ul#prod-grid {
    margin-right: 0;
    margin-left: 0;
  }
  #press-area ul#prod-grid li {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    background-image: none;
    background-color: white;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    position: relative;
    padding: 0;
    margin-right: 4%;
    width: 48%;
    margin-bottom: 20px;
  }
  #press-area ul#prod-grid li:before,
  #press-area ul#prod-grid li:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 8px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: 1;
  }
  #press-area ul#prod-grid li:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  #press-area ul#prod-grid li img,
  #press-area ul#prod-grid li a {
    display: block;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    position: relative;
    z-index: 2;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -moz-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
  }
  #press-area ul#prod-grid li img {
    border: 6px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #press-area ul#prod-grid li:nth-child(2n+2) {
    margin-right: 0;
  }
  #press-area ul#prod-grid li img {
    margin-bottom: 0;
    height: 174px !important;
    width: auto !important;
  }
  #press-area ul#prod-grid li span {
    display: block;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 10px;
  }
  #press-area ul#prod-grid li span.crop {
    width: 100%;
  }
  #contact div.grid-1,
  #contact div.grid-2,
  #contact div.grid-3 {
    width: 92%;
    margin-right: 4%;
    margin-left: 4%;
    padding-right: 0;
    padding-left: 0;
  }
  #contact div.grid-1 {
    padding-top: 10px;
  }
  #contact #contact-form label {
    float: none;
    display: block;
    width: 100%;
  }
  #contact #contact-form input,
  #contact #contact-form textarea {
    margin-left: 0;
    width: 280px;
    float: none;
    clear: left;
  }
  #contact #contact-form input.submit-btn,
  #contact #contact-form textarea.submit-btn {
    width: 229px;
  }
  #contact #contact-form div.radio-set label {
    float: left;
  }
  #contact #contact-form div.radio-set input {
    width: auto;
    float: left;
    clear: none;
  }
  #contact #contact-form div.radio-set input:first-child {
    clear: both;
  }
  #privacy-policy div.grid-1,
  #privacy-policy div.grid-2,
  #privacy-policy div.grid-3 {
    width: 92%;
    margin-right: 4%;
    margin-left: 4%;
    padding-right: 0;
    padding-left: 0;
  }
  #footer ul li {
    width: 53px;
    padding-left: 3px;
    padding-right: 3px;
  }
  #footer ul li:nth-child(8) {
    margin-left: -7px;
    margin-right: -5px;
  }
  #footer ul li:nth-child(8) img {
    height: 100px;
    width: auto;
  }
  #footer ul li:nth-child(9) {
    margin-left: -2px;
    margin-right: 0;
  }
  #footer ul li:nth-child(9) img {
    height: 75px;
    width: auto;
  }
  #footer p.quote {
    margin-left: 0;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 5px;
  }
  #footer .footer-signature {
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-bottom: 20px;
  }
  #footer p.small {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (max-width: 700px) {
  #what-we-do #we-farm-it div.img-port-med {
    margin-top: 20px;
  }
  #what-we-do #we-farm-it div.imgcount3 {
    margin-top: 20px;
  }
  #artisan-skills div.imgcount4 {
    margin-top: -10px;
  }
  #artisan-skills div.img-lndscp-med {
    margin-top: -10px;
  }
  #artisan-skills div.copycount3 {
    margin-top: -10px;
  }
}
@media (max-width: 670px) {
  #home .intro-para {
    margin-top: 24%;
  }
  #about-us div.grid-2 div.level2 > a.btn {
    font-size: 9px;
    width: 186px;
  }
  #about-us div.grid-2 div.level2 div.imgcount1,
  #about-us div.grid-2 div.level2 div.imgcount2,
  #about-us div.grid-2 div.level2 div.imgcount3 {
    left: -15px;
  }
}
@media (max-width: 568px) {
  div.home-sml {
    top: 100px;
  }
  #home .intro-para {
    font-size: 13px;
    line-height: 17px;
    margin-top: 23%;
  }
  #about-us div.grid-2 div.level2 div.imgcount1,
  #about-us div.grid-2 div.level2 div.imgcount2,
  #about-us div.grid-2 div.level2 div.imgcount3 {
    width: 32%;
  }
  #about-us div.grid-2 div.level2 > a.btn {
    width: 33.3333%;
    float: left;
    position: static;
    margin-top: 60px !important;
    background-size: 100% auto;
    line-height: 50px;
    font-size: 8px;
  }
  #about-us div.grid-2 div.level2 a.btn:nth-child(4) {
    clear: left;
  }
  #what-we-do .ui-tabs .ui-tabs-nav li a {
    font-size: 12px;
    padding-top: 20px;
    height: 36px;
  }
  #what-we-do .ui-tabs .ui-tabs-panel {
    padding: 18px 18px 36px;
  }
  #what-we-do div.display-copy h2 {
    font-size: 15px;
  }
  #what-we-do #we-farm-it div.img-lndscp-lg,
  #what-we-do #we-sell-it div.img-lndscp-lg {
    width: 94%;
    margin-right: 0;
    margin-left: 3%;
  }
  #what-we-do #we-farm-it .copycount1,
  #what-we-do #we-sell-it .copycount1 {
    width: 100%;
    margin-top: 10px;
  }
  #what-we-do #we-farm-it div.img-port-med,
  #what-we-do #we-sell-it div.img-port-med {
    float: left;
    width: 50%;
    margin-left: 3%;
  }
  #what-we-do #we-farm-it div.imgcount3,
  #what-we-do #we-sell-it div.imgcount3 {
    float: left;
    width: 45%;
  }
  #what-we-do #we-farm-it div.copycount2,
  #what-we-do #we-sell-it div.copycount2 {
    width: 100%;
    margin-bottom: 20px;
  }
  #what-we-do #we-farm-it div.imgcount4,
  #what-we-do #we-sell-it div.imgcount4 {
    width: 37%;
    margin-left: 3%;
  }
  #what-we-do #we-farm-it div.img-lndscp-med,
  #what-we-do #we-sell-it div.img-lndscp-med {
    width: 59%;
  }
  #what-we-do #we-farm-it div.copycount3,
  #what-we-do #we-sell-it div.copycount3 {
    width: 100%;
    margin-top: 20px;
  }
  #what-we-do #we-produce-it .copycount1 {
    width: 100%;
    margin-bottom: 0;
  }
  #what-we-do #we-produce-it .copycount1 h2 {
    margin-top: 0;
  }
  #what-we-do #we-produce-it div.imgcount1 {
    float: left;
    width: 50%;
    margin-left: 3%;
  }
  #what-we-do #we-produce-it div.imgcount2 {
    float: left;
    width: 45%;
  }
  #what-we-do #we-produce-it div.imgcount3 {
    width: 50%;
    float: right;
    margin-top: 20px;
  }
  #what-we-do #we-produce-it div.imgcount4 {
    width: 45%;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    float: left;
    margin-top: 20px;
    margin-left: 3%;
  }
  #what-we-do #we-produce-it .copycount2 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 5px;
  }
  #what-we-do #we-produce-it div.imgcount5 {
    float: right;
    width: 37%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 3%;
  }
  #what-we-do #we-produce-it div.imgcount6 {
    float: left;
    width: 57%;
    margin-left: 3%;
  }
  #what-we-do #we-produce-it div.copycount3 {
    width: 100%;
    margin-top: 10px;
  }
  #what-we-do #we-sell-it div.copycount1 {
    margin-bottom: 15px;
  }
  #what-we-do #we-sell-it div.copycount3 {
    margin-top: 5px;
  }
  #artisan-skills div.img-lndscp-lg {
    width: 94%;
    margin-right: 0;
    margin-left: 3%;
  }
  #artisan-skills div.copycount1 {
    width: 100%;
    margin-top: 10px;
  }
  #artisan-skills div.img-port-med {
    float: left;
    width: 50%;
    margin-left: 3%;
    margin-top: 20px;
  }
  #artisan-skills div.imgcount3 {
    float: left;
    width: 45%;
    margin-top: 20px;
  }
  #artisan-skills div.copycount2 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
  }
  #artisan-skills div.imgcount4 {
    width: 37%;
    margin-left: 3%;
  }
  #artisan-skills div.img-lndscp-med {
    width: 59%;
  }
  #artisan-skills div.copycount3 {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  div.home-sml {
    top: 80px;
  }
  #home .intro-para {
    margin-top: 25%;
  }
  #about-us div.grid-2 {
    padding-bottom: 30px;
  }
  #about-us div.grid-2 div.level2 {
    right: 0;
  }
  #about-us div.grid-2 div.level2 > a.btn {
    width: 229px;
    height: 79px !important;
    float: none;
    clear: both;
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    background-size: auto;
    margin-top: -10px !important;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    line-height: 69px;
  }
  #about-us div.grid-2 div.imgcount1 a,
  #about-us div.grid-2 div.imgcount2 a,
  #about-us div.grid-2 div.imgcount3 a {
    font-size: 9px;
  }
  #about-us div.grid-2 div.level2 div.imgcount1,
  #about-us div.grid-2 div.level2 div.imgcount2,
  #about-us div.grid-2 div.level2 div.imgcount3 {
    margin-bottom: 60px;
    left: 0;
  }
  #about-us div.grid-2 div.level2 div.imgcount1 a,
  #about-us div.grid-2 div.level2 div.imgcount2 a,
  #about-us div.grid-2 div.level2 div.imgcount3 a {
    font-size: 8px;
    width: 92% !important;
    padding-left: 4%;
    padding-right: 4%;
  }
  #what-we-do .ui-tabs .ui-tabs-nav li a {
    font-size: 8px;
    padding-top: 24px;
    height: 32px;
  }
  #where-to-eat ul#restaurants li {
    padding-left: 0;
    background: none;
  }
  #where-to-eat ul#restaurants li div.img {
    float: none;
    margin-left: 0;
  }
}
@media (max-width: 420px) {
  #products ul#prod-grid li,
  #recipes ul#prod-grid li,
  #press-area ul#prod-grid li,
  #newsletter ul#prod-grid li,
  #happy-days ul#prod-grid li {
    margin-right: 0;
    width: 100% !important;
  }
  #products ul#prod-grid li.feature span,
  #recipes ul#prod-grid li.feature span,
  #press-area ul#prod-grid li.feature span,
  #newsletter ul#prod-grid li.feature span,
  #happy-days ul#prod-grid li.feature span {
    font-family: 'PTSansRegular', Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0;
    color: #666;
    padding: 5px 5px 13px;
  }
  #products ul#prod-grid li.feature span:after,
  #recipes ul#prod-grid li.feature span:after,
  #press-area ul#prod-grid li.feature span:after,
  #newsletter ul#prod-grid li.feature span:after,
  #happy-days ul#prod-grid li.feature span:after,
  #products ul#prod-grid li.feature span:before,
  #recipes ul#prod-grid li.feature span:before,
  #press-area ul#prod-grid li.feature span:before,
  #newsletter ul#prod-grid li.feature span:before,
  #happy-days ul#prod-grid li.feature span:before {
    bottom: 8px;
  }
  #online-shop ul#store-grid li {
    margin-right: 0;
    width: 100%;
  }
  #online-shop ul#store-grid li:nth-child(2) {
    display: none;
  }
}
@media (max-width: 380px) {
  div.home-sml {
    top: 68px;
  }
  #home .intro-para {
    margin-top: 28%;
  }
}
@media (min-width: 483px) and (max-width: 767px) {
  #home .feature img {
    right: 23px;
    top: -1px;
  }
}
#footer {
  box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.3);
  margin-right: 1px;
  margin-left: -1px;
  position: relative;
  padding-bottom: 0;
}
#footer .footer-top {
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  height: 8px;
  background-image: url('../png/footer-top-grey.png');
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
#footer ul {
  padding-bottom: 15px;
}
#footer ul li {
  width: auto;
  vertical-align: top;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
#footer ul li img {
  width: auto;
  height: 110px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #footer ul li img {
    height: 70px;
  }
}
#footer ul li p {
  max-width: 100px;
  margin: 15px auto 0;
  color: #79004D;
  font-family: 'PTSansBold', Arial, Helvetica, sans-serifl;
}
#footer .footer-bottom {
  background-color: #f2f2f2;
  padding: 20px;
}
#footer .footer-bottom p.small {
  color: #79004D;
}
#footer .footer-bottom p.small a {
  color: #79004D;
}
/*# sourceMappingURL=screen.css.map */