@import url(//fonts.googleapis.com/css?family=La+Belle+Aurore);
@import url(//fonts.googleapis.com/css?family=Merriweather:400,700,300);
/* Header Content block */
#hdr .contact {
  padding-top: 10px;
  font-family: "Merriweather", serif;
  width: 910px;
  margin: auto;
  font-size: 18px;
  color: #2f2f2f;
  padding-top: 20px;
  clear: both;
  position: relative;
  overflow: hidden;
  text-align: left; }
  #hdr .contact .image {
    display: inline-block;
    text-align: center;
    width: 50px; }
    #hdr .contact .image img {
      height: 30px; }
  #hdr .contact .content {
    position: relative;
    top: -8px; }
  #hdr .contact a {
    color: #2f2f2f; }
  #hdr .contact div {
    padding-bottom: 6px; }
  #hdr .contact .facebook-like {
    position: absolute;
    top: 25px;
    right: 0px; }
  #hdr .contact .item.social-link {
    width: 27px;
    float: right;
    padding: 0;
    margin-top: 0; }
  #hdr .contact .item a {
    width: 27px;
    height: 27px;
    font-size: 0;
    text-align: right;
    display: block; }
    #hdr .contact .item a.facebook {
      background: url(images/facebook.png) 0px 0px no-repeat; }

html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, blockquote, big, small, table, tbody, thead, tfoot, tr, th, td, form, fieldset, input, textarea, text, img, a {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

textarea {
  vertical-align: top; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

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

a:link, a:active, a:visited, a:hover {
  font-size: 1em;
  color: #871E00;
  font-style: normal;
  text-decoration: none; }
a:active, a:hover {
  text-decoration: none;
  color: #999; }
a:active, a:hover {
  outline: 0; }

html {
  height: 100%; }

body {
  height: 100%;
  font-size: 13px;
  font-family: 'Merriweather', serif;
  color: #2f2f2f;
  line-height: 1.4em;
  font-weight: 400;
  background: #fff url(images/bg-body.jpg); }

#website-container, #website-container2, #website-container3 {
  position: relative; }

/*--- Centre the site and TW signature footer ---*/
#outer, .turboweb-sig {
  margin: 0 auto; }

/*--- set page width containers ---#hdr, #nav-container,*/
#outer, #ftr, .turboweb-sig {
  width: 960px; }

/* set various inner container widths and padding */
#nav {
  font-family: 'La Belle Aurore', cursive;
  width: 960px;
  margin: 0px auto;
  padding: 0; }

.column.left, .column.right {
  width: 210px; }
.column.left, .column.right {
  padding: 15px 25px; }

.page-content {
  /* Width of .page-content when just the LEFT column is present. Width = page content minus width of the left column. */
  /* Width of .page-content when NO columns are present. For 'contact' page and 'gallery' page by default */
  width: 910px;
  padding: 15px 25px; }
  .page-content.has-column-right {
    /* Width of .page-content when just RIGHT column is present. Width = page content minus width of right column.*/
    width: 650px; }
    .page-content.has-column-right.has-column-left {
      width: 390px; }
  .page-content.has-column-left {
    width: 650px; }

/*--- CORE TYPOGRAPHY -----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5 {
  font-family: 'La Belle Aurore', cursive;
  font-weight: 400;
  line-height: 1.4em; }

h1 {
  font-size: 40px;
  color: #2f2f2f;
  margin: 0px 5px 10px 0; }

h2 {
  font-size: 36px;
  color: #2f2f2f;
  margin: 5px 5px 5px 0; }

h3 {
  font-size: 32px;
  color: #2f2f2f;
  margin: 5px 5px 5px 0; }

h4 {
  font-size: 28px;
  color: #2f2f2f;
  margin: 5px 5px 5px 0; }

p {
  font-size: 13px;
  color: #2f2f2f;
  margin-bottom: 15px;
  line-height: 1.4em; }

.page-content ul, .page-content ol {
  margin: 20px 0 20px 35px; }
.page-content ul {
  list-style: circle; }
.page-content ol {
  list-style: decimal; }

blockquote {
  position: relative;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 1.3em;
  font-weight: 500;
  font-style: italic;
  line-height: 110%;
  color: #222221;
  /* same as global h2 colour */
  margin: 0px;
  padding: 15px 20px; }
  blockquote:before, blockquote:after {
    position: absolute;
    font-size: 1.5em;
    font-weight: 900; }
  blockquote:before {
    top: 5px;
    left: 5px;
    content: "\201C"; }
  blockquote:after {
    bottom: 10px;
    right: 5px;
    content: "\201D"; }

