@charset "UTF-8";
/* CSS Document */
/*-------------------------------------------------------*/
/* site-wide styles                                      */
/*-------------------------------------------------------*/
@font-face {
  font-family: 'Rockwell';
  src: url("fonts/rockwell_bold-webfont.eot");
  src: url("fonts/rockwell_bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/rockwell_bold-webfont.woff") format("woff"), url("fonts/rockwell_bold-webfont.ttf") format("truetype"), url("fonts/rockwell_bold-webfont.svg#RockwellBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Univers 55 Roman';
  src: url("fonts/Univers-55-roman-latin-extended.eot");
  src: url("fonts/Univers-55-roman-latin-extended.eot?#iefix") format("embedded-opentype"), url("fonts/Univers-55-roman-latin-extended.woff") format("woff"), url("fonts/Univers-55-roman-latin-extended.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Univers 65 Bold';
  src: url(fonts/Univers-65-bold-latin-extended.eot);
  src: url(fonts/Univers-65-bold-latin-extended.eot?#iefix) format("embedded-opentype"), url(fonts/Univers-65-bold-latin-extended.woff) format("woff"), url(fonts/Univers-65-bold-latin-extended.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
/* CSS Document */
/*-------------------------------------------------------*/
/* site-wide styles                                      */
/*-------------------------------------------------------*/
/* custom site style variables */
/*$tile-widedesktop-break: 1896px;*/
/*$tablet-start: 426px;
$tablet-end: 768px;
$desktop-start: 769px;
$desktop-end: 1210px;
$menu-ends-responsive: 1250px; // this is a number we can tweak depending on home many menu items there are that will fit*/
/* beweb standard CSS reset */
/*Be careful not to sync box-sizing back to old projects*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* set everything to 0 margin/padding -> makes it consistent across all browsers, especially p */
  margin: 0;
  padding: 0;
  outline: 0;
}
*:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  overflow-y: scroll;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* set everything to 0 margin/padding -> makes it consistent across all browsers, especially p */
*, button, a {
  outline: none;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* turn off click highlight on mobile and desktop */
.mceContentBody ol,
.mceContentBody ul {
  margin-left: 16px;
}

img {
  border: 0;
}

input {
  padding: 1px;
  font-family: Arial, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

textarea {
  padding: 2px;
  font-family: Arial, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
}

button {
  -webkit-appearance: none;
}

/* prevent scrollbar disappearing making page jump */
table {
  margin: inherit;
}

/* end beweb standard CSS reset */
/* --------------------------------------------------------------------------------------- */
/* inline document download icons for attachments in html content area */
/* --------------------------------------------------------------------------------------- */
.normal {
  /* content tables */
  /*end content tables*/
}
.normal ol,
.normal ul {
  margin-left: 16px;
}
.normal p.image-caption {
  font-style: italic;
  margin: 5px 0 15px;
  text-align: center;
}
.normal a[href$='.pdf'] {
  padding-left: 20px;
  background: transparent url(../images/filetypes/PDF_small.gif) no-repeat left;
}
.normal a[href$='.doc'] {
  padding-left: 20px;
  background: transparent url(../images/filetypes/doc_small.gif) no-repeat left;
}
.normal a[href$='.docx'] {
  padding-left: 20px;
  background: transparent url(../images/filetypes/doc_small.gif) no-repeat left;
}
.normal a[href$='.xls'] {
  padding-left: 20px;
  background: transparent url(../images/filetypes/xls_small.gif) no-repeat left;
}
.normal a[href$='.xlsx'] {
  padding-left: 20px;
  background: transparent url(../images/filetypes/xls_small.gif) no-repeat left;
}
.normal a[href$='.ppt'] {
  padding-left: 20px;
  background: transparent url(../images/filetypes/ppt_small.gif) no-repeat left;
}
.normal a[href$='.pptx'] {
  padding-left: 20px;
  background: transparent url(../images/filetypes/ppt_small.gif) no-repeat left;
}
.normal a[href$='.zip'] {
  padding-left: 20px;
  background: transparent url(../images/filetypes/zip_small.gif) no-repeat left;
}
.normal table {
  padding: 0;
  margin: 0 0 10px 0;
  border: 0;
  border-collapse: collapse;
  width: 100% !important;
}
.normal table td {
  padding: 5px;
  border: 0;
}
.normal table td p {
  /* FF fix */
  margin: 0;
}
.normal table.table-no-gridlines {
  padding: 0;
  margin: 0 0 10px 0;
  border: 0;
  border-collapse: collapse;
}
.normal table.table-no-gridlines td {
  padding: 5px;
  border: 0;
}
.normal table.table-small {
  padding: 0;
  margin: 0 0 10px 0;
  border: 0;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-collapse: collapse;
  color: #777;
  font-size: 10px;
}
.normal table.table-small td {
  padding: 5px;
  border: 0;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.normal table.table-gridlines {
  padding: 0;
  margin: 0 0 10px 0;
  border: 0;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-collapse: collapse;
}
.normal table.table-gridlines td {
  padding: 5px;
  border: 0;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.normal iframe {
  width: 100%;
}
.normal img {
  max-width: 100%;
  height: auto;
}

/* --------------------------------------------------------------------------------------- */
/* Pagingnav Frontend */
.paging {
  text-align: center;
  margin: 15px 0;
}

.pagingnav-wrapper {
  clear: both;
}
.pagingnav-wrapper .nav-prev,
.pagingnav-wrapper .nav-nextpage {
  display: inline-block;
  margin: 0 3px;
  font-size: 14px;
  padding: 0 10px;
  border: none;
  cursor: pointer;
  padding: 4px 20px;
  font-family: "Rockwell", Georgia, sans-serif;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  background-color: #feb911;
  border-radius: 5px;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .pagingnav-wrapper .nav-prev,
  .pagingnav-wrapper .nav-nextpage {
    font-size: 12px;
  }
}
.pagingnav-wrapper .nav-prev .paging-direction,
.pagingnav-wrapper .nav-nextpage .paging-direction {
  display: none;
}
.pagingnav-wrapper .nav-prev::after,
.pagingnav-wrapper .nav-nextpage::after {
  font-size: 21px;
  content: ' »';
}
.pagingnav-wrapper .nav-prev::before {
  font-size: 21px;
  content: '« ';
}
.pagingnav-wrapper .nav-prev::after {
  content: '';
}
.pagingnav-wrapper .pagenum-divider {
  display: none;
}
.pagingnav-wrapper .pages .pagingnavcurrent {
  cursor: default;
  color: #58585a;
  background-color: #fff;
  display: inline-block;
  margin: 0 3px 15px;
  font-family: "Rockwell", Georgia, sans-serif;
  font-size: 14px;
  padding: 4px 14px;
  border: none;
}
@media screen and (max-width: 990px) {
  .pagingnav-wrapper .pages {
    display: block;
    margin: 15px 0 0;
  }
}
.pagingnav-wrapper .pages .pagingnav {
  display: inline-block;
  margin: 0 3px 15px;
  font-size: 14px;
  padding: 0 10px;
  border: none;
  cursor: pointer;
  padding: 4px 14px;
  font-family: "Rockwell", Georgia, sans-serif;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  background-color: #feb911;
  border-radius: 5px;
}
@media screen and (max-width: 1000px) {
  .pagingnav-wrapper .pages .pagingnav {
    font-size: 12px;
    margin: 0 3px;
  }
}
.pagingnav-wrapper .pages .pagingnav.pagenum-divider {
  display: none;
}
.pagingnav-wrapper .pages .page-text {
  margin: 0 5px;
}
.pagingnav-wrapper .pages select.pagingnav {
  background-color: transparent;
  border: 1px solid #bcbcbc;
  border-radius: 5px;
  padding: 8px 15px;
  width: 80px;
  color: #58585a;
  font-family: "Univers", Arial, sans-serif;
}
@media screen and (max-width: 1000px) {
  .pagingnav-wrapper .pages select.pagingnav {
    width: 55px;
    font-size: 14px;
    padding: 8px 10px;
  }
}
@media screen and (max-width: 1000px) {
  .pagingnav-wrapper .pages select.pagingnav {
    width: 80px;
    font-size: initial;
    padding: 8px 15px;
  }
}

/*end Pagingnav Frontend*/
/* begin admin tinymce override */
body#tinymce {
  margin: 10px;
  background: #fff;
  /* assuming content area has a white background, otherwise change this */
  /*body#tinymce table{margin:0 0 10px 0;}*/
}
body#tinymce a:link {
  /*color:#003f96!important;*/
}
body#tinymce p.image-caption {
  font-style: italic;
  margin: 5px 0 15px;
  text-align: center;
}

body#tinymce table, body#tinymce table td {
  border: 1px dashed #ccc;
  /* Specific for TinyMCE - Not displayed on front end */
}

body#tinymce table.table-small td {
  padding: 5px;
  border: 0;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

/*end content tables*/
/* Not sure if it's needed */
body#tinymce ol, .normal ol {
  margin: 5px 0 5px 15px;
  padding: 0;
  padding-left: 26px;
  text-align: left;
  display: inline-block;
}

body#tinymce ol li, .normal ol li {
  margin: 5px 0 5px 5px;
  padding-left: 6px;
}

body#tinymce ul, .normal ul {
  list-style: none outside none;
  margin: 5px 0 5px 15px;
  padding: 0;
  padding-left: 26px;
  text-align: left;
  display: inline-block;
}

