/*

	======================== WARNING =================================

	This file has been generated by compiling SCSS - any changes made directly to .css files may be lost
	Please consult the V1 documentation for assistance or contact info@turboweb.co.nz.

	======================== WARNING =================================

*/
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; }

html, body {
  height: 100%; }

#website-container {
  z-index: 0; }

.popup {
  background-color: #fff;
  color: #2F2F2F; }

.information p, .error p, .success p {
  color: black;
  margin: 0; }

.information ul, .error ul, .success ul {
  margin: 0; }

.information, .error {
  line-height: 1.2em !important;
  color: black;
  margin: 10px 0;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  padding: 10px 10px 10px 34px;
  position: relative; }

.success {
  line-height: 1.2em !important;
  color: black;
  margin: 10px 0;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  padding: 10px 10px 10px 34px;
  position: relative;
  border: 1px #8a8 solid;
  background: #efe url(/images/icons/success.png) no-repeat 10px center; }

.error a {
  color: red !important;
  font-weight: normal !important;
  text-decoration: underline !important; }

.success a {
  color: green !important;
  font-weight: normal !important;
  text-decoration: underline !important; }

.information {
  border-color: #BDB337;
  background: #fff8d7 url(/images/icons/information.png) no-repeat 10px center; }
  .information a {
    color: orange !important;
    font-weight: normal !important;
    text-decoration: underline !important; }

.error {
  border: 1px #f88 solid;
  background: #fee url(/images/icons/error.png) no-repeat 10px center; }

.page-content .error p, .page-content .information p, .page-content .success p {
  padding-bottom: 0; }

.imageControls {
  display: none;
  border: 1px red solid;
  background-color: #ff0; }

.ajax-message {
  border: 5px gray solid;
  background-color: #ff8;
  padding: 10px;
  margin: 10px;
  position: fixed;
  border-radius: 2px;
  font-size: 14pt;
  font-weight: bold;
  top: 150px; }

.subscriber-update-message {
  background: #ffffaa;
  color: #404040;
  border: 2px #404040 solid;
  font-size: 110%;
  padding: 10px;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 20px; }

.team-member {
  clear: both; }

.article-category {
  overflow: auto; }

.attachment {
  min-height: 20px; }

.f-field.validation-failed, .teaser.subscribe .validation-failed.inputbox, .validation-failed#captcha-code {
  border: 2px red solid !important; }

.turboweb-sig {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

/* Lead Box Styles */
.teaser.leadbox {
  padding: 10px; }
  .teaser.leadbox h3 {
    padding: 0;
    margin: 0; }
  .teaser.leadbox a.colorbox {
    display: inline-block;
    margin-top: 30px; }
  .teaser.leadbox img {
    width: 100%; }
  .teaser.leadbox a.colorbox:after {
    content: '  \00bb'; }
  .teaser.leadbox .leadbox-content {
    position: relative;
    background-repeat: no-repeat;
    background-position: right center; }

.popup .leadbox {
  padding: 10px;
  background-color: #fff; }
  .popup .leadbox .table {
    padding: 10px;
    border-radius: 2px;
    background-color: #F5F5F6;
    background-repeat: no-repeat;
    background-position: right bottom; }
    .popup .leadbox .table th {
      text-align: left;
      width: 150px; }
    .popup .leadbox .table input {
      border: 1px #ccc solid;
      background-color: #fff;
      margin-right: 10px;
      padding: 6px;
      margin: 2px 0;
      border-radius: 0 2px 2px 0; }

.btn-primary {
  border: 1px #999 solid;
  min-width: 120px;
  padding: 5px;
  background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
  color: #444;
  border-radius: 0;
  margin-bottom: 5px;
  text-align: center;
  cursor: pointer; }

/* Default styles for nivo direction controls */
/* Note: Styles are prefixed with .slider-wrapper to be more specific than the defaults defined in nivo-slider.css */
.slider-wrapper .nivo-directionNav {
  display: none; }
.slider-wrapper:hover .nivo-directionNav {
  display: block; }
.slider-wrapper .nivo-directionNav a {
  top: 50%;
  margin-top: -23px; }
.slider-wrapper .nivo-prevNav, .slider-wrapper .nivo-nextNav {
  width: 33px;
  height: 47px;
  text-indent: -99999px;
  display: block; }
.slider-wrapper .nivo-prevNav {
  background: url(images/bgno_slidernav_prev.png) no-repeat 0 0; }
.slider-wrapper .nivo-nextNav {
  background: url(images/bgno_slidernav_next.png) no-repeat 0 0; }
.slider-wrapper.item-count-1 .nivo-directionNav {
  display: none !important; }

/* Nivo uses div's for .nivo-caption but we've overriden it to use h2. */
h2.nivo-caption {
  margin: 0; }

/* Fix for images wrong size if wider than their container - ref: http://stackoverflow.com/questions/14872634/nivo-slider-first-image-is-scaled-unproportional-when-displayed-the-first-time */
.nivo-main-image {
  height: auto; }

/* Fix for IE8 not showing links as clickable */
.is-ie8 .nivoSlider a.nivo-imageLink, .is-ie9 .nivoSlider a.nivo-imageLink, .is-ie10 .nivoSlider a.nivo-imageLink {
  border: 0;
  display: block;
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0; }

/* Common store styles */
.product-bottom-right {
  text-align: right; }

.item-remove a,
a.product-option-add-to-cart {
  border: 1px #999 solid;
  min-width: 120px;
  padding: 5px;
  background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
  color: #444;
  border-radius: 0;
  margin-bottom: 5px;
  text-align: center;
  cursor: pointer; }

td.product-bottom-left, td.product-header-right {
  width: 150px; }

.store.terms {
  padding: 10px;
  margin: 10px 0;
  border: 1px #C4C1BC solid;
  max-height: 100px;
  overflow: auto; }

/*
 * Captcha: make good defaults for Captcha forms.
 */
#captcha-code {
  text-transform: uppercase;
  font-size: 1.5em;
  width: 150px;
  box-sizing: border-box;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.cart .coupon .f-field.f-text, .cart .coupon .teaser.subscribe .f-text.inputbox, .teaser.subscribe .cart .coupon .f-text.inputbox, .cart .coupon .f-text#captcha-code {
  width: 80px;
  text-transform: uppercase; }

.developer .swm-view .template-path-hint {
  top: 0;
  left: 0;
  position: relative;
  display: none; }
.developer .swm-view:hover {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: yellow;
  border: 1px red dotted; }
  .developer .swm-view:hover .template-path-hint {
    display: block; }

/* /pages/2/Contact */
.contact-form td.column50 {
  width: 50%;
  vertical-align: top; }
.contact-form .row {
  clear: both; }
.contact-form div.column50 {
  width: 50%;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box; }
.contact-form #map {
  margin-top: 10px;
  width: 100%;
  height: 300px;
  border: 1px #999 solid;
  overflow: auto; }
.contact-form #nomap {
  margin-top: 10px;
  width: 100%;
  height: 300px;
  border: 1px #999 solid;
  overflow: auto;
  display: none;
  text-align: center; }
  .contact-form #nomap span {
    display: block;
    padding-top: 120px; }
.contact-form#formtable label {
  display: block;
  font-weight: bold; }
.contact-form .column50 ul {
  margin-top: 0px; }
.contact-form .f-field.f-text, .contact-form .teaser.subscribe .f-text.inputbox, .teaser.subscribe .contact-form .f-text.inputbox, .contact-form .f-text#captcha-code, .contact-form .f-field.f-textarea, .contact-form .teaser.subscribe .f-textarea.inputbox, .teaser.subscribe .contact-form .f-textarea.inputbox, .contact-form .f-textarea#captcha-code, .contact-form .f-field.f-email, .contact-form .teaser.subscribe .f-email.inputbox, .teaser.subscribe .contact-form .f-email.inputbox, .contact-form .f-email#captcha-code, .contact-form .f-field.f-company, .contact-form .teaser.subscribe .f-company.inputbox, .teaser.subscribe .contact-form .f-company.inputbox, .contact-form .f-company#captcha-code {
  width: 90%; }

/* /subscribe */
/* First Name and Last Name Sub Table */
.subscribe #formtable table.firstlast {
  width: 300px; }
  .subscribe #formtable table.firstlast td {
    padding: 0px;
    width: 120px; }
.subscribe .f-email, .subscribe .f-company {
  width: 260px; }

.simple-products .item {
  clear: both;
  float: left;
  width: 100%; }

/* Featured Categories */
/*
.item-list.category.featured.default {
	float: right;
	position: relative;
	left: -50%;
}
.item-list.category.featured.default .items-container {
	position: relative;
	left: 50%;
}
*/
.item-list.category.featured.default .item {
  float: left;
  width: 160px;
  height: 300px;
  text-align: center; }
.item-list.category .item {
  clear: none; }
.item-list.product .item {
  clear: none; }
.item-list .item {
  clear: both; }

/* Hide mobile-only burger button by default */
.burger {
  display: none; }

@media only screen and (min-width: 1081px) {
  #viewport-detector-small {
    display: none; }

  #viewport-detector-medium {
    display: none; }

  #viewport-detector-large {
    display: block; }

  #nav li:last-child {
    border-right: none; }

  img.product-border-float-right, img.category-border-float-right {
    margin-left: 10px; }

  .product-bottom-right > span {
    float: right;
    clear: both; }

  .product-bottom-right .product-option-add-to-cart {
    margin-top: 10px;
    margin-right: initial;
    text-align: center; } }
@media only screen and (min-width: 769px) and (max-width: 1080px) {
  #viewport-detector-small {
    display: none; }

  #viewport-detector-medium {
    display: block; }

  #viewport-detector-large {
    display: none; } }
