/* $ts_menu_bg: #d1200f; */
body {
  background: #fff;
  font-family: helvetica, arial, sans-serif;
  font-size: 14px;
  color: #333;
  letter-spacing: 0px;
  margin: 0px;
  cursor: default;
  margin: 0px;
  padding: 0px; }

/*a { text-decoration: none; }*/
a:link, a:visited {
  background: default;
  color: #333; }

a:hover, a:active {
  background: default;
  color: #333; }

.box a:link, .box a:visited {
  background: default;
  color: black; }

.box a:hover, .box a:active {
  background: default;
  color: black; }

img {
  border: none;
  max-width: 100%; }

h1, h2, h3, h4, h5 {
  font-family: roboto condensed, helvetica, arial, sans-serif; }

h1 {
  font-size: 24px;
  font-weight: normal;
  color: #414141;
  margin: 0px 0px 40px; }

h1.category {
  text-align: center; }

h2 {
  font-size: 18px;
  font-weight: normal;
  margin: 0px 0px 10px; }

h3 {
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0px 10px; }

/* p { margin: 20px 0px 0px; line-height: 140%; } */
.small {
  font-size: 12px; }

#wrapper {
  width: 80%;
  max-width: 1200px;
  min-width: 270px;
  margin: 10px auto;
  padding: 10px 0px;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#header {
  width: 100%;
  margin: 0px 0px 10px;
  padding: 0px 0px 10px;
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#logo {
  float: left;
  width: 100%;
  max-width: 310px;
  margin: 10px 0px;
  padding: 0px; }

#logo img {
  width: 100%;
  clear: both;
  opacity: 0.9; }

#contact_details {
  float: right;
  text-align: right;
  line-height: 24px;
  margin: 10px 0px;
  padding: 0px;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#contact_details a, .contact_details a {
  text-decoration: none;
  color: #666; }