.testimonial-body {
  font-style: italic; }

/*--- HEADER --------------------------------------------------------------------------------------------------------------*/
#hdr {
  height: 206px;
  background: #fff;
  margin: 0 auto;
  text-align: center; }
  #hdr img {
    text-align: center; }

.logoimg {
  float: none;
  margin-top: -120px;
  /* Shift up to compensate for contact div height */
  text-align: center;
  background: transparent; }

/* Show 'FOOD AFFAIR' logo in text underneath image */
#hdr:after {
  content: "FOOD AFFAIR";
  color: #2f2f2f;
  font-weight: bold;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 20px;
  display: block; }

.site-title {
  text-align: left;
  font-size: 2em;
  font-weight: 500;
  padding: 40px 40px 10px 20px;
  color: #111110; }

.site-tagline {
  float: right;
  clear: right;
  font-size: 15px;
  color: #111112;
  font-weight: bold;
  margin: 25px 65px 0 0px; }

/*--- MAIN NAVIGATION -----------------------------------------------------------------------------------------------------*/
#nav-container {
  width: 100%;
  background: #fff;
  min-height: 80px; }

#nav {
  /* when positioned absolutely, will trigger IE6-7 bug where #nav disappears because it is adjacent to a floated element */
  list-style: none outside none;
  list-style: none outside none;
  text-align: center; }
  #nav ul {
    list-style: none outside none; }
  #nav li {
    border-right: 0px solid #999998;
    display: inline-block;
    *zoom: 1;
    *display: inline; }
    #nav li:last-child {
      border-right: none; }
    #nav li.off span.no-href, #nav li.off a {
      color: #2f2f2f;
      font-size: 24px; }
    #nav li span.no-href, #nav li a {
      display: inline-block;
      *zoom: 1;
      *display: inline;
      margin: 16px;
      padding: 12px 0px 12px 0px;
      /*text-transform: uppercase;*/ }
    #nav li.off a:hover {
      color: #2f2f2f;
      font-size: 24px;
      background: url(images/nav-hover.png) bottom left repeat-x; }
    #nav li.on {
      /* span.no-href is used for when there's a link in the nav but with no href */ }
      #nav li.on span.no-href, #nav li.on a {
        color: #2f2f2f;
        font-size: 24px;
        background: url(images/nav-hover.png) bottom left repeat-x; }
  #nav.nav-nested li ul {
    list-style: none outside none;
    position: absolute;
    text-indent: -9999px;
    z-index: 1000;
    /* lifts drop down above contact for input elements... and anything else hopefully */ }

/*--- NESTED NAVIGATION ---------------------------------------------------------------------------------------------------*/
/* when touch devices are detected the '.device-touch' element will be added to the <html> tag.. */
.device-touch #nav.nav-nested li ul {
  display: none;
  left: auto; }

#nav.nav-nested li:hover ul, #nav li.sfhover ul {
  text-indent: 0; }

.device-touch #nav.nav-nested li:hover ul {
  display: block; }

#nav.nav-nested li ul {
  -webkit-box-shadow: 1px 1px 1em rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 1em rgba(0, 0, 0, 0.25);
  overflow: hidden;
  zoom: 1;
  background: #fff; }
  #nav.nav-nested li ul li {
    /* Second level LI's should not float - this makes them drop down vertically */
    float: none;
    border: 0 none;
    display: block;
    text-align: left; }
    #nav.nav-nested li ul li a {
      width: 100%;
      min-width: 150px;
      background: #fff;
      margin: 0 auto;
      padding: 12px 25px; }
    #nav.nav-nested li ul li.off a {
      color: #000;
      border-bottom: 1px solid #fff; }
    #nav.nav-nested li ul li.off:hover a {
      color: #fff;
      background: #000;
      border-bottom: 1px solid #ddd; }

/*--- CONTENT CONTAINER ---------------------------------------------------------------------------------------------------*/
#cont {
  width: 100%;
  clear: left;
  float: left;
  padding: 0px 0px 15px 0px;
  text-align: left;
  min-height: 300px;
  background: #ffffff; }
  #cont .page-content a {
    font-weight: bold; }

/*--- LEFT AND RIGHT COLUMN STRUCTURE ------------------------------------------------------------------------------------ */
.column.left {
  float: left; }
.column.right {
  float: right; }