@media only screen and (min-width: 0px) and (max-width: 768px) {
  #viewport-detector-small {
    display: block; }

  #viewport-detector-medium {
    display: none; }

  #viewport-detector-large {
    display: none; }

  body {
    margin: 20px 10px;
    min-width: 275px; }

  body, #website-container {
    background: initial; }

  .page-content, .more-content, .top-content, #hdr, .page-content.has-column-left, .page-content.has-column-right,
  .page-content.has-column-left.has-column-right, #nav-container, #outer, #ftr, .turboweb-sig, #no-teaser {
    width: initial;
    padding: initial; }

  #cont, #cont.page9 .page-content, #leftcol, #left-cont {
    width: 100%; }

  .page-content .thickbox img {
    width: 33%;
    margin: 0 0 10px 10px; }

  .column.left, .column.right {
    float: initial;
    width: initial;
    padding: initial; }

  .contact {
    margin-bottom: 40px;
    width: initial;
    float: initial;
    display: table;
    position: initial; }
    .contact li {
      float: left;
      clear: left; }

  #hdr {
    display: table;
    width: 100%;
    margin-bottom: 40px;
    box-sizing: border-box;
    height: initial; }

  .logoimg {
    width: 75%;
    padding: initial;
    margin: initial; }

  .burger {
    display: initial;
    float: right;
    font-size: 1.85em;
    cursor: pointer;
    background-color: #bbb;
    color: #222;
    padding: 10px;
    border-radius: 10%; }

  #nav-container {
    margin-bottom: 40px;
    width: 100%;
    background-color: #ddd;
    margin-bottom: 40px;
    display: none; }
    #nav-container #nav {
      display: table-cell;
      width: 100%; }
      #nav-container #nav ul {
        width: 100%;
        position: initial; }
      #nav-container #nav ul {
        display: none; }
      #nav-container #nav.nav-nested li:hover ul, #nav-container #nav #nav li.sfhover ul {
        display: initial; }
      #nav-container #nav li {
        float: initial;
        text-align: center;
        border: initial; }
        #nav-container #nav li a {
          width: 100%;
          box-sizing: border-box;
          padding: 10px; }
        #nav-container #nav li.off a {
          color: #222; }
        #nav-container #nav li.off a:hover {
          background-color: #ddd;
          color: #000; }
        #nav-container #nav li.on span.no-href, #nav-container #nav li.on a {
          background-color: #ddd;
          color: #000; }

  .slogan, .top-content .slogan {
    position: initial; }

  .slogan2, .top-content .slogan2 {
    width: initial;
    margin-bottom: 40px; }

  #ftr {
    display: table; }
    #ftr .item.social-link {
      float: initial;
      width: initial;
      margin: initial; }

  #ftr-nav {
    width: initial; }

  .more-content-wrapper {
    background: none; }

  .more-content .column {
    margin-bottom: 40px;
    clear: left; }

  .ftr-cboxes {
    clear: left; }

  .turboweb-sig {
    padding-top: 16px;
    text-align: left; }

  .more-content li .content, .more-content li .date {
    font-size: inherit; }

  .more-content li p {
    padding: 0; }

  .more-content .column.small-3 {
    width: 100%; }

  .homepage-content .left-content, .homepage-content .right-content {
    width: 100%;
    margin-bottom: 40px;
    padding: 0; }

  .more-content-wrapper {
    margin-top: 0; }

  .top-content-wrapper {
    margin-bottom: 40px; }

  input[type=button], input[type=submit] {
    -webkit-appearance: none; }

  .teaser.box.subscribe table {
    width: 100%; }
    .teaser.box.subscribe table input {
      width: 100%;
      padding-left: initial;
      padding-right: initial; }

  #formtable.contact-form {
    border: none;
    margin-top: 40px;
    padding-bottom: 40px; }
    #formtable.contact-form form {
      margin-bottom: 40px; }
    #formtable.contact-form td {
      padding: 0; }
    #formtable.contact-form td.column50, #formtable.contact-form div.column50 {
      width: 100%;
      margin-bottom: 20px;
      float: left; }
    #formtable.contact-form fieldset, #formtable.contact-form .f-form-v2 .f-fieldcontainer {
      padding-left: initial;
      padding-right: initial; }
  #formtable input#formbutton, #formtable input[type="checkbox"] {
    border: 1px solid #53677D !important; }
  #formtable fieldset {
    padding: 10px; }
  #formtable .column-form {
    margin-bottom: 40px; }
  #formtable #map {
    margin-top: 20px;
    box-sizing: border-box; }

  #gallery-list table td.item-description, #gallery-list table td.album-item-description {
    width: 100%;
    float: left;
    padding: initial; }

  .body-store-category .product-summary {
    margin-bottom: 40px; }
    .body-store-category .product-summary .product-border-float-right {
      width: 33%;
      margin: 0 0 10px 10px; }
    .body-store-category .product-summary .product-header-left, .body-store-category .product-summary .product-header-right {
      width: 100%;
      float: left;
      text-align: left; }
    .body-store-category .product-summary .product-header-left h2 {
      width: 100%; }
    .body-store-category .product-summary .product-header-right {
      clear: left;
      text-align: left;
      padding-top: initial;
      padding-bottom: 10px; }
    .body-store-category .product-summary tbody > tr:last-of-type td {
      width: 100%;
      float: left;
      text-align: left; }
    .body-store-category .product-summary .product-bottom-right span {
      float: left;
      clear: left; }
    .body-store-category .product-summary .product-bottom-left {
      padding-bottom: 20px; }
    .body-store-category .product-summary .product-bottom-right .product-option-add-to-cart {
      margin: initial; }
    .body-store-category .product-summary .cat-list-price {
      margin-bottom: 10px; }

  .product-body .thickbox img {
    width: 50%;
    margin: 0 0 20px 20px; }

  #option-choice {
    margin-top: 40px; }
    #option-choice table td {
      width: 100%;
      float: left;
      text-align: left; }
    #option-choice table tr td:last-of-type {
      margin-bottom: 40px; }
    #option-choice a {
      margin-left: initial; }

  .product-border-float-right {
    float: initial; }

  table.store-search-results {
    margin-top: 40px; }
    table.store-search-results td {
      width: 100%;
      float: left;
      text-align: left; }
    table.store-search-results tr td:last-of-type {
      margin-bottom: 40px; }
    table.store-search-results th {
      display: none; }
    table.store-search-results img {
      margin-bottom: 10px; }

  .body-cart .teaser.box.cart, .body-cart-checkout .teaser.box.cart {
    display: none; }

  .body-cart .coupon {
    display: table;
    margin-bottom: 40px; }
    .body-cart .coupon label {
      margin-bottom: 10px; }
    .body-cart .coupon label, .body-cart .coupon input {
      float: left; }
    .body-cart .coupon input[type=text] {
      clear: left;
      margin-right: 10px; }
  .body-cart .checkout > table:last-of-type td {
    width: 100%;
    float: left;
    text-align: left; }
  .body-cart .checkout form table td {
    width: 100%;
    float: left;
    text-align: left; }
  .body-cart .checkout form table tr td:last-of-type {
    margin-bottom: 20px; }
  .body-cart .checkout form table tr:first-of-type {
    display: none; }
  .body-cart .checkout form table .store-cart-border {
    border: initial; }
  .body-cart .checkout form table td.item-title a {
    padding: initial; }
  .body-cart .checkout .button-update {
    float: left;
    margin-bottom: 20px; }

  .body-cart-checkout form table td {
    width: 100%;
    float: left;
    text-align: left; }
  .body-cart-checkout #formtable {
    padding: 10px; }
    .body-cart-checkout #formtable input[type=text], .body-cart-checkout #formtable input[type=email], .body-cart-checkout #formtable select, .body-cart-checkout #formtable textarea {
      width: 95%; }
    .body-cart-checkout #formtable td {
      width: 100% !important; }
    .body-cart-checkout #formtable td.left {
      padding-bottom: initial; }
    .body-cart-checkout #formtable #deliveryOption {
      margin-left: initial !important; }
    .body-cart-checkout #formtable .entryTable table td {
      float: initial !important;
      width: initial !important; }
    .body-cart-checkout #formtable tr:first-of-type th {
      display: none; }
    .body-cart-checkout #formtable td:last-child {
      padding-bottom: 20px; }
    .body-cart-checkout #formtable h2:not(:first-of-type) {
      margin-top: 40px; }
    .body-cart-checkout #formtable .currency-unitprice:after {
      content: ' per item'; }
    .body-cart-checkout #formtable .currency-subtotal:after {
      content: ' in total'; }
  .body-cart-checkout #cart-continue-proceed table td {
    width: 100%;
    float: left;
    text-align: left; } }
/* Image Thumbnails */
.th {
  line-height: 0;
  display: inline-block;
  border: solid 4px #fff;
  max-width: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); }
  .th img {
    max-width: 100%; }
  .th:hover, .th:focus {
    box-shadow: 0 0 6px 1px rgba(83, 103, 125, 0.5); }
  .th.radius {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px; }