#contact_details a:link, #contact_details a:visited,
.contact_details a:link, .contact_details a:visited {
  color: #666; }

#contact_details a:hover, #contact_details a:active,
.contact_details a:hover, .contact_details a:active {
  color: #666; }

.contact_details {
  line-height: 24px;
  color: #555; }

/* #menu { font-size: 13px; font-weight: normal; text-align: center; float: left; clear: both; margin: 10px 0px; padding: 10px 0px; } */
/* #menu { width: 100%; font-family: roboto condensed, helvetica, arial, sans-serif; font-size: 16px; text-transform: uppercase; text-align: center; } */
/* #menu ul { */
/*     list-style: none; margin: 0px auto; padding: 0px; width: 100%; */
/*     display: flex; */
/*     flex-wrap: wrap; */
/*     justify-content: space-between; */
/* } */
/* #menu ul li { */
/*     background-color: #fff; float: left; margin: 10px; padding: 0px; color: #000; width: 174px; */
/*     /1* border: 1px solid #191811; *1/ */
/*     /1* border-radius: 12px 5px 12px 5px; *1/ */
/* } */
/* /1* #menu ul li:first-child { margin-left: 0px; } *1/ */
/* #menu ul li a { */
/*     display: block; text-decoration: none; padding: 10px 0px; margin: 0px; color: #000; */
/* } */
/* #menu ul li:hover { */
/*     /1* background-color: #ededed; *1/ */
/*     /1* color: #000; *1/ */
/*     background-color: $ts_menu_bg; */
/*     color: #fff; */
/* } */
/* /1* #menu ul li:hover a { color: #000; } *1/ */
/* #menu ul li:hover a { color: #fff; } */
/* /1* #menu ul li.selected { background-color: #333; } *1/ */
/* #menu ul li.selected { background-color: $ts_menu_bg; } */
/* #menu ul li.selected a { color: #fff; } */
/* #menu ul li.root a { cursor: default; } */
#icons_wrapper {
  display: none;
  width: 100%;
  float: left;
  clear: both;
  text-align: center;
  margin: 0px;
  padding: 0px; }

#menu_icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin: 0px auto 10px;
  padding: 10px 0px; }

.ts_menu {
  float: left;
  clear: both;
  width: 100%;
  font-family: roboto condensed, helvetica, arial, sans-serif;
  font-size: 16px;
  text-align: left;
  margin: 10px 0px;
  padding: 10px 0px; }

.ts_menu ul {
  list-style: none;
  margin: 0px auto;
  padding: 0px;
  width: 100%;
  white-space: nowrap;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center; }

.ts_menu a {
  display: block;
  float: left;
  min-width: 160px;
  background: rgba(255, 255, 255, 0.75);
  color: #333;
  line-height: 20px;
  text-decoration: none;
  margin: 3px;
  padding: 10px 20px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* border: 1px solid transparent; */
  border: 1px solid #333333; }

.ts_menu li {
  list-style: none;
  display: inline;
  border: 3px solid transparent;
  margin: 0px;
  padding: 0px;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.75); }

.ts_menu ul li a:hover {
  background-color: rgba(255, 255, 255, 0.75);
  color: #333; }

.ts_menu ul li a.selected {
  background-color: rgba(255, 255, 255, 0.75);
  color: #333; }

.ts_menu ul:first-child > li > a.selected {
  cursor: pointer; }

.ts_menu ul li a.selected.root {
  cursor: default; }

/* .ts_menu ul ul { display: none; } */
/* .ts_menu ul ul a { border: 1px solid #000; } */
.ts_menu ul ul {
  display: block;
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: absolute;
  left: -9999px;
  top: 0px;
  z-index: 1000;
  font-size: 14px; }

.ts_menu ul ul li {
  float: left;
  border: 3px solid transparent;
  margin: 0px 0px;
  text-align: left; }

.ts_menu a.fly {
  background: rgba(255, 255, 255, 0.75) url(/static/images/flyout/arrow_b.png?954396f8d62f) no-repeat calc(100% - 6px) center; }

.ts_menu a.selected {
  background-color: rgba(255, 255, 255, 0.75);
  color: #333;
  cursor: default; }

.ts_menu a.fly.parent {
  background: rgba(255, 255, 255, 0.75) url(/static/images/flyout/arrow_b.png?954396f8d62f) no-repeat calc(100% - 6px) center;
  color: #333; }

.ts_menu a.fly.selected {
  background: rgba(255, 255, 255, 0.75) url(/static/images/flyout/arrow_b.png?954396f8d62f) no-repeat calc(100% - 6px) center;
  color: #333; }

.ts_menu li:hover {
  position: relative; }

.ts_menu :hover > ul {
  left: -3px;
  top: 51px; }

.ts_menu ul li ul :hover > ul {
  left: calc(100% + 3px);
  top: -3px; }

.ts_menu :hover > a {
  background-color: rgba(255, 255, 255, 0.75);
  color: #333; }

.ts_menu :hover > a.selected {
  background-color: rgba(255, 255, 255, 0.75);
  color: #333; }

.ts_menu :hover > a.fly {
  background: rgba(255, 255, 255, 0.75) url(/static/images/flyout/arrow_b.png?954396f8d62f) no-repeat calc(100% - 6px) center; }

.ts_menu :hover > a.fly.parent {
  background: rgba(255, 255, 255, 0.75) url(/static/images/flyout/arrow_b.png?954396f8d62f) no-repeat calc(100% - 6px) center; }

.ts_menu :hover > a.fly.selected {
  background: rgba(255, 255, 255, 0.75) url(/static/images/flyout/arrow_b.png?954396f8d62f) no-repeat calc(100% - 6px) center; }

html.mobile .ts_menu li:hover ul {
  display: none; }

#side_menu {
  width: 25%;
  margin: 10px;
  padding: 0px; }

#side_menu .flyout {
  float: left;
  padding: 40px 0px;
  margin: 40px 0px;
  list-style: none;
  position: relative;
  left: -1px;
  width: 190px; }

#side_menu .flyout {
  font-family: roboto condensed, arial, helvetica, sans-serif;
  font-size: 14px;
  text-transform: uppercase; }

#side_menu .flyout ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: absolute;
  left: -9999px;
  top: 0px; }

#side_menu .flyout li {
  float: left;
  border: 5px solid transparent;
  border-top: none;
  margin: 0px 0px; }

#side_menu .flyout a {
  display: block;
  float: left;
  width: 160px;
  background: rgba(255, 255, 255, 0.75);
  color: #333;
  line-height: 24px;
  text-decoration: none;
  padding: 10px 20px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* border: 1px solid #191811; */
  /* border: 1px solid transparent; */
  /* border-radius: 12px 6px 12px 6px; */
  border: 1px solid #333333; }

#side_menu .flyout a.fly {
  background: rgba(255, 255, 255, 0.75) url(/static/images/flyout/arrow_b.png?954396f8d62f) no-repeat calc(100% - 6px) center; }

#side_menu .flyout a.selected {
  /* background-color: #333; color: #fff; cursor: default; */
  background-color: rgba(255, 255, 255, 0.75);
  color: #333;
  cursor: default; }