body#tinymce ul li, .normal ul li {
  list-style-type: disc;
  margin: 5px 0 5px 5px;
  padding-left: 6px;
}

/* end admin tinymce override */
/* savvy validate form validation styles */
.validation {
  display: none;
  position: relative;
}

.validation .validation_outer, .validation .outer {
  background: url(../images/error_msg_arrow.png) left 15px bottom no-repeat;
  padding-bottom: 7px;
  position: absolute;
  top: -37px;
  left: -35px;
  z-index: 99;
  width: auto !important;
}

.validation .validation_inner, .validation .inner {
  background: #e30418;
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  white-space: nowrap;
  display: block;
}

textarea + .validation .validation_outer {
  top: -29px;
}

.validation.autoPosition {
  position: absolute;
}

.validation.autoPosition .validation_outer, .validation.autoPosition .outer {
  left: auto;
  top: auto;
}

/* end savvy validate form validation styles */
/* Responsive table and image styles for mobile */
/* applied automatically in common.js - apply this if you want an image to shrink to fit on small screens */
.responsive-table-scroll {
  overflow: auto;
}

/* applied automatically in common.js */
.responsive-image-scroll {
  overflow: auto;
}

.responsive-autoshrink {
  max-width: 100%;
}

/* stripe along top to show if it is a staging server */
.warning-message {
  color: #fff;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  margin-bottom: 4px;
  position: fixed;
  z-index: 100000;
  width: 100%;
  line-height: 150%;
}
.warning-message.staging-server {
  background: #10ca68;
}
.warning-message.staging-server.conn-LVE {
  background: #ef4035;
}
.warning-message.old-browser {
  background: #fa9614;
}
.warning-message.old-browser a {
  color: #fff;
}
.warning-message.staging-server .close, .warning-message.old-browser .close {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -11px;
  cursor: pointer;
  background-image: url(../images/icon_close.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 22px;
  height: 22px;
}
.warning-message.staging-server .close span, .warning-message.old-browser .close span {
  display: none;
}

.svyGridLines {
  outline: 1px solid red;
}

.InfoMessage {
  width: 400px;
  position: relative;
  left: 50%;
  margin-left: -200px;
  line-height: 150%;
  color: #3a87ad;
  background-color: #d9edf7;
  padding: 8px 14px 8px 14px;
  margin-top: 10px;
  margin-bottom: 25px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border: 1px solid #bce8f1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* settings */
.clear:before, .clear:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clear:after {
  clear: both;
}

.clear_l {
  clear: left;
}

.clear_r {
  clear: right;
}

.float_l {
  float: left;
}

.float_r {
  float: right;
}

.align_l {
  text-align: right;
}

.align_r {
  text-align: right;
}

.align_c {
  text-align: center;
}

.bold, .b, b, strong {
  font-weight: bold;
  color: inherit;
}

.i, i, em {
  color: inherit;
  font-style: italic;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
}

body {
  background-color: #fff;
}

html, body {
  -webkit-overflow-scrolling: touch;
  /*jc added 20141210 fluid scrolling with footer*/
  z-index: 0;
  /*same as above*/
  height: 100%;
  font-family: "Univers", Arial, sans-serif;
  font-size: 15px;
  color: #58585a;
  line-height: 150%;
  background-color: #fff;
}

#PrincipalWrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: -450px;
}

#Header {
  background-color: #25a855;
  position: relative;
  z-index: 100000;
}

#surfboard {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

#radio {
  width: 100%;
  background-position-x: right;
  height: 100%;
  position: absolute;
  bottom: 0;
  float: right;
}

#StickyFooterPush {
  height: 450px;
  clear: both;
}

#StickyFooter {
  min-height: 450px;
  position: relative;
  background-image: url(../images/footer_wave_2.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}
@media screen and (max-width: 860px) {
  #StickyFooter {
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 480px) {
  #StickyFooter {
    background-image: none;
  }
}

.section-wrapper {
  width: 100%;
}
.section-wrapper#Header {
  /*
  background-image: url(../images/kowhai.png);
  background-repeat: no-repeat;
  background-position: top -40px right -18px;
  */
  background-image: url(../images/header-bg.jpg);
  background-size: cover;
  background-position: center center;
  line-height: 0;
  -webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5);
  /*
  .wave-background {
  	background-image: url(../images/header_wave.png);
  	background-repeat: no-repeat;
  	background-position: -70px -62px;
  */
}
.section-wrapper#Header .btn.login {
  margin: 30px 16px 0;
  float: right;
}
@media screen and (max-width: 1000px) {
  .section-wrapper#Header .btn.login {
    margin: 10px 60px 0 0;
  }
}
.section-wrapper#Header .section-content {
  height: 168px;
  background-image: url(../images/header-kiwiana.png);
  background-size: cover;
  background-position: center left;
  /*overflow: hidden;*/
}
@media screen and (max-width: 860px) {
  .section-wrapper#Header .section-content {
    background-position: center right;
  }
}
@media screen and (max-width: 1000px) {
  .section-wrapper#Header .section-content {
    height: 120px;
  }
}
@media screen and (max-width: 480px) {
  .section-wrapper#Header .section-content {
    /*height: 85px;*/
    height: 115px;
    overflow: hidden;
  }
}
.section-wrapper#Header .section-content .mobile-search-btn {
  position: absolute;
  display: block;
  right: 20px;
  bottom: 10px;
  width: 20px;
  height: 20px;
  background-image: url(../images/search_icon_mobile.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
  z-index: 30;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
@media screen and (min-width: 480px) {
  .section-wrapper#Header .section-content .mobile-search-btn {
    display: none;
  }
}
.section-wrapper#Header .section-content .mobile-search-btn.close {
  background-image: url(../images/search_icon_mobile_close.png);
}
.section-wrapper#Header.menu-open .section-content {
  height: 100vh;
}
.section-wrapper#Header.menu-open .section-content #MainNavigation {
  overflow-y: auto;
}
.section-wrapper#Header.menu-open .section-content .mobile-search-btn {
  display: none;
}
.section-wrapper#Header .welcome-back-message {
  position: absolute;
  left: 0;
  top: 50px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}
@media screen and (max-width: 1280px) {
  .section-wrapper#Header .welcome-back-message {
    left: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .section-wrapper#Header .welcome-back-message {
    top: 20px;
  }
}
@media screen and (max-width: 480px) {
  .section-wrapper#Header .welcome-back-message {
    top: 16px;
    font-size: 12px;
  }
}
.section-wrapper .section-content {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .section-wrapper .section-content {
    width: 100%;
  }
}
.section-wrapper .section-content#PageContent {
  padding-top: 40px;
}
@media screen and (max-width: 1280px) {
  .section-wrapper .section-content#PageContent {
    padding: 20px;
  }
}

#Copyright {
  /*
  	position: absolute;
  	bottom:43px;
  	left:0;
  */
}

#SiteLogo {
  float: left;
  margin-top: 70px;
  margin-left: -15px;
}
@media screen and (max-width: 1280px) {
  #SiteLogo {
    margin-left: 0;
  }
}
@media screen and (max-width: 1000px) {
  #SiteLogo {
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  #SiteLogo {
    margin-top: 25px;
  }
}

#SavvyPageEditLink {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  text-align: center;
  background-color: #666666;
  background-color: rgba(0, 0, 0, 0.7);
  line-height: 200%;
}
#SavvyPageEditLink a {
  line-height: 100%;
  color: #fff;
  border: 1px solid;
  text-decoration: none;
  padding: 8px 10px;
  font-size: 12px;
}
#SavvyPageEditLink a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
#SavvyPageEditLink a.close {
  float: right;
  cursor: pointer;
}

a {
  color: #58585a;
}
a:hover {
  color: #25a855;
}

.btn {
  border: none;
  cursor: pointer;
  padding: 4px 20px;
  font-family: "Rockwell", Georgia, sans-serif;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  background-color: #feb911;
  border-radius: 5px;
  display: inline-block;
}
.btn::after {
  font-size: 21px;
  content: ' »';
}
.btn.btn-action {
  background-color: #feb911;
}
.btn.ghost {
  background-color: transparent;
  color: #feb911;
  border: 1px solid;
}
.btn.ghost:hover {
  color: #feb911;
}
.btn:hover {
  color: #fff;
}
.btn.like, .btn.unlike {
  background-color: transparent;
  border-radius: 0;
  width: 84px;
  height: 41px;
  background-image: url("../images/sprite.png?20180116");
  background-position: -135px -105px;
  background-repeat: no-repeat;
  margin: -6px 20px 0 0;
  float: left;
}
.btn.like::after, .btn.unlike::after {
  content: '';
}
.btn.unlike {
  width: 106px;
  background-position: -7px -105px;
}
.btn.back::after {
  content: '';
}
.btn.back::before {
  font-size: 21px;
  content: '« ';
}
.btn.login {
  background-color: transparent;
  border-radius: 0;
  width: 76px;
  height: 42px;
  background-image: url("../images/sprite.png?20180116");
  background-position: -234px -111px;
  background-repeat: no-repeat;
}
.btn.login span {
  display: none;
}
.btn.login::after {
  content: '';
}
.btn.logout {
  background-color: transparent;
  border-radius: 0;
  width: 90px;
  height: 42px;
  background-image: url("../images/sprite.png?20180116");
  background-position: -322px -111px;
  background-repeat: no-repeat;
  position: absolute;
  right: 220px;
  top: 32px;
}
.btn.logout span {
  display: none;
}
.btn.logout::after {
  content: '';
}
@media screen and (max-width: 1000px) {
  .btn.logout {
    top: 10px;
    right: 60px;
  }
}