.column.box {
  margin-bottom: 30px; }
.column .box h3 {
  color: #2f2f2f;
  /* same as core link colour */
  font-size: 35px;
  font-weight: 500;
  line-height: 1.4em;
  margin: 0;
  padding: 0;
  background-position: left center;
  background-repeat: no-repeat;
  background-color: transparent; }
.column .box.cart .mini-cart-total, .column .box.cart .mini-cart-link {
  padding: 10px 0 5px 0;
  text-align: right; }
.column .teaser {
  margin-bottom: 20px; }

 /*
.column .box.store-nav h3, .column .box.cart h3 {
  background-image: url(images/bgno_box_h3_cart.png);
}
.column .box.store-search h3 {
  background-image: url(images/bgno_box_h3_search.png);
}
.column .box.news h3 {
  background-image: url(images/bgno_box_h3_news.png);
}
.column .box.events h3 {
  background-image: url(images/bgno_box_h3_events.png);
}
.column .box.subscribe h3 {
  background-image: url(images/bgno_box_h3_subscribe.png);
}*/
/*--- COLUMN TEASERS ------------------------------------------------------------------------------------------------------*/
#cont .column ul {
  /*	list-style-type:none;	*/
  padding-left: 0;
  margin: 8px 5px 0 5px;
  font-size: 1em;
  font-weight: 500; }

.column li {
  padding-right: 5px;
  border-bottom: 0;
  margin-bottom: 5px; }

.articlelist-timestamp {
  color: #555554;
  font-size: .85em; }

.subscribe-table {
  padding-top: 0;
  margin: 0 0 0 4px;
  vertical-align: top;
  color: #555554;
  font-weight: 500; }

.item-list {
  clear: both; }

/* Ensure that any lists of items clear any previously floated items */
/* all paras in right or left column will follow this style... */
.column p {
  margin: 8px 5px;
  color: #666665;
  font-size: .9em; }
.column .social li {
  float: left; }
.column .social a {
  padding: 0 0 0 20px;
  margin: 0 3px 0 5px;
  background-repeat: no-repeat; }
.column .social li.last {
  border: none; }

/*--- SOCIAL SHARING LINKS ---*/
/* deprecated sharing link block */
.teaser a.facebook {
  background: transparent url("images/bgno-ic-fb20.png") no-repeat left top;
  padding: 3px 0 2px 25px; }
.teaser a.twitter {
  background: transparent url("images/bgno-ic-twtr.png") no-repeat left top;
  padding: 3px 0 2px 25px; }

/* deprecated sharing link block ends */
/*--- STORE NAV - establishes in left column by default when the store is turned on ----------------------------------------*/
.column .box.store-nav {
  margin-top: 0px;
  margin-left: 0px;
  padding-right: 0px;
  padding-bottom: 12px;
  margin-bottom: 20px; }
  .column .box.store-nav ul {
    list-style-type: none;
    margin-top: 8px;
    margin-left: 0px;
    margin-right: 5px;
    padding-left: 0; }
  .column .box.store-nav li {
    border-bottom: 1px solid #999998;
    margin-bottom: 0px;
    font-weight: 500;
    padding: 2px 0 2px 5px; }
    .column .box.store-nav li.on {
      border-bottom: 1px solid #3766ac;
      /* same as link visited colour 		*/
      margin-bottom: 5px;
      background: #EAEAEA; }
  .column .box.store-nav p.searchtitle {
    padding-left: 3px;
    margin: 20px 0 5px 3px;
    color: #555554;
    font-weight: bold; }

/*--- CONTENT COLUMN --------------------------------------------------------------------------------------------------------*/
.page-content {
  float: left;
  margin-bottom: 25px; }
  .page-content ul {
    list-style: square; }
  .page-content ol, .page-content ul {
    margin: 4px 4px 4px 35px; }

.item-description {
  overflow: hidden;
  margin: 0px 0px 20px 0px;
  padding: 10px 0 20px 0;
  text-align: left;
  border-bottom: 1px dotted #999998; }

.slider-wrapper {
  clear: both;
  margin-top: -15px;
  padding-bottom: 20px; }
  .slider-wrapper #slider {
    background-clip: padding-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    overflow: hidden; }

#slider h2.nivo-caption {
  font-family: 'La Belle Aurore', cursive;
  width: 620px;
  padding-bottom: 40px;
  text-align: center;
  font-size: 63px;
  color: #fff;
  text-shadow: none;
  background: none;
  line-height: 1.2em;
  bottom: 0;
  left: 0;
  opacity: 1; }