#side_menu .flyout a.fly.parent {
  /* background: #ededed url(/static/images/flyout/arrow_b.png?954396f8d62f) no-repeat right center; color: #333; */
  background: rgba(255, 255, 255, 0.75) url(/static/images/flyout/arrow_b.png?954396f8d62f) no-repeat calc(100% - 6px) center;
  color: #333; }

#side_menu .flyout a.fly.selected {
  /* background: #333 url(/static/images/flyout/arrow_w.png?954396f8d62f) no-repeat right center; color: #333; */
  background: rgba(255, 255, 255, 0.75) url(/static/images/flyout/arrow_b.png?954396f8d62f) no-repeat calc(100% - 6px) center;
  color: #333; }

#side_menu .flyout li:hover {
  position: relative; }

#side_menu .flyout :hover > ul {
  left: 100%;
  top: 0px; }

#side_menu .flyout :hover > a {
  /* background-color: #ededed; */
  /* color: #333; */
  background-color: rgba(255, 255, 255, 0.75);
  color: #333; }

#side_menu .flyout :hover > a.selected {
  /* background: #333; */
  /* color: #333; */
  background-color: rgba(255, 255, 255, 0.75);
  color: #333; }

#side_menu .flyout :hover > a.fly {
  /* background: #ededed url(/static/images/flyout/arrow_b.png?954396f8d62f) no-repeat right center; */
  background: rgba(255, 255, 255, 0.75) url(/static/images/flyout/arrow_b.png?954396f8d62f) no-repeat calc(100% - 6px) center; }

#side_menu .flyout :hover > a.fly.parent {
  /* background: #ededed url(/static/images/flyout/arrow_b.png?954396f8d62f) no-repeat right center; */
  background: rgba(255, 255, 255, 0.75) url(/static/images/flyout/arrow_b.png?954396f8d62f) no-repeat calc(100% - 6px) center; }

#side_menu .flyout :hover > a.fly.selected {
  /* background: #333 url(/static/images/flyout/arrow_w.png?954396f8d62f) no-repeat right center; */
  background: rgba(255, 255, 255, 0.75) url(/static/images/flyout/arrow_b.png?954396f8d62f) no-repeat calc(100% - 6px) center; }

#breadcrumbs {
  width: 100%;
  margin: 10px;
  padding: 10px;
  float: left;
  clear: both;
  font-size: 12px;
  color: #999;
  display: none; }

#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:hover, #breadcrumbs a:active {
  background: default;
  color: #999; }

#breadcrumbs ul {
  display: inline;
  margin: 0px;
  padding: 0px; }

#breadcrumbs li {
  list-style: none;
  float: left;
  margin: 0px 2px; }

#breadcrumbs li:after {
  content: ' /'; }

#breadcrumbs li.last:after {
  content: ''; }

#breadcrumbs li.last a {
  background: inherit;
  color: inherit;
  cursor: normal;
  font-weight: bold; }

#userpanel {
  background-color: #333;
  float: none;
  margin: 0px;
  padding: 10px;
  border-bottom: 1px solid #191811;
  color: #fff; }

#userpanel ul {
  display: inline;
  white-space: nowrap;
  list-style: none; }

#userpanel li {
  margin: 0px 0px 0px 32px;
  padding: 2px 0px; }

#userpanel ul ul {
  display: none; }

#userpanel ul li:hover > ul {
  display: inline;
  position: absolute;
  left: 96px;
  top: 27px;
  margin: 0px;
  padding: 0px; }

#userpanel ul li:hover > ul li {
  display: inline;
  float: left;
  margin: 0px 8px; }

#userpanel a:link, #userpanel a:visited {
  background: default;
  color: #fff; }

#userpanel a:hover, #userpanel a:active {
  background: default;
  color: #fff; }