/* Block Grids */
/* Mixin */
@media (min-width: 0px) and (max-width: 768px) {
  .item-list {
    display: block; }
    .item-list.small-block-grid-1 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 100%; }
      .item-list.small-block-grid-1 .item:nth-of-type(1n+1) {
        clear: both; }
      .item-list.small-block-grid-1 .item a.th {
        width: 100%; }
      .item-list.small-block-grid-1 .item a.th img {
        width: 100%; }
    .item-list.small-block-grid-2 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 50%; }
      .item-list.small-block-grid-2 .item:nth-of-type(2n+1) {
        clear: both; }
      .item-list.small-block-grid-2 .item a.th {
        width: 100%; }
      .item-list.small-block-grid-2 .item a.th img {
        width: 100%; }
    .item-list.small-block-grid-3 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 33.33333%; }
      .item-list.small-block-grid-3 .item:nth-of-type(3n+1) {
        clear: both; }
      .item-list.small-block-grid-3 .item a.th {
        width: 100%; }
      .item-list.small-block-grid-3 .item a.th img {
        width: 100%; }
    .item-list.small-block-grid-4 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 25%; }
      .item-list.small-block-grid-4 .item:nth-of-type(4n+1) {
        clear: both; }
      .item-list.small-block-grid-4 .item a.th {
        width: 100%; }
      .item-list.small-block-grid-4 .item a.th img {
        width: 100%; }
    .item-list.small-block-grid-5 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 20%; }
      .item-list.small-block-grid-5 .item:nth-of-type(5n+1) {
        clear: both; }
      .item-list.small-block-grid-5 .item a.th {
        width: 100%; }
      .item-list.small-block-grid-5 .item a.th img {
        width: 100%; }
    .item-list.small-block-grid-6 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 16.66667%; }
      .item-list.small-block-grid-6 .item:nth-of-type(6n+1) {
        clear: both; }
      .item-list.small-block-grid-6 .item a.th {
        width: 100%; }
      .item-list.small-block-grid-6 .item a.th img {
        width: 100%; }
    .item-list.small-block-grid-7 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 14.28571%; }
      .item-list.small-block-grid-7 .item:nth-of-type(7n+1) {
        clear: both; }
      .item-list.small-block-grid-7 .item a.th {
        width: 100%; }
      .item-list.small-block-grid-7 .item a.th img {
        width: 100%; }
    .item-list.small-block-grid-8 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 12.5%; }
      .item-list.small-block-grid-8 .item:nth-of-type(8n+1) {
        clear: both; }
      .item-list.small-block-grid-8 .item a.th {
        width: 100%; }
      .item-list.small-block-grid-8 .item a.th img {
        width: 100%; }
    .item-list.small-block-grid-9 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 11.11111%; }
      .item-list.small-block-grid-9 .item:nth-of-type(9n+1) {
        clear: both; }
      .item-list.small-block-grid-9 .item a.th {
        width: 100%; }
      .item-list.small-block-grid-9 .item a.th img {
        width: 100%; }
    .item-list.small-block-grid-10 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 10%; }
      .item-list.small-block-grid-10 .item:nth-of-type(10n+1) {
        clear: both; }
      .item-list.small-block-grid-10 .item a.th {
        width: 100%; }
      .item-list.small-block-grid-10 .item a.th img {
        width: 100%; }
    .item-list.small-block-grid-11 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 9.09091%; }
      .item-list.small-block-grid-11 .item:nth-of-type(11n+1) {
        clear: both; }
      .item-list.small-block-grid-11 .item a.th {
        width: 100%; }
      .item-list.small-block-grid-11 .item a.th img {
        width: 100%; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .item-list {
    display: block; }
    .item-list.medium-block-grid-1 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 100%; }
      .item-list.medium-block-grid-1 .item:nth-of-type(1n+1) {
        clear: both; }
      .item-list.medium-block-grid-1 .item a.th {
        width: 100%; }
      .item-list.medium-block-grid-1 .item a.th img {
        width: 100%; }
    .item-list.medium-block-grid-2 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 50%; }
      .item-list.medium-block-grid-2 .item:nth-of-type(2n+1) {
        clear: both; }
      .item-list.medium-block-grid-2 .item a.th {
        width: 100%; }
      .item-list.medium-block-grid-2 .item a.th img {
        width: 100%; }
    .item-list.medium-block-grid-3 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 33.33333%; }
      .item-list.medium-block-grid-3 .item:nth-of-type(3n+1) {
        clear: both; }
      .item-list.medium-block-grid-3 .item a.th {
        width: 100%; }
      .item-list.medium-block-grid-3 .item a.th img {
        width: 100%; }
    .item-list.medium-block-grid-4 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 25%; }
      .item-list.medium-block-grid-4 .item:nth-of-type(4n+1) {
        clear: both; }
      .item-list.medium-block-grid-4 .item a.th {
        width: 100%; }
      .item-list.medium-block-grid-4 .item a.th img {
        width: 100%; }
    .item-list.medium-block-grid-5 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 20%; }
      .item-list.medium-block-grid-5 .item:nth-of-type(5n+1) {
        clear: both; }
      .item-list.medium-block-grid-5 .item a.th {
        width: 100%; }
      .item-list.medium-block-grid-5 .item a.th img {
        width: 100%; }
    .item-list.medium-block-grid-6 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 16.66667%; }
      .item-list.medium-block-grid-6 .item:nth-of-type(6n+1) {
        clear: both; }
      .item-list.medium-block-grid-6 .item a.th {
        width: 100%; }
      .item-list.medium-block-grid-6 .item a.th img {
        width: 100%; }
    .item-list.medium-block-grid-7 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 14.28571%; }
      .item-list.medium-block-grid-7 .item:nth-of-type(7n+1) {
        clear: both; }
      .item-list.medium-block-grid-7 .item a.th {
        width: 100%; }
      .item-list.medium-block-grid-7 .item a.th img {
        width: 100%; }
    .item-list.medium-block-grid-8 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 12.5%; }
      .item-list.medium-block-grid-8 .item:nth-of-type(8n+1) {
        clear: both; }
      .item-list.medium-block-grid-8 .item a.th {
        width: 100%; }
      .item-list.medium-block-grid-8 .item a.th img {
        width: 100%; }
    .item-list.medium-block-grid-9 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 11.11111%; }
      .item-list.medium-block-grid-9 .item:nth-of-type(9n+1) {
        clear: both; }
      .item-list.medium-block-grid-9 .item a.th {
        width: 100%; }
      .item-list.medium-block-grid-9 .item a.th img {
        width: 100%; }
    .item-list.medium-block-grid-10 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 10%; }
      .item-list.medium-block-grid-10 .item:nth-of-type(10n+1) {
        clear: both; }
      .item-list.medium-block-grid-10 .item a.th {
        width: 100%; }
      .item-list.medium-block-grid-10 .item a.th img {
        width: 100%; }
    .item-list.medium-block-grid-11 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 9.09091%; }
      .item-list.medium-block-grid-11 .item:nth-of-type(11n+1) {
        clear: both; }
      .item-list.medium-block-grid-11 .item a.th {
        width: 100%; }
      .item-list.medium-block-grid-11 .item a.th img {
        width: 100%; } }