/*--- NEWS AND EVENTS PAGES LISTINGS --------------------------------------------------------------------------------------*/
#content-list {
  clear: left; }
  #content-list.eventslist-timestamp {
    color: #999;
    font-size: 90%; }
  #content-list table {
    background: transparent;
    width: 100%; }
    #content-list table td {
      border-bottom: 0;
      text-align: left; }
      #content-list table td.title-row {
        border-top: 1px solid #999998;
        padding: 8px 20px;
        text-align: left;
        font-size: 90%; }
      #content-list table td.item-description {
        padding: 10px 0 20px 0;
        text-align: left; }
        #content-list table td.item-description img {
          float: right; }

/*--- IMAGE GALLERY -------------------------------------------------------------------------------------------------------*/
/*
	Notes:
	Gallery pages [.page4] is full-width with no columns left or right. Refer .has-column notes around #cont
	
	The gallery as it stands uses legacy mark-up and has some quirks and uses older styles of markup.
	
	In the admin there are two types of gallery: 'Gallery' and 'Advanced Gallery'
	
	- 'Gallery' is a single page. Clicking on gallery images initiates a floating box for larger view.
	- 'Advanced Gallery' uses identical markup for thumb layout but the initial page display gallery categories and opens
	  individual gallery pages with thumbs as above.
	  
	Be aware that the secondary pages removes the # no-teaser element and replaces it with # gallery-cont. The class .page-content
	is present in both of these elements and has been used to style both identically.
	
	Both kinds of gallery use table mark-up without cellspacing="0"
	so <IE8 browsers will add 1px
*/
/*--- IMAGE GALLERY PAGE ---*/
#cont.page4 {
  background: #fffffe; }

#gallery-list {
  clear: both; }
  #gallery-list td.item-description h2, #gallery-list td.album-item-description h2 {
    padding: 3px 0;
    margin: 0 0 4px 0;
    /*	font-size: 105%;	*/
    font-weight: bold;
    text-transform: none; }
  #gallery-list table {
    width: 100%;
    border-collapse: colapse; }
    #gallery-list table td {
      border-bottom: 0;
      padding: 0px;
      margin: 0px;
      text-align: left; }
      #gallery-list table td.title-row {
        border-top: 1px solid #999998;
        padding: 8px 20px;
        text-align: left; }
      #gallery-list table td.item-description, #gallery-list table td.album-item-description {
        width: 45%;
        padding: 2%;
        vertical-align: top;
        text-align: left; }
  #gallery-list img.border {
    margin-top: 8px; }

/*	#gallery-list h2 {} */
/*--- Image borders, padding, floats etc... [site wide] --------------------------------------------------------------------------------------*/
/*-- affects images in content throughout site --*/
img.border, img.product-border {
  position: relative;
  	/*border: 1px solid #999998;
    background: #fffffe;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);*/
  behavior: url(/theme/PIE.htc); }

.product-border-float-right, .category-border-float-right, .twimage-multiimage-fade5-main img {
  position: relative;
  border: 1px solid #999998;
  background: #fffffe;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  behavior: url(/theme/PIE.htc); }

img.twimage-multiimage-thumbs-mainimage, img.twimage-multiimage-thumbs-child {
  position: relative;
  border: 1px solid #999998;
  background: #fffffe;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  behavior: url(/theme/PIE.htc); }
img.border {
  margin: 0 8px 10px 10px;
  float: right;
  clear: right;
  margin-right: 0;
  padding-right: 0; }
img.product-border-float-right, img.category-border-float-right {
  float: right;
  clear: right;
  margin-right: 0;
  padding-right: 0; }
img.product-border {
  float: none;
  clear: none; }

/* specifics for multiple images loaded into a page in one element */
/* basic style reset away from image scripts local sheet */
#cont .twimage-multiimage-thumbs-mainimage, #cont .twimage-multiimage-fade5-main img, #cont div.twimage-multiimage-thumbs-main, #cont img.twimage-multiimage-thumbs-child {
  padding: 0;
  margin: 0; }
#cont div.twimage-multiimage-thumbs-main {
  border: 0 none; }
#cont img.twimage-multiimage-thumbs-child {
  margin: 5px; }