#userpanel {
  background: -webkit-gradient(linear, bottom right, top left, from(#8b7e82), to(#444444));
  background: -webkit-linear-gradient(bottom right, #8b7e82, #444444);
  background: -moz-linear-gradient(bottom right, #8b7e82, #444444);
  background: -ms-linear-gradient(bottom right, #8b7e82, #444444);
  background: -o-linear-gradient(bottom right, #8b7e82, #444444);
  background: linear-gradient(to top left, #8b7e82, #444444);
  background: linear-gradient(to top left, #8b7e82, #444444); }

.box {
  background: white;
  color: #000;
  float: left;
  clear: none;
  margin: 10px 0px;
  padding: 10px 0px;
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* border-radius: 12px 6px 12px 6px; */
  /* border: 1px solid #333; */ }

.box.products {
  /* width: 80%; */
  width: 100%;
  float: left;
  clear: both; }

/* .box.products .categories { display: none; } */
/* #intro { float: left; clear: none; width: calc(50% - 20px); margin: 10px 0px; padding: 10px 0px; } */
#intro {
  float: left;
  /* clear: none; */
  /* width: calc(50% - 20px); */
  width: 100%;
  clear: both;
  margin: 10px 0px;
  padding: 10px 0px; }

.slideshow {
  float: right;
  clear: none;
  width: calc(50% - 20px);
  margin: 30px 0px 20px 20px;
  padding: 0px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none; }

.cycle-slideshow img {
  width: 100%;
  max-width: 1200px;
  /* max-height: 460px; */
  height: auto;
  /* border-radius: 0px 6px 12px 0px; */ }

#rss_feed {
  float: right;
  clear: none; }

#news_item_list {
  float: left;
  clear: both;
  width: 100%;
  margin: 10px 0px;
  padding: 10px 0px;
  text-align: center;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.news_teaser {
  width: 100%;
  float: left;
  clear: both;
  margin: 10px 0px;
  padding: 10px 0px;
  text-align: left;
  border-bottom: 1px solid #ddd;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* .news_teaser.last { border-bottom: 0px; margin-bottom: 0px; } */
.news_teaser h2 a {
  text-decoration: none; }

.news_teaser img {
  float: right;
  width: 100%;
  max-width: 240px;
  margin: 0px 0px 10px 40px;
  padding: 0px;
  /* border-radius: 12px 6px 12px 6px; */
  opacity: 0;
  transition: opacity .2s ease-in; }

.news_teaser_footer {
  float: left;
  clear: both;
  width: 100%;
  margin: 10px 0px 0px; }

.date {
  /* float: left; margin: 0px; padding: 0px; */
  font-size: 12px;
  font-style: italic;
  color: #555; }

#news_item {
  margin: 10px 0px;
  padding: 10px 0px; }

#news_item img {
  float: right;
  margin: 0px 10px 20px 20px;
  padding: 10px;
  width: 100%;
  max-width: 360px;
  /* border-radius: 12px 6px 12px 6px; */
  opacity: 0;
  transition: opacity .2s ease-in; }

.addthis_toolbox {
  margin: 10px 0px 0px; }

.pagination {
  float: right;
  clear: both; }

.url {
  font-size: 12px; }

.tagline {
  font-style: italic; }

#manufacturer_list {
  width: 100%;
  margin: 10px;
  padding: 10px; }

.manufacturer_teaser {
  float: left;
  clear: both;
  width: calc(100% - 20px);
  margin: 20px 0px;
  padding: 10px;
  /* border-bottom: 1px solid #ddd; */ }

.manufacturer_teaser.last {
  border-bottom: 0px; }

.categories {
  margin: 0px;
  padding: 0px;
  font-style: italic;
  color: #999; }

.categories a:link, .categories a:visited, .categories a:hover, .categories a:active {
  background: default;
  color: #999; }

.manufacturer_teaser img {
  float: right;
  margin: 10px 0px 10px 20px;
  padding: 10px 0px 10px 20px; }

/*.manufacturer_teaser.odd { border-top: 1px solid #777; border-bottom: 1px solid #777; }*/
#manufacturer_info img {
  float: right;
  margin: 0px 0px 20px 20px;
  padding: 0px 0px 20px 20px; }

#product_info {
  margin: 10px 0px;
  padding: 10px 0px; }

#product_info img {
  float: right;
  margin: 0px 0px 20px 20px;
  padding: 0px 0px 20px 20px; }

#product_info .condition {
  color: #555; }

#product_info .price {
  text-align: left;
  font-weight: bold; }

.image {
  /* border: 1px solid #999; */ }

.image img {
  opacity: 0;
  transition: opacity .2s ease-in;
  /* border: 1px solid #999; */ }

.sold {
  text-decoration: line-through; }

.thumbs {
  /* width: 100%; */
  /* float: left; */
  clear: both;
  margin: 10px auto;
  padding: 10px 0px;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-around; */
  align-items: center;
  /* justify-content: center; */
  /* align-items: left; */
  /* justify-content: space-between; */ }

.thumbs.images {
  width: 100%;
  float: left; }

.thumb {
  /* width: 100%; */
  /* max-width: 240px; */
  /* min-height: 366px; */
  width: 240px;
  margin: 20px;
  /* padding: 10px; */
  float: left;
  /* border: 1px solid #ddd; */
  /* border-radius: 12px 6px 12px 6px; */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  /* border: 1px solid #999; */
  text-align: center;
  opacity: 0;
  transition: opacity .2s ease-in; }

.thumb_image {
  width: 240px;
  height: 240px;
  display: flex;
  justify-content: center;
  align-items: center; }

.thumb_image img {
  padding: 0px; }

.thumb a {
  text-decoration: none; }

.thumb_info {
  font-size: 12px;
  text-align: left; }

p.thumb_name {
  margin: 10px 0px 0px;
  font-weight: bold;
  font-size: 13px; }

p.thumb_manufacturer {
  margin: 5px 0px 10px; }

p.thumb_condition {
  float: left;
  margin: 0px;
  font-style: italic;
  color: #555; }

p.thumb_price {
  float: right;
  margin: 0px;
  text-align: right;
  font-size: 13px;
  font-weight: bold; }

.thumbs .column {
  width: 100%;
  max-width: 240px;
  display: none; }

.thumbs.manufacturer {
  justify-content: space-around; }

.thumbs.manufacturer .thumb {
  margin: 20px;
  padding: 20px;
  border: 1px solid #999; }

#featured {
  width: 100%;
  float: left;
  clear: both;
  margin: 10px 0px;
  padding: 10px 0px;
  /* border-radius: 12px 6px 12px 6px; */
  /* background-color: #fafafa; */ }

#featured h3 {
  margin: 8px 0px 8px 8px; }

#product_reviews {
  width: 100%;
  float: left;
  clear: both;
  border-top: 1px solid #777;
  padding: 10px 0px 0px; }

#product_image h1 {
  margin: 0px; }

#product_image #image {
  text-align: center;
  width: 100%;
  max-width: 360px;
  margin: 10px 0px;
  padding: 10px 0px; }