@media (min-width: 1081px) {
  .item-list {
    display: block; }
    .item-list.block-grid-1 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 100%; }
      .item-list.block-grid-1 .item:nth-of-type(1n+1) {
        clear: both; }
      .item-list.block-grid-1 .item a.th {
        width: 100%; }
      .item-list.block-grid-1 .item a.th img {
        width: 100%; }
    .item-list.large-block-grid-1 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 100%; }
      .item-list.large-block-grid-1 .item:nth-of-type(1n+1) {
        clear: both; }
      .item-list.large-block-grid-1 .item a.th {
        width: 100%; }
      .item-list.large-block-grid-1 .item a.th img {
        width: 100%; }
    .item-list.block-grid-2 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 50%; }
      .item-list.block-grid-2 .item:nth-of-type(2n+1) {
        clear: both; }
      .item-list.block-grid-2 .item a.th {
        width: 100%; }
      .item-list.block-grid-2 .item a.th img {
        width: 100%; }
    .item-list.large-block-grid-2 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 50%; }
      .item-list.large-block-grid-2 .item:nth-of-type(2n+1) {
        clear: both; }
      .item-list.large-block-grid-2 .item a.th {
        width: 100%; }
      .item-list.large-block-grid-2 .item a.th img {
        width: 100%; }
    .item-list.block-grid-3 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 33.33333%; }
      .item-list.block-grid-3 .item:nth-of-type(3n+1) {
        clear: both; }
      .item-list.block-grid-3 .item a.th {
        width: 100%; }
      .item-list.block-grid-3 .item a.th img {
        width: 100%; }
    .item-list.large-block-grid-3 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 33.33333%; }
      .item-list.large-block-grid-3 .item:nth-of-type(3n+1) {
        clear: both; }
      .item-list.large-block-grid-3 .item a.th {
        width: 100%; }
      .item-list.large-block-grid-3 .item a.th img {
        width: 100%; }
    .item-list.block-grid-4 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 25%; }
      .item-list.block-grid-4 .item:nth-of-type(4n+1) {
        clear: both; }
      .item-list.block-grid-4 .item a.th {
        width: 100%; }
      .item-list.block-grid-4 .item a.th img {
        width: 100%; }
    .item-list.large-block-grid-4 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 25%; }
      .item-list.large-block-grid-4 .item:nth-of-type(4n+1) {
        clear: both; }
      .item-list.large-block-grid-4 .item a.th {
        width: 100%; }
      .item-list.large-block-grid-4 .item a.th img {
        width: 100%; }
    .item-list.block-grid-5 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 20%; }
      .item-list.block-grid-5 .item:nth-of-type(5n+1) {
        clear: both; }
      .item-list.block-grid-5 .item a.th {
        width: 100%; }
      .item-list.block-grid-5 .item a.th img {
        width: 100%; }
    .item-list.large-block-grid-5 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 20%; }
      .item-list.large-block-grid-5 .item:nth-of-type(5n+1) {
        clear: both; }
      .item-list.large-block-grid-5 .item a.th {
        width: 100%; }
      .item-list.large-block-grid-5 .item a.th img {
        width: 100%; }
    .item-list.block-grid-6 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 16.66667%; }
      .item-list.block-grid-6 .item:nth-of-type(6n+1) {
        clear: both; }
      .item-list.block-grid-6 .item a.th {
        width: 100%; }
      .item-list.block-grid-6 .item a.th img {
        width: 100%; }
    .item-list.large-block-grid-6 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 16.66667%; }
      .item-list.large-block-grid-6 .item:nth-of-type(6n+1) {
        clear: both; }
      .item-list.large-block-grid-6 .item a.th {
        width: 100%; }
      .item-list.large-block-grid-6 .item a.th img {
        width: 100%; }
    .item-list.block-grid-7 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 14.28571%; }
      .item-list.block-grid-7 .item:nth-of-type(7n+1) {
        clear: both; }
      .item-list.block-grid-7 .item a.th {
        width: 100%; }
      .item-list.block-grid-7 .item a.th img {
        width: 100%; }
    .item-list.large-block-grid-7 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 14.28571%; }
      .item-list.large-block-grid-7 .item:nth-of-type(7n+1) {
        clear: both; }
      .item-list.large-block-grid-7 .item a.th {
        width: 100%; }
      .item-list.large-block-grid-7 .item a.th img {
        width: 100%; }
    .item-list.block-grid-8 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 12.5%; }
      .item-list.block-grid-8 .item:nth-of-type(8n+1) {
        clear: both; }
      .item-list.block-grid-8 .item a.th {
        width: 100%; }
      .item-list.block-grid-8 .item a.th img {
        width: 100%; }
    .item-list.large-block-grid-8 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 12.5%; }
      .item-list.large-block-grid-8 .item:nth-of-type(8n+1) {
        clear: both; }
      .item-list.large-block-grid-8 .item a.th {
        width: 100%; }
      .item-list.large-block-grid-8 .item a.th img {
        width: 100%; }
    .item-list.block-grid-9 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 11.11111%; }
      .item-list.block-grid-9 .item:nth-of-type(9n+1) {
        clear: both; }
      .item-list.block-grid-9 .item a.th {
        width: 100%; }
      .item-list.block-grid-9 .item a.th img {
        width: 100%; }
    .item-list.large-block-grid-9 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 11.11111%; }
      .item-list.large-block-grid-9 .item:nth-of-type(9n+1) {
        clear: both; }
      .item-list.large-block-grid-9 .item a.th {
        width: 100%; }
      .item-list.large-block-grid-9 .item a.th img {
        width: 100%; }
    .item-list.block-grid-10 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 10%; }
      .item-list.block-grid-10 .item:nth-of-type(10n+1) {
        clear: both; }
      .item-list.block-grid-10 .item a.th {
        width: 100%; }
      .item-list.block-grid-10 .item a.th img {
        width: 100%; }
    .item-list.large-block-grid-10 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 10%; }
      .item-list.large-block-grid-10 .item:nth-of-type(10n+1) {
        clear: both; }
      .item-list.large-block-grid-10 .item a.th {
        width: 100%; }
      .item-list.large-block-grid-10 .item a.th img {
        width: 100%; }
    .item-list.block-grid-11 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 9.09091%; }
      .item-list.block-grid-11 .item:nth-of-type(11n+1) {
        clear: both; }
      .item-list.block-grid-11 .item a.th {
        width: 100%; }
      .item-list.block-grid-11 .item a.th img {
        width: 100%; }
    .item-list.large-block-grid-11 .item {
      float: left;
      clear: none;
      box-sizing: border-box;
      width: 9.09091%; }
      .item-list.large-block-grid-11 .item:nth-of-type(11n+1) {
        clear: both; }
      .item-list.large-block-grid-11 .item a.th {
        width: 100%; }
      .item-list.large-block-grid-11 .item a.th img {
        width: 100%; } }
.row:before, .row:after {
  content: " ";
  display: table; }
.row:after {
  clear: both; }
.row.collapse div {
  padding-left: 0 !important;
  padding-right: 0 !important; }