/* gives thumbs a bit of space */
/* fixes an occasional content error when two elements [use of two images in a single image element] are floated within each other 
.twimage-multiimage-verticalcascade-container img.border, .twimage-multiimage-verticalcascade-container img.view-item-detail-border {float:none !important;}	*/
/*--- STORE CSS -----------------------------------------------------------------------------------------------------------*/
/*--- STORE CONTENT LIST --------------------------------------------------------------------------------------------------*/
.category-navigation small {
  font-size: 1em; }

.category-description img {
  display: none; }

#cont.page9 .page-content a:hover {
  text-decoration: none; }
#cont.page9 .page-content-empty {
  width: 65%;
  margin: auto;
  text-align: left;
  float: left; }
#cont.page9 .page-content table {
  width: 100%; }
  #cont.page9 .page-content table tr {
    padding: 1px 0; }
#cont.page9 .page-content td.item-description {
  width: 45%;
  padding: 10px 2% 20px 2%;
  border-top: 1px solid #999998;
  margin: 0px;
  vertical-align: top;
  text-align: left;
  background: transparent; }
#cont.page9 .page-content td.item-description-left {
  width: 45%;
  padding: 10px 2% 20px 2%;
  border: none;
  margin: 0px;
  font-size: .9em;
  vertical-align: top;
  text-align: left;
  background: transparent; }
#cont.page9 .page-content ul {
  list-style: square;
  margin: 4px 4px 4px 35px; }
#cont.page9 .page-content ol {
  margin: 4px 4px 4px 35px; }

/* Hide the "From" prefix for products with multiple prices */
.store-label-from {
  display: none; }

/*--- STORE - RECENT ITEMS ---*/
#recent-items {
  clear: both;
  background: transparent; }
  #recent-items table.rpros {
    background: #fff; }

.product-container {
  width: 150px;
  padding: 0;
  margin-right: 0px;
  margin-bottom: 9px;
  text-align: center;
  background: transparent; }

.product-border {
  vertical-align: middle;
  float: none; }

.product-header-left, .product-header-right {
  padding-top: 20px; }

.item-title, .product-header-left, .cat-list-product-code, .bold-hilight {
  font-weight: bold; }

.product-header-right {
  text-align: right; }

.product-option-title {
  font-style: italic; }

.item-title a {
  padding: 9px 9px 0 9px;
  margin: 0;
  background: transparent; }

.item-desc {
  padding-left: 8px;
  padding-right: 8px;
  margin: 0;
  font-size: .9em;
  vertical-align: top;
  background: transparent; }
  .item-desc em {
    display: block;
    padding: 0 9px 9px 0; }

.item-more-info {
  font-size: 85%;
  padding-bottom: 10px; }

/*--- STORE ITEM GET ---*/
#item-list table {
  background: transparent;
  width: 100%; }
#item-list td td.store-cart-border {
  padding: 4px 2px 8px 2px; }

.product-bottom-right {
  text-align: right; }

.cat-item-container {
  float: left;
  width: 100%;
  padding: 0;
  margin-right: 0px;
  margin-bottom: 9px;
  text-align: left;
  background: #fff; }

.cat-item-title {
  padding: 9px 9px 0 0px;
  margin: 0;
  font-weight: bold;
  color: #0094C6;
  background: transparent; }

.cat-item-desc {
  margin: 0px;
  padding: 0 9px 0px 0px; }

.cat-item-code {
  font-size: .9em;
  padding: 0px;
  margin: 0px;
  background: transparent; }
  .cat-item-code p {
    margin-right: 6px; }
  .cat-item-code em {
    clear: right;
    display: block;
    margin-top: 9px;
    padding: 0 9px 9px 0;
    background: transparent; }

#option-choice {
  clear: right;
  padding: 0 9px 9px 0;
  background: transparent; }
  #option-choice table {
    clear: right;
    background: none; }
  #option-choice td {
    padding: 4px 0; }

.cat-product-border {
  margin: 5px 8px 5px 5px;
  padding: 3px;
  border: 1px solid #FFFFFF;
  border-bottom-color: #A09D9E;
  border-right-color: #A09D9E;
  background: #F3F3F3; }

.sub-cat {
  text-align: center;
  font-size: 85%;
  line-height: 1em;
  width: 25%;
  vertical-align: bottom; }
  .sub-cat img {
    padding: 0;
    border: 0; }

#item-list a.full-detail {
  vertical-align: bottom;
  margin: 0;
  padding: 0; }

.price {
  font-size: 100%;
  font-weight: bold;
  color: #BDBDBF;
  float: right;
  margin-right: 20px; }