h1, h2, h3, h4 {
  font-family: "Rockwell", Georgia, sans-serif;
  line-height: 150%;
}

h1, h2 {
  color: #58585a;
}

h1, h2, h3 {
  font-weight: bold;
}

h5, h6 {
  font-family: "Univers", Arial, sans-serif;
}

h5 {
  font-weight: bold;
}

h1 {
  font-size: 36px;
  line-height: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  h1 {
    font-size: 32px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  h1 {
    font-size: 28px;
    margin-bottom: 10px;
  }
}

h2 {
  font-size: 26px;
  line-height: 120%;
}
@media screen and (max-width: 1000px) {
  h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 480px) {
  h2 {
    font-size: 22px;
  }
}

h3 {
  font-size: 22px;
}
@media screen and (max-width: 1000px) {
  h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  h3 {
    font-size: 16px;
  }
}

h4 {
  font-size: 20px;
  font-weight: normal;
}
@media screen and (max-width: 1000px) {
  h4 {
    font-size: 16px;
  }
}

h5 {
  font-size: 18px;
}
@media screen and (max-width: 1000px) {
  h5 {
    font-size: 16px;
  }
}

h6 {
  font-size: 16px;
}

.hr {
  width: 100%;
  height: 1px;
  background-color: #25a855;
  content: "";
}

.download-list a {
  padding: 14px 14px 14px 45px;
  display: inline-block;
  background: transparent url(../images/filetypes/file.png) no-repeat left;
  text-decoration: none;
}
.download-list a[href$='.doc'] {
  background: transparent url(../images/filetypes/doc.png) no-repeat left;
}
.download-list a[href$='.docx'] {
  background: transparent url(../images/filetypes/docx.png) no-repeat left;
}
.download-list a[href$='.dot'] {
  background: transparent url(../images/filetypes/dot.png) no-repeat left;
}
.download-list a[href$='.jpeg'] {
  background: transparent url(../images/filetypes/jpeg.png) no-repeat left;
}
.download-list a[href$='.jpg'] {
  background: transparent url(../images/filetypes/jpg.png) no-repeat left;
}
.download-list a[href$='.mp4'] {
  background: transparent url(../images/filetypes/mp4.png) no-repeat left;
}
.download-list a[href$='.mpeg'] {
  background: transparent url(../images/filetypes/mpeg.png) no-repeat left;
}
.download-list a[href$='.mpg'] {
  background: transparent url(../images/filetypes/mpg.png) no-repeat left;
}
.download-list a[href$='.msg'] {
  background: transparent url(../images/filetypes/msg.png) no-repeat left;
}
.download-list a[href$='.pdf'] {
  background: transparent url(../images/filetypes/pdf.png) no-repeat left;
}
.download-list a[href$='.ppt'] {
  background: transparent url(../images/filetypes/ppt.png) no-repeat left;
}
.download-list a[href$='.pptx'] {
  background: transparent url(../images/filetypes/pptx.png) no-repeat left;
}
.download-list a[href$='.xls'] {
  background: transparent url(../images/filetypes/xls.png) no-repeat left;
}
.download-list a[href$='.xlsb'] {
  background: transparent url(../images/filetypes/xlsb.png) no-repeat left;
}
.download-list a[href$='.xlsm'] {
  background: transparent url(../images/filetypes/xlsm.png) no-repeat left;
}
.download-list a[href$='.xlsx'] {
  background: transparent url(../images/filetypes/xlsx.png) no-repeat left;
}
.download-list a[href$='.zip'] {
  background: transparent url(../images/filetypes/zip.png) no-repeat left;
}

.hide {
  display: none;
}

.std-page-img {
  float: right;
  padding-left: 50px;
}

.badge {
  border-radius: 20px;
  display: inline-table;
  background-color: #ed1c24;
  float: left;
  padding: 0 12px;
}
@media screen and (max-width: 480px) {
  .badge {
    padding: 0 8px;
  }
}
.badge span {
  line-height: 100%;
  font-family: "Rockwell", Georgia, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  height: 30px;
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
  .badge span {
    font-size: 12px;
  }
}
.badge.special {
  padding: 1px 2px;
  border-radius: 100%;
  background-color: #feb911;
}
.badge.special span {
  font-size: 16px;
  height: auto;
  margin-top: -1px;
  display: block;
}
.badge.counter {
  padding: 2px;
  border-radius: 100%;
  position: absolute;
  z-index: 10;
  left: -6px;
  top: 3px;
}
.badge.counter span {
  font-family: "Univers", Arial, sans-serif;
  font-size: 10px;
  height: 12px;
  width: 12px;
}

.public#Footer .section-content .hr {
  background-color: transparent;
}

@media screen and (max-width: 2000px) {
  #homepage-hero-text {
    font-size: 13px;
  }
}
@media screen and (max-width: 1200px) {
  #homepage-hero-text {
    font-size: 12px;
  }
}
@media screen and (max-width: 1100px) {
  #homepage-hero-text {
    font-size: 10px;
  }
}
@media screen and (max-width: 480px) {
  #homepage-hero-text {
    font-size: 5px;
  }
  #homepage-hero-text p {
    line-height: 100%;
  }
}
.logo-tab-device {
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 0;
}

#Footer {
  /*
  background-image: url(../images/footer_wave.png);
  background-repeat: no-repeat;
  background-position: top 125px right;
  */
}
#Footer .section-content a {
  text-decoration: none;
}
#Footer .section-content .hr {
  margin: 70px 0 50px;
}
@media screen and (max-width: 480px) {
  #Footer .section-content .hr {
    margin: 20px 0 20px;
  }
}
#Footer .section-content .mission-statement {
  width: 40%;
  float: left;
}
@media screen and (max-width: 1280px) {
  #Footer .section-content .mission-statement {
    padding: 20px 20px 0 20px;
  }
}
@media screen and (max-width: 1000px) {
  #Footer .section-content .mission-statement {
    width: 100%;
  }
}
#Footer .section-content .mission-statement .normal ul {
  margin-left: 24px;
  padding: 0;
}
#Footer .section-content .mission-statement .normal ul li {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1280px) {
  #Footer .section-content #Copyright {
    padding: 0 20px 20px 20px;
  }
}
#Footer .section-content .category-links {
  width: 30%;
  margin: 0 240px 35px 0;
  float: right;
}
@media screen and (max-width: 1000px) {
  #Footer .section-content .category-links {
    width: 100%;
    margin: 0;
    padding: 20px;
  }
}
#Footer .section-content .category-links .category {
  float: left;
  width: 46%;
  margin-bottom: 7px;
}
#Footer .section-content .category-links .category:nth-child(2) {
  float: right;
  margin-left: 8%;
}
@media screen and (max-width: 1000px) {
  #Footer .section-content .category-links .category:nth-child(2) {
    float: left;
    margin-left: 0;
  }
}
@media screen and (max-width: 1000px) {
  #Footer .section-content .category-links .category {
    width: 26%;
  }
}
@media screen and (max-width: 860px) {
  #Footer .section-content .category-links .category {
    width: 100%;
    text-align: center;
  }
}
#Footer .section-content .category-links .category ul.links {
  list-style: none;
}
#Footer .section-content .category-links .category ul.links li a {
  font-size: 14px;
  color: #58585a;
  text-decoration: underline;
}
#Footer .section-content .category-links .category ul.links li a:hover {
  color: #25a855;
}

#Search form {
  background-color: transparent;
  margin-top: 0;
}
#Search:hover {
  background-color: transparent;
}

ul#MainNavigation {
  position: absolute;
  right: 0;
  top: 80px;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
ul#MainNavigation li {
  float: left;
  line-height: 100%;
  position: relative;
  /*
  &.active{
  	a{
  		background-color: $mainnavigationhovercolor;
  	}
  	ul.subNavigation {
  		a{
  			background-color:transparent;
  		}
  		ul.subNavigation {
  			li{
  				&.active{
  					background-color: $mainnavigationhovercolor;
  				}
  			}
  		}
  	}
  }
  */
}
ul#MainNavigation li a {
  display: block;
  padding: 15px 16px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}
@media screen and (min-width: 1000px) {
  ul#MainNavigation li:hover {
    background-color: #8fba3e;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
  }
}
@media screen and (min-width: 1000px) {
  ul#MainNavigation li:hover ul.subNavigation {
    display: block;
  }
}
@media screen and (max-width: 1000px) {
  ul#MainNavigation li {
    width: 100%;
    margin-bottom: 1px solid #fff;
  }
}
ul#MainNavigation li ul.subNavigation {
  display: none;
  list-style: none;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 999;
  min-width: 250px;
  background-color: #25a855;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 1000px) {
  ul#MainNavigation li ul.subNavigation {
    position: relative;
    width: 100%;
    top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