#product_image #image img {
  width: 100%;
  max-width: 360px;
  margin: 0px auto; }

#image_nav {
  float: right;
  margin-top: 5px; }

.caption {
  float: left;
  clear: left;
  font-size: 12px; }

.return_link {
  float: right;
  clear: right;
  margin: 10px 0px;
  padding: 10px 0px; }

#products h1 {
  font-size: 16px;
  margin-bottom: 32px; }

#products h2 {
  font-size: 20px; }

#products .category {
  margin: 48px auto;
  text-align: center; }

#products .category h2 {
  display: inline; }

#products .category img {
  padding: 0px 4px 12px; }

#products a:hover {
  background: none; }

.review_teaser {
  margin: 10px 0px; }

.review_teaser p {
  font-style: italic;
  margin-bottom: 0px; }

.review_teaser img {
  float: right; }

#review_header {
  float: left;
  width: 100%; }

#review_header img {
  float: right;
  margin: 32px 0px 0px; }

#review {
  float: left;
  padding: 10px 0px;
  margin: 10px 0px;
  border-top: 1px solid #777; }

#review p {
  margin-bottom: 0px; }

#review img {
  float: right;
  margin-bottom: 10px; }

#review_link {
  clear: both;
  border-top: 1px solid #777;
  padding-top: 10px; }

#footer {
  width: 100%;
  float: left;
  clear: both;
  margin: 10px 0px;
  padding: 10px 0px;
  color: #666;
  /* background: #fcfcfc; */
  /* border-top: 1px solid #999; */ }