/*--- SHOPPING CART ---*/
.checkout .store-cart-image {
  padding: 2px; }
.checkout .store-cart-border {
  border-top: 1px solid #A09D9E;
  padding-top: 8px;
  padding-bottom: 4px; }
.checkout .item-quantity input {
  width: 50px; }

#frmCheckout textarea {
  vertical-align: top;
  height: 100px;
  width: 90%; }

#cart-continue-proceed {
  clear: left;
  margin-top: 5px; }

span.currency {
  text-align: right; }
span.requiredfield {
  float: left;
  position: absolute;
  margin-left: 5px;
  color: #c00; }

/*--- CORE FORMS ----------------------------------------------------------------------------------------------------------*/
/*--- Contact form ---*/
#formtable table {
  width: 100%; }
#formtable td {
  padding: 5px;
  position: relative; }
  #formtable td.left {
    width: 35%; }
#formtable input {
  margin-bottom: 5px; }

textarea {
  font-size: .9em;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  background: #fff;
  	/* -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;*/
  behavior: url(/theme/PIE.htc); }

input {
  position: relative;
  background: #fff;
  	/*-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;*/
  behavior: url(/theme/PIE.htc); }

.popup textarea {
  position: relative;
  background: #fff;
  	/*-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;*/
  behavior: url(/theme/PIE.htc); }
  .popup textarea:focus {
    position: relative;
    background: #fafafa;
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
    behavior: url(/theme/PIE.htc); }

/* Contact form inputs should be wider and taller */
.contact-form .f-text {
  width: 95%;
  margin-bottom: 5px; }
.contact-form .f-textarea {
  width: 95%;
  margin-bottom: 5px;
  height: 165px; }
.contact-form .button-send {
  min-width: 150px; }

/*--- transition ---*/
#cont .f-textarea, #cont select, #cont .f-text, #cont textarea {
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.teaser.store-nav input.searchbox, input#captcha-code, .button, a {
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

#cont .f-textarea:focus, #cont select:focus, #cont .f-text:focus, #cont textarea:focus {
  background: #fbf3db; }

.teaser.store-nav input.searchbox:focus, input#captcha-code:focus {
  background: #fbf3db; }

/*-- text fields for left column search AND right column subscribe area --*/
.subscribe-table input, .column input.searchbox {
  width: 150px;
  margin-bottom: 8px; }

/*--- BUTTONS ---*/
.button {
  position: relative;
  min-width: 90px;
  height: 28px;
  padding: 0px 12px;
  margin-bottom: 7px;
  border: 1px solid rgba(0, 40, 70, 0.5);
  /*color: #f2f2f2;*/
  font-weight: 300;
  font-style: italic;
  	/* -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;*/
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*background: url(images/bgx-unibut.gif) repeat center center #494949;*/
  cursor: pointer;
  behavior: url(/theme/PIE.htc); }
  .button:hover, .button:focus {
    background: #333;
    color: #fff; }

tr.subscribe .button {
  width: 120px;
  margin-top: 5px; }
tr.subscribe td {
  text-align: center; }

/*-- INPUTS - text/text-areas --*/
.f-field {
  box-sizing: border-box; }
  .f-field.f-text, .f-field.f-textarea {
    border: 1px solid #7F7F7F;
    	/*-moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;*/
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 100%;
    padding: 5px;
    margin-bottom: 10px; }

select#deliveryOption, .f-select, .f-textarea, input.searchbox {
  width: 100%;
  border: 1px solid #7F7F7F;
  	/* -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;*/
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  margin-bottom: 10px;
  behavior: url(/theme/PIE.htc); }

.f-textarea {
  min-height: 75px; }

textarea, .teaser input {
  border: 1px solid #7F7F7F;
  	/* -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;*/
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  margin-bottom: 10px;
  behavior: url(/theme/PIE.htc); }

/* IE compatibility for the rule below is non-existant in all IE browsers eccept IE9+ and even then... */
#formtable {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  margin: 25px 0;
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
  #formtable.contact-form {
    background-image: url(images/bgno-tw-secure.png);
    background-repeat: no-repeat;
    background-position: right bottom; }

/* removes border around button (check IE7) 
.teaser.subscribe .button {
  border: none;
}

#formtable input#formbutton, input[type="checkbox"] {
  border: none !important;
}*/
/*--- FOOTERS -------------------------------------------------------------------------------------------------------------*/
#ftr-nav {
  position: absolute;
  font-size: 10px;
  color: #fff !important;
  bottom: 10px;
  left: 50%;
  margin-left: -480px;
  z-index: 9;
  /*display:none;*/ }
  #ftr-nav a {
    color: #fff !important; }