ul#MainNavigation li ul.subNavigation li {
  border-bottom: 1px solid #8fba3e;
  float: none;
}
ul#MainNavigation li ul.subNavigation li:last-child {
  border: none;
}
ul#MainNavigation li ul.subNavigation li a {
  font-size: 14px;
  font-weight: normal;
  text-shadow: none;
  padding: 12px 20px;
  width: 100%;
  border: none;
}
ul#MainNavigation li:nth-last-child(-n+2) ul.subNavigation {
  left: auto;
  right: 0;
}
@media screen and (max-width: 1000px) {
  ul#MainNavigation {
    display: none;
    padding-top: 65px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #666666;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 90;
  }
  ul#MainNavigation li {
    width: 100%;
    border-bottom: 1px solid #fff;
  }
  ul#MainNavigation li a {
    text-align: left;
    color: #fff;
  }
  ul#MainNavigation li a.has-subnav {
    background-image: url(../images/mobile_subnav_down_icon.png);
    background-repeat: no-repeat;
    background-position: center right 20px;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
  }
  ul#MainNavigation li a.has-subnav.open {
    background-image: url(../images/mobile_subnav_up_icon.png);
  }
}

ul#ThirdLevelNavigation {
  list-style-type: none;
  /*list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);*/
  margin-top: 15px;
}
@media screen and (max-width: 1280px) {
  ul#ThirdLevelNavigation {
    padding: 0 20px;
  }
}
ul#ThirdLevelNavigation li {
  float: left;
  padding: 0 10px;
  border-right: 1px solid;
  font-size: 14px;
  line-height: 100%;
  margin-top: 8px;
}
ul#ThirdLevelNavigation li:first-child, ul#ThirdLevelNavigation li:last-child {
  border: none;
}
ul#ThirdLevelNavigation li.lead-in {
  padding: 10px;
  border: 1px solid;
  margin-top: -3px;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  ul#ThirdLevelNavigation li.lead-in {
    float: none;
  }
}
@media screen and (max-width: 860px) {
  ul#ThirdLevelNavigation li.lead-in {
    float: left;
  }
}
@media screen and (max-width: 540px) {
  ul#ThirdLevelNavigation li.lead-in {
    float: none;
  }
}

#Breadcrumb {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 1280px) {
  #Breadcrumb {
    left: 20px;
  }
}
@media screen and (max-width: 480px) {
  #Breadcrumb {
    top: 85px;
    max-width: 250px;
    z-index: 10;
  }
}
#Breadcrumb ol li {
  float: left;
  list-style-type: none;
  /*list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);*/
  line-height: 100%;
  font-family: "Univers", Arial, sans-serif;
  font-size: 13px;
  color: #fff;
  padding: 0 10px 15px 0;
}
@media screen and (max-width: 860px) {
  #Breadcrumb ol li {
    font-size: 11px;
  }
}
@media screen and (max-width: 480px) {
  #Breadcrumb ol li {
    padding: 0 5px 0 0;
  }
}
#Breadcrumb ol li a {
  color: #fff;
}
#Breadcrumb ol li a:hover {
  color: #fff;
}
#Breadcrumb ol li a span {
  margin-right: 10px;
}

#MobileNavBtn {
  display: none;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 100;
}
@media screen and (max-width: 1000px) {
  #MobileNavBtn {
    display: block;
  }
}

input[type=text],
input[type=password],
select,
textarea {
  width: 100%;
  border: 1px solid #bcbcbc;
  border-radius: 5px;
  padding: 8px 15px;
  font-size: 15px;
  font-family: "Univers", Arial, sans-serif;
  color: #58585a;
  -webkit-appearance: none;
}

select {
  background-image: url(../images/select_arrow_dark.png);
  background-repeat: no-repeat;
  background-position: top 15px right 10px;
  cursor: pointer;
}
select[disabled=disabled] {
  background-image: url(../images/select_arrow_disabled.png);
  color: #bcbcbc;
  cursor: auto;
}
select::-ms-expand {
  display: none;
}

input[disabled=disabled],
input[readonly=readonly] {
  background-color: #fff;
  color: #bcbcbc;
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label span {
  width: 30px;
  height: 30px;
  display: inline-block;
  box-shadow: none;
  border: 1px solid #bcbcbc;
  border-radius: 3px;
  background-color: #fff;
  vertical-align: middle;
  margin-right: 6px;
  cursor: pointer;
}
input[type=checkbox]:checked + label span {
  background-image: url("../images/sprite.png?20180116");
  background-repeat: no-repeat;
  background-position: -257px -66px;
}

/*
input[type=radio] {
    width: 30px;
    height: 30px;
    border: 1px solid $formelementbordercolor;
		border-radius:30px;
		cursor:pointer;
		&:checked {
			background-color:$maincolor;
		}
}
*/
input[type=radio] {
  display: none;
}
input[type=radio] + label span {
  width: 30px;
  height: 30px;
  display: inline-block;
  box-shadow: none;
  border: 1px solid #bcbcbc;
  border-radius: 30px;
  background-color: #fff;
  vertical-align: middle;
  margin-right: 6px;
  cursor: pointer;
}
input[type=radio]:checked + label span {
  background-image: url("../images/sprite.png?20180116");
  background-repeat: no-repeat;
  background-position: -226px -2px;
}

form {
  /* these must be listed seperately to work! */
}
form ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #ccc;
}
form :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  opacity: 1;
}
form ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
  opacity: 1;
}
form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc;
}
form .data-placeholder-on {
  color: #ccc;
}

ul.form {
  list-style: none;
  /*list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);*/
}
ul.form li {
  margin-top: 10px;
}
ul.form li:first-child {
  margin-top: 0;
}
ul.form li.action {
  margin-top: 20px;
}
ul.form li input[type="text"],
ul.form li textarea {
  width: 300px;
}
ul.form li input[type="text"]#Amount,
ul.form li textarea#Amount {
  width: 155px;
  margin-left: 5px;
}

form#SearchForm {
  position: absolute;
  right: 0;
  top: 15px;
}
@media screen and (max-width: 1000px) {
  form#SearchForm {
    top: inherit;
    right: 20px;
    bottom: 15px;
  }
}
@media screen and (max-width: 480px) {
  form#SearchForm {
    right: 0;
    bottom: 5px;
    padding: 0 20px;
    width: 0;
    opacity: 0;
    z-index: 20;
    overflow: hidden;
  }
}
form#SearchForm p {
  color: white;
  letter-spacing: 0.5px;
  font-size: 11px;
  line-height: 150%;
  margin-left: 12px;
}
@media screen and (max-width: 1000px) {
  form#SearchForm p {
    display: none;
  }
}
form#SearchForm input[type=text] {
  width: 200px;
  color: #58585a;
  border-radius: 20px;
  border: 1px solid #fff;
  padding: 10px 40px 10px 15px;
  -webkit-box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.5);
  background-image: url(../images/search_icon.png);
  background-repeat: no-repeat;
  background-position: center right 12px;
}
@media screen and (max-width: 1000px) {
  form#SearchForm input[type=text] {
    width: 100%;
    padding: 5px 10px;
    background-size: 20px;
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  form#SearchForm input[type=text] {
    width: 90%;
    background-size: 18px;
    font-size: 12px;
  }
}
form#SearchForm input[type=submit] {
  display: none;
}

form#LoginForm.login-form,
form#ForgotPasswordForm.login-form {
  width: 320px;
  padding: 5px 15px 15px;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  form#LoginForm.login-form,
  form#ForgotPasswordForm.login-form {
    width: 100%;
  }
}
form#LoginForm.login-form p,
form#ForgotPasswordForm.login-form p {
  font-size: 14px;
  line-height: 150%;
}
form#LoginForm.login-form .form-field,
form#ForgotPasswordForm.login-form .form-field {
  margin: 10px 0 0;
}
form#LoginForm.login-form .form-field label,
form#ForgotPasswordForm.login-form .form-field label {
  display: inline-block;
  width: 36%;
  font-weight: bold;
}
form#LoginForm.login-form .form-field input,
form#ForgotPasswordForm.login-form .form-field input {
  width: 64%;
}
@media screen and (max-width: 480px) {
  form#LoginForm.login-form .form-field input,
  form#ForgotPasswordForm.login-form .form-field input {
    vertical-align: top;
  }
}
form#LoginForm.login-form .form-button,
form#ForgotPasswordForm.login-form .form-button {
  margin: 10px 0 0;
  text-align: right;
}

form#LoginForm {
  background-color: #d7ebbc;
}

form#ForgotPasswordForm.login-form {
  margin-top: 40px;
}

form#ProductOrderForm #maxlen_OrderDetails {
  float: right;
  font-size: 12px;
  margin-top: -10px;
}
form#ProductOrderForm h5 {
  margin: 10px 0;
}
form#ProductOrderForm textarea {
  margin-top: 4px;
}
form#ProductOrderForm .actions .action-note {
  font-size: 12px;
  letter-spacing: 1px;
  display: block;
  text-align: right;
}
form#ProductOrderForm .actions label {
  float: left;
  margin-top: 5px;
  margin-right: 5px;
}
form#ProductOrderForm .actions select {
  float: left;
  width: 70px;
}
form#ProductOrderForm .actions .btn {
  float: right;
  margin-top: 2px;
}