@media (min-width: 0px) and (max-width: 768px) {
  .row .columns.small-1 {
    box-sizing: border-box;
    width: 8.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .row .columns.medium-1 {
    box-sizing: border-box;
    width: 8.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .row .columns.large-1 {
    box-sizing: border-box;
    width: 8.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .row .columns.small-2 {
    box-sizing: border-box;
    width: 16.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .row .columns.medium-2 {
    box-sizing: border-box;
    width: 16.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .row .columns.large-2 {
    box-sizing: border-box;
    width: 16.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .row .columns.small-3 {
    box-sizing: border-box;
    width: 25%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .row .columns.medium-3 {
    box-sizing: border-box;
    width: 25%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .row .columns.large-3 {
    box-sizing: border-box;
    width: 25%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .row .columns.small-4 {
    box-sizing: border-box;
    width: 33.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .row .columns.medium-4 {
    box-sizing: border-box;
    width: 33.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .row .columns.large-4 {
    box-sizing: border-box;
    width: 33.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .row .columns.small-5 {
    box-sizing: border-box;
    width: 41.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .row .columns.medium-5 {
    box-sizing: border-box;
    width: 41.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .row .columns.large-5 {
    box-sizing: border-box;
    width: 41.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .row .columns.small-6 {
    box-sizing: border-box;
    width: 50%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .row .columns.medium-6 {
    box-sizing: border-box;
    width: 50%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .row .columns.large-6 {
    box-sizing: border-box;
    width: 50%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .row .columns.small-7 {
    box-sizing: border-box;
    width: 58.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .row .columns.medium-7 {
    box-sizing: border-box;
    width: 58.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .row .columns.large-7 {
    box-sizing: border-box;
    width: 58.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .row .columns.small-8 {
    box-sizing: border-box;
    width: 66.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .row .columns.medium-8 {
    box-sizing: border-box;
    width: 66.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .row .columns.large-8 {
    box-sizing: border-box;
    width: 66.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .row .columns.small-9 {
    box-sizing: border-box;
    width: 75%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .row .columns.medium-9 {
    box-sizing: border-box;
    width: 75%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .row .columns.large-9 {
    box-sizing: border-box;
    width: 75%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .row .columns.small-10 {
    box-sizing: border-box;
    width: 83.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .row .columns.medium-10 {
    box-sizing: border-box;
    width: 83.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .row .columns.large-10 {
    box-sizing: border-box;
    width: 83.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .row .columns.small-11 {
    box-sizing: border-box;
    width: 91.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .row .columns.medium-11 {
    box-sizing: border-box;
    width: 91.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .row .columns.large-11 {
    box-sizing: border-box;
    width: 91.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .row .columns.small-12 {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .row .columns.medium-12 {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .row .columns.large-12 {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
.row .columns.end:before, .row .columns.end:after {
  content: " ";
  display: table; }
.row .columns.end:after {
  clear: both; }

/* Common styles for V2 forms (version 2 of forms in V1, not forms from V2 of SWM) */
.f-form-v2 fieldset {
  padding: 10px; }
.f-form-v2.no-legends fieldset {
  padding: 0; }
.f-form-v2 .f-section .f-fieldcontainer {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  float: left; }
.f-form-v2 .f-fieldcontainer {
  padding: 0 5px;
  margin-bottom: 5px; }
  .f-form-v2 .f-fieldcontainer:last-child {
    margin-bottom: 10px; }
  .f-form-v2 .f-fieldcontainer .f-field, .f-form-v2 .f-fieldcontainer .teaser.subscribe .inputbox, .teaser.subscribe .f-form-v2 .f-fieldcontainer .inputbox, .f-form-v2 .f-fieldcontainer #captcha-code {
    margin-bottom: 0px; }
.f-form-v2 .f-action {
  padding: 0 10px; }
.f-form-v2 .f-fields:before, .f-form-v2 .f-fields:after {
  content: " ";
  display: table; }
.f-form-v2 .f-fields:after {
  clear: both; }
.f-form-v2 .f-fields.collapse div {
  padding-left: 0 !important;
  padding-right: 0 !important; }
@media (min-width: 0px) and (max-width: 768px) {
  .f-form-v2 .f-fields .f-fieldcontainer.small-1 {
    box-sizing: border-box;
    width: 8.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .f-form-v2 .f-fields .f-fieldcontainer.medium-1 {
    box-sizing: border-box;
    width: 8.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .f-form-v2 .f-fields .f-fieldcontainer.large-1 {
    box-sizing: border-box;
    width: 8.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .f-form-v2 .f-fields .f-fieldcontainer.small-2 {
    box-sizing: border-box;
    width: 16.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .f-form-v2 .f-fields .f-fieldcontainer.medium-2 {
    box-sizing: border-box;
    width: 16.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .f-form-v2 .f-fields .f-fieldcontainer.large-2 {
    box-sizing: border-box;
    width: 16.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .f-form-v2 .f-fields .f-fieldcontainer.small-3 {
    box-sizing: border-box;
    width: 25%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .f-form-v2 .f-fields .f-fieldcontainer.medium-3 {
    box-sizing: border-box;
    width: 25%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .f-form-v2 .f-fields .f-fieldcontainer.large-3 {
    box-sizing: border-box;
    width: 25%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .f-form-v2 .f-fields .f-fieldcontainer.small-4 {
    box-sizing: border-box;
    width: 33.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .f-form-v2 .f-fields .f-fieldcontainer.medium-4 {
    box-sizing: border-box;
    width: 33.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .f-form-v2 .f-fields .f-fieldcontainer.large-4 {
    box-sizing: border-box;
    width: 33.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .f-form-v2 .f-fields .f-fieldcontainer.small-5 {
    box-sizing: border-box;
    width: 41.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .f-form-v2 .f-fields .f-fieldcontainer.medium-5 {
    box-sizing: border-box;
    width: 41.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .f-form-v2 .f-fields .f-fieldcontainer.large-5 {
    box-sizing: border-box;
    width: 41.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .f-form-v2 .f-fields .f-fieldcontainer.small-6 {
    box-sizing: border-box;
    width: 50%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .f-form-v2 .f-fields .f-fieldcontainer.medium-6 {
    box-sizing: border-box;
    width: 50%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .f-form-v2 .f-fields .f-fieldcontainer.large-6 {
    box-sizing: border-box;
    width: 50%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .f-form-v2 .f-fields .f-fieldcontainer.small-7 {
    box-sizing: border-box;
    width: 58.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .f-form-v2 .f-fields .f-fieldcontainer.medium-7 {
    box-sizing: border-box;
    width: 58.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .f-form-v2 .f-fields .f-fieldcontainer.large-7 {
    box-sizing: border-box;
    width: 58.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .f-form-v2 .f-fields .f-fieldcontainer.small-8 {
    box-sizing: border-box;
    width: 66.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .f-form-v2 .f-fields .f-fieldcontainer.medium-8 {
    box-sizing: border-box;
    width: 66.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .f-form-v2 .f-fields .f-fieldcontainer.large-8 {
    box-sizing: border-box;
    width: 66.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .f-form-v2 .f-fields .f-fieldcontainer.small-9 {
    box-sizing: border-box;
    width: 75%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .f-form-v2 .f-fields .f-fieldcontainer.medium-9 {
    box-sizing: border-box;
    width: 75%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .f-form-v2 .f-fields .f-fieldcontainer.large-9 {
    box-sizing: border-box;
    width: 75%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .f-form-v2 .f-fields .f-fieldcontainer.small-10 {
    box-sizing: border-box;
    width: 83.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .f-form-v2 .f-fields .f-fieldcontainer.medium-10 {
    box-sizing: border-box;
    width: 83.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .f-form-v2 .f-fields .f-fieldcontainer.large-10 {
    box-sizing: border-box;
    width: 83.33333%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .f-form-v2 .f-fields .f-fieldcontainer.small-11 {
    box-sizing: border-box;
    width: 91.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .f-form-v2 .f-fields .f-fieldcontainer.medium-11 {
    box-sizing: border-box;
    width: 91.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .f-form-v2 .f-fields .f-fieldcontainer.large-11 {
    box-sizing: border-box;
    width: 91.66667%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 0px) and (max-width: 768px) {
  .f-form-v2 .f-fields .f-fieldcontainer.small-12 {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .f-form-v2 .f-fields .f-fieldcontainer.medium-12 {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
@media (min-width: 1081px) {
  .f-form-v2 .f-fields .f-fieldcontainer.large-12 {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    float: left; } }
.f-form-v2 .f-fields .f-fieldcontainer.end:before, .f-form-v2 .f-fields .f-fieldcontainer.end:after {
  content: " ";
  display: table; }
.f-form-v2 .f-fields .f-fieldcontainer.end:after {
  clear: both; }

.f-field, .teaser.subscribe .inputbox, #captcha-code {
  padding: 5px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #ccc;
  color: #222;
  border: #aaa;
  box-shadow: inset 1px 1px 0.1em rgba(0, 0, 0, 0.25);
  width: 100%; }
  .f-field.f-checkbox, .teaser.subscribe .f-checkbox.inputbox, .f-checkbox#captcha-code {
    width: auto;
    float: left;
    margin: 6px; }
    .f-field.f-checkbox.f-list, .teaser.subscribe .f-checkbox.f-list.inputbox, .f-checkbox.f-list#captcha-code {
      background-color: transparent;
      color: #222;
      border: none;
      float: none; }

.select {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: none;
  overflow: hidden;
  background-image: url("images/field/select/arrow-down-00000080.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #ccc;
  display: inline-block;
  position: relative;
  padding-left: 5px;
  margin-right: 2px;
  border: #aaa; }
  .select select {
    margin-bottom: 0;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    padding: 5px 0;
    padding-right: 10px;
    width: 130%;
    box-shadow: none;
    background: transparent;
    background-image: none;
    border: none;
    -webkit-appearance: none; }

.select select:focus {
  outline: none; }

.f-option input {
  width: auto; }

fieldset.f-section {
  border: 1px #aaa solid;
  margin-bottom: 10px; }

.f-no-legends fieldset.f-section {
  margin: 0;
  padding: 0;
  border: none; }

.f-message.failed {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 1.2em;
  background-color: #f02;
  color: white;
  margin-top: 2px;
  font-size: 0.9em;
  padding: 4px; }

.f-textarea {
  height: 150px; }

label:after {
  content: ":"; }

.f-option label:after, .f-checkbox.f-list label:after {
  content: ''; }

.contact-form#formtable .f-form-v2 label {
  font-weight: normal; }

#formtable .f-form-v2 .f-select, #formtable .f-form-v2 .f-text, #formtable .f-form-v2 .f-textarea {
  width: 100%; }

.f-form-subscribe {
  width: 50%; }
  @media (min-width: 0px) and (max-width: 768px) {
    .f-form-subscribe {
      width: 100%; } }

span.show-for-small-only, a.show-for-small-only, small.show-for-small-only, strong.show-for-small-only {
  display: none; }
  @media (min-width: 0px) and (max-width: 768px) {
    span.show-for-small-only, a.show-for-small-only, small.show-for-small-only, strong.show-for-small-only {
      display: inline; } }

*.show-for-small-only {
  display: none; }
  @media (min-width: 0px) and (max-width: 768px) {
    *.show-for-small-only {
      display: block; } }

span.show-for-medium-only, a.show-for-medium-only, small.show-for-medium-only, strong.show-for-medium-only {
  display: none; }
  @media (min-width: 769px) and (max-width: 1080px) {
    span.show-for-medium-only, a.show-for-medium-only, small.show-for-medium-only, strong.show-for-medium-only {
      display: inline; } }

*.show-for-medium-only {
  display: none; }
  @media (min-width: 769px) and (max-width: 1080px) {
    *.show-for-medium-only {
      display: block; } }

span.show-for-large-only, a.show-for-large-only, small.show-for-large-only, strong.show-for-large-only {
  display: none; }
  @media (min-width: 1081px) {
    span.show-for-large-only, a.show-for-large-only, small.show-for-large-only, strong.show-for-large-only {
      display: inline; } }

*.show-for-large-only {
  display: none; }
  @media (min-width: 1081px) {
    *.show-for-large-only {
      display: block; } }

@media (min-width: 0px) and (max-width: 768px) {
  .hide-for-small-only {
    display: none; } }
@media (min-width: 769px) and (max-width: 1080px) {
  .hide-for-medium-only {
    display: none; } }
@media (min-width: 1081px) {
  .hide-for-large-only {
    display: none; } }
.store-search .item {
  padding: 20px; }
  .store-search .item img {
    width: 100%; }

.gallery.album.item-list .item, #gallery-list.item-list .item {
  padding: 10px; }
  .gallery.album.item-list .item h2, #gallery-list.item-list .item h2 {
    margin-top: 0; }

/*--- ### Turboweb CSS Core Theme TAB ver 1.4 ### ---
	
-- Search and replace core colours here:

-- Black/grey text on white/light background --
		Backgrounds 		
		body				#f5f5f6
		#hdr				#e2e2e3
		#nav				#aaaaab
		#subnav				#cccccb
		#cont				#fffffe
		#ftr-nav			#cccccd
		#ftr				#eeeeed
			
		Body text & p 		#333332		[default dark-grey for all unspecified text elements]
		h1					#111110		[default darkgrey]
		h2					#222221		[default darkgrey]
		h3					#282827		[default darkgrey]
		h4					#444443		[default darkgrey]

-- Links --				[all content]
		Link				#163e7a		['off' link blue]
		Visited				#163e7a		['off' link blue]
		Hover				#3766ac		['on' link blue]
		Active				#3766ac		['on' link blue]
		Focus				#163e7a		['off' link blue]

-- Nav links --			[navigation only]
		Link				#21447a		['off' nav blue]
		Visited				#21447a		['off' nav blue]
		Hover				#fefefd		['on' nav white]
		Active				#fefefd		['on' nav white]
		Focus				#21447a		['off' nav blue]
	
-- Subnav --	
		background			#cccccb

-- Borders --
		objects 			#999998
		images				#			[unset - but worth treating differently from form objects etc..		
		
-- CSS3 elements - please add this to the rule if they're not IE7-8 compliant --
		
		position: relative;
		behavior: url(/theme/PIE.htc);
		
		- needs [a] position declaration
		
		-Also-
		
		...

*/
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url(//themes.googleusercontent.com/static/fonts/lato/v6/KT3KS9Aol4WfR6Vas8kNcg.woff) format("woff"); }
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url(//themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format("woff"); }
/*--- RESET ----------------------------------------------------------------------------------------------------------------*/
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; }

/*--- CORE LINKS ----------------------------------------------------------------------------------------------------------*/
a:link, a:active, a:visited, a:hover {
  font-size: 1em;
  color: #53677d;
  font-style: normal;
  text-decoration: none; }
a:active, a:hover {
  text-decoration: none;
  color: #999; }
a:focus {
  outline: thin dotted; }
a:active, a:hover {
  outline: 0; }

/* TAB - add focus - check suitability - what do boilerplate do?! What about touch devices? */
/*--- CORE STRUCTURE ------------------------------------------------------------------------------------------------------*/
html {
  height: 100%; }

body {
  height: 100%;
  font-size: 16px;
  font-family: 'Lato', Arial, Helvetica, sans-serif;
  color: #3a2b2b;
  line-height: 1.4em;
  background: #DBD0B8 url(images/bgno-body.jpg) no-repeat top center; }

/* containers for convoluted background combinations */
#website-container, #website-container2, #website-container3 {
  position: relative; }

/*
#website-container {}
#website-container2 {}
#website-container3 {}
*/
/*--- 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 {
  width: 960px;
  padding: 0 0 0 0; }

/*--- Column widths for all eventualities ---*/
.column.left {
  width: 220px;
  padding-left: 20px;
  padding-top: 30px; }
.column.right {
  width: 220px;
  padding-right: 20px;
  padding-top: 30px; }

/* Width of .page-content when LEFT and RIGHT columns are present. Width = page content minus width of both columns. For Store when set */
.page-content {
  width: 880px;
  padding: 40px 40px;
  background: #fff;
  min-height: 43.2em;
  margin-bottom: 20px; }
  .page-content.has-column-right {
    width: 666px;
    padding: 40px 12px 40px 42px; }
    .page-content.has-column-right.has-column-left {
      width: 400px;
      padding: 40px 20px;
      margin: 0px 20px 20px 20px; }
  .page-content.has-column-left {
    width: 666px;
    padding: 40px 42px 40px 12px; }

/* Width of .page-content when just RIGHT column is present. Width = page content minus width of right column.*/
/* 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 */
/*-- column-finder colours - uncomment to display ugly colours in main items to see their edges at a glance --
.column {background:pink;}.page-content {background:lightpink;}*/
/*--- CORE TYPOGRAPHY -----------------------------------------------------------------------------------------------------*/
h2, h3, h4, h5 {
  font-family: 'Lato', Arial, Helvetica, sans-serif;
  font-weight: 500;
  /* Set to normal for bolder fonts if requred */
  line-height: 1.4em; }

h1 {
  font-family: 'Lato', Arial, Helvetica, sans-serif;
  font-size: 34px;
  color: #8F7A60;
  margin: 0px 5px 10px 0;
  font-weight: 600;
  line-height: 1.4em; }

h2 {
  font-size: 24px;
  color: #53677d;
  margin: 5px 5px 15px 0;
  line-height: 1.2em; }

.page3 h3 {
  font-size: 24px;
  color: #53677d;
  margin: 5px 5px 15px 0;
  line-height: 1.2em; }
.page3 #content-list {
  padding-top: 10px; }

h3 {
  font-size: 20px;
  color: #000;
  margin: 5px 0px 5px 0;
  line-height: 1.2em; }

h4 {
  font-size: 20px;
  color: #000;
  margin: 5px 5px 5px 0; }

p {
  font-size: 16px;
  color: #000;
  margin-bottom: 15px; }

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

blockquote {
  font-family: Georgia,Times,"Times New Roman",serif;
  font-size: 1.3em;
  font-weight: 500;
  font-style: italic;
  text-align: center;
  line-height: 110%;
  color: #222221;
  /* same as global h2 colour */
  margin: 0px;
  padding: 20px 30px; }
  blockquote:before, blockquote:after {
    font-size: 1.5em;
    font-weight: 900; }
  blockquote:before {
    content: "\201C"; }
  blockquote:after {
    content: "\201D"; }

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

/*--- HEADER --------------------------------------------------------------------------------------------------------------*/
#hdr {
  height: 195px;
  position: relative;
  /*background: #e2e2e3;*/ }

.logoimg {
  float: left;
  margin-left: -48px;
  background: transparent; }

.site-title {
  text-align: right;
  font-size: 50px;
  font-weight: bold;
  padding: 40px 40px 10px 20px;
  color: #111112; }

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

/*--- MAIN NAVIGATION -----------------------------------------------------------------------------------------------------*/
#nav-container {
  float: left; }

#nav {
  /* when positioned absolutely, will trigger IE6-7 bug where #nav disappears because it is adjacent to a floated element */
  /*background: #aaaaab;*/
  list-style: none outside none;
  float: left;
  /* turn off for nested nav */
  position: relative;
  list-style: none outside none; }
  #nav ul {
    list-style: none outside none; }
  #nav li {
    border-right: 0px solid #999998;
    float: left; }
    #nav li span.no-href, #nav li a {
      color: #F7F5E1;
      font-size: 17px;
      font-weight: 600;
      display: block;
      margin: 0 3px 0 0;
      padding: 8px 14px;
      text-shadow: 1px 1px 1px #888;
      text-transform: uppercase; }
    #nav li.off a:hover {
      color: #F7F5E1;
      margin: 0 3px 0 0;
      padding: 8px 14px;
      background: #53677D;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
    #nav li.on span.no-href, #nav li.on a {
      color: #F7F5E1;
      margin: 0 3px 0 0;
      padding: 8px 14px;
      background: #53677D;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
  #nav.nav-nested li ul {
    list-style: none outside none;
    position: absolute;
    left: -9999px;
    z-index: 1000;
    /* lifts drop down above contact for input elements... and anything else hopefully */ }

/*	#nav li:last-child {border-right:none;}		uncomment this if li border-right (as a seperator) is switched on above - cancels last iteration [only in compliant browsers]	*/
/* span.no-href is used for when there's a link in the nav but with no href */
/*--- NESTED NAVIGATION ---------------------------------------------------------------------------------------------------*/
.device-touch #nav.nav-nested li ul {
  display: none;
  left: auto; }

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

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

/* See touch device note above */
#nav.nav-nested li ul {
  background: white;
  -webkit-box-shadow: 1px 1px 1em rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 1em rgba(0, 0, 0, 0.25);
  /* Clearfix - stops the li>a elements overflowing their ul container */
  overflow: hidden;
  zoom: 1;
  /* background: #e2e2e2;*/ }
  #nav.nav-nested li ul li {
    /* Second level LI's should not float - this makes them drop down vertically */
    float: none;
    border: 0 none; }
    #nav.nav-nested li ul li a {
      width: 100%;
      min-width: 150px;
      background: #8f7a60; }
    #nav.nav-nested li ul li.off a {
      color: #F7F5E1; }
    #nav.nav-nested li ul li.off:hover a {
      color: #F7F5E1;
      border-radius: 0px !important;
      -moz-border-radius: 0px !important;
      -webkit-border-radius: 0px !important;
      -ms-border-radius: 0px !important; }

/*--- CONTENT CONTAINER ---------------------------------------------------------------------------------------------------*/
#cont {
  width: 100%;
  margin-top: 20px;
  clear: left;
  float: left;
  text-align: left;
  background: #fff; }
  #cont .page-content a {
    font-weight: bold; }

/*--- LEFT AND RIGHT COLUMN STRUCTURE ------------------------------------------------------------------------------------ */
.column.left {
  float: left; }
.column.right {
  float: right; }
.column .box {
  margin-bottom: 0px;
  padding: 10px 10px; }
  .column .box h3 {
    color: #8f7a60;
    /* same as core link colour */
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2em; }
  .column .box.cart .mini-cart-total, .column .box.cart .mini-cart-link {
    padding: 10px 0 5px 0;
    text-align: right; }
.column a.teaser-link {
  color: #8f7a60; }
  .column a.teaser-link:hover {
    color: #53677D; }
.column ul li a {
  color: #53677D;
  font-size: 14px; }
  .column ul li a:hover {
    color: #8f7a60; }

/*--- COLUMN TEASERS ------------------------------------------------------------------------------------------------------*/
/* Selects all boxed elements in left and right columns */
/*
.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); }
*/
/*--- MINI CART or CART TEASER for totals  ---*/
/*-- COLUMN LINKS --*/
/*-- NEWS, EVENTS and SUBSCRIBE and other column LISTS etc...  --*/
#cont .column ul {
  /*	list-style-type:none;	*/
  padding-left: 0;
  margin: 8px 0px 0 0px;
  font-size: 1em;
  font-weight: 500; }

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

.articlelist-timestamp {
  color: #000;
  font-size: 12px; }

.subscribe-table {
  padding-top: 0;
  margin: 0 0 0 0px;
  vertical-align: top;
  color: #3A2B2B;
  font-weight: 500;
  line-height: 1.2em; }

.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: 5px 0px;
  line-height: 1.4em;
  color: #000;
  font-size: 12px; }
.column .social {
  display: none; }
  .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 {
  min-width: 175px;
  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 at top of .page-content */
.outer-page1 .slider-wrapper {
  position: absolute;
  top: 271px;
  float: none; }
.outer-page1.outer-index #cont {
  margin-top: 443px; }

.slider-wrapper {
  float: left;
  width: 960px;
  padding: 0 0 20px 0;
  margin-left: -42px;
  background: url(images/bgno-slider.png) no-repeat center bottom; }

#slider {
  width: 930px;
  border: 15px solid #fff; }

#cont #slider .nivo-directionNav a.nivo-nextNav {
  width: 31px;
  height: 63px;
  background: url(images/bgno_slidernav_next.png) center center no-repeat; }
#cont #slider .nivo-directionNav a.nivo-prevNav {
  width: 31px;
  height: 63px;
  background: url(images/bgno_slidernav_prev.png) center center no-repeat; }
#cont #slider h2.nivo-caption {
  font-size: 24px;
  color: #fff;
  background: #53677D; }

/*--- 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 p {
    color: #333332; }
  #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 --------------------------------------------------------------------------------------------------*/
/* deprecated - look for .page-content for guide. To target this element specifically */
/* Store breadcrumb nav */
.category-navigation small {
  font-size: 1em; }

#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; }

#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;
  padding: 6px 2px; }

textarea {
  font-size: .9em;
  font-family: Arial,Helvetica,sans-serif;
  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); }

input {
  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); }

.popup textarea {
  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); }
  .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: 94px;
  height: 34px;
  padding: 0px 15px;
  margin-bottom: 7px;
  border: 1px solid rgba(0, 40, 70, 0.5);
  color: #fff;
  font-weight: 600;
  -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: #53677D;
  cursor: pointer;
  behavior: url(/theme/PIE.htc); }
  .button:hover, .button:focus {
    background: #69839E;
    /*url(images/bgx-unibut-on.gif) repeat center center*/ }

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

.subscribe-table td {
  font-size: 14px;
  color: #53677D; }

/*-- INPUTS - text/text-areas --*/
#formtable input {
  border: 1px solid #b6b6b6;
  -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: 5px;
  behavior: url(/theme/PIE.htc); }

input.f-text, input.f-textarea, input.searchbox {
  border: 1px solid #b6b6b6;
  -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: 5px;
  behavior: url(/theme/PIE.htc); }

textarea, .teaser input {
  border: 1px solid #b6b6b6;
  -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: 5px;
  behavior: url(/theme/PIE.htc); }

/* IE compatibility for the rule below is non-existant in all IE browsers eccept IE9+ and even then... */
#formtable {
  position: relative;
  float: left;
  clear: left;
  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; }

/*
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.15),
					0px 0px 20px rgba(0,0,0,0.15) inset;
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.15),
					0px 0px 20px rgba(0,0,0,0.15) inset;
	box-shadow: 	0px 0px 4px rgba(0,0,0,0.15),
					0px 0px 20px rgba(0,0,0,0.15) inset;
	background-color: #f2f2f2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#cccccc));
	background-image: -webkit-linear-gradient(top, #f2f2f2, #cccccc);
	background-image: -moz-linear-gradient(top, #f2f2f2, #cccccc);
	background-image: -ms-linear-gradient(top, #f2f2f2, #cccccc);
	background-image: -o-linear-gradient(top, #f2f2f2, #cccccc);
	background-image: linear-gradient(top, #f2f2f2, #cccccc);
	behavior: url(/theme/PIE.htc);		
}


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

#formtable input#formbutton, input[type="checkbox"] {
  border: none !important; }

/*--- FOOTERS -------------------------------------------------------------------------------------------------------------*/
#ftr-nav {
  clear: both;
  width: 960px;
  text-align: left;
  font-size: 14px;
  color: #53677D;
  padding: 23px 0 6px 0px;
  margin-left: -15px;
  background: transparent url(images/bgno-footer.png) top center no-repeat; }
  #ftr-nav a {
    color: #53677D;
    padding: 0px 15px; }
    #ftr-nav a:hover {
      color: #8f7a60; }

#ftr {
  width: 100%;
  height: 110px;
  font-weight: 500;
  background: transparent url(images/bgno-footer-logo.png) center right no-repeat;
  clear: both;
  position: relative;
  overflow: visible; }

#footer-address {
  font-size: 22px;
  color: #3A2B2B;
  text-align: left;
  line-height: 1.2em;
  padding: 12px 0 8px 0; }

#footer-address-copyright {
  position: absolute;
  left: 0px;
  bottom: -24px;
  color: #53677d;
  font-size: 12px; }

/*		#footer-address-address 		{  }
		#footer-address-phonenumbers 	{  }		*/
.turboweb-sig-container {
  position: relative; }

.turboweb-sig {
  width: 960px;
  padding: 0 0 10px 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  color: #53677d;
  text-align: right; }
  .turboweb-sig a {
    color: #8F7A60;
    text-decoration: none; }
    .turboweb-sig a:link, .turboweb-sig a:active, .turboweb-sig a:visited {
      color: #8F7A60;
      text-decoration: none; }
    .turboweb-sig a:hover {
      color: #53677d; }

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

/* 	wayfinding - where's dis box? - remove before publishing 
.box-container .box {background:rgba(0,0,0,0.3);} 
*/
/*--- 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; }

.item.social-link {
  width: 122px;
  float: right;
  margin: 78px 0 0 0; }
  .item.social-link .item a {
    font-size: 0;
    width: 56px;
    height: 54px;
    float: left;
    margin-left: 5px; }
.item a.facebook {
  background: url(images/facebook.png) 0px 0px no-repeat; }
.item a.email {
  background: url(images/email.png) 0px 0px no-repeat; }

.subscribe-table input.inputbox, input.searchbox {
  background: #DBD0B8;
  width: 185px;
  padding: 7px;
  border: none; }

.subscribe-table input.button {
  width: 94px;
  height: 34px;
  background: url(images/subscribe-btn.png) 0px 0px no-repeat;
  font-size: 0;
  border-radius: none;
  cursor: pointer;
  text-transform: uppercase !important; }
.subscribe-table td a.href-privacy {
  font-size: 11px;
  font-style: italic;
  color: #999;
  font-weight: 500;
  display: block;
  margin-top: -5px; }
  .subscribe-table td a.href-privacy:after {
    content: " \00BB"; }

/******************************** Lead boxes ****************************************/
.item.rental.homepage {
  position: relative;
  width: 200px;
  height: 250px;
  float: left;
  margin-right: 20px;
  margin-bottom: 30px;
  border-radius: 5px;
  overflow: hidden;
  clear: none;
  background: #DBD0B8;
  text-align: center; }
  .item.rental.homepage span.button {
    text-align: center;
    display: block;
    width: 140px;
    height: 28px;
    padding: 6px 0 0 0;
    margin: 0 auto;
    background: #52667C;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-shadow: 1px 1px 1px #444;
    cursor: pointer;
    position: absolute;
    bottom: 15px;
    left: 34px;
    border: none; }
    .item.rental.homepage span.button:after {
      content: " \00BB"; }
  .item.rental.homepage h3 {
    line-height: 1.4em;
    font-weight: bold;
    color: #8F7A60;
    font-size: 100%;
    margin: 0;
    text-align: center;
    position: relative; }
  .item.rental.homepage p {
    color: #3A2B2B;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.1em;
    padding: 0 5px; }
  .item.rental.homepage .image {
    position: relative; }
    .item.rental.homepage .image:after {
      content: ' ';
      position: absolute;
      top: 83px;
      left: 0;
      height: 50px;
      display: inline-block;
      width: 100%;
      background: -moz-linear-gradient(top, rgba(219, 208, 184, 0) 0%, #dbd0b8 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(219, 208, 184, 0)), color-stop(100%, #dbd0b8));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(219, 208, 184, 0) 0%, #dbd0b8 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(219, 208, 184, 0) 0%, #dbd0b8 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(219, 208, 184, 0) 0%, #dbd0b8 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, rgba(219, 208, 184, 0) 0%, #dbd0b8 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dbd0b8', endColorstr='#dbd0b8',GradientType=0 );
      /* IE6-9 */ }

/* Rental Details */
.rental.detail .summary {
  border-bottom: 1px #ccc solid;
  padding-bottom: 10px;
  margin-bottom: 15px; }
  .rental.detail .summary > div {
    padding-top: 5px;
    min-height: 32px;
    line-height: 1.1em;
    background-position-x: left;
    background-position-y: 2px;
    background-repeat: no-repeat;
    background-size: 32px;
    padding-left: 40px; }
  .rental.detail .summary .beds {
    background-image: url("images/icon-bed.png");
    background-position-y: 5px; }
  .rental.detail .summary .bathrooms {
    background-image: url("images/icon-bath.png"); }
  .rental.detail .summary .pricing {
    background-image: url("images/icon-price.png"); }
  .rental.detail .summary .parking {
    background-image: url("images/icon-parking.png"); }
.rental.detail .f-googlemap {
  width: 100%;
  height: 300px;
  margin: 10px 0; }
.rental.detail .column-1 {
  width: 350px;
  float: left; }
.rental.detail .column-2 {
  width: 310px;
  float: right; }

.button.book {
  text-align: center;
  display: block;
  width: 140px;
  height: 24px;
  padding: 9px 0 0 0;
  background: #52667C;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  text-shadow: 1px 1px 1px #444;
  cursor: pointer;
  border: none; }

body.popup {
  background: none;
  margin: 0 10px;
  box-sizing: border-box;
  overflow: hidden; }
  body.popup #BookItCalendar {
    height: 250px;
    position: relative; }
body #BookItCalendar {
  height: 200px; }

@media only screen and (min-width: 1081px) {
  #viewport-detector-small {
    display: none; }

  #viewport-detector-medium {
    display: none; }

  #viewport-detector-large {
    display: block; }

  #nav li:last-child {
    border-right: none; }

  img.product-border-float-right, img.category-border-float-right {
    margin-left: 10px; }

  .product-bottom-right > span {
    float: right;
    clear: both; }

  .product-bottom-right .product-option-add-to-cart {
    margin-top: 10px;
    margin-right: initial;
    text-align: center; } }
@media only screen and (min-width: 0px) and (max-width: 768px) {
  #viewport-detector-small {
    display: block; }

  #viewport-detector-medium {
    display: none; }

  #viewport-detector-large {
    display: none; }

  body {
    margin: 20px 10px;
    min-width: 275px; }

  body, #website-container {
    background: initial; }

  .page-content, .more-content, .top-content, #hdr, .page-content.has-column-left, .page-content.has-column-right,
  .page-content.has-column-left.has-column-right, #nav-container, #outer, #ftr, .turboweb-sig, #no-teaser {
    width: initial;
    padding: initial; }

  #cont, #cont.page9 .page-content, #leftcol, #left-cont {
    width: 100%; }

  .page-content .thickbox img {
    width: 33%;
    margin: 0 0 10px 10px; }

  .column.left, .column.right {
    float: initial;
    width: initial;
    padding: initial; }

  .contact {
    margin-bottom: 40px;
    width: initial;
    float: initial;
    display: table;
    position: initial; }
    .contact li {
      float: left;
      clear: left; }

  #hdr {
    display: table;
    width: 100%;
    margin-bottom: 40px;
    box-sizing: border-box;
    height: initial; }

  .logoimg {
    width: 75%;
    padding: initial;
    margin: initial; }

  .burger {
    display: initial;
    float: right;
    font-size: 1.85em;
    cursor: pointer;
    background-color: #bbb;
    color: #222;
    padding: 10px;
    border-radius: 10%; }

  #nav-container {
    margin-bottom: 40px;
    width: 100%;
    background-color: #ddd;
    margin-bottom: 40px;
    display: none; }
    #nav-container #nav {
      display: table-cell;
      width: 100%; }
      #nav-container #nav ul {
        width: 100%;
        position: initial; }
      #nav-container #nav ul {
        display: none; }
      #nav-container #nav.nav-nested li:hover ul, #nav-container #nav #nav li.sfhover ul {
        display: initial; }
      #nav-container #nav li {
        float: initial;
        text-align: center;
        border: initial; }
        #nav-container #nav li a {
          width: 100%;
          box-sizing: border-box;
          padding: 10px; }
        #nav-container #nav li.off a {
          color: #222; }
        #nav-container #nav li.off a:hover {
          background-color: #ddd;
          color: #000; }
        #nav-container #nav li.on span.no-href, #nav-container #nav li.on a {
          background-color: #ddd;
          color: #000; }

  .slogan, .top-content .slogan {
    position: initial; }

  .slogan2, .top-content .slogan2 {
    width: initial;
    margin-bottom: 40px; }

  #ftr {
    display: table; }
    #ftr .item.social-link {
      float: initial;
      width: initial;
      margin: initial; }

  #ftr-nav {
    width: initial; }

  .more-content-wrapper {
    background: none; }

  .more-content .column {
    margin-bottom: 40px;
    clear: left; }

  .ftr-cboxes {
    clear: left; }

  .turboweb-sig {
    padding-top: 16px;
    text-align: left; }

  .more-content li .content, .more-content li .date {
    font-size: inherit; }

  .more-content li p {
    padding: 0; }

  .more-content .column.small-3 {
    width: 100%; }

  .homepage-content .left-content, .homepage-content .right-content {
    width: 100%;
    margin-bottom: 40px;
    padding: 0; }

  .more-content-wrapper {
    margin-top: 0; }

  .top-content-wrapper {
    margin-bottom: 40px; }

  input[type=button], input[type=submit] {
    -webkit-appearance: none; }

  .teaser.box.subscribe table {
    width: 100%; }
    .teaser.box.subscribe table input {
      width: 100%;
      padding-left: initial;
      padding-right: initial; }

  #formtable.contact-form {
    border: none;
    margin-top: 40px;
    padding-bottom: 40px; }
    #formtable.contact-form form {
      margin-bottom: 40px; }
    #formtable.contact-form td {
      padding: 0; }
    #formtable.contact-form td.column50, #formtable.contact-form div.column50 {
      width: 100%;
      margin-bottom: 20px;
      float: left; }
    #formtable.contact-form fieldset, #formtable.contact-form .f-form-v2 .f-fieldcontainer {
      padding-left: initial;
      padding-right: initial; }
  #formtable input#formbutton, #formtable input[type="checkbox"] {
    border: 1px solid #53677D !important; }
  #formtable fieldset {
    padding: 10px; }
  #formtable .column-form {
    margin-bottom: 40px; }
  #formtable #map {
    margin-top: 20px;
    box-sizing: border-box; }

  #gallery-list table td.item-description, #gallery-list table td.album-item-description {
    width: 100%;
    float: left;
    padding: initial; }

  .body-store-category .product-summary {
    margin-bottom: 40px; }
    .body-store-category .product-summary .product-border-float-right {
      width: 33%;
      margin: 0 0 10px 10px; }
    .body-store-category .product-summary .product-header-left, .body-store-category .product-summary .product-header-right {
      width: 100%;
      float: left;
      text-align: left; }
    .body-store-category .product-summary .product-header-left h2 {
      width: 100%; }
    .body-store-category .product-summary .product-header-right {
      clear: left;
      text-align: left;
      padding-top: initial;
      padding-bottom: 10px; }
    .body-store-category .product-summary tbody > tr:last-of-type td {
      width: 100%;
      float: left;
      text-align: left; }
    .body-store-category .product-summary .product-bottom-right span {
      float: left;
      clear: left; }
    .body-store-category .product-summary .product-bottom-left {
      padding-bottom: 20px; }
    .body-store-category .product-summary .product-bottom-right .product-option-add-to-cart {
      margin: initial; }
    .body-store-category .product-summary .cat-list-price {
      margin-bottom: 10px; }

  .product-body .thickbox img {
    width: 50%;
    margin: 0 0 20px 20px; }

  #option-choice {
    margin-top: 40px; }
    #option-choice table td {
      width: 100%;
      float: left;
      text-align: left; }
    #option-choice table tr td:last-of-type {
      margin-bottom: 40px; }
    #option-choice a {
      margin-left: initial; }

  .product-border-float-right {
    float: initial; }

  table.store-search-results {
    margin-top: 40px; }
    table.store-search-results td {
      width: 100%;
      float: left;
      text-align: left; }
    table.store-search-results tr td:last-of-type {
      margin-bottom: 40px; }
    table.store-search-results th {
      display: none; }
    table.store-search-results img {
      margin-bottom: 10px; }

  .body-cart .teaser.box.cart, .body-cart-checkout .teaser.box.cart {
    display: none; }

  .body-cart .coupon {
    display: table;
    margin-bottom: 40px; }
    .body-cart .coupon label {
      margin-bottom: 10px; }
    .body-cart .coupon label, .body-cart .coupon input {
      float: left; }
    .body-cart .coupon input[type=text] {
      clear: left;
      margin-right: 10px; }
  .body-cart .checkout > table:last-of-type td {
    width: 100%;
    float: left;
    text-align: left; }
  .body-cart .checkout form table td {
    width: 100%;
    float: left;
    text-align: left; }
  .body-cart .checkout form table tr td:last-of-type {
    margin-bottom: 20px; }
  .body-cart .checkout form table tr:first-of-type {
    display: none; }
  .body-cart .checkout form table .store-cart-border {
    border: initial; }
  .body-cart .checkout form table td.item-title a {
    padding: initial; }
  .body-cart .checkout .button-update {
    float: left;
    margin-bottom: 20px; }

  .body-cart-checkout form table td {
    width: 100%;
    float: left;
    text-align: left; }
  .body-cart-checkout #formtable {
    padding: 10px; }
    .body-cart-checkout #formtable input[type=text], .body-cart-checkout #formtable input[type=email], .body-cart-checkout #formtable select, .body-cart-checkout #formtable textarea {
      width: 95%; }
    .body-cart-checkout #formtable td {
      width: 100% !important; }
    .body-cart-checkout #formtable td.left {
      padding-bottom: initial; }
    .body-cart-checkout #formtable #deliveryOption {
      margin-left: initial !important; }
    .body-cart-checkout #formtable .entryTable table td {
      float: initial !important;
      width: initial !important; }
    .body-cart-checkout #formtable tr:first-of-type th {
      display: none; }
    .body-cart-checkout #formtable td:last-child {
      padding-bottom: 20px; }
    .body-cart-checkout #formtable h2:not(:first-of-type) {
      margin-top: 40px; }
    .body-cart-checkout #formtable .currency-unitprice:after {
      content: ' per item'; }
    .body-cart-checkout #formtable .currency-subtotal:after {
      content: ' in total'; }
  .body-cart-checkout #cart-continue-proceed table td {
    width: 100%;
    float: left;
    text-align: left; } }