#ftr {
  width: 100%;
  font-weight: 500;
  clear: both;
  /*position: relative;*/
  overflow: visible; }

#footer-address {
  text-align: center;
  padding: 12px 0 8px 0;
  display: none; }

#footer-address-copyright {
  position: absolute;
  text-align: center;
  bottom: -20px;
  display: block;
  color: #fff;
  font-size: 13px; }

.turboweb-sig-container {
  position: relative;
  display: none; }

.turboweb-sig {
  width: 960px;
  padding: 0 0 10px 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 95%;
  color: #aaa;
  text-align: right;
  background: #eeeeed; }
  .turboweb-sig a {
    color: #aeaeae;
    text-decoration: none; }
    .turboweb-sig a:link, .turboweb-sig a:active, .turboweb-sig a:visited {
      color: #aeaeae;
      text-decoration: none; }
    .turboweb-sig a:hover {
      color: #3766ac; }

/*--- CUSTOM BOXES - ANYWHERE ------------------------------------------------------------------------------------------------------------*/
/* Custom-box global styles */
.box-container {
  position: relative; }
  .box-container .box {
    float: left;
    position: relative; }

/*--- In #hdr ---*/
#hdr .box-container {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 10; }
#hdr .custom .box {
  background: lightblue; }

/*--- In .page-content ---*/
.page-content .box-container {
  width: 100%;
  float: left;
  clear: left;
  margin: 40px 0; }
.page-content .box-x3 .box {
  width: 30%;
  margin-right: 2%; }
.page-content .box-x2 .box {
  width: 48%;
  margin-right: 2%; }
.page-content .box-x1 .box {
  width: 100%; }
.page-content .box-x2 .box2, .page-content .box-x3 .box3 {
  margin-right: 0; }

/* In .column .right / left [RIGHT OR LEFT COLUMNS] */
.column .custom .box {
  clear: left; }

/* In #ftr */
/*--- PRINT STYLES -----------------------------------------------------------------------------------------------------------------------*/
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a {
    text-decoration: underline; }
    a:visited {
      text-decoration: underline; }
    a[href]:after {
      content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr {
    page-break-inside: avoid; }

  img {
    page-break-inside: avoid;
    max-width: 100% !important; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
/*-- Hide these items - deprecated and pesty but remain [in the HTML] for legacy sites of old --*/
/* redundant RSS feed links on sidebar H3s */
a#event-feed-icon, a#news-feed-icon {
  display: none !important; }

.teaser.social {
  display: none; }

/* Main Content lead block */
.body-index .page1 h1 {
  font-family: 'La Belle Aurore', cursive;
  font-size: 71px;
  line-height: 1.2em;
  background: url(images/welcome.jpg) bottom center no-repeat;
  text-align: center; }
.body-index .page1 .page-content {
  font-size: 16px;
  text-align: center;
  line-height: 1.6em; }

.menu h1 {
  text-align: center;
  font-size: 41px; }
.menu p {
  text-align: center; }

.box-container.leads {
  float: left;
  width: 100%;
  position: relative;
  clear: both; }
  .box-container.leads h1 {
    text-align: center;
    font-size: 41px;
    margin-bottom: 40px; }
  .box-container.leads .boxes {
    width: 217px;
    float: left;
    color: #2f2f2f;
    text-align: center;
    margin-left: 18px; }
    .box-container.leads .boxes.last {
      margin-right: 0px; }
    .box-container.leads .boxes h3 {
      font-family: 'La Belle Aurore', cursive;
      font-weight: 300;
      font-size: 29px;
      margin: 10px 0; }
    .box-container.leads .boxes p {
      font-weight: 300;
      font-size: 11px;
      margin: 0;
      padding: 12px 10px; }
    .box-container.leads .boxes hr {
      background: url(images/hr.jpg) no-repeat top center;
      height: 5px;
      border: none !important; }
    .box-container.leads .boxes span {
      font-weight: 300;
      font-size: 12px;
      width: 84px;
      display: block;
      color: #2f2f2f;
      font-style: italic;
      margin: 15px auto;
      padding: 6px 15px;
      /*border:1px solid #7D7D7D;*/
      background: url(images/bg-readmore.jpg) center center no-repeat; }

/* NEWS, EVENTS, SUBSCRIBE CUSTOM BLOCKS AT FOOTER */
.more-content {
  width: 910px;
  clear: both;
  overflow: auto;
  position: relative;
  margin: auto;
  padding: 0 25px;
  background-color: #fff;
  text-align: center; }

.column.small-3 {
  width: 240px;
  margin-right: 30px;
  float: left;
  height: 355px;
  margin-bottom: 30px;
  background: url(images/bg-box.png) center 10px no-repeat;
  padding: 0 20px; }
  .column.small-3.last {
    margin-right: 0px;
    position: relative !important; }
    .column.small-3.last input {
      padding: 4px 10px;
      margin: 8px 0;
      border: 1px solid #ddd;
      	/*border-color:transparent; 
      	border-width:1px 1px 2px 2px;
      	-moz-border-image:url(images/input-border.png) 1 1 stretch; 
      	-webkit-border-image:url(images/input-border.png) 1 1 stretch; 
      	-o-border-image:url(images/input-border.png) 1 1 stretch; 
      	-ms-border-image:url(images/input-border.png) 1 1 stretch; 	
      	border-image:url(images/input-border.png) 1 1 stretch; 
      
      	behavior: url(/theme/PIE.htc);*/
      width: 210px;
      float: left; }
      .column.small-3.last input.button {
        border: 1px solid #ddd;
        	/*border-color:transparent; border-width:1px 1px 2px 2px;
        	-moz-border-image:url(images/input-border.png) 1 1 stretch; 
        	-webkit-border-image:url(images/input-border.png) 1 1 stretch; 
        	-o-border-image:url(images/input-border.png) 1 1 stretch; 
        	-ms-border-image:url(images/input-border.png) 1 1 stretch; 	
        	border-image:url(images/input-border.png) 1 1 stretch; 
          
        	behavior: url(/theme/PIE.htc);*/
        box-shadow: none;
        right: 25px;
        float: right;
        width: auto; }
    .column.small-3.last .f-label {
      font-size: 13px;
      font-weight: 700;
      text-align: left; }

.btn-primary {
  border: 1px solid #ccc;
  box-shadow: none;
  background: #fff; }

.more-content li {
  clear: both; }
.more-content h3 {
  font-size: 35px;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 10px;
  padding: 0;
  font-style: italic;
  text-align: center; }
.more-content li .date {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  font-style: italic; }
.more-content li p {
  font-weight: 300;
  margin-bottom: 4px;
  font-size: 11px;
  line-height: 1.2em; }
  .more-content li p.title {
    margin: 0;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2em; }
.more-content span {
  font-weight: 300;
  font-size: 12px;
  width: 84px;
  display: block;
  color: #2f2f2f;
  font-style: italic;
  margin: 8px auto;
  padding: 6px 15px;
  /*border:1px solid #7D7D7D;*/
  background: url(images/bg-readmore.jpg) center center no-repeat; }

/* Footer content goes here  */
.row-wrapper {
  width: 960px;
  margin: auto;
  overflow: hidden; }
  .row-wrapper a {
    color: #fff; }
    .row-wrapper a:hover {
      color: #999 !important; }

#ftr-nav a:hover {
  color: #999 !important; }

.row.bottom {
  width: 100%;
  clear: both;
  overflow: auto;
  position: relative;
  background: transparent url(images/bgno-footer.jpg);
  background-size: cover;
  font-size: 13px;
  color: #fff;
  padding: 40px 0 10px 0; }
.row .columns {
  float: left;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  min-height: 60px;
  line-height: 1.6em; }
  .row .columns.first {
    width: 325px;
    padding: 10px 10px 0 85px; }
  .row .columns.second, .row .columns.third {
    width: 170px;
    padding-top: 60px;
    text-align: center; }
  .row .columns.last {
    width: 200px;
    padding-top: 60px;
    text-align: center; }
  .row .columns.first {
    background: url(images/home.png) left 0px no-repeat; }
  .row .columns.second {
    background: url(images/phone.png) top center no-repeat; }
  .row .columns.third {
    background: url(images/mobile.png) top center no-repeat; }
  .row .columns.last {
    background: url(images/email.png) top center no-repeat; }
.row .copyright {
  text-align: right;
  bottom: 20px;
  display: block;
  clear: both;
  width: 960px;
  margin: 0 auto;
  color: #fff;
  font-weight: 300;
  font-size: 10px; }

.body-subpage3 .more-content {
  display: none; }

/*# sourceMappingURL=style-theme.css.map */