.form-processing,
.form-response {
  display: none;
  border: 1px solid;
  padding: 20px;
  margin: 12px 0;
  border-radius: 15px;
  border-bottom-left-radius: 0;
  font-weight: bold;
}

.form-processing {
  background-color: #fff1cf;
  color: #feb911;
}
.form-processing img {
  width: auto;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 8px;
}

.form-response {
  background-color: #d7ebbc;
  color: #25a855;
}
.form-response.error {
  background-color: #fde8e9;
  color: #ed1c24;
}

/* Auto Complete */
.ui-autocomplete.ui-front {
  z-index: 9000000;
  -webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5);
}
.ui-autocomplete.ui-menu {
  background-color: #fff;
  font-size: 15px;
  border: none;
  font-family: "Univers", Arial, sans-serif;
  color: #58585a;
}
.ui-autocomplete.ui-menu .ui-menu-item a {
  border-radius: 0;
  cursor: pointer;
}
.ui-autocomplete.ui-menu.ui-corner-all {
  border-radius: 0;
  border: none;
}
.ui-autocomplete.ui-menu.ui-widget-content .ui-state-hover, .ui-autocomplete.ui-menu.ui-widget-content .ui-state-focus {
  border: none;
  background-image: none;
  background-color: #d7ebbc;
  color: #58585a;
  margin: 0;
}

body.Search .normal {
  margin-bottom: 40px;
}
body.Search h2 {
  margin-bottom: 40px;
}
body.Search .area {
  margin-bottom: 40px;
}
body.Search .area h3.area-heading {
  float: left;
  margin: 20px 0 10px;
  color: #8fba3e;
}
@media screen and (max-width: 1000px) {
  body.Search .area h3.area-heading {
    margin: 10px 0 10px;
  }
}
@media screen and (max-width: 480px) {
  body.Search .area h3.area-heading {
    float: none;
    text-align: center;
  }
}
body.Search .area ul.download-list {
  list-style-type: none;
  /*list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);*/
}
body.Search .area ul.download-list li {
  /*width: 50%;*/
  /*float: left;*/
  width: 49%;
  display: inline-block;
  /*white-space: nowrap;*/
}
@media screen and (max-width: 480px) {
  body.Search .area ul.download-list li {
    width: 100%;
  }
}
body.Search .area ul.download-list li a {
  background-position: center left 10px;
  display: block;
  padding: 14px 55px;
  text-decoration: none;
}
body.Search .area ul.download-list li a:hover {
  background-color: #d7ebbc;
}
body.Search .area ul.results {
  list-style-type: none;
  /*list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);*/
  border-top: 1px solid #25a855;
  margin-top: 10px;
}
body.Search .area ul.results li {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #25a855;
}
body.Search .area ul.results li h5 a {
  text-decoration: none;
}
body.Search .area ul.results li .image {
  float: left;
  margin-right: 20px;
  width: 15%;
}
@media screen and (max-width: 480px) {
  body.Search .area ul.results li .image {
    float: none;
    margin: 0;
    width: 100%;
  }
}
body.Search .area ul.results li .image img {
  width: 100%;
  height: auto;
}
body.Search .area ul.results li div {
  display: inline;
}
body.Search .area ul.results li div.info h5 {
  float: left;
}
@media screen and (max-width: 480px) {
  body.Search .area ul.results li div.info h5 {
    text-align: center;
  }
}
body.Search .area ul.results li div.info span.publish-date {
  float: right;
}
body.Search .area ul.results li div.info p {
  clear: both;
}
@media screen and (max-width: 480px) {
  body.Search .area ul.results li div.info p {
    text-align: center;
  }
}
body.Search .area ul.results .more {
  float: right;
  margin: 10px 0 0 0;
}
@media screen and (max-width: 480px) {
  body.Search .area ul.results .more {
    display: block;
    float: none;
    max-width: 105px;
    margin: 10px auto;
  }
}
body.Search .area form#SearchAgainForm {
  display: none;
}
body.Search .area .show-all,
body.Search .area .back {
  float: right;
  margin-top: 18px;
  text-decoration: none;
}
@media screen and (max-width: 1000px) {
  body.Search .area .show-all,
  body.Search .area .back {
    margin-top: 12px;
  }
}
@media screen and (max-width: 480px) {
  body.Search .area .show-all,
  body.Search .area .back {
    display: block;
    float: none;
    max-width: 135px;
    margin: 10px auto;
    text-align: center;
  }
}
body.Search #Footer h3 {
  float: none;
}