#footer a {
  text-decoration: none;
  color: #666; }

#footer a:link, #footer a:visited {
  color: #666; }

#footer a:hover, #footer a:active {
  color: #666; }

#footer_menu {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: left; }

#copyright_notice {
  float: right;
  margin: 0px;
  padding: 0px;
  text-align: right;
  color: #000; }

label {
  float: left;
  clear: left;
  text-align: right;
  margin: 0px;
  padding: 0px; }

.required label:after {
  content: '*'; }

.required li label:after {
  content: none; }

input, textarea, button {
  border: 1px solid #ddd;
  /* border-radius: 12px 5px 12px 5px; */
  background: none;
  color: #000;
  margin: 0px;
  padding: 4px;
  float: right;
  clear: right;
  font-family: inherit;
  font-size: inherit; }

textarea {
  overflow: auto;
  scrollbar-base-color: white;
  scrollbar-face-color: white;
  scrollbar-track-color: white;
  scrollbar-arrow-color: black;
  scrollbar-highlight-color: black;
  scrollbar-3dlight-color: black;
  scrollbar-shadow-color: black;
  scrollbar-darkshadow-color: black; }

button {
  float: right;
  clear: both;
  cursor: pointer;
  margin: 4px 0px;
  padding: 4px 12px;
  background: white;
  color: black; }

button:hover {
  border: 1px solid #000;
  /* background-color: #ededed; */ }

input:active, input:focus, textarea:active, textarea:focus, button:active, button:focus {
  border: 1px solid #aaa; }

.field {
  padding: 3px 0px; }

.field div {
  display: table-cell;
  vertical-align: top; }

.label {
  width: 90px;
  text-align: right;
  padding: 0px 8px 0px 0px; }

.label label {
  width: inherit; }

.label .help {
  font-size: 11px;
  width: inherit; }

.error, .errorlist {
  color: red;
  margin: 0px;
  padding: 0px;
  font-size: 10px; }

.errorlist {
  width: 340px;
  list-style: none;
  margin: 0px 0px 10px;
  padding: 0px; }

.messages {
  color: green;
  font-size: 11px;
  list-style: none;
  margin: 10px 0px;
  padding: 0px; }

.errorlist li, .messages li {
  margin-left: 10px; }

.errors {
  color: red; }

.requiredkey {
  font-size: 12px;
  float: right;
  clear: right;
  color: red; }

#contact_form {
  width: 612px;
  margin: 10px auto 0px; }

#contact_form .label {
  width: 100px; }

#contact_form input {
  width: 260px; }

#contact_form input#email {
  width: 340px; }

#contact_form input#subject {
  width: 420px; }

#contact_form textarea {
  width: 494px;
  height: 260px; }

.prev, .next, #up, #down {
  position: absolute;
  z-index: 3;
  cursor: pointer; }

.prev {
  width: 50%;
  height: 100%;
  left: 0px;
  top: 0px; }

.next {
  width: 50%;
  height: 100%;
  right: 0px;
  top: 0px; }

.prev {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8wOS8xNZ07fA0AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAhklEQVRYhe3XsQ3AMAhE0SQrsf8oeJVLldIS4DtRBCQqiv8KN74BXJ3ztNYH8BvAWmv/0gFI191hZtjdW+NSQCQuA0TjEkAmTgdk41RAJU4DVOMUwEmcAjAzuHsf4BRBAZwgaIAqggqoIOiALEICyCBkgChCCogg5IAPsbvdwHxMBjCA3nkBK1ATOAGujsAAAAAASUVORK5CYII=) 16 16, pointer !important; }

.next {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8wOS8xNZ07fA0AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAiklEQVRYhe3XsQ3AIAxE0ZCVvP8oZpXLBAk23MkpjERn67+ChgHgqjx3ab0BvwfMOfUvFMDrNTO4O75mTu9yQI0IDSkR4UEVIjWsQKQX2IitJSZie5GFOFpmII4A7g4zqwEw4tsAVnwLwIynAex4CqCIhwGqeAigjC8B6vgSoI4DuAbQH5MGNKD2PMVyEzhIoIjnAAAAAElFTkSuQmCC) 16 16, pointer !important; }