@media only screen and (min-width: 0px) and (max-width: 768px) {
  #hdr {
    box-sizing: initial;
    margin-left: -10px;
    margin-top: -20px;
    padding: 10px; }

  #hdr {
    background-image: url("/theme/theme/images/bgno-body.jpg"); }
    #hdr .burger {
      background: #A78462;
      color: white; }
    #hdr .logoimg {
      min-width: 248px;
      margin-left: -7%; }
    #hdr .item.social-link {
      margin: 0 19px 0 0; }

  #nav li span.no-href, #nav li a {
    text-shadow: initial; }

  #nav-container #nav li span.no-href, #nav-container #nav li a {
    color: #F7F5E1; }
  #nav-container #nav li.on span.no-href, #nav-container #nav li.on a {
    color: #F7F5E1;
    background: #53677D; }

  #nav.nav-nested li ul li a {
    background: initial; }

  .bookWrapper {
    overflow-x: scroll; }

  body #BookItCalendar {
    min-height: 220px;
    min-width: 500px; }

  .column .box {
    padding: 10px 0; }

  .body-page-1 .outer-page1 .slider-wrapper {
    position: initial; }
  .body-page-1 .outer-page1.outer-index #cont {
    margin-top: initial; }
  .body-page-1 .slider-wrapper {
    width: initial;
    margin-left: initial;
    margin-bottom: 20px; }
    .body-page-1 .slider-wrapper #slider {
      width: initial;
      border: initial; }
  .body-page-1 .item-list.rental.homepage {
    margin-top: 20px; }

  #ftr {
    background-position: -24px 0; }

  #footer-address {
    padding-top: 29px; }

  .rental.detail .column-1, .rental.detail .column-2 {
    width: initial; }
  .rental.detail .column-2 {
    margin-top: 20px; }

  .twimage-multiimage-thumbs-container.page_content {
    width: 100% !important; }

  .twimage-multiimage-thumbs-container {
    margin-left: initial !important; } }
@media only screen and (min-width: 0px) and (max-width: 620px) {
  #hdr {
    padding-bottom: 10px; }
    #hdr .item.social-link {
      float: initial;
      position: relative;
      top: -5px; }

  .body-page-1 .nivo-caption {
    position: relative; } }
@media only screen and (min-width: 0px) and (max-width: 460px) {
  .item.rental.homepage {
    float: initial;
    margin: 0 auto 20px auto; } }

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