#GadgetRig {
  position: absolute;
  top: 208px;
  right: 0;
  width: 390px;
  bottom: 0;
  z-index: 20;
}
@media screen and (max-width: 860px) {
  #GadgetRig {
    position: relative !important;
    top: 0 !important;
    width: 100%;
    padding: 20px;
    clear: both;
  }
}
#GadgetRig .icon {
  width: 32px;
  height: 32px;
  margin: auto;
  background-image: url("../images/sprite.png?20180116");
  background-repeat: no-repeat;
}
#GadgetRig #Background {
  display: none;
  position: absolute;
  height: 67px;
  top: 20px;
  right: 20px;
  bottom: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom: 3px solid #58585a;
  /*width: calculated dynamically using javascript*/
}
@media screen and (max-width: 860px) {
  #GadgetRig #Background {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  #GadgetRig #Background {
    height: 49px;
  }
}
@media screen and (max-width: 410px) {
  #GadgetRig #Background {
    height: 46px;
  }
}
#GadgetRig .gadget {
  position: absolute;
  right: 0;
}
#GadgetRig .gadget.open .actions .action.close {
  display: table-cell;
  cursor: default;
}
#GadgetRig .gadget.close .actions .action.open, #GadgetRig .gadget.close .actions .action.urllink {
  display: table-cell;
}
#GadgetRig .gadget .actions {
  width: 70px;
  height: 67px;
  border-bottom: 3px solid #58585a;
  background-color: #f2f2f2;
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  #GadgetRig .gadget .actions {
    width: 52px;
    height: 49px;
  }
}
@media screen and (max-width: 410px) {
  #GadgetRig .gadget .actions {
    width: 46px;
    height: 46px;
  }
}
#GadgetRig .gadget .actions .action {
  width: 70px;
  height: 67px;
  display: none;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
  #GadgetRig .gadget .actions .action {
    width: 52px;
    height: 49px;
  }
}
@media screen and (max-width: 410px) {
  #GadgetRig .gadget .actions .action {
    width: 46px;
    height: 46px;
  }
}
#GadgetRig .gadget .actions .action.close {
  background-color: #58585a;
}
#GadgetRig .gadget .actions .action.close .icon {
  background-position: 0 -32px;
}
#GadgetRig .gadget#Announcements {
  z-index: 110;
}
#GadgetRig .gadget#Default {
  z-index: 100;
}
#GadgetRig .gadget#Default .action.open .icon {
  background-position: -288px 0;
}
#GadgetRig .gadget#Default .action.close .icon {
  background-position: -288px -32px;
}
#GadgetRig .gadget#Forum {
  z-index: 120;
}
#GadgetRig .gadget#Forum .action.open .icon {
  background-position: -32px 0;
}
#GadgetRig .gadget#Forum .action.close .icon {
  background-position: -32px -32px;
}
#GadgetRig .gadget#ArticleDocuments {
  z-index: 130;
}
#GadgetRig .gadget#ArticleDocuments .action.open .icon {
  background-position: -64px 0;
}
#GadgetRig .gadget#ArticleDocuments .action.close .icon {
  background-position: -64px -32px;
}
#GadgetRig .gadget#Products {
  z-index: 140;
}
#GadgetRig .gadget#Products .action.open .icon {
  background-position: -96px 0;
}
#GadgetRig .gadget#Products .action.close .icon {
  background-position: -96px -32px;
}
#GadgetRig .gadget#Profile {
  z-index: 150;
}
#GadgetRig .gadget#Profile .action.open .icon {
  background-position: -128px 0;
}
#GadgetRig .gadget#Profile .action.close .icon {
  background-position: -128px -32px;
}
@media screen and (max-width: 860px) {
  #GadgetRig .gadget {
    position: relative;
    top: 0 !important;
    right: initial;
    display: inline;
    float: left;
  }
}
#GadgetRig .content-panels {
  position: absolute;
  top: 0;
  right: 70px;
  z-index: 90;
  width: 320px;
  background-color: #fff;
}
@media screen and (max-width: 860px) {
  #GadgetRig .content-panels {
    position: relative;
    top: -3px;
    right: initial;
    width: 100%;
    border-top: 3px solid #58585a;
    clear: both;
  }
}
#GadgetRig .content-panels.announcements .announcements {
  display: block;
}
#GadgetRig .content-panels.forum .forum {
  display: block;
}
#GadgetRig .content-panels.articledocuments .articledocuments {
  display: block;
}
#GadgetRig .content-panels.products .products {
  display: block;
}
#GadgetRig .content-panels.profile .profile {
  display: block;
}
#GadgetRig .content-panels.default .default {
  display: block;
}
#GadgetRig .content-panels h4 {
  font-weight: bold;
  color: #fff;
  background-color: #8fba3e;
  width: 100%;
  padding: 17px 15px;
}
#GadgetRig .content-panels h4 .icon {
  float: left;
  margin-right: 10px;
}
#GadgetRig .content-panels .gadget-content {
  display: none;
  width: 100%;
  position: absolute;
  right: 0;
  max-height: 522px;
  overflow-y: auto;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 860px) {
  #GadgetRig .content-panels .gadget-content {
    position: relative;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    max-height: none;
  }
}
#GadgetRig .content-panels .gadget-content .extra-buttons {
  text-align: center;
  padding: 20px;
  border-top: 1px solid #25a855;
}
#GadgetRig .content-panels .gadget-content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#GadgetRig .content-panels .gadget-content ul li {
  padding: 10px 15px;
  border-bottom: 1px solid #8fba3e;
}
#GadgetRig .content-panels .gadget-content ul li:last-child {
  border-bottom: none;
}
#GadgetRig .content-panels .gadget-content ul li .badge {
  margin-right: 10px;
}
#GadgetRig .content-panels .gadget-content ul li .badge.special {
  margin-right: 5px;
}
#GadgetRig .content-panels .gadget-content ul li img {
  float: left;
  margin-right: 10px;
}
#GadgetRig .content-panels.announcements {
  display: block;
}
#GadgetRig .content-panels.announcements h4 .icon {
  background-position: 0 -32px;
}
#GadgetRig .content-panels.announcements .gadget-content .title {
  font-weight: bold;
  line-height: 100%;
  margin-bottom: 5px;
}
#GadgetRig .content-panels.forum {
  display: block;
}
#GadgetRig .content-panels.forum h4 .icon {
  background-position: -32px -32px;
}
#GadgetRig .content-panels.forum .gadget-content .forum-shortcut {
  text-align: center;
  padding: 10px;
  border-top: 1px solid #8fba3e;
}
#GadgetRig .content-panels.forum .gadget-content .forum-shortcut select {
  width: 100%;
}
#GadgetRig .content-panels.forum .gadget-content .forum-shortcut h5 {
  margin-bottom: 5px;
}
#GadgetRig .content-panels.articledocuments {
  display: block;
}
#GadgetRig .content-panels.articledocuments h4 .icon {
  background-position: -64px -32px;
}
#GadgetRig .content-panels.articledocuments .gadget-content .download-list li {
  padding: 0;
}
#GadgetRig .content-panels.articledocuments .gadget-content .download-list li a {
  display: block;
  padding: 23px 23px 23px 55px;
  background-position: 14px center;
}
#GadgetRig .content-panels.products {
  display: block;
}
#GadgetRig .content-panels.products h4 .icon {
  background-position: -96px -32px;
}
#GadgetRig .content-panels.products .gadget-content .product-spotlight {
  float: left;
  margin-right: 4%;
  width: 20%;
}
@media screen and (max-width: 860px) {
  #GadgetRig .content-panels.products .gadget-content .product-spotlight {
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  #GadgetRig .content-panels.products .gadget-content .product-spotlight {
    width: 20%;
  }
}
#GadgetRig .content-panels.products .gadget-content .product-spotlight img {
  width: 100%;
  height: auto;
}
#GadgetRig .content-panels.products .gadget-content .product-spotlight img.new {
  margin: 10px 0 0;
}
#GadgetRig .content-panels.products .gadget-content .product-info-wrapper {
  float: left;
  width: 76%;
}
#GadgetRig .content-panels.products .gadget-content .product-info-wrapper .title {
  font-weight: bold;
  line-height: 100%;
  margin-bottom: 5px;
}
#GadgetRig .content-panels.products .gadget-content .product-info-wrapper .description {
  font-size: 14px;
  line-height: 130%;
}
#GadgetRig .content-panels.profile {
  z-index: 50;
}
#GadgetRig .content-panels.profile h4 .icon {
  background-position: -130px -32px;
}
#GadgetRig .content-panels .gadget-content.default h4 .icon {
  background-position: -288px -32px;
}
#GadgetRig .content-panels .gadget-content.default ul.forum-list li {
  border-bottom: none;
}
#GadgetRig .content-panels .gadget-content ul.product-list li {
  cursor: pointer;
}
#GadgetRig .content-panels .gadget-content ul.forum-list li {
  cursor: pointer;
}
#GadgetRig .content-panels .gadget-content ul.forum-list li.odd {
  background-color: #fafafa;
}
#GadgetRig .content-panels .gadget-content ul.forum-list li.even {
  background-color: #ffffff;
}
#GadgetRig .content-panels .gadget-content ul.forum-list li.trade {
  background-color: #d7ebbc;
}
#GadgetRig .content-panels .gadget-content ul.forum-list li .forum-title {
  display: table;
}
#GadgetRig .content-panels .gadget-content ul.forum-list li p {
  height: 30px;
  min-height: 30px;
  vertical-align: middle;
  display: table-cell;
  line-height: 100%;
  margin-top: -3px;
}
#GadgetRig .content-panels .gadget-content ul.forum-list li .normal p {
  line-height: 150%;
}
#GadgetRig .content-panels .gadget-content ul.forum-list li img {
  margin-bottom: -15px;
}
#GadgetRig .content-panels .gadget-content ul.forum-list li .post-staff,
#GadgetRig .content-panels .gadget-content ul.forum-list li .post-replies,
#GadgetRig .content-panels .gadget-content ul.forum-list li .post-date {
  font-size: 12px;
  float: left;
  line-height: 150%;
}
#GadgetRig .content-panels .gadget-content ul.forum-list li .post-staff {
  float: right;
  clear: both;
}
#GadgetRig .content-panels .gadget-content ul.forum-list li .post-date {
  float: right;
}
#GadgetRig .content-panels .gadget-content ul.forum-list li .post-replies {
  font-weight: bold;
  padding-left: 2px;
}

.carousel-wrapper {
  clear: both;
  position: relative;
  overflow: hidden;
  z-index: 50;
  background-color: #25a855;
  max-height: 386px;
}
@media screen and (max-width: 860px) {
  .carousel-wrapper {
    overflow: visible;
  }
}
.carousel-wrapper .slide {
  width: 100%;
  height: auto;
  max-height: 386px;
  overflow: hidden;
  position: absolute;
  line-height: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 860px) {
  .carousel-wrapper .slide {
    overflow: visible;
  }
}
.carousel-wrapper .slide a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
}
.carousel-wrapper .slide.active {
  display: block;
  z-index: 10;
}
.carousel-wrapper .slide .slide-title,
.carousel-wrapper .slide .slide-bodytext {
  position: absolute;
  left: 13%;
  z-index: 15;
  line-height: 150%;
  text-align: left;
}
@media screen and (max-width: 860px) {
  .carousel-wrapper .slide .slide-title,
  .carousel-wrapper .slide .slide-bodytext {
    position: relative;
    left: 0;
  }
}
.carousel-wrapper .slide .slide-bodytext {
  top: 32%;
  width: 42%;
  padding: 8px 20px 15px;
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 20px;
  font-family: "Univers", Arial, sans-serif;
}
@media screen and (max-width: 1280px) {
  .carousel-wrapper .slide .slide-bodytext {
    top: 27%;
    width: 52%;
    font-size: 16px;
  }
}
@media screen and (max-width: 860px) {
  .carousel-wrapper .slide .slide-bodytext {
    top: 100%;
    width: 100%;
  }
}
.carousel-wrapper .slide .slide-title {
  width: 70%;
  bottom: 70%;
  padding: 15px;
}
@media screen and (max-width: 1280px) {
  .carousel-wrapper .slide .slide-title {
    bottom: 75%;
  }
}
@media screen and (max-width: 860px) {
  .carousel-wrapper .slide .slide-title {
    width: 100%;
    top: 100%;
    bottom: inherit;
    background: rgba(0, 0, 0, 0.4);
  }
}
.carousel-wrapper .slide .slide-title h1 {
  margin: 0;
  text-shadow: 0 1px 2px black;
  line-height: normal;
}
.carousel-wrapper .move-back,
.carousel-wrapper .move-forward {
  cursor: pointer;
}
.carousel-wrapper .move-back .arrow,
.carousel-wrapper .move-forward .arrow {
  width: 32px;
  height: 32px;
  background-image: url("../images/sprite.png?20180116");
  background-position: -64px -160px;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 5px;
}
.carousel-wrapper .move-back:hover .arrow,
.carousel-wrapper .move-forward:hover .arrow {
  background-position: 0 -160px;
}
.carousel-wrapper .move-forward .arrow {
  background-position: -96px -160px;
}
.carousel-wrapper .move-forward:hover .arrow {
  background-position: -32px -160px;
}

.carousel-tabs {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 50;
  bottom: 0;
  height: 68px;
  width: auto;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 20px 40px 0;
}
@media screen and (max-width: 860px) {
  .carousel-tabs {
    width: 100%;
  }
}
.carousel-tabs .tab {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  background-position: -128px -160px;
  background-image: url("../images/sprite.png?20180116");
  background-repeat: no-repeat;
}
.carousel-tabs .tab:hover {
  background-position: -160px -160px;
}
.carousel-tabs .tab.active {
  background-position: -192px -160px;
}