.prev.inactive, .next.inactive {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8wOS8xNZ07fA0AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAARElEQVRYhe3X0QkAMAxCwaYzZf9RXMUOkYAUngt4BPJh2T7J3Gg7AABTgCR39+iN/r4AAAAAAAAAAADARophAgBAGvAApGkLbSCagXoAAAAASUVORK5CYII=) 16 16, pointer !important; }

.x_cursor, .x_cursor.inactive {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8wOS8xNZ07fA0AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAi0lEQVRYhe2XQQ7AIAgEa78E//8JfGW99tDaCiSbJpB4QxiVRR0ADqad1OwN0AArAHeHqqYl8hoHwOMwM4gIVj7Z+SVBMvNKg0X8y1e0C1u6rZHjKiusaK1sA9wly6glBHBNmpVqGCC78n/vALUGqCqg9gFqJ6TeBdTbkPoeqGgyX+IMoD8mDdAAXJuzZq4zux6uEAAAAABJRU5ErkJggg==) 16 16, pointer !important; }

.prev .arrow.icon {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /*http://css-tricks.com/svg-fallbacks/*/
  /*background: url(/static/images/icons/icons.25x25_bw.png) no-repeat -100px 0;*/
  /*background: linear-gradient(transparent, transparent), url(/static/images/icons/icons.25x25_bw.svg) no-repeat -100px 0;*/
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8wOS8xNZ07fA0AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAhklEQVRYhe3XsQ3AMAhE0SQrsf8oeJVLldIS4DtRBCQqiv8KN74BXJ3ztNYH8BvAWmv/0gFI191hZtjdW+NSQCQuA0TjEkAmTgdk41RAJU4DVOMUwEmcAjAzuHsf4BRBAZwgaIAqggqoIOiALEICyCBkgChCCogg5IAPsbvdwHxMBjCA3nkBK1ATOAGujsAAAAAASUVORK5CYII=) -9px -3px no-repeat;
  cursor: inherit; }

.next .arrow.icon {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /*http://css-tricks.com/svg-fallbacks/*/
  /*background: url(/static/images/icons/icons.25x25_bw.png) no-repeat -125px 0;*/
  /*background: linear-gradient(transparent, transparent), url(/static/images/icons/icons.25x25_bw.svg) no-repeat -125px 0;*/
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8wOS8xNZ07fA0AAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAiklEQVRYhe3XsQ3AIAxE0ZCVvP8oZpXLBAk23MkpjERn67+ChgHgqjx3ab0BvwfMOfUvFMDrNTO4O75mTu9yQI0IDSkR4UEVIjWsQKQX2IitJSZie5GFOFpmII4A7g4zqwEw4tsAVnwLwIynAex4CqCIhwGqeAigjC8B6vgSoI4DuAbQH5MGNKD2PMVyEzhIoIjnAAAAAElFTkSuQmCC) 0 -3px no-repeat;
  cursor: inherit; }

.prev .arrow_wrapper, .next .arrow_wrapper {
  position: absolute;
  /*border: 1px solid $cs_dark;*/
  width: 45px;
  height: 45px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  /*background-color: rgba(255, 255, 255, $cs_opacity);*/
  /*border-color: rgba(0, 0, 0, $cs_opacity)!important;*/
  /*opacity: $cs_opacity;*/
  /*filter: alpha(opacity=$cs_opacity*10);*/
  z-index: 3;
  cursor: inherit;
  display: none; }

body.dark .prev .arrow_wrapper, body.dark .next .arrow_wrapper {
  /*background-color: rgba(51, 51, 51, $cs_opacity);*/
  /*border-color: rgba(255, 255, 255, $cs_opacity)!important;*/
  /*opacity: $cs_opacity;*/
  /*filter: alpha(opacity=$cs_opacity*10);*/ }

body.dark .prev .arrow.icon {
  background-position: -100px -25px; }

body.dark .next .arrow.icon {
  background-position: -125px -25px; }

/*.prev .arrow_wrapper { left: 10%; }*/
/*.next .arrow_wrapper { right: 10%; }*/
.prev .arrow_wrapper {
  left: 0; }

.next .arrow_wrapper {
  right: 0; }

.prev.inactive .arrow_wrapper, .next.inactive .arrow_wrapper,
.prev.x_cursor .arrow_wrapper, .next.x_cursor .arrow_wrapper {
  display: none !important; }

.spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 40px;
  height: 40px;
  background-color: #999;
  border-radius: 100%;
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
  z-index: -1;
  display: none; }

.loading .spinner, .featherlight-loading .spinner {
  display: block; }

@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0); }

  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }
@keyframes scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0); }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0; } }
a.offsite {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAACXSURBVBiVbZCxEcQgDATPHjfijG6gC1KpEgJI3IW6gYRa7oO3efP2zSg5rXQjLSRxl6rOxiWSo0SEOWf+S0S43odSSkvvHar6WLiFEKaofd8RY3yAKwCYGcxsQM45tNamzSNaVSfoOA4AQCnlC3jvSZK1VuacWWuliPD0ISIk+QMv+GwM8KrpauccUkqvb9wAIITw2rzrAwYSf6693Ac7AAAAAElFTkSuQmCC") no-repeat scroll top right transparent;
  padding-right: 12px; }

@media screen and (max-width: 1000px) {
  #menu ul {
    max-width: 900px; }

  /* .ts_menu a { min-width: 140px; } */
  /* .ts_menu ul ul { display: block; } */
  /* #side_menu { display: none; } */
  /* .box, .box.products { width: 100%; float: left; } */
  /* .box.products .categories { display: inline; } */
  .slideshow {
    width: 100%;
    text-align: center;
    margin: 0px auto 40px;
    float: none;
    clear: both; }

  .cycle-slideshow {
    /* width: 80%; */
    /* margin: 0px auto; */
    /* float: none; clear: both; */ }

  /* #intro { width: 100%; } */ }
@media screen and (max-width: 920px) {
  .ts_menu ul {
    flex-wrap: wrap; }

  .ts_menu {
    width: 160px;
    float: none;
    margin: 0px auto;
    padding: 0px; }

  .ts_menu ul ul {
    diaplay: none; }

  .ts_menu ul li ul :hover > ul {
    left: -9999px;
    top: 0px; }

  .ts_menu a.fly,
  .ts_menu a.fly.parent,
  .ts_menu a.fly.selected,
  .ts_menu :hover > a.fly,
  .ts_menu :hover > a.fly.parent,
  .ts_menu :hover > a.fly.selected {
    background-image: none; }

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

  #menu ul {
    max-width: 400px; }

  .ts_menu {
    display: none; }

  #icons_wrapper {
    display: block; } }
@media screen and (max-width: 700px) {
  #contact_details {
    float: none;
    clear: both;
    margin: 20px 0px 0px;
    padding: 10px 0px;
    width: 100%; }

  #contact_wrapper {
    width: 100%;
    text-align: center; }

  #contact_form {
    width: 538px;
    float: none;
    margin: 0px auto;
    padding: 10px 0px; }

  #contact_form textarea {
    width: 420px; }

  #contact_form label {
    margin: 10px 0px;
    padding: 0px; }

  .news_teaser .image {
    width: 100%;
    text-align: center;
    margin: 0px 0px 20px; }

  .news_teaser img {
    float: none;
    margin: 10px auto; }

  #news_item img {
    float: none;
    margin: 0px auto;
    padding: 10px 0px; } }
@media screen and (max-width: 620px) {
  #header {
    float: none;
    width: 100%;
    text-align: center; }

  #logo {
    float: none;
    margin: 0px auto 10px; }

  #contact_details {
    text-align: center; }

  #menu ul {
    max-width: 180px; }

  #contact_form {
    width: 458px;
    margin: 10px 0px;
    padding: 10px 0px; }

  #contact_form input#subject, #contact_form textarea {
    width: 340px; }

  #contact_form label {
    margin: 10px 0px;
    padding: 0px; } }
@media screen and (max-width: 540px) {
  #contact_form {
    width: 360px; }

  #contact_form input#name, #contact_form input#email, #contact_form input#subject, #contact_form textarea {
    width: 270px; }

  #contact_form .label {
    width: 72px; } }
@media screen and (max-width: 480px) {
  #contact_form {
    width: 100%;
    margin: 0px auto; }

  #contact_form .label, #contact_form .input, #contact_form input, #contact_form textarea {
    width: 100% !important;
    text-align: left;
    float: left; }

  #contact_form label {
    text-align: left; } }