ul.tile-list {
  margin-top: 40px;
  width: 100%;
  max-width: 640px;
}
ul.tile-list li {
  display: block;
  float: left;
  /*min-width: 175px;
  min-height: 175px;*/
  /*width: calc(100% / 6 - 20px);*/
  /*width:260px;
  height:260px;*/
  width: 140px;
  height: 140px;
  min-width: 140px;
  min-height: 140px;
  background-color: #25a855;
  background-image: url(../images/spacer.gif);
  background-repeat: no-repeat;
  /*background-size: cover;*/
  background-size: contain;
  position: relative;
  margin: 0 20px 40px 0;
  border-radius: 30px;
  border-bottom-left-radius: 0;
  border: 1px solid;
  /*
  @media screen and (max-width: $tile-desktop-break) {
  	width: calc(100% / 4 - 20px);
  }*/
  /*
  .stripe {
  	height: 3px;
  	background-color: $maincolor;
  	top: 0;
  	right: 0;
  	left: 0;
  	z-index: 10;
  }
  */
}
@media screen and (max-width: 1145px) {
  ul.tile-list li {
    width: calc(100% / 3 - 20px);
  }
}
@media screen and (max-width: 990px) {
  ul.tile-list li {
    width: calc(100% / 2 - 20px);
  }
}
@media screen and (max-width: 860px) {
  ul.tile-list li {
    width: calc(100% / 3 - 20px);
  }
}
@media screen and (max-width: 540px) {
  ul.tile-list li {
    width: calc(100% / 2 - 20px);
  }
  ul.tile-list li:nth-child(even) {
    margin-right: 0;
    float: right;
  }
  ul.tile-list li:nth-child(odd) {
    margin-right: 10px;
  }
}
@media screen and (max-width: 480px) {
  ul.tile-list li {
    width: 100%;
  }
}
ul.tile-list li a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
}
ul.tile-list li h5 {
  background-color: #25a855;
  color: #fff;
  text-align: center;
  font-size: 11px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  border-bottom-right-radius: 30px;
  white-space: nowrap;
  width: 100%;
  line-height: 100%;
  padding: 12px 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
ul.tile-list#ProductList {
  max-width: 100%;
}
ul.tile-list#ProductList li {
  min-width: 175px;
  min-height: 175px;
  width: 175px;
  height: 175px;
}
@media screen and (max-width: 1410px) {
  ul.tile-list#ProductList li {
    width: calc(100% / 3 - 20px);
  }
}
@media screen and (max-width: 1145px) {
  ul.tile-list#ProductList li {
    width: calc(100% / 2 - 20px);
  }
}
@media screen and (max-width: 860px) {
  ul.tile-list#ProductList li {
    width: calc(100% / 3 - 20px);
  }
}
@media screen and (max-width: 540px) {
  ul.tile-list#ProductList li {
    width: calc(100% / 2 - 20px);
  }
}
@media screen and (max-width: 480px) {
  ul.tile-list#ProductList li {
    width: 100%;
  }
}

.section-content.section-front ul.tile-list li {
  /*border-radius: 42px;*/
}
.section-content.section-front ul.tile-list li .stripe {
  display: none;
}
.section-content.section-front ul.tile-list li h5 {
  padding: 12px 15px;
  font-size: 15px;
}

.article {
  margin-top: 40px;
}
.article p {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.article .download-list {
  list-style-type: none;
  /*list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);*/
  margin-top: 20px;
}
.article .download-list li {
  width: 50%;
  float: left;
}
@media screen and (max-width: 480px) {
  .article .download-list li {
    width: 100%;
    float: none;
    clear: both;
  }
}
.article .download-list li a {
  display: block;
  padding: 14px 55px;
  background-position: center left 10px;
}
.article .download-list li a:hover {
  background-color: #d7ebbc;
}

.back-to-top {
  cursor: pointer;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
  width: 64px;
  margin: 40px auto 0;
}
.back-to-top .arrow {
  width: 32px;
  height: 32px;
  background-image: url("../images/sprite.png?20180116");
  background-position: -192px -64px;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
}
.back-to-top:hover .arrow {
  background-position: -192px 0;
}

.product-filter {
  margin-top: 30px;
}
.product-filter h4 {
  margin-top: 10px;
}
.product-filter ul {
  list-style-type: none;
  /*list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);*/
  margin: 30px 0;
}
.product-filter ul li {
  width: 22%;
  display: inline-block;
  margin-left: 3.4%;
}
@media screen and (max-width: 1280px) {
  .product-filter ul li {
    width: 48%;
    margin: 0 0 10px 0;
  }
}
@media screen and (max-width: 860px) {
  .product-filter ul li {
    width: 100%;
  }
  .product-filter ul li:last-child {
    margin-bottom: 0;
  }
}
.product-filter ul li:first-child {
  margin-left: 0;
}
.product-filter ul.product-locations li {
  width: 15%;
  white-space: nowrap;
}
@media screen and (max-width: 1280px) {
  .product-filter ul.product-locations li {
    width: 48%;
    margin: 0 0 10px 0;
  }
}
@media screen and (max-width: 480px) {
  .product-filter ul.product-locations li {
    width: 100%;
  }
  .product-filter ul.product-locations li:last-child {
    margin-bottom: 0;
  }
}
.product-filter ul.product-categories {
  margin-top: 10px;
}
.product-filter ul.product-categories li label {
  width: 100%;
}
.product-filter ul.product-categories li select {
  margin-top: 10px;
}

#ProductListItmTemplate {
  display: none;
}

.product-detail h2.product-specifications-title {
  float: left;
  padding-left: 8px;
}
.product-detail .product-actions {
  width: 36%;
  margin-right: 2%;
  float: left;
  		/*h2 {
  			margin-top: 15px;
  		}
  
  		.download-list {
  			list-style-type: none;
  			/*list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);*/
  		/*li {
  				width: 100%;
  
  				a {
  					display: block;
  
  					&:hover {
  						background-color: $tradebackgroundcolor;
  					}
  				}
  			}
  		}*/
  /*form m#ProductOrderForm{} // see forms.scss */
}
@media screen and (max-width: 1000px) {
  .product-detail .product-actions {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
}
.product-detail .product-actions .product-image {
  width: 100%;
  height: auto;
  border: 1px solid #8fba3e;
  margin-bottom: 20px;
}
.product-detail .product-specifications {
  width: 62%;
  float: left;
}
@media screen and (max-width: 1000px) {
  .product-detail .product-specifications {
    width: 100%;
  }
}
.product-detail .product-specifications h2 {
  margin-bottom: 10px;
}
.product-detail .product-specifications .product-specifications-table {
  width: 100%;
}
.product-detail .product-specifications .product-specifications-table caption {
  display: none;
}
.product-detail .product-specifications .product-specifications-table thead tr {
  display: none;
}
.product-detail .product-specifications .product-specifications-table thead tr td {
  width: 50%;
}
.product-detail .product-specifications .product-specifications-table tbody tr td {
  width: 50%;
  background-color: #ffffff;
  padding: 5px 8px;
  vertical-align: top;
}
@media screen and (max-width: 860px) {
  .product-detail .product-specifications .product-specifications-table tbody tr td {
    display: inline-block;
  }
}
@media screen and (max-width: 480px) {
  .product-detail .product-specifications .product-specifications-table tbody tr td {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 860px) {
  .product-detail .product-specifications .product-specifications-table tbody tr td.nutritional-table-wrapper {
    display: block;
    width: 100%;
  }
}
.product-detail .product-specifications .product-specifications-table tbody tr:nth-child(odd) td {
  background-color: #fafafa;
}
.product-detail .product-specifications .product-specifications-table .nutritional-table {
  width: 100%;
}
.product-detail .product-specifications .product-specifications-table .nutritional-table thead tr {
  display: table-row;
}
.product-detail .product-specifications .product-specifications-table .nutritional-table thead tr th {
  width: 30%;
  font-weight: normal;
  text-align: right;
  display: table-cell;
}
.product-detail .product-specifications .product-specifications-table .nutritional-table thead tr th:first-child {
  width: 40%;
  text-align: left;
}
.product-detail .product-specifications .product-specifications-table .nutritional-table thead tr:nth-child(odd) td {
  background-color: transparent;
}
.product-detail .product-specifications .product-specifications-table .nutritional-table tbody tr th {
  border-top: 1px solid #25a855;
  width: 40%;
  font-weight: normal;
  text-align: left;
  -ms-word-break: break-all;
  word-break: break-all;
}
.product-detail .product-specifications .product-specifications-table .nutritional-table tbody tr td {
  border-top: 1px solid #25a855;
  width: 30%;
  text-align: right;
}
@media screen and (max-width: 860px) {
  .product-detail .product-specifications .product-specifications-table .nutritional-table tbody tr td {
    display: table-cell;
  }
}
.product-detail .product-specifications .product-specifications-table .nutritional-table tbody tr:nth-child(odd) td {
  background-color: transparent;
}
.product-detail .order-form {
  width: 62%;
  float: right;
  padding-left: 8px;
}
@media screen and (max-width: 1000px) {
  .product-detail .order-form {
    float: none;
    width: 100%;
    padding-left: 0;
  }
}
.product-detail .order-form h2 {
  margin-top: 30px;
}
.product-detail .order-form .download-list {
  list-style-type: none;
  /*list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);*/
}
.product-detail .order-form .download-list li {
  width: 100%;
}
.product-detail .order-form .download-list li a {
  display: block;
}
.product-detail .order-form .download-list li a:hover {
  background-color: #d7ebbc;
}

.section-content.forum-list h2 .forum-actions {
  float: right;
  white-space: nowrap;
}
@media screen and (max-width: 1280px) {
  .section-content.forum-list h2 .forum-actions {
    width: 100%;
    margin-top: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .section-content.forum-list h2 .forum-actions {
    text-align: left;
  }
}
.section-content.forum-list h2 .forum-actions label {
  font-family: "Univers", Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  color: #58585a;
}
@media screen and (max-width: 1000px) {
  .section-content.forum-list h2 .forum-actions label {
    display: block;
  }
}
.section-content.forum-list h2 .forum-actions .btn {
  line-height: 150%;
}
.section-content.forum-list h2 .forum-actions select {
  width: 320px;
}
@media screen and (max-width: 1000px) {
  .section-content.forum-list h2 .forum-actions select {
    display: block;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .section-content.forum-list h2 .forum-actions select {
    display: block;
    width: 100%;
  }
}
.section-content.forum-list #ForumPostList {
  list-style-type: none;
  /*list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);*/
  border-top: 1px solid #25a855;
  margin-top: 30px;
}
.section-content.forum-list #ForumPostList li {
  border-bottom: 1px solid #25a855;
  cursor: pointer;
  padding: 15px;
}
.section-content.forum-list #ForumPostList li.trade {
  background-color: #d7ebbc;
}
.section-content.forum-list #ForumPostList li.trade.withimage .post-content {
  float: left;
  width: 78%;
  margin-left: 2%;
}
@media screen and (max-width: 480px) {
  .section-content.forum-list #ForumPostList li.trade.withimage .post-content {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}
.section-content.forum-list #ForumPostList li.trade.withimage .post-image {
  float: left;
  width: 20%;
}
@media screen and (max-width: 480px) {
  .section-content.forum-list #ForumPostList li.trade.withimage .post-image {
    width: 100%;
  }
}
.section-content.forum-list #ForumPostList li.trade.withimage .post-image img {
  width: 100%;
  height: auto;
}
.section-content.forum-list #ForumPostList li.trade .post-content h5 {
  max-width: 75%;
}
.section-content.forum-list #ForumPostList li.trade .post-content .post-topic {
  color: #fff;
  background: #8fba3e;
  padding: 7px 10px;
  margin-top: -15px;
  margin-right: -15px;
}
.section-content.forum-list #ForumPostList li .post-content h5 {
  font-size: 20px;
  float: left;
  margin-top: 3px;
}
@media screen and (max-width: 860px) {
  .section-content.forum-list #ForumPostList li .post-content h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  .section-content.forum-list #ForumPostList li .post-content h5 {
    font-size: 16px;
  }
}
.section-content.forum-list #ForumPostList li .post-content h5 .badge {
  margin-right: 10px;
  margin-top: -3px;
}
.section-content.forum-list #ForumPostList li .post-content .post-topic {
  color: #dbdbdb;
  text-transform: uppercase;
  float: right;
  font-weight: bold;
  letter-spacing: 0.3px;
}
@media screen and (max-width: 480px) {
  .section-content.forum-list #ForumPostList li .post-content .post-topic {
    font-size: 14px;
  }
}
.section-content.forum-list #ForumPostList li .post-content .post-item-info {
  font-style: italic;
  margin: 5px 0;
}
.section-content.forum-list #ForumPostList li .post-content .post-item-info .post-item-author {
  float: left;
}
.section-content.forum-list #ForumPostList li .post-content .post-item-info .post-item-date {
  float: right;
}
.section-content.forum-list #ForumPostList li .post-content .post-reply-count {
  margin-top: 10px;
  font-weight: bold;
}
.section-content.forum-list #ForumPostList li .post-content .post-reply-count.noreplies {
  font-weight: normal;
}
.section-content.forum-list #ForumPostList li .post-content .post-reply-count span {
  font-weight: bold;
  margin-left: 10px;
}
.section-content .post-list-actions {
  text-align: center;
  padding: 20px 0;
}
.section-content .post-list-actions .loadmore-btn {
  display: none;
}
.section-content .post-list-actions .loadmore-btn .post-count {
  font-weight: bold;
}
.section-content.forum-post .post-content {
  margin-top: 10px;
}
.section-content.forum-post .post-image {
  float: left;
  margin: 0 15px 10px 0;
  width: 30%;
}
@media screen and (max-width: 1000px) {
  .section-content.forum-post .post-image {
    float: none;
    width: 100%;
  }
}
.section-content.forum-post .post-image img {
  width: 100%;
  height: auto;
}
.section-content.forum-post .post-like-wrapper {
  margin: 20px 0 0;
}
.section-content.forum-post .post-like-wrapper .post-likes {
  font-size: 12px;
}
.section-content.forum-post .post-replies {
  margin-top: 40px;
  border-top: 1px solid #25a855;
}
.section-content.forum-post .post-replies h3 {
  margin: 20px 0;
}
.section-content.forum-post .post-replies .reply-list {
  list-style-type: none;
  /*list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);*/
  margin-top: 20px;
}
.section-content.forum-post .post-replies .reply-list li {
  margin-bottom: 30px;
}
.section-content.forum-post .post-replies .reply-list li.child {
  padding-left: 1.5%;
  margin-left: 1.5%;
  border-left: 1px solid #25a855;
}
.section-content #PostFormWrapper h3 {
  float: left;
}
.section-content #PostFormWrapper .requirements {
  float: left;
  font-size: 11px;
  margin: 15px 0 0 10px;
}
@media screen and (max-width: 480px) {
  .section-content #PostFormWrapper .requirements {
    float: right;
    margin: 0;
  }
}
.section-content #PostFormWrapper ul {
  list-style-type: none;
  /*list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);*/
}
.section-content #PostFormWrapper ul li {
  padding-bottom: 15px;
  float: left;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 480px) {
  .section-content #PostFormWrapper ul li .mceWrapper .mceFirst .mceToolbar td a {
    width: 17px;
    margin-right: 0;
  }
}
.section-content #PostFormWrapper ul li.picture-option .svyFiledragProgess {
  width: auto !important;
  height: auto;
  line-height: 100%;
  margin-top: 20px;
}
.section-content #PostFormWrapper ul li.picture-option .svyFiledragLive img {
  max-width: 320px;
}
@media screen and (max-width: 480px) {
  .section-content #PostFormWrapper ul li.picture-option .svyFiledragLive img {
    max-width: 100%;
  }
}
.section-content #PostFormWrapper ul li.picture-option #svyPasteImageLink_Picture,
.section-content #PostFormWrapper ul li.picture-option #svyDragImageLink_Picture {
  display: none !important;
}
.section-content #PostFormWrapper ul li.half {
  width: 50%;
}
@media screen and (max-width: 480px) {
  .section-content #PostFormWrapper ul li.half {
    width: 100%;
  }
}
.section-content #PostFormWrapper ul li.half:nth-child(odd) {
  padding-right: 1%;
}
@media screen and (max-width: 480px) {
  .section-content #PostFormWrapper ul li.half:nth-child(odd) {
    padding-right: 0;
  }
}
.section-content #PostFormWrapper ul li.half:nth-child(even) {
  padding-left: 1%;
}
.section-content #PostFormWrapper ul li label {
  display: block;
  padding-left: 17px;
  margin-bottom: 5px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .section-content #PostFormWrapper ul li label {
    padding-left: 0;
  }
}
.section-content #PostFormWrapper ul li #AgreedTerms + label {
  padding-left: 0;
  margin-bottom: 0;
  cursor: pointer;
  width: auto;
  display: inline-block;
}
.section-content #PostFormWrapper ul li .mceWrapper {
  width: 100%;
}
.section-content #PostFormWrapper ul li .bodyTextHtmlValidation {
  right: 150px;
  position: absolute;
}
.section-content #PostFormWrapper ul li .agreedTermsValidation {
  position: absolute;
  left: 28px;
}
.section-content #PostFormWrapper ul li .svyPicContainer #svyDragImageLink_Picture,
.section-content #PostFormWrapper ul li .svyPicContainer #svyPasteImageLink_Picture {
  display: none;
}
.section-content #PostFormWrapper ul li .svyPicContainer input[type=file] {
  min-height: 34px;
  max-width: 180px;
  position: relative;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}
.section-content #PostFormWrapper ul li .svyPicContainer .btn {
  position: absolute;
  left: 0;
  min-width: 180px;
  text-align: center;
  z-index: 0;
  margin-top: 2px;
}
.section-content #PostFormWrapper ul li .svyPicContainer .svyCancelPaste .btn {
  position: relative;
}
.section-content #PostFormWrapper ul li.actions {
  text-align: right;
}
.section-content #ProcessingPost {
  display: none;
  margin: 10px 0;
}
.section-content #PostResponse {
  display: none;
  margin: 10px 0;
}

#ForumListItemTemplate {
  display: none;
}

/* End Page Specific Styles*/
body {
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  opacity: 1 !important;
}

/*# sourceMappingURL=site.css.map */