/* first for IE 4–8 */
@font-face {
  font-family: ClanWebPro-Thin;
  src: url("/templates/fonts/ClanWebPro-Thin.eot");
}
@font-face {
  font-family: ClanWebPro-News;
  src: url("/templates/fonts/ClanWebPro-News.eot");
}
@font-face {
  font-family: ClanWebPro-Bold;
  src: url("/templates/fonts/ClanWebPro-Bold.eot");
}
/* then for WOFF-capable browsers */
@font-face {
  font-family: ClanWebPro-Thin;
  src: url("/templates/fonts/ClanWebPro-Thin.woff") format("woff");
}
@font-face {
  font-family: ClanWebPro-News;
  src: url("/templates/fonts/ClanWebPro-News.woff") format("woff");
}
@font-face {
  font-family: ClanWebPro-Bold;
  src: url("/templates/fonts/ClanWebPro-Bold.woff") format("woff");
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.row {
  margin-left: -10px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  margin-left: 10px;
}
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 1190px;
}
.span20 {
  width: 1190px;
}
.span19 {
  width: 1130px;
}
.span18 {
  width: 1070px;
}
.span17 {
  width: 1010px;
}
.span16 {
  width: 950px;
}
.span15 {
  width: 890px;
}
.span14 {
  width: 830px;
}
.span13 {
  width: 770px;
}
.span12 {
  width: 710px;
}
.span11 {
  width: 650px;
}
.span10 {
  width: 590px;
}
.span9 {
  width: 530px;
}
.span8 {
  width: 470px;
}
.span7 {
  width: 410px;
}
.span6 {
  width: 350px;
}
.span5 {
  width: 290px;
}
.span4 {
  width: 230px;
}
.span3 {
  width: 170px;
}
.span2 {
  width: 110px;
}
.span1 {
  width: 50px;
}
.offset20 {
  margin-left: 1210px;
}
.offset19 {
  margin-left: 1150px;
}
.offset18 {
  margin-left: 1090px;
}
.offset17 {
  margin-left: 1030px;
}
.offset16 {
  margin-left: 970px;
}
.offset15 {
  margin-left: 910px;
}
.offset14 {
  margin-left: 850px;
}
.offset13 {
  margin-left: 790px;
}
.offset12 {
  margin-left: 730px;
}
.offset11 {
  margin-left: 670px;
}
.offset10 {
  margin-left: 610px;
}
.offset9 {
  margin-left: 550px;
}
.offset8 {
  margin-left: 490px;
}
.offset7 {
  margin-left: 430px;
}
.offset6 {
  margin-left: 370px;
}
.offset5 {
  margin-left: 310px;
}
.offset4 {
  margin-left: 250px;
}
.offset3 {
  margin-left: 190px;
}
.offset2 {
  margin-left: 130px;
}
.offset1 {
  margin-left: 70px;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
}
.row-fluid:after {
  clear: both;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.12765957%;
  *margin-left: 2.08564277%;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid .span20 {
  width: 168.08510637%;
  *width: 168.04308956%;
}
.row-fluid .span19 {
  width: 159.57446807%;
  *width: 159.53245126%;
}
.row-fluid .span18 {
  width: 151.06382977%;
  *width: 151.02181297%;
}
.row-fluid .span17 {
  width: 142.55319148%;
  *width: 142.51117467%;
}
.row-fluid .span16 {
  width: 134.04255318%;
  *width: 134.00053637%;
}
.row-fluid .span15 {
  width: 125.53191488%;
  *width: 125.48989807%;
}
.row-fluid .span14 {
  width: 117.02127658%;
  *width: 116.97925978%;
}
.row-fluid .span13 {
  width: 108.51063829%;
  *width: 108.46862148%;
}
.row-fluid .span12 {
  width: 99.99999999%;
  *width: 99.95798318%;
}
.row-fluid .span11 {
  width: 91.48936169%;
  *width: 91.44734489%;
}
.row-fluid .span10 {
  width: 82.9787234%;
  *width: 82.93670659%;
}
.row-fluid .span9 {
  width: 74.4680851%;
  *width: 74.42606829%;
}
.row-fluid .span8 {
  width: 65.9574468%;
  *width: 65.91543%;
}
.row-fluid .span7 {
  width: 57.4468085%;
  *width: 57.4047917%;
}
.row-fluid .span6 {
  width: 48.93617021%;
  *width: 48.8941534%;
}
.row-fluid .span5 {
  width: 40.42553191%;
  *width: 40.3835151%;
}
.row-fluid .span4 {
  width: 31.91489361%;
  *width: 31.87287681%;
}
.row-fluid .span3 {
  width: 23.40425532%;
  *width: 23.36223851%;
}
.row-fluid .span2 {
  width: 14.89361702%;
  *width: 14.85160021%;
}
.row-fluid .span1 {
  width: 6.38297872%;
  *width: 6.34096192%;
}
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
}
.container:after {
  clear: both;
}
.container:before,
.container:after {
  display: table;
  content: "";
}
.container:after {
  clear: both;
}
.container-fluid {
  padding-right: 10px;
  padding-left: 10px;
  *zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
}
.container-fluid:after {
  clear: both;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
}
.container-fluid:after {
  clear: both;
}
p {
  margin: 0 0 9.5px;
}
p small {
  font-size: 11px;
  color: #b3b3b3;
}
.lead {
  margin-bottom: 19px;
  font-size: 20px;
  font-weight: 200;
  line-height: 28.5px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  color: #b3b3b3;
}
h1 {
  font-size: 30px;
  line-height: 38px;
}
h1 small {
  font-size: 18px;
}
h2 {
  font-size: 24px;
  line-height: 38px;
}
h2 small {
  font-size: 18px;
}
h3 {
  font-size: 18px;
  line-height: 28.5px;
}
h3 small {
  font-size: 14px;
}
h4,
h5,
h6 {
  line-height: 19px;
}
h4 {
  font-size: 14px;
}
h4 small {
  font-size: 12px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 11px;
  color: #b3b3b3;
  text-transform: uppercase;
}
.page-header {
  padding-bottom: 18px;
  margin: 19px 0;
  border-bottom: 1px solid #cccccc;
}
.page-header h1 {
  line-height: 1;
}
ul,
ol {
  padding: 0;
  margin: 0 0 9.5px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li {
  line-height: 19px;
}
ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
dl {
  margin-bottom: 19px;
}
dt,
dd {
  line-height: 19px;
}
dt {
  font-weight: bold;
  line-height: 18px;
}
dd {
  margin-left: 9.5px;
}
.dl-horizontal dt {
  float: left;
  width: 120px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dd {
  margin-left: 130px;
}
hr {
  margin: 19px 0;
  border: 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #ffffff;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
.muted {
  color: #b3b3b3;
}
abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #b3b3b3;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 19px;
  border-left: 5px solid #cccccc;
}
blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 23.75px;
}
blockquote small {
  display: block;
  line-height: 19px;
  color: #b3b3b3;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #cccccc;
  border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
address {
  display: block;
  margin-bottom: 19px;
  font-style: normal;
  line-height: 19px;
}
small {
  font-size: 100%;
}
cite {
  font-style: normal;
}
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 19px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #c09853;
  border: 1px solid #bc7e48;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #ffffff;
}
.alert-heading {
  color: inherit;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}
.alert-success {
  background-color: #468847;
  border-color: #46773d;
  color: #ffffff;
}
.alert-danger,
.alert-error {
  background-color: #ae0511;
  border-color: #9f0529;
  color: #ffffff;
}
.alert-info {
  background-color: #3a87ad;
  border-color: #318292;
  color: #ffffff;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}
.nav {
  margin-left: 0;
  margin-bottom: 19px;
  list-style: none;
}
.nav > li > a {
  display: block;
}
.nav > li > a:hover {
  text-decoration: none;
  background-color: #cccccc;
}
.nav > .pull-right {
  float: right;
}
.nav .nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 19px;
  color: #b3b3b3;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
.nav li + .nav-header {
  margin-top: 9px;
}
.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list > li > a {
  padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #ae0511;
}
.nav-list [class^="icon-"] {
  margin-right: 2px;
}
.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 8.5px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.nav-tabs,
.nav-pills {
  *zoom: 1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
}
.nav-tabs:after,
.nav-pills:after {
  clear: both;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
}
.nav-tabs:after,
.nav-pills:after {
  clear: both;
}
.nav-tabs > li,
.nav-pills > li {
  float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 19px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #cccccc #cccccc #dddddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: #808080;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
  color: #ffffff;
  background-color: #ae0511;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li > a {
  margin-right: 0;
}
.nav-tabs.nav-stacked {
  border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.nav-tabs.nav-stacked > li > a:hover {
  border-color: #ddd;
  z-index: 2;
}
.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.nav-pills .dropdown-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.nav-tabs .dropdown-toggle .caret,
.nav-pills .dropdown-toggle .caret {
  border-top-color: #ae0511;
  border-bottom-color: #ae0511;
  margin-top: 6px;
}
.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #ae0511;
  border-bottom-color: #ae0511;
}
.nav-tabs .active .dropdown-toggle .caret,
.nav-pills .active .dropdown-toggle .caret {
  border-top-color: #666666;
  border-bottom-color: #666666;
}
.nav > .dropdown.active > a:hover {
  color: #333333;
  cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
  color: #ffffff;
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover {
  border-color: #b3b3b3;
}
.tabbable {
  *zoom: 1;
}
.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
}
.tabbable:after {
  clear: both;
}
.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
}
.tabbable:after {
  clear: both;
}
.tab-content {
  overflow: auto;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover {
  border-color: transparent #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover {
  border-color: #cccccc #dddddd #cccccc #cccccc;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}
.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover {
  border-color: #cccccc #cccccc #cccccc #dddddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
.navbar {
  *position: relative;
  *z-index: 2;
  overflow: visible;
  margin-bottom: 19px;
}
.navbar-inner {
  min-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #5c5c5c;
  background-image: -moz-linear-gradient(top, #666666, #4d4d4d);
  background-image: -ms-linear-gradient(top, #666666, #4d4d4d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#4d4d4d));
  background-image: -webkit-linear-gradient(top, #666666, #4d4d4d);
  background-image: -o-linear-gradient(top, #666666, #4d4d4d);
  background-image: linear-gradient(top, #666666, #4d4d4d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#4d4d4d', GradientType=0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
}
.navbar .container {
  width: auto;
}
.nav-collapse.collapse {
  height: auto;
}
.navbar {
  color: #b3b3b3;
}
.navbar .brand:hover {
  text-decoration: none;
}
.navbar .brand {
  float: left;
  display: block;
  padding: 8px 20px 12px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
  color: #b3b3b3;
}
.navbar .navbar-text {
  margin-bottom: 0;
  line-height: 40px;
}
.navbar .navbar-link {
  color: #b3b3b3;
}
.navbar .navbar-link:hover {
  color: #ffffff;
}
.navbar .btn,
.navbar .btn-group {
  margin-top: 5px;
}
.navbar .btn-group .btn {
  margin: 0;
}
.navbar-form {
  margin-bottom: 0;
  *zoom: 1;
}
.navbar-form:before,
.navbar-form:after {
  display: table;
  content: "";
}
.navbar-form:after {
  clear: both;
}
.navbar-form:before,
.navbar-form:after {
  display: table;
  content: "";
}
.navbar-form:after {
  clear: both;
}
.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 5px;
}
.navbar-form input,
.navbar-form select {
  display: inline-block;
  margin-bottom: 0;
}
.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
  margin-top: 3px;
}
.navbar-form .input-append,
.navbar-form .input-prepend {
  margin-top: 6px;
  white-space: nowrap;
}
.navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0;
}
.navbar-search {
  position: relative;
  float: left;
  margin-top: 6px;
  margin-bottom: 0;
}
.navbar-search .search-query {
  padding: 4px 9px;
  font-family: ClanWebPro-News, "Trebuchet MS", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #ffffff;
  background-color: #8d8d8d;
  border: 1px solid #404040;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.navbar-search .search-query:-moz-placeholder {
  color: #b3b3b3;
}
.navbar-search .search-query:-ms-input-placeholder {
  color: #b3b3b3;
}
.navbar-search .search-query::-webkit-input-placeholder {
  color: #b3b3b3;
}
.navbar-search .search-query:focus,
.navbar-search .search-query.focused {
  padding: 5px 10px;
  color: #666666;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  outline: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/*
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  #grid > .core > .span(@gridColumns);
}
*/
.navbar-fixed-top {
  top: 0;
}
.navbar-fixed-bottom {
  bottom: 0;
}
.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
.navbar .nav.pull-right {
  float: right;
}
.navbar .nav > li {
  display: block;
  float: left;
}
.navbar .nav > li > a {
  float: none;
  padding: 9px 10px 11px;
  line-height: 19px;
  color: #b3b3b3;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar .btn {
  display: inline-block;
  padding: 4px 10px 4px;
  margin: 5px 5px 6px;
  line-height: 19px;
}
.navbar .btn-group {
  margin: 0;
  padding: 5px 5px 6px;
}
.navbar .nav > li > a:hover {
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
}
.navbar .nav .active > a,
.navbar .nav .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #4d4d4d;
}
.navbar .divider-vertical {
  height: 40px;
  width: 1px;
  margin: 0 9px;
  overflow: hidden;
  background-color: #4d4d4d;
  border-right: 1px solid #666666;
}
.navbar .nav.pull-right {
  margin-left: 10px;
  margin-right: 0;
}
.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #5c5c5c;
  background-image: -moz-linear-gradient(top, #666666, #4d4d4d);
  background-image: -ms-linear-gradient(top, #666666, #4d4d4d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#4d4d4d));
  background-image: -webkit-linear-gradient(top, #666666, #4d4d4d);
  background-image: -o-linear-gradient(top, #666666, #4d4d4d);
  background-image: linear-gradient(top, #666666, #4d4d4d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#4d4d4d', GradientType=0);
  border-color: #4d4d4d #4d4d4d #272727;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #4d4d4d;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  background-color: #4d4d4d;
  *background-color: #404040;
}
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #333333 \9;
}
.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}
.navbar .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
.navbar .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 10px;
}
.navbar-fixed-bottom .dropdown-menu:before {
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  bottom: -7px;
  top: auto;
}
.navbar-fixed-bottom .dropdown-menu:after {
  border-top: 6px solid #ffffff;
  border-bottom: 0;
  bottom: -6px;
  top: auto;
}
.navbar .nav li.dropdown .dropdown-toggle .caret,
.navbar .nav li.dropdown.open .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar .nav li.dropdown.active .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: transparent;
}
.navbar .nav li.dropdown.active > .dropdown-toggle:hover {
  color: #ffffff;
}
.navbar .pull-right .dropdown-menu,
.navbar .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.navbar .pull-right .dropdown-menu:before,
.navbar .dropdown-menu.pull-right:before {
  left: auto;
  right: 12px;
}
.navbar .pull-right .dropdown-menu:after,
.navbar .dropdown-menu.pull-right:after {
  left: auto;
  right: 13px;
}
/*
 * Sansibar 2013
 * @created 11.01.2013
 * @author Mario Nitschke
 */
/* Additional Functions */
html {
  height: 100%;
}
*html > body {
  height: 100%;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.tyBody,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: ClanWebPro-News, "Trebuchet MS", Arial, sans-serif;
  font-size: 13px;
  line-height: 19px;
  color: #4d4d4d;
  background-color: #ffffff;
}
.tyDivider {
  *zoom: 1;
  height: 1px;
  min-height: 1px;
  background-color: #cccccc;
  margin: 10px 0;
}
.tyDivider:before,
.tyDivider:after {
  display: table;
  content: "";
}
.tyDivider:after {
  clear: both;
}
.tyDivider:before,
.tyDivider:after {
  display: table;
  content: "";
}
.tyDivider:after {
  clear: both;
}
.tyClear,
.fixfloat {
  *zoom: 1;
  clear: both;
  font-size: 0px;
  margin: 0px;
  padding: 0px;
  line-height: 0px;
}
.tyClear:before,
.fixfloat:before,
.tyClear:after,
.fixfloat:after {
  display: table;
  content: "";
}
.tyClear:after,
.fixfloat:after {
  clear: both;
}
.tyClear:before,
.fixfloat:before,
.tyClear:after,
.fixfloat:after {
  display: table;
  content: "";
}
.tyClear:after,
.fixfloat:after {
  clear: both;
}
.tyFloatl,
.floatl {
  float: left;
}
.tyFloatr,
.floatr {
  float: right;
}
.tyHidden {
  display: none;
}
.tyOpen .tyHidden {
  display: block !important;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
strong,
b {
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  font-weight: 400;
}
blockquote {
  font-size: 13px;
  padding: 9px 10px 2px 10px;
  margin: 7px 0 20px 0;
  border-left: 5px solid #666666;
  background-color: #cccccc;
}
blockquote p {
  font-size: 13px;
  padding: 0;
  margin: 0 0 7px 0;
  line-height: 19px;
}
div:focus,
a:focus,
select:focus {
  outline: none;
}
.tRight {
  text-align: right;
}
.tLeft {
  text-align: left;
}
.tCenter {
  text-align: center;
}
/* Tablet Scrolling */
div {
  -webkit-overflow-scrolling: touch;
}
#editMenue input,
#editMenue select {
  width: auto;
}
/* Links */
a:link,
a:active,
a:visited,
a:hover {
  color: #ae0511;
  text-decoration: none;
  cursor: pointer;
  border: 0;
}
a:hover {
  text-decoration: underline;
  color: #ae0511;
  border: 0;
}
a.tyActive,
a.tyActive:hover {
  text-decoration: none;
  color: #ae0511;
  border: 0;
}
a img {
  border: 0;
}
.div-tyClear {
  *zoom: 1;
  float: none;
}
.div-tyClear:before,
.div-tyClear:after {
  display: table;
  content: "";
}
.div-tyClear:after {
  clear: both;
}
.div-tyClear:before,
.div-tyClear:after {
  display: table;
  content: "";
}
.div-tyClear:after {
  clear: both;
}
.div-tyHS {
  float: left;
}
.div-tyHSr {
  float: right;
}
/* List standard */
.tyList {
  padding: 0 0 8px 15px;
  margin: 0;
  height: auto;
  width: 100%;
}
.tyList li {
  position: relative;
}
/* Global Style Definitions */
.tyVariableText {
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.tyAutoLayer {
  margin: 0 auto;
  float: none;
}
.unavailable {
  opacity: 0.2;
}
.hov-unavailable {
  opacity: 0.2;
}
.hov-available {
  opacity: 1;
}
/* Success and Error Messages */
.tyErrorText {
  color: #ae0511;
  font-weight: 700;
}
.tyErrorText input,
.tyErrorText select {
  border: 1px solid #ae0511 !important;
}
.alert {
  margin: 0 0 20px 0;
  border-radius: 0;
  text-shadow: none !important;
  padding: 8px 10px;
}
.alert p {
  margin: 0;
}
.alert a {
  color: #ffffff;
  text-decoration: underline;
}
.alert a:hover {
  color: #ffffff;
  text-decoration: none;
}
.alert-success {
  background-color: #468847;
  color: #ffffff;
}
.alert-error {
  background-color: #ae0511;
  color: #ffffff;
}
.alert-warning {
  background-color: #c09853;
  color: #ffffff;
}
.alert-info {
  background-color: #3a87ad;
  color: #ffffff;
}
/* .row without margin */
.tyClearBox .row {
  margin: 0 !important;
}
/* Tab borders */
.nav-tabs > li {
  margin-bottom: -2px;
}
.nav-tabs > li > a {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  color: #4d4d4d;
  background-color: #f2f2f2;
  margin-right: 1px;
  border: 0;
}
.nav-tabs > li > a:hover {
  background-color: #ffffff;
  color: #ae0511;
  border-bottom: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
  color: #ae0511;
  margin-right: 0;
}
/* Tab content */
.tab-content {
  padding: 0;
}
/*
 * Sansibar 2013
 * @created 11.01.2013
 * @author Mario Nitschke
 */
/* Content Icons */
.tyIcon-phone {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -20px -20px;
  width: 11px;
  height: 11px;
}
.tyIcon-pencil {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -66px -20px;
  width: 11px;
  height: 11px;
}
.tyIcon-user {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -111px -20px;
  width: 12px;
  height: 11px;
}
.tyIcon-flag {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -156px -20px;
  width: 12px;
  height: 13px;
}
.tyIcon-flag2 {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -201px -20px;
  width: 15px;
  height: 10px;
}
.tyIcon-sheet {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -249px -20px;
  width: 10px;
  height: 13px;
}
.tyIcon-glas {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -296px -20px;
  width: 7px;
  height: 12px;
}
.tyIcon-shirt {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -337px -20px;
  width: 16px;
  height: 12px;
}
.tyIcon-home {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -383px -20px;
  width: 16px;
  height: 10px;
}
.tyIcon-watch {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -431px -20px;
  width: 10px;
  height: 10px;
}
.tyIcon-checked {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -477px -20px;
  width: 9px;
  height: 9px;
}
.tyIcon-arrow-down {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -519px -20px;
  width: 9px;
  height: 4px;
}
.tyIcon-arrow-up {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -558px -20px;
  width: 9px;
  height: 4px;
}
.tyIcon-delete {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -588px -20px;
  width: 10px;
  height: 12px;
}
.tyIcon-start {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -628px -20px;
  width: 13px;
  height: 12px;
}
.tyIcon-search2 {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -661px -20px;
  width: 12px;
  height: 12px;
}
.tyIcon-tags {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -691px -20px;
  width: 11px;
  height: 11px;
}
.tyIcon-calendar {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -722px -20px;
  width: 9px;
  height: 9px;
}
.tyIcon-info {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -751px -20px;
  width: 11px;
  height: 11px;
}
.tyIcon-search {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -18px -136px;
  width: 16px;
  height: 16px;
}
.tyIcon-basket {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -62px -136px;
  width: 16px;
  height: 17px;
}
.tyIcon-thumb {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -106px -136px;
  width: 18px;
  height: 17px;
}
.tyIcon-image {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -152px -136px;
  width: 20px;
  height: 19px;
}
.tyIcon-msg {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -199px -136px;
  width: 18px;
  height: 12px;
}
.tyIcon-pinterest {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -10px -264px;
  width: 32px;
  height: 32px;
}
.tyIcon-twitter {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -56px -264px;
  width: 32px;
  height: 32px;
}
.tyIcon-google {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -101px -264px;
  width: 32px;
  height: 32px;
}
.tyIcon-facebook {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -147px -264px;
  width: 32px;
  height: 32px;
}
.tyIcon-email {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -192px -264px;
  width: 32px;
  height: 32px;
}
.tyIcon-arrow-left {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -66px -409px;
  width: 11px;
  height: 16px;
}
.tyIcon-arrow-right {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -21px -409px;
  width: 11px;
  height: 16px;
}
.tyIcon-close-thin {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -195px -409px;
  width: 11px;
  height: 16px;
  width: 13px;
  height: 13px;
}
.tyIcon-play {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -299px -409px;
  width: 11px;
  height: 16px;
}
.tyIcon-pause {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -248px -409px;
  height: 16px;
  width: 11px;
  height: 14px;
}
.tyIcon-plus {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -350px -409px;
  width: 11px;
  height: 16px;
  width: 14px;
  height: 14px;
}
/* Special for Main Navigation */
.tyIcon19687 {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -296px -20px;
  width: 7px;
  height: 12px;
}
.tyIcon19658 {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -337px -20px;
  width: 16px;
  height: 12px;
}
.tyIcon19744 {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -383px -20px;
  width: 16px;
  height: 10px;
}
.tyIcon19761 {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -201px -20px;
  width: 15px;
  height: 10px;
}
.tyIcon19658Outlet {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -691px -20px;
  width: 11px;
  height: 11px;
}
.tyIcontyNavID2 {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -628px -20px;
  width: 13px;
  height: 12px;
}
.tyIcontyNavID12 {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -156px -20px;
  width: 12px;
  height: 13px;
}
.tyIcontyNavID13 {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -661px -20px;
  width: 12px;
  height: 12px;
}
/* Recipe Icons */
.tyIcon-recipe-basket {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -20px -535px;
  width: 12px;
  height: 13px;
}
.tyIcon-recipe-print {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -66px -535px;
  width: 13px;
  height: 11px;
}
.tyIcon-recipe-fav {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -112px -535px;
  width: 14px;
  height: 14px;
}
.tyIcon-recipe-user {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -159px -535px;
  width: 14px;
  height: 14px;
}
.tyIcon-recipe-time {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -205px -535px;
  width: 14px;
  height: 14px;
}
/* Filter Icons */
.tyIcon-filter-fruit {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -245px -535px;
  width: 12px;
  height: 15px;
}
.tyIcon-filter-location {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -278px -535px;
  width: 9px;
  height: 15px;
}
.tyIcon-filter-arrow {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -306px -535px;
  width: 12px;
  height: 12px;
}
.tyIcon-filter-glas {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -335px -535px;
  width: 8px;
  height: 13px;
}
.tyIcon-article-top {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -199px -657px;
  width: 38px;
  height: 37px;
}
.tyIcon-article-sale {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -141px -657px;
  width: 37px;
  height: 37px;
}
.tyIcon-article-new {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -258px -657px;
  width: 40px;
  height: 40px;
}
/* Outlet Flag Icon */
.tyIcon-outlet {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -20px -657px;
  width: 20px;
  height: 89px;
}
/* Payment Icons Footer */
.tyIcon-payment-amex {
  display: inline-block;
  background-image: url("../img/logo_sprite.png?1");
  background-repeat: no-repeat;
  background-position: -158px 0px;
  width: 49px;
  height: 44px;
}
.tyIcon-payment-mastercard {
  display: inline-block;
  background-image: url("../img/logo_sprite.png?1");
  background-repeat: no-repeat;
  background-position: -158px -262px;
  width: 70px;
  height: 44px;
}
.tyIcon-payment-paypal {
  display: inline-block;
  background-image: url("../img/logo_sprite.png?1");
  background-repeat: no-repeat;
  background-position: -158px -305px;
  width: 80px;
  height: 44px;
}
.tyIcon-payment-visa {
  display: inline-block;
  background-image: url("../img/logo_sprite.png?1");
  background-repeat: no-repeat;
  background-position: -158px -358px;
  width: 68px;
  height: 44px;
}
.tyIcon-payment-amazon {
  display: inline-block;
  background-image: url("../img/logo_sprite.png?1");
  background-repeat: no-repeat;
  background-position: -10px -686px;
  width: 60px;
  height: 38px;
}
/* Partner Icons Footer */
.tyIcon-partner-amex {
  display: inline-block;
  background-image: url("../img/logo_sprite.png?1");
  background-repeat: no-repeat;
  background-position: -10px 0px;
  width: 49px;
  height: 45px;
}
.tyIcon-partner-myloc {
  display: inline-block;
  background-image: url("../img/logo_sprite.png?1");
  background-repeat: no-repeat;
  background-position: -10px -55px;
  width: 71px;
  height: 45px;
}
.tyIcon-partner-airberlin {
  display: inline-block;
  background-image: url("../img/logo_sprite.png?1");
  background-repeat: no-repeat;
  background-position: -10px -107px;
  width: 82px;
  height: 45px;
}
.tyIcon-partner-vorwerk {
  display: inline-block;
  background-image: url("../img/logo_sprite.png?1");
  background-repeat: no-repeat;
  background-position: -10px -151px;
  width: 68px;
  height: 45px;
}
.tyIcon-partner-mercedes {
  display: inline-block;
  background-image: url("../img/logo_sprite.png?1");
  background-repeat: no-repeat;
  background-position: -10px -207px;
  width: 138px;
  height: 45px;
}
/*
 * Sansibar 2013
 * @created 11.01.2013
 * @author Mario Nitschke
 */
/* Single Article for Articlelists */
.tyArticle {
  border: 1px solid #d9d9d9;
  background-color: #f2f2f2;
}
.tyArticle .tyHeadline {
  border-top: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  text-align: center;
  padding: 10px !important;
  height: 44px;
}
.tyArticle .tyHeadline h2 {
  margin: 0;
  font-size: 14px;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  font-weight: normal !important;
  line-height: 19px;
  height: 55px;
  overflow: hidden;
  text-transform: none;
}
.tyArticle .tyHeadline h2 a {
  display: inline;
  text-decoration: none;
  color: #4d4d4d;
}
.tyArticle .tyContentWrap {
  background-color: #f2f2f2;
  text-align: center;
  padding: 10px;
}
.tyArticle .tyContentWrap .tyArticlePrice {
  background-color: #d9d9d9;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  padding: 6px 10px;
  position: relative;
  z-index: 5;
}
.tyArticle .tyContentWrap .tyArticlePrice.tyArticleCampaign {
  color: #ae0511;
}
.tyArticle .tyContentWrap .tyArticlePrice i {
  font-style: normal;
  color: #808080;
  text-decoration: line-through;
  margin-right: 10px;
}
.tyArticle .tyContentWrap .tyArticlePrice span {
  display: block;
  color: #808080;
  font-family: ClanWebPro-News, "Trebuchet MS", Arial, sans-serif;
  font-size: 10px;
  line-height: 12px;
  padding: 3px 0 0 0;
}
.tyArticle .tyContentWrap .tyArticlePrice .tyDetail {
  background-color: #d9d9d9;
  position: absolute;
  text-align: center;
  padding: 6px 10px;
  left: 0;
  top: 0;
  height: 34px;
  width: 208px;
  z-index: 8;
  display: none;
}
.tyArticle .tyContentWrap .tyArticlePrice .tyDetail a {
  background-color: #ae0511;
}
.tyArticle .tyContentWrap .tyArticlePrice .tyDetail.tyQuickOrder {
  width: 188px;
  padding: 6px 20px;
}
.tyArticle .tyContentWrap .tyArticlePrice .tyDetail.tyQuickOrder .tyButton {
  float: left;
}
.tyArticle .tyContentWrap .tyArticlePrice .tyDetail.tyQuickOrder form {
  float: right;
}
.tyArticle .tyContentWrap .tyArticlePrice .tyDetail.tyQuickOrder form button {
  height: 35px;
}
.tyArticle .tyContentWrap .tyArticlePrice .tyDetail.tyQuickOrder form button i {
  margin: 0;
  background-position: -62px -170px;
}
.tyArticle .tyContentWrap .tyArticleOptions {
  border-bottom: 1px solid #d9d9d9;
  height: 45px;
  padding: 8px 10px;
}
.tyArticle .tyContentWrap .tyArticleOptions .tyValue {
  display: block;
  text-align: center;
  font-size: 12px;
  font-family: ClanWebPro-News, "Trebuchet MS", Arial, sans-serif;
  line-height: 19px;
  margin-bottom: 5px;
  z-index: 7;
  height: 19px;
  overflow: hidden;
}
.tyArticle .tyContentWrap .tyArticleOptions .tyValue i {
  font-style: normal;
  margin-right: 3px;
}
.tyArticle .tyContentWrap .tyArticleOptions .tyValue a {
  color: #333333;
}
.tyArticle .tyContentWrap .tyArticleOptions .tyValue a:hover {
  color: #ae0511;
  text-decoration: none;
}
.tyArticle .tyContentWrap .tyArticleOptions .tyValue.tyPreviewThumb {
  margin-bottom: 0;
  height: 18px;
}
.tyArticle .tyContentWrap .tyArticleOptions .tyValue.tyPreviewThumb a {
  text-indent: -9000px;
  width: 16px;
  height: 16px;
  display: inline-block;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.tyArticle .tyContentWrap .tyArticleInfo {
  text-align: center;
  padding: 3px 10px;
  font-size: 10px;
  line-height: 14px;
}
.tyArticle:hover .tyArticlePrice .tyDetail {
  display: block;
}
.tyArticle:hover .tyImageOverlay {
  opacity: 0.4 !important;
  filter: alpha(opacity=40) !important;
}
.tyArticle:hover .tyImageOverlayIcon {
  display: block !important;
}
/* 4 Articles per row */
.ty4ColsPerRow {
  margin-bottom: 20px;
  height: auto;
}
.ty4ColsPerRow .span4 {
  margin-bottom: 0 !important;
}
.ty4ColsPerRow .tyArticle {
  width: 228px;
  height: 533px;
  margin-bottom: 10px;
  overflow: hidden;
}
.ty4ColsPerRow .tyArticle .tyHeadline {
  margin: 0 !important;
}
.ty4ColsPerRow .tyArticle .tyHeadline h2 {
  margin: 0;
  text-transform: none;
}
.ty4ColsPerRow .tyArticle .tyArticleListImage {
  width: 228px;
  height: 330px;
  position: relative;
  background-color: #fdfdfd;
}
.ty4ColsPerRow .tyArticle .tyArticleListImage .tyArticleBadges {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  z-index: 5;
}
.ty4ColsPerRow .tyArticle .tyArticleListImage .tyArticleBadges i {
  margin-bottom: 10px;
}
.ty4ColsPerRow .tyArticle .tyArticleListImage i.tyIcon-outlet {
  position: absolute;
  top: 0px;
  right: 10px;
  z-index: 10;
}
.ty4ColsPerRow .tyArticle .tyArticleListImage a {
  display: block;
  position: relative;
  width: 228px;
  height: 330px;
  border: 0;
}
.ty4ColsPerRow .tyArticle .tyArticleListImage a img {
  border: 0;
  z-index: 3;
}
.ty4ColsPerRow .tyArticle .tyArticleListImage a .tyImageOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 4;
  background: #000000;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ty4ColsPerRow .tyArticle .tyArticleListImage a .tyImageOverlayIcon {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 5;
  background-image: url("../img/imageoverlayicon.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#Black .tyArticleBadges {
  display: none;
}
a.tyPageUri,
a.tyPageNext,
a.tyURIAutoLoad {
  border: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  display: block;
  color: #4d4d4d;
  clear: both;
  margin: 0 0 10px 10px;
  text-decoration: none;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  max-width: 1190px;
  height: 30px;
  line-height: 30px;
}
a.tyPageUri .tyArticleLoadText,
a.tyPageNext .tyArticleLoadText,
a.tyURIAutoLoad .tyArticleLoadText {
  display: none;
}
a.tyPageUri .tyArticleLoadTextPaused,
a.tyPageNext .tyArticleLoadTextPaused,
a.tyURIAutoLoad .tyArticleLoadTextPaused {
  display: none;
}
a.tyPageUri .tyArticleLoadTextJS,
a.tyPageNext .tyArticleLoadTextJS,
a.tyURIAutoLoad .tyArticleLoadTextJS {
  display: block;
}
a.tyPageUri.tyURIAutoLoadTriggered.tyURIAutoLoadTriggeredActive.tyURIAutoLoadDelayed,
a.tyPageNext.tyURIAutoLoadTriggered.tyURIAutoLoadTriggeredActive.tyURIAutoLoadDelayed,
a.tyURIAutoLoad.tyURIAutoLoadTriggered.tyURIAutoLoadTriggeredActive.tyURIAutoLoadDelayed {
  display: block;
}
a.tyPageUri.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused,
a.tyPageNext.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused,
a.tyURIAutoLoad.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused {
  display: block;
  background-image: none;
}
a.tyPageUri.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused:hover,
a.tyPageNext.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused:hover,
a.tyURIAutoLoad.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused:hover {
  color: #ae0511;
}
a.tyPageUri.tyURIAutoLoadTriggered.tyURIAutoLoadCompleted,
a.tyPageNext.tyURIAutoLoadTriggered.tyURIAutoLoadCompleted,
a.tyURIAutoLoad.tyURIAutoLoadTriggered.tyURIAutoLoadCompleted {
  display: none;
}
a.tyPageUri.tyURIAutoLoadTriggered.tyURIAutoLoadCompleted .tyArticleLoadText,
a.tyPageNext.tyURIAutoLoadTriggered.tyURIAutoLoadCompleted .tyArticleLoadText,
a.tyURIAutoLoad.tyURIAutoLoadTriggered.tyURIAutoLoadCompleted .tyArticleLoadText {
  display: block;
}
.js a.tyPageUri,
.js a.tyPageNext,
.js a.tyURIAutoLoad {
  background-image: url("../img/preloader_sansibar.gif");
  background-repeat: no-repeat;
  background-position: 50% 75%;
  height: 50px;
}
.js a.tyPageUri .tyArticleLoadText,
.js a.tyPageNext .tyArticleLoadText,
.js a.tyURIAutoLoad .tyArticleLoadText {
  display: block;
}
.js a.tyPageUri .tyArticleLoadTextPaused,
.js a.tyPageNext .tyArticleLoadTextPaused,
.js a.tyURIAutoLoad .tyArticleLoadTextPaused {
  display: none;
}
.js a.tyPageUri .tyArticleLoadTextJS,
.js a.tyPageNext .tyArticleLoadTextJS,
.js a.tyURIAutoLoad .tyArticleLoadTextJS {
  display: none;
}
.js a.tyPageUri.tyURIAutoLoadTriggered.tyURIAutoLoadTriggeredActive.tyURIAutoLoadDelayed,
.js a.tyPageNext.tyURIAutoLoadTriggered.tyURIAutoLoadTriggeredActive.tyURIAutoLoadDelayed,
.js a.tyURIAutoLoad.tyURIAutoLoadTriggered.tyURIAutoLoadTriggeredActive.tyURIAutoLoadDelayed {
  display: block;
}
.js a.tyPageUri.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused,
.js a.tyPageNext.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused,
.js a.tyURIAutoLoad.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused {
  display: block;
  background-image: none;
}
.js a.tyPageUri.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused .tyArticleLoadTextPaused,
.js a.tyPageNext.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused .tyArticleLoadTextPaused,
.js a.tyURIAutoLoad.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused .tyArticleLoadTextPaused {
  display: block;
}
.js a.tyPageUri.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused .tyArticleLoadText,
.js a.tyPageNext.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused .tyArticleLoadText,
.js a.tyURIAutoLoad.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused .tyArticleLoadText {
  display: none;
}
.js a.tyPageUri.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused .tyArticleLoadTextJS,
.js a.tyPageNext.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused .tyArticleLoadTextJS,
.js a.tyURIAutoLoad.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused .tyArticleLoadTextJS {
  display: none;
}
.js a.tyPageUri.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused:hover,
.js a.tyPageNext.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused:hover,
.js a.tyURIAutoLoad.tyURIAutoLoadTriggered.tyURIAutoLoadDelayed.tyURIAutoLoadTriggeredPaused:hover {
  color: #ae0511;
}
.js a.tyPageUri.tyURIAutoLoadTriggered.tyURIAutoLoadCompleted,
.js a.tyPageNext.tyURIAutoLoadTriggered.tyURIAutoLoadCompleted,
.js a.tyURIAutoLoad.tyURIAutoLoadTriggered.tyURIAutoLoadCompleted {
  display: none;
}
.js a.tyPageUri.tyURIAutoLoadTriggered.tyURIAutoLoadCompleted .tyArticleLoadText,
.js a.tyPageNext.tyURIAutoLoadTriggered.tyURIAutoLoadCompleted .tyArticleLoadText,
.js a.tyURIAutoLoad.tyURIAutoLoadTriggered.tyURIAutoLoadCompleted .tyArticleLoadText {
  display: none;
}
.affix {
  position: fixed;
  top: 0;
  padding: 10px 0 0 0;
  margin: 0 0 0 -10px;
  z-index: 999;
  width: 1210px;
  border-bottom: 0;
  box-shadow: 0 0 7px #888888;
}
.affix .span8 {
  margin-left: 10px;
}
.affix .tyArticleHeader {
  height: 65px;
}
.tyAffixWrapper {
  height: 70px;
}
.tyArticleDetail {
  overflow: hidden;
}
.tyArticleDetail .span4,
.tyArticleDetail .span8,
.tyArticleDetail .span12,
.tyArticleDetail .span16 {
  margin-bottom: 20px;
}
.tyArticleDetail .tyArticleHeader {
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  background-color: #ffffff;
  height: 65px;
}
.tyArticleDetail .tyArticleHeader .span8 {
  margin-bottom: 10px;
}
.tyArticleDetail .tyArticleHeader .span12 {
  margin-bottom: 10px;
}
.tyArticleDetail .tyArticleHeader .tyArticleName {
  overflow: hidden;
  height: 45px;
}
.tyArticleDetail .tyArticleHeader .tyArticleName h1 {
  margin: 0;
  padding: 0;
  width: auto;
  font-size: 19px;
  line-height: 24px;
  border: 0;
  float: left;
  height: auto;
  margin: 0 10px 0 0;
}
.tyArticleDetail .tyArticleHeader .tyArticleOption {
  height: 38px;
  float: right;
  margin-right: 10px;
  position: relative;
}
.tyArticleDetail .tyArticleHeader .tyArticleOption .tyOptionValue {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  width: auto;
  height: 38px;
  overflow: hidden;
  margin-right: 10px;
  float: left;
}
.tyArticleDetail .tyArticleHeader .tyArticleOption .tyOptionValue li {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  width: auto;
  height: 38px;
  display: block;
  background-color: #4d4d4d;
  border-bottom: 1px solid #cccccc;
}
.tyArticleDetail .tyArticleHeader .tyArticleOption .tyOptionValue li a {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  line-height: 38px;
  display: block;
  color: #ffffff;
  text-align: center;
  border: 0;
  padding: 0 11px;
  font-size: 13px;
  text-decoration: none;
}
.tyArticleDetail .tyArticleHeader .tyArticleOption .tyOptionValue:last-child {
  border: 0;
}
.tyArticleDetail .tyArticleHeader .tyArticleOption .tyOptionValue:hover {
  overflow: visible;
  height: auto;
}
.tyArticleDetail .tyArticleHeader .tyArticleOption .tyOptionValue:hover li:hover {
  background-color: #ae0511;
}
.tyArticleDetail .tyArticleHeader .tyArticleOption .tyOptionImage {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  float: left;
  width: auto;
  overflow: hidden;
}
.tyArticleDetail .tyArticleHeader .tyArticleOption .tyOptionImage li {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  width: 38px;
  height: 38px;
  display: block;
  background-color: #4d4d4d;
  border-bottom: 1px solid #cccccc;
}
.tyArticleDetail .tyArticleHeader .tyArticleOption .tyOptionImage li a {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  width: 38px;
  height: 38px;
  display: block;
}
.tyArticleDetail .tyArticleHeader .tyArticleOption .tyOptionImage li a img {
  width: 38px;
  height: 38px;
}
.tyArticleDetail .tyArticleHeader .tyArticleOption .tyOptionImage:last-child {
  border: 0;
}
.tyArticleDetail .tyArticleHeader .tyArticleOption .tyOptionImage:hover {
  overflow: visible;
  height: auto;
}
.tyArticleDetail .tyArticleHeader .tyArticleBasket {
  overflow: hidden;
  height: 38px;
  float: right;
}
.tyArticleDetail .tyArticleHeader .tyArticleBasket form {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}
.tyArticleDetail .tyArticleHeader .tyArticleBasket form span.tyBasketDivider {
  display: inline;
  padding: 0 5px;
  font-weight: 400;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  line-height: 38px;
}
.tyArticleDetail .tyArticleHeader .tyArticleBasket form input {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: 1px solid #cccccc;
  box-shadow: none;
  width: 26px;
  height: 36px;
  line-height: 38px;
  float: left;
  display: inline;
  text-align: center;
  padding: 0 5px;
}
.tyArticleDetail .tyArticleHeader .tyArticleBasket form button {
  display: inline;
  height: 40px;
}
.tyArticleDetail .tyArticleHeader .tyArticlePrice {
  float: left;
  font-size: 19px;
  line-height: 24px;
  width: 112px;
  height: 43px;
  margin-right: 10px;
  font-weight: 400;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  text-align: left;
}
.tyArticleDetail .tyArticleHeader .tyArticlePrice.tyArticleCampaign {
  color: #ae0511;
}
.tyArticleDetail .tyArticleHeader .tyArticlePrice i {
  font-style: normal;
  color: #808080;
  font-size: 12px;
  line-height: 19px;
  display: block;
  text-decoration: line-through;
}
.tyArticleDetail .tyArticleHeader .tyArticlePrice .tyPricePerUnit {
  display: block;
  font-size: 11px;
  line-height: 19px;
  font-weight: normal;
  color: #808080;
}
.tyArticleDetail .tyTaxInfo {
  margin-bottom: 20px;
  font-size: 11px;
  text-align: right;
}
.tyArticleDetail .tyTaxAffixInfo {
  display: none;
  top: -9000px;
  clear: both;
  color: #808080;
  margin: 0 0 10px 0;
  font-size: 10px;
  text-align: right;
}
.tyArticleDetail .tyArticleText {
  float: right;
  font-size: 14px;
  line-height: 22px;
  margin-left: 20px;
  margin-bottom: 0;
}
.tyArticleDetail .tyArticleText .tyArticleDesc .tyHeadline {
  margin-bottom: 20px;
}
.tyArticleDetail .tyArticleText .tyArticleDesc .tyHeadline h3 span {
  display: block;
  float: none !important;
  font-weight: normal;
  line-height: 22px;
}
.tyArticleDetail .tyArticleText .tyArticleDesc .tab-content {
  margin-bottom: 20px;
}
.tyArticleDetail .tyArticleText .tyArticleDesc .tab-content .tyImage {
  margin-bottom: 20px;
}
.tyArticleDetail .tyArticleText .tyArticleEAN {
  margin-bottom: 30px;
}
.tyArticleDetail .tyArticleImage {
  float: left;
  width: 460px;
  margin-bottom: 0;
}
.tyArticleDetail .tyArticleImage a {
  display: block;
}
.tyArticleDetail .tyArticleImages {
  width: 460px;
}
.tyArticleDetail .tyArticleImages .tyBox {
  margin: 0;
}
.tyArticleDetail .tyArticleImages ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  width: 480px;
  overflow: hidden;
  margin-left: -20px;
  margin-top: 40px;
}
.tyArticleDetail .tyArticleImages ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  width: 100px;
  height: 150px;
  float: left;
  margin: 0 0 10px 20px;
}
.tyArticleDetail .tyArticleImages ul li a {
  display: block;
}
.tyArticleDetail .tyArticleImages ul li a img {
  width: 100px;
  height: 150px;
}
.tyArticleDetail .tyArticleSize ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  width: auto;
  height: auto;
  overflow: hidden;
}
.tyArticleDetail .tyArticleSize ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  height: 38px;
  width: auto;
  display: block;
  float: left;
  margin-right: 1px;
  background-color: #f2f2f2;
}
.tyArticleDetail .tyArticleSize ul li a {
  margin: 0;
  padding: 0;
  height: auto;
  width: auto;
  line-height: 38px;
  display: block;
  color: #4d4d4d;
  text-align: center;
  border: 0;
  padding: 0 11px;
  font-size: 13px;
  text-decoration: none;
}
.tyArticleDetail .tyArticleSize ul li:hover,
.tyArticleDetail .tyArticleSize ul li.tyActive {
  background-color: #4d4d4d;
}
.tyArticleDetail .tyArticleSize ul li:hover a,
.tyArticleDetail .tyArticleSize ul li.tyActive a {
  color: #ffffff;
}
.tyArticleDetail .tyArticleOptions {
  width: 710px;
}
.tyArticleDetail .tyArticleOptions .tyBox {
  margin-bottom: 40px;
}
.tyArticleDetail .tyArticleOptions .tyBox .tyHeadline span {
  float: right;
}
.tyArticleDetail .tyArticleOptions .tyBox .tyArticleColor {
  height: auto;
  overflow: hidden;
}
.tyArticleDetail .tyArticleOptions .tyBox .tyArticleColor ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  width: 732px;
  margin-left: -22px;
}
.tyArticleDetail .tyArticleOptions .tyBox .tyArticleColor ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  width: 100px;
  height: 150px;
  float: left;
  margin: 0 0 10px 22px;
}
.tyArticleDetail .tyArticleOptions .tyBox .tyArticleColor ul li a {
  display: block;
}
.tyArticleDetail .tyArticleOptions .tyBox .tyArticleColor ul li a img {
  width: 100px;
  height: 150px;
}
.tyArticleDetail .tyArticleShareLinks {
  clear: both;
  height: 32px;
  width: auto;
  overflow: hidden;
}
.tyArticleDetail .tyArticleShareLinks a {
  display: block;
  margin-right: 10px;
  float: left;
}
.tyArticleDetail .tyArticleShareLinks a i {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.tyArticleDetail .tyArticleShareLinks a.tyPayPalExpressCheckout {
  float: right;
  margin-right: 0;
  margin-top: -4px;
}
.tyArticleDetail .tyArticleShareLinks a:hover i {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tyArticleDetail .tyArticleShareLinks a:hover .tyIcon-pinterest {
  background-position: -10px -348px;
  width: 32px;
  height: 32px;
}
.tyArticleDetail .tyArticleShareLinks a:hover .tyIcon-twitter {
  background-position: -56px -348px;
  width: 32px;
  height: 32px;
}
.tyArticleDetail .tyArticleShareLinks a:hover .tyIcon-google {
  background-position: -101px -348px;
  width: 32px;
  height: 32px;
}
.tyArticleDetail .tyArticleShareLinks a:hover .tyIcon-facebook {
  background-position: -147px -348px;
  width: 32px;
  height: 32px;
}
.tyArticleDetail .tyArticleShareLinks a:hover .tyIcon-email {
  background-position: -192px -348px;
  width: 32px;
  height: 32px;
}
.tyArticleDetail .tyArticleShareLinks form button {
  background: #767676;
  padding: 7px 8px 6px;
  border-radius: 2px;
}
.tyArticleDetail .tyArticleShareLinks form button:hover {
  background: #ae0511;
}
.tyArticleDetail .tyBox .tyHeadline {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  line-height: 25px;
}
.tyArticleDetail .tyBox .tyHeadline h3 {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  display: inline-block;
  border-bottom: 1px solid #4d4d4d;
  line-height: 25px;
  margin-bottom: -1px;
}
.tyArticleDetail .tyBox .tyHeadline .tyArticleBadges {
  float: right;
}
.tyArticleDetail .tyBox .tyHeadline .tyArticleBadges i {
  margin-left: 10px;
}
.tyArticleDetail .tyBox.tyArticleDeclaration .tyContentWrap {
  white-space: pre-wrap;
}
.tyArticleDetail.tyArticleCampaign .tyAffixWrapper {
  height: 100px;
}
.tyArticleDetail.tyArticleCampaign .tyArticleHeader {
  height: 70px;
}
.tyArticleDetail.tyArticleCampaign .tyArticleHeader .span12 {
  position: relative;
}
.tyArticleDetail.tyArticleCampaign .tyArticleHeader .tyArticlePrice {
  height: auto;
}
.tyArticleDetail.tyArticleCampaign .tyArticleHeader .tyArticlePrice .tyValue {
  color: #ae0511;
}
.tyArticleDetail.tyArticleCampaign .tyArticleHeader .tyArticlePrice .tyValue.tyPricePerUnit {
  color: #808080;
}
.tyArticleDetail.tyArticleCampaign .tyArticleHeader .tyTaxAffixInfo {
  display: block;
  position: absolute;
  right: 0;
  top: 45px;
  height: 20px;
  width: 500px;
}
.tyArticleDetail.tyArticleCampaign .tyTaxInfo {
  display: none;
}
/*
 * Sansibar 2013
 * @created 13.03.2013
 * @author Mario Nitschke
 */
#snbBasket {
  position: relative;
}
#snbBasket .tyBasket {
  height: 40px;
  width: 230px;
}
#snbBasket .tyBasket .tyBasketCount {
  display: block;
  width: 220px;
  height: 40px;
}
#snbBasket .tyBasket .tyBasketCount a {
  text-decoration: none;
  position: relative;
  display: block;
  background-color: #333333;
  border-right: 0;
  width: 175px;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  text-align: right;
  color: #ffffff;
  padding: 0 50px 0 5px;
}
#snbBasket .tyBasket .tyBasketCount a span {
  width: 16px;
  height: 16px;
  background-color: #ae0511;
  border-left: 0;
  padding: 12px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
#snbBasket .tyBasket .tyBasketCount a span .tyIcon-basket {
  background-position: -62px -170px;
}
#snbBasket .tyBasket .tyBasketCount:hover a {
  background-color: #ae0511;
}
#snbBasket:hover .tyBasketOverlay {
  display: block;
}
#snbBasket:hover .tyBasket .tyBasketCount {
  background-color: #ae0511;
}
#tyWatchlistContainer {
  float: right;
  position: relative;
}
#tyWatchlistContainer .tyBasketOverlay {
  top: 27px;
}
#tyWatchlistContainer:hover .tyBasketOverlay {
  display: block;
}
#tyWatchlistContainer:hover > a > i {
  background-position-y: -80px;
}
#snbProfile #tyWatchlistContainer > a {
  color: #333333;
}
#snbProfile #tyWatchlistContainer > a:hover {
  color: #ae0511;
  text-decoration: none;
}
#snbProfile #tyWatchlistContainer > a:hover i {
  background-position-y: -80px;
}
#snbProfile #tyWatchlistContainer .tyBasketOverlay {
  top: 20px;
}
.tyBasketOverlay {
  display: none;
  position: absolute;
  right: 0;
  top: 40px;
  width: 480px;
  height: auto;
  border: 1px solid #d9d9d9;
  background: #ffffff;
  z-index: 600;
  cursor: pointer;
  line-height: 19px;
  font-size: 12px;
  -webkit-box-shadow: 0 0 3px #cccccc;
  -moz-box-shadow: 0 0 3px #cccccc;
  box-shadow: 0 0 3px #cccccc;
}
.tyBasketOverlay .tyArticle {
  clear: both;
  height: 150px;
  overflow: hidden;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}
.tyBasketOverlay .tyArticle .tyArticleImage {
  padding: 10px;
  float: left;
  width: 80px;
}
.tyBasketOverlay .tyArticle .tyArticleImage img {
  width: 80px;
  height: 130px;
}
.tyBasketOverlay .tyArticle .tyArticleDetail {
  float: left;
  width: 225px;
  text-align: left;
  padding: 12px 10px;
}
.tyBasketOverlay .tyArticle .tyArticleDetail h2 {
  color: #4d4d4d;
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 10px 0;
  height: 64px;
  overflow: hidden;
}
.tyBasketOverlay .tyArticle .tyArticleDetail h2 a {
  color: #4d4d4d;
  font-size: 13px;
  line-height: 16px;
  text-decoration: none;
}
.tyBasketOverlay .tyArticle .tyArticleDetail h2 a:hover {
  text-decoration: underline;
}
.tyBasketOverlay .tyArticle .tyArticleDetail .tyArticleOptions {
  text-transform: normal;
  margin: 0;
  width: auto;
}
.tyBasketOverlay .tyArticle .tyArticleDetail .tyArticleOptions span {
  display: inline-block;
}
.tyBasketOverlay .tyArticle .tyArticleDetail .tyArticleOptions span.tyValue {
  display: block;
}
.tyBasketOverlay .tyArticle .tyArticlePrice {
  float: right;
  text-align: right;
  width: 78px;
  padding: 25px 0;
  margin-right: 55px;
  font-weight: 400;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  line-height: 16px;
}
.tyBasketOverlay .tyArticle .tyArticleDelete {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  position: absolute;
  right: 0;
  top: 55px;
  display: block;
  background-color: #4d4d4d;
  border: 0;
  padding: 15px;
}
.tyBasketOverlay .tyArticle .tyArticleDelete:hover {
  background: #ae0511;
}
.tyBasketOverlay .tyArticle .tyArticleDelete .tyIcon-delete {
  background-position: -588px -50px;
}
.tyBasketOverlay .tyArticle:hover {
  background: #f2f2f2;
}
.tyBasketOverlay .tyArticle:hover .tyArticleDelete {
  display: block;
}
.tyBasketOverlay .tyArticle .tyArticleMove {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  position: absolute;
  right: 0;
  top: 10px;
  display: block;
  background-color: #4d4d4d;
  border: 0;
  padding: 12px;
}
.tyBasketOverlay .tyArticle .tyArticleMove:hover {
  background: #ae0511;
}
.tyBasketOverlay .tyArticle .tyArticleMove .tyIcon-basket-white {
  background-position: -62px -170px;
}
.tyBasketOverlay .tyArticle:hover {
  background: #f2f2f2;
}
.tyBasketOverlay .tyArticle:hover .tyArticleDelete {
  display: block;
}
.tyBasketOverlay .tyArticle:last-child {
  border: 0;
}
.tyBasketOverlay .tyBasketSummary {
  background-color: #4d4d4d;
  height: auto;
  overflow: hidden;
  padding: 10px 20px 10px 110px;
  font-weight: 400;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  color: #ffffff;
  line-height: 1.0;
}
.tyBasketOverlay .tyBasketSummary .tyBasketSum {
  float: right;
  clear: right;
  display: inline-block;
}
.tyBasketOverlay .tyBasketLink {
  background: #ffffff;
  padding: 10px;
  height: auto;
  overflow: hidden;
}
.tyBasketOverlay .tyBasketLink a.tyButton {
  float: right;
  background-color: #ae0511;
}
.tyBasketOverlay .tyBasketLink a.tyButton:hover {
  background-color: #4d4d4d;
}
.tyBasketOverlay:hover {
  cursor: pointer;
}
.tyBasketOverlaySmall {
  width: 600px;
}
.tyBasketOverlaySmall .tyArticle {
  clear: both;
  height: 40px;
  overflow: hidden;
  border-bottom: 1px solid #d9d9d9;
  padding: 15px 0;
  position: relative;
}
.tyBasketOverlaySmall .tyArticle .tyArticleImage {
  padding: 0 10px;
  float: left;
  width: 40px;
}
.tyBasketOverlaySmall .tyArticle .tyArticleImage img {
  width: 38px;
  height: 38px;
}
.tyBasketOverlaySmall .tyArticle .tyArticleDetail {
  float: left;
  width: 400px;
  text-align: left;
  padding: 0 10px 0 0;
}
.tyBasketOverlaySmall .tyArticle .tyArticleDetail a {
  color: #4d4d4d;
  font-size: 13px;
  line-height: 17px;
  width: 410px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  margin: 0;
  text-decoration: none;
  font-weight: 400;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
}
.tyBasketOverlaySmall .tyArticle .tyArticleDetail a:hover {
  text-decoration: underline;
}
.tyBasketOverlaySmall .tyArticle .tyArticleDetail .tyArticleOptions span {
  display: inline-block;
}
.tyBasketOverlaySmall .tyArticle .tyArticleDetail .tyArticleOptions span.tyValue {
  display: inline-block;
  padding-right: 30px;
}
.tyBasketOverlaySmall .tyArticle .tyArticlePrice {
  float: right;
  text-align: right;
  width: 78px;
  padding: 0;
  margin-right: 50px;
  font-weight: 400;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
}
.tyBasketOverlaySmall .tyArticle .tyArticleDelete {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  position: absolute;
  right: 0;
  top: 15px;
  display: none;
  background-color: #4d4d4d;
  border: 0;
  padding: 10px;
}
.tyBasketOverlaySmall .tyArticle .tyArticleDelete .tyIcon-delete {
  background-position: -588px -50px;
}
.tyBasketOverlaySmall .tyArticle:hover {
  background: #f2f2f2;
}
.tyBasketOverlaySmall .tyArticle:hover .tyArticleDelete {
  display: block;
}
.tyBasketOverlaySmall .tyArticle:last-child {
  border: 0;
}
.tyBasketBreadCrumb {
  width: auto !important;
  padding: 0 10px !important;
}
.tyBasketPager {
  margin-bottom: 20px;
}
.tyBorderedBox {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cccccc;
  overflow: hidden;
}
.tyBasketSteps {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  width: 700px;
  margin-top: 10px;
  margin-bottom: 40px;
  float: left;
}
.tyBasketSteps li {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  width: auto;
  padding-right: 40px;
  overflow: hidden;
  float: left;
}
.tyBasketSteps li .tyValue {
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  margin: 0 auto;
  background-color: #e6e6e6;
  text-align: center;
  font-weight: 400;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  color: #4d4d4d;
  position: relative;
}
.tyBasketSteps li .tyValue .tyLineLeft,
.tyBasketSteps li .tyValue .tyLineRight {
  background-color: #e6e6e6;
  height: 3px;
  width: 300px;
  position: absolute;
  top: 12px;
  right: 24px;
}
.tyBasketSteps li .tyValue .tyLineRight {
  top: 12px;
  left: 24px;
}
.tyBasketSteps li .tyLabel {
  width: 100%;
  text-align: center;
  padding-top: 10px;
}
.tyBasketSteps li .tyLabel a:hover {
  text-decoration: none;
}
.tyBasketSteps li.tyPrev .tyValue {
  background-color: #333333;
  color: #ffffff;
}
.tyBasketSteps li.tyPrev .tyValue .tyLineLeft,
.tyBasketSteps li.tyPrev .tyValue .tyLineRight {
  background-color: #333333;
}
.tyBasketSteps li.tyActive .tyValue {
  background-color: #ae0511;
  color: #ffffff;
}
.tyBasketSteps li.tyActive .tyValue .tyLineLeft {
  background-color: #333333;
}
.tyBasketSteps li.tyActive .tyLabel {
  font-weight: 400;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
}
.tyBasketSteps li:last-child {
  padding-right: 0;
}
.tyLawInfos {
  float: left;
  width: 200px;
  padding: 10px 0 5px 0;
  margin-bottom: 20px;
}
.tyLawInfos a {
  display: block;
  text-decoration: none;
  font-size: 12px;
  color: #4d4d4d;
}
.tyLawInfos a i {
  margin-right: 5px;
}
.tyLawInfos a:hover {
  color: #ae0511;
}
.tyBasketDivider {
  clear: both;
  float: none;
  height: 80px;
  width: 100%;
  display: block;
}
.tyBasketArticleTable hr {
  display: none;
}
.tyBasketArticleTable .tyBasketSmallInput input {
  width: 30px;
  height: 20px;
  line-height: 30px;
  text-align: center;
  padding: 5px;
}
.tyBasketArticleTable .tyArticleDelete span {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  display: inline-block;
  padding: 10px;
  background-color: #4d4d4d;
  border: 0;
}
.tyBasketArticleTable .tyArticleDelete span .tyIcon-delete {
  background-position: -588px -50px;
}
.tyBasketArticleTable .tyArticleDelete a {
  display: block;
  float: right;
}
.tyBasketArticleTable .tyArticleDelete a:hover span {
  background-color: #ae0511;
}
.tyCouponBox {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}
.tyCouponBox .tyCouponFields {
  float: right;
  margin-left: 20px;
  min-height: 50px;
  height: 50px;
}
.tyCouponBox .tyCouponFieldsBtn {
  display: block;
  float: right;
  margin-top: 10px;
}
.tyBasketSumBox {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}
.tyBasketSumBox .tyBasketSumTotal td {
  font-weight: 400;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
}
.tyBasketLogin {
  margin-bottom: 20px;
  overflow: hidden;
}
.tyBasketLogin fieldset {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.tyBasketLogin input {
  width: 194px !important;
}
.tyUserBillAddress label,
.tyUserDeliveryAddress label,
.tyUserBillAccount label,
.tyUserBillComment label {
  display: block;
}
.tyUserBillAddress textarea,
.tyUserDeliveryAddress textarea,
.tyUserBillAccount textarea,
.tyUserBillComment textarea {
  width: 520px;
}
#userDataStorageContainer {
  padding-right: 25px;
}
#userDataStorageContainer label {
  padding-right: 10px;
}
#deliveryBox {
  width: 580px;
  height: auto;
  overflow: hidden;
  float: none;
}
.tyCreditCardPayment .tyValue {
  margin-bottom: 5px;
}
.tyCreditCardPaymentForm .mytyFormBox {
  width: 160px !important;
  margin-left: 10px !important;
}
.tyCreditCardPaymentForm .mytyFormBox label {
  display: block;
}
.tyCreditCardPaymentForm .mytyFormBox input {
  width: 134px !important;
}
.tyCreditCardPaymentForm .mytyFormBox select {
  width: 160px !important;
}
.tyPayPalPayment .tyValue {
  margin-bottom: 5px;
}
.tyNachnahmePayment .tyValue {
  margin-bottom: 5px;
}
.tyBillPayment .tyValue {
  margin-bottom: 5px;
}
.tyBasketSumArticleTable {
  margin-bottom: 20px;
}
.tyBasketAdressPaymentBox {
  float: right;
  width: 560px;
}
.tyBasketFinalBox .tyBasketSumTotal td {
  font-weight: 400;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
}
#boxDisclaimer {
  text-align: right;
}
#boxDisclaimer label {
  margin-right: 10px;
}
/*
 * Sansibar 2013
 * @created 13.03.2013
 * @author Mario Nitschke
 */
form {
  margin: 0;
}
textarea,
input,
select {
  font-family: ClanWebPro-News, "Trebuchet MS", Arial, sans-serif;
  font-size: 12px;
}
input[type=text][readonly] {
  cursor: pointer;
}
.fm-form {
  border: 0;
}
.hide-first-fieldset .mytyFormFieldset-first {
  display: none;
}
.div-input-hidden {
  display: none;
}
.tyFormBox {
  overflow: hidden;
}
.mytyFormField {
  overflow: hidden;
  height: auto;
  margin-bottom: 10px;
}
.mytyFormBox {
  overflow: hidden;
  height: auto;
  min-height: 65px;
  margin-bottom: 10px;
}
.mytyFormBox.mytyFormCheckboxBox {
  min-height: 35px;
}
.mytyFormBox.mytyFormRadioBox {
  min-height: 35px;
}
.mytyFormBox input {
  margin: 0;
  border: 1px solid #b3b3b3;
  padding: 9px 12px;
  color: #4d4d4d;
  width: 194px;
}
.mytyFormBox select {
  margin: 0;
  border: 1px solid #b3b3b3;
  padding: 9px 12px 9px 12px;
  display: inline-block;
  height: 32px;
  line-height: 36px;
  font-size: 12px;
  color: #555555;
  vertical-align: middle;
  width: 220px;
}
.mytyFormBox textarea {
  border: 1px solid #b3b3b3;
  padding: 10px 12px;
  color: #4d4d4d;
}
.mytyFormTextBoxClear {
  width: 100% !important;
  float: none !important;
  clear: both !important;
}
.mytyFormTextBoxClear input {
  width: 194px !important;
}
.mytyFormRadioBox input {
  float: left;
  border: 0 !important;
  padding: 0;
}
.mytyFormCheckboxBox input,
input#delivery_use {
  float: left;
  border: 0 !important;
  padding: 0;
}
.mytyFormFieldset,
fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
.mytyFormFieldset .mytyFormFieldsetDescription .mytyFormBtnBox {
  overflow: hidden;
  height: auto;
  margin-bottom: 20px;
}
.mytyFormPasswordValidationBox {
  float: right !important;
}
.mytyFormBoxHs {
  float: left;
}
.mytyFormBoxHsr {
  float: right;
}
.mytyFormError {
  color: #ae0511;
}
.mytyFormBox.mytyFormError input.mytyFormRequired,
.mytyFormBox.mytyFormError select.mytyFormRequired,
.mytyFormBox.mytyFormError textarea.mytyFormRequired {
  border: 1px solid #ae0511;
}
.mytyFormBox.mytyFormError input.mytyFormRequired:focus,
.mytyFormBox.mytyFormError select.mytyFormRequired:focus,
.mytyFormBox.mytyFormError textarea.mytyFormRequired:focus {
  -webkit-box-shadow: 3px;
  -moz-box-shadow: 3px;
  box-shadow: 3px;
}
button,
.tyButton {
  background-color: #ae0511;
  font-size: 13px;
  line-height: 19px;
  font-family: ClanWebPro-News, "Trebuchet MS", Arial, sans-serif;
  color: #ffffff;
  padding: 8px 15px;
  border: 0;
  outline: 0;
  cursor: pointer;
}
button.tyResetButton,
.tyButton.tyResetButton {
  background-color: #4d4d4d;
}
button.tyResetButton:hover,
.tyButton.tyResetButton:hover {
  background-color: #ae0511;
}
a.tyButton,
a.tyButton:hover {
  display: inline-block;
  background-color: #4d4d4d;
  font-size: 13px;
  line-height: 19px;
  color: #ffffff;
  padding: 8px 15px;
}
a.tyButton:hover,
a.tyButton:hover:hover,
a.tyButton.tyButtonCTA,
a.tyButton:hover.tyButtonCTA {
  background-color: #ae0511;
  text-decoration: none;
}
a.tyButton.tyResetButton,
a.tyButton:hover.tyResetButton {
  background-color: #4d4d4d;
}
a.tyButton.tyResetButton:hover,
a.tyButton:hover.tyResetButton:hover {
  background-color: #ae0511;
}
a.tyButton.tyContentLink,
a.tyButton:hover.tyContentLink {
  margin-right: 10px;
}
fieldset legend {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  display: block;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  font-weight: 400;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 3px 0 3px 1px;
  *margin-top: 0;
  /* IE7 */
  line-height: normal;
  cursor: pointer;
  width: auto;
  margin-right: 10px;
  border: 0;
}
input[type=text]::-ms-clear {
  display: none;
}
.fm-form fieldset {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cccccc;
  max-width: 490px;
}
.fm-form .mytyFormBox {
  width: 225px;
  margin-left: 20px;
  float: left;
}
.fm-form .mytyFormField {
  float: left;
}
.fm-form .mytyFormCheckboxField {
  float: none;
}
.fm-form .mytyFormElementErrorMsg {
  font-size: 12px;
}
.fm-form .mytyFormFieldset legend {
  padding-left: 20px;
  display: block;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
}
.fm-form .mytyFormBox input {
  border: 1px solid #b3b3b3;
  padding: 10px 12px;
  color: #4d4d4d;
  width: 199px;
}
.fm-form .mytyFormBox select {
  border: 1px solid #b3b3b3;
  padding: 10px 12px 9px 12px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  color: #555555;
  vertical-align: middle;
  width: 225px;
}
.fm-form .mytyFormBox textarea {
  border: 1px solid #b3b3b3;
  padding: 10px 12px;
  color: #4d4d4d;
}
.fm-form .mytyFormBtnBox {
  margin-left: 20px;
  text-align: right;
}
.fm-form .mytyFormSelectBox {
  /*width: 100%; float: none;*/
}
.fm-form .mytyFormTextMailBox {
  /*width: 100%; float: none;*/
}
.fm-form .mytyFormTextAreaBox {
  width: 100%;
  float: none;
}
.fm-form .mytyFormTextAreaBox textarea {
  width: 444px;
}
.fm-form input[type="radio"],
.fm-form input[type="checkbox"] {
  margin: 3px 0 3px 1px;
  *margin-top: 0;
  /* IE7 */
  line-height: normal;
  cursor: pointer;
  width: auto;
  margin-right: 10px;
  padding: 0;
}
.fm-form .mytyFormRadioBox {
  margin-left: 20px;
}
.fm-form .mytyFormRadioBox input {
  float: left;
  border: 0 !important;
}
.fm-form .mytyFormRadioBox .mytyFormLabel {
  float: left;
}
.fm-form .mytyFormRadio-headline {
  margin-left: 20px;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  margin-bottom: 10px;
}
.fm-form .mytyFormCheckboxBox {
  margin-left: 20px;
}
.fm-form .mytyFormCheckboxBox input {
  float: left;
  border: 0 !important;
}
.fm-form .mytyFormCheckboxBox .mytyFormLabel {
  float: left;
}
.fm-form .mytyFormCheckbox-headline {
  margin-left: 20px;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  margin-bottom: 10px;
}
.fm-form .mytyFormCaptchaBox {
  width: 100%;
  float: none;
}
.fm-form .mytyFormCaptchaBox .mytyFormCaptchaImgBox {
  width: 120px;
  float: left;
}
.fm-form .mytyFormCaptchaBox .mytyFormCaptchaImgBox img {
  height: 38px;
  width: 120px;
}
.fm-form .mytyFormCaptchaBox .mytyFormCaptchaInputBox {
  width: 120px;
  margin-left: 20px;
  float: left;
}
.fm-form .mytyFormCaptchaBox .mytyFormCaptchaInputBox input {
  width: 96px;
  margin: 0;
  padding: 8px 12px;
  font-size: 15px;
}
.fm-form div.singlerow {
  width: 470px;
  margin-left: 20px;
  float: none;
  *zoom: 1;
}
.fm-form div.singlerow input {
  width: 444px;
}
.fm-form div.singlerow select {
  width: 470px;
}
.fm-form div.singlerow:before,
.fm-form div.singlerow:after {
  display: table;
  content: "";
}
.fm-form div.singlerow:after {
  clear: both;
}
.fm-form div.singlerow:before,
.fm-form div.singlerow:after {
  display: table;
  content: "";
}
.fm-form div.singlerow:after {
  clear: both;
}
.fm-form .mytyFormCheckboxField {
  clear: both;
}
.fm-form .mytyFormPasswordValidationBox {
  margin-left: 0;
}
.fm-form .mytyFormElementErrorMsg {
  padding-top: 5px;
  float: none;
  clear: both;
}
.fm-form .mytyFormTyContentBox {
  margin-left: 20px !important;
}
.span4 .fm-form .mytyFormCheckboxBox .mytyFormLabel {
  width: 190px;
}
.span8 .fm-form .mytyFormCheckboxBox {
  width: 460px;
}
.span8 .fm-form .mytyFormCheckboxBox .mytyFormLabel {
  width: 430px;
}
.tyAreaFormBox {
  height: auto;
  overflow: hidden;
}
.tyAreaFormBox form {
  margin-left: -20px;
}
.tyAreaFormBox form legend {
  margin-left: 0;
}
.tyAreaFormBox form .errorMsg {
  margin: 0 0 20px 20px;
  color: #ae0511;
}
.tyAreaFormBox .alert {
  padding-left: 30px;
}
.ty2FormsBox .tyFormHiddenGroup {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ty2FormsBox .span-2-3 {
  width: 750px;
}
.ty2FormsBox .span-2-3 .fm-form {
  min-height: 1px;
  margin: 0;
  margin-left: -50px;
  padding: 0;
  *zoom: 1;
}
.ty2FormsBox .span-2-3 .fm-form:before,
.ty2FormsBox .span-2-3 .fm-form:after {
  display: table;
  content: "";
}
.ty2FormsBox .span-2-3 .fm-form:after {
  clear: both;
}
.ty2FormsBox .span-2-3 .fm-form:before,
.ty2FormsBox .span-2-3 .fm-form:after {
  display: table;
  content: "";
}
.ty2FormsBox .span-2-3 .fm-form:after {
  clear: both;
}
.ty2FormsBox .span-2-3 .fm-form > div {
  *zoom: 1;
  min-height: 1px;
}
.ty2FormsBox .span-2-3 .fm-form > div:before,
.ty2FormsBox .span-2-3 .fm-form > div:after {
  display: table;
  content: "";
}
.ty2FormsBox .span-2-3 .fm-form > div:after {
  clear: both;
}
.ty2FormsBox .span-2-3 .fm-form > div:before,
.ty2FormsBox .span-2-3 .fm-form > div:after {
  display: table;
  content: "";
}
.ty2FormsBox .span-2-3 .fm-form > div:after {
  clear: both;
}
.ty2FormsBox .span-2-3 .fm-form fieldset,
.ty2FormsBox .span-2-3 .fm-form .mytyFormFieldset {
  max-width: none;
  width: 350px;
  float: left;
  margin: 0 0 10px 50px;
  padding: 0;
  border: 0 none;
  overflow: hidden;
}
.ty2FormsBox .span-2-3 .fm-form fieldset legend,
.ty2FormsBox .span-2-3 .fm-form .mytyFormFieldset legend {
  display: none;
}
.ty2FormsBox .span-2-3 .fm-form .mytyFormBtnBox {
  clear: botht;
  float: none;
}
.ty2FormsBox .span-2-3 .fm-form .mytyFormBox {
  width: 165px;
  margin-left: 20px;
}
.ty2FormsBox .span-2-3 .fm-form .mytyFormBox input {
  width: 139px;
}
.ty2FormsBox .span-2-3 .fm-form .mytyFormBox select {
  width: 165px;
}
.ty2FormsBox .span-2-3 .fm-form .mytyFormBox.input-hs {
  margin-left: 0;
}
.ty2FormsBox .span-2-3 .fm-form .mytyFormBox.large {
  width: 245px;
}
.ty2FormsBox .span-2-3 .fm-form .mytyFormBox.large input {
  width: 219px;
}
.ty2FormsBox .span-2-3 .fm-form .mytyFormBox.large select {
  width: 245px;
}
.ty2FormsBox .span-2-3 .fm-form .mytyFormBox.small {
  width: 85px;
}
.ty2FormsBox .span-2-3 .fm-form .mytyFormBox.small input {
  width: 59px;
}
.ty2FormsBox .span-2-3 .fm-form .mytyFormBox.small select {
  width: 85px;
}
.ty2FormsBox .span-2-3 .fm-form div.singlerow {
  width: 350px;
  margin-left: 0;
  float: none;
  *zoom: 1;
}
.ty2FormsBox .span-2-3 .fm-form div.singlerow input {
  width: 324px;
}
.ty2FormsBox .span-2-3 .fm-form div.singlerow select {
  width: 350px;
}
.ty2FormsBox .span-2-3 .fm-form div.singlerow:before,
.ty2FormsBox .span-2-3 .fm-form div.singlerow:after {
  display: table;
  content: "";
}
.ty2FormsBox .span-2-3 .fm-form div.singlerow:after {
  clear: both;
}
.ty2FormsBox .span-2-3 .fm-form div.singlerow:before,
.ty2FormsBox .span-2-3 .fm-form div.singlerow:after {
  display: table;
  content: "";
}
.ty2FormsBox .span-2-3 .fm-form div.singlerow:after {
  clear: both;
}
.ty2FormsBox .span-1-3 {
  width: 390px;
}
.ty2FormsBox .span-1-3 fieldset,
.ty2FormsBox .span-1-3 .mytyFormFieldset {
  max-width: 390px;
  margin: 0;
  padding: 0;
  border: 0 none;
}
.ty2FormsBox .span-1-3 fieldset legend,
.ty2FormsBox .span-1-3 .mytyFormFieldset legend {
  display: none;
}
.ty2FormsBox .span-1-3 .fm-form {
  *zoom: 1;
}
.ty2FormsBox .span-1-3 .fm-form:before,
.ty2FormsBox .span-1-3 .fm-form:after {
  display: table;
  content: "";
}
.ty2FormsBox .span-1-3 .fm-form:after {
  clear: both;
}
.ty2FormsBox .span-1-3 .fm-form:before,
.ty2FormsBox .span-1-3 .fm-form:after {
  display: table;
  content: "";
}
.ty2FormsBox .span-1-3 .fm-form:after {
  clear: both;
}
.ty2FormsBox .span-1-3 .fm-form > div {
  *zoom: 1;
  min-height: 1px;
}
.ty2FormsBox .span-1-3 .fm-form > div:before,
.ty2FormsBox .span-1-3 .fm-form > div:after {
  display: table;
  content: "";
}
.ty2FormsBox .span-1-3 .fm-form > div:after {
  clear: both;
}
.ty2FormsBox .span-1-3 .fm-form > div:before,
.ty2FormsBox .span-1-3 .fm-form > div:after {
  display: table;
  content: "";
}
.ty2FormsBox .span-1-3 .fm-form > div:after {
  clear: both;
}
.ty2FormsBox .span-1-3 .mytyFormBox {
  width: 185px;
  margin-left: 20px;
}
.ty2FormsBox .span-1-3 .mytyFormBox input {
  width: 159px;
}
.ty2FormsBox .span-1-3 .mytyFormBox select {
  width: 185px;
}
.ty2FormsBox .span-1-3 .mytyFormBox.large {
  width: 265px;
}
.ty2FormsBox .span-1-3 .mytyFormBox.large input {
  width: 219px;
}
.ty2FormsBox .span-1-3 .mytyFormBox.large select {
  width: 265px;
}
.ty2FormsBox .span-1-3 .mytyFormBox.small {
  width: 85px;
}
.ty2FormsBox .span-1-3 .mytyFormBox.small input {
  width: 59px;
}
.ty2FormsBox .span-1-3 .mytyFormBox.small select {
  width: 85px;
}
.ty2FormsBox .span-1-3 .mytyFormPasswordValidation {
  width: 410px;
  min-height: 1px;
  *zoom: 1;
}
.ty2FormsBox .span-1-3 .mytyFormPasswordValidation:before,
.ty2FormsBox .span-1-3 .mytyFormPasswordValidation:after {
  display: table;
  content: "";
}
.ty2FormsBox .span-1-3 .mytyFormPasswordValidation:after {
  clear: both;
}
.ty2FormsBox .span-1-3 .mytyFormPasswordValidation:before,
.ty2FormsBox .span-1-3 .mytyFormPasswordValidation:after {
  display: table;
  content: "";
}
.ty2FormsBox .span-1-3 .mytyFormPasswordValidation:after {
  clear: both;
}
.ty2FormsBox .span-1-3 div.singlerow {
  width: 390px;
  margin-left: 0;
  float: none;
  *zoom: 1;
}
.ty2FormsBox .span-1-3 div.singlerow input {
  width: 364px;
}
.ty2FormsBox .span-1-3 div.singlerow select {
  width: 390px;
}
.ty2FormsBox .span-1-3 div.singlerow:before,
.ty2FormsBox .span-1-3 div.singlerow:after {
  display: table;
  content: "";
}
.ty2FormsBox .span-1-3 div.singlerow:after {
  clear: both;
}
.ty2FormsBox .span-1-3 div.singlerow:before,
.ty2FormsBox .span-1-3 div.singlerow:after {
  display: table;
  content: "";
}
.ty2FormsBox .span-1-3 div.singlerow:after {
  clear: both;
}
.ty2FormsBox .mytyFormBtnBox {
  border-top: 1px solid #cccccc;
  padding-top: 20px;
}
.ty2FormsBox [class*="span-"] {
  margin-left: 50px;
}
.ty2FormsBox .row {
  margin-left: -50px;
}
table {
  font-family: ClanWebPro-News, "Trebuchet MS", Arial, sans-serif;
}
table.tyTable {
  width: 100%;
  padding: 0;
  margin: 0;
}
table.tyTable tr:last-child td {
  border-bottom: 0;
}
table.tyTable th {
  background-color: #4d4d4d;
  padding: 5px 8px;
  color: #ffffff;
  border-right: 1px solid #ffffff;
}
table.tyTable th:last-child {
  border-right: 0;
}
table.tyTable td {
  background-color: #f2f2f2;
  padding: 5px 8px;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
table.tyTable td:last-child {
  border-right: 0;
}
.orderHeader {
  margin: 40px 0 10px;
}
.orderHeader a {
  float: right;
  font-weight: 400;
}
.tyOrderedArticleList .orderedArticle {
  display: none;
}
.tyOrderedArticleList .orderedArticle.active {
  display: block;
}
.tyOrderedArticleList .orderedArticle.active .sbTable {
  margin-bottom: 1px;
}
.tyOrderedArticleList .orderedArticle.active .sbTable.main {
  margin-bottom: 40px;
}
.tyOrderedArticleList .orderedArticle.active .sbTable .sumOrder {
  width: 160px;
}
.sbTable {
  width: 100%;
  margin-bottom: 10px;
}
.sbTable td {
  vertical-align: middle;
  padding: 15px 20px;
  border-right: 1px solid #E9E9E9;
  border-bottom: 1px solid #E9E9E9;
  background: #FBFBFB;
  font-size: 12px;
}
.sbTable td.articleImg {
  padding: 0;
  width: 50px;
}
.sbTable td.articleImg img {
  width: 50px;
}
.sbTable td.toggle {
  padding: 0;
  width: 50px;
}
.sbTable td.toggle a {
  display: block;
  width: 50px;
  padding: 16px 0 17px;
  background: #333;
  text-align: center;
}
.sbTable td.toggle i {
  background-position: -21px -443px;
}
.sbTable td.toggle.active i {
  transform: rotate(90deg);
}
.sbTable td.accent1 {
  background: #F6F6F5;
}
.sbTable td.accent2 {
  background: #F1F1F1;
}
.sbTable td.articleName {
  width: 50%;
}
.sbTable td.orderInfo {
  font-size: 11px;
}
.sbTable td.orderInfo.desc {
  font-weight: 700;
}
.sbTable td.tyTableMailForm {
  padding-left: 71px;
}
.sbTable td.tyTableMailForm .orderMailFormToggle {
  color: #4d4d4d;
}
.sbTable td.tyTableMailForm .orderMailForm {
  display: none;
}
.sbTable td.tyTableMailForm .orderMailForm span {
  font-weight: bold;
}
.sbTable td.tyTableMailForm .orderMailForm textarea {
  resize: none;
  width: 78%;
  height: 100px;
  display: block;
  margin: 7px 0 10px;
  padding: 10px;
  outline: 0;
}
.sbTable td.tyTableMailForm .orderMailForm button {
  margin-top: 10px;
}
.sbTable td.tyTableMailForm .orderMailForm input[type="checkbox"] {
  vertical-align: middle;
  position: relative;
  bottom: 1px;
  margin-right: 5px;
}
.sbTable td.tyTableMailForm .orderMailForm .msg {
  display: none;
  font-weight: 700;
  margin-top: 20px;
}
.sbTable td.sum {
  font-weight: 700;
  font-size: 18px;
  border-top: 2px solid #E9E9E9;
  min-width: 100px;
}
.sbTable td.action {
  width: 20px;
  vertical-align: top;
}
.sbTable td.action a {
  padding: 5px;
  display: block;
}
.sbTable td.action a:hover {
  opacity: 0.8;
}
.sbTable td.tableForm {
  padding-right: 10px;
}
.sbTable td.tableForm * {
  box-sizing: border-box;
}
.sbTable td.tableForm fieldset legend {
  display: none;
}
.sbTable td.tableForm h3 {
  margin-bottom: 10px;
}
.sbTable td.tableForm .mytyFormBox {
  width: 50%;
  float: left;
  padding: 0 10px;
}
.sbTable td.tableForm .mytyFormBox label {
  width: 100%;
  display: block;
}
.sbTable td.tableForm .mytyFormBox input,
.sbTable td.tableForm .mytyFormBox textarea,
.sbTable td.tableForm .mytyFormBox select {
  width: 100%;
}
.sbTable td.tableForm .mytyFormBox.fullsize {
  width: 100%;
}
.sbTable td.tableForm span {
  clear: both;
  display: block;
}
.sbTable td.tableForm.radioLabel label {
  position: relative;
  padding-left: 25px;
  display: block;
  cursor: pointer;
}
.sbTable td.tableForm.radioLabel input[type="radio"] {
  position: absolute;
  left: 0;
  top: -2px;
}
.sbTable td.tableForm .buttons.mytyFormBtnBox {
  float: right;
  margin-right: 15px;
}
.sbTable td.boxLabel label {
  cursor: pointer;
}
.sbTable td a {
  font-weight: 400;
}
.sbTable td:last-child {
  border-right: none;
}
.sbTable thead > tr > td {
  border-bottom: 3px solid #E9E9E9;
  font-weight: 600;
  background: #F3F3F3;
  font-size: 13px;
}
.sbTable thead.noBorder > tr > td {
  border-bottom: none;
}
.sbTable tbody > tr:last-child > td {
  border-bottom: none;
}
/*
 Cloud Zoom CSS. (c)2012-2013 Star Plugins.
*/
/* CSS for lens */
.cloudzoom-lens {
  border: 1px solid #888;
  width: 100px;
  height: 100px;
  box-shadow: 0px 0px 1px rgba(0, 8, 136, 0.4);
  cursor: crosshair;
  z-index: 10;
}
/* CSS for zoom window. */
.cloudzoom-zoom {
  border: 1px solid #888;
  background-color: #FFF;
  width: 500px;
  height: 200px;
  box-shadow: 0px 0px 1px rgba(0, 8, 136, 0.4);
}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {
  border: none;
  box-shadow: none;
}
/* CSS for captions */
.cloudzoom-caption {
  display: none;
  /* CSS captions should be hidden initially */
  text-align: left;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  font-family: sans-serif;
  font-size: 11px;
}
/* A blank image */
.cloudzoom-blank {
  background-image: url('/templates/js/cloudzoom/blank.png');
}
/* The animated ajax loading image */
.cloudzoom-ajax-loader {
  background-image: url('/templates/js/cloudzoom/ajax-loader.gif');
  width: 32px;
  height: 32px;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
*/
#cboxOverlay {
  background-color: #FFFFFF;
}
#colorbox {
  outline: 0;
}
#cboxTopLeft {
  width: 0;
  height: 0;
}
#cboxTopRight {
  width: 0;
  height: 0;
}
#cboxBottomLeft {
  width: 0;
  height: 0;
}
#cboxBottomRight {
  width: 0;
  height: 0;
}
#cboxMiddleLeft {
  width: 0;
  height: 0;
}
#cboxMiddleRight {
  width: 0;
  height: 0;
}
#cboxTopCenter {
  width: 0;
  height: 0;
}
#cboxBottomCenter {
  width: 0;
  height: 0;
}
#cboxContent {
  background: #3b3b3b;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  margin-bottom: 38px;
}
#cboxTitle {
  position: absolute;
  background: #3b3b3b;
  top: -38px;
  height: 38px;
  line-height: 38px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}
#cboxCurrent {
  position: absolute;
  bottom: 0;
  left: 10px;
  height: 38px;
  line-height: 38px;
  color: #949494;
}
#cboxLoadingOverlay {
  background: url(images/loading_background.png) no-repeat center center;
}
#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxSlideshow {
  background-color: #ae0511;
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 38px;
  background-image: url("../img/icon_sprite.png");
  background-repeat: no-repeat;
  background-position: -236px -396px;
  width: 38px;
  height: 38px;
  text-indent: -9999px;
}
#cboxSlideshow:hover {
  background-color: #ae0511;
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 38px;
  background-image: url("../img/icon_sprite.png");
  background-repeat: no-repeat;
  background-position: -236px -432px;
  width: 38px;
  height: 38px;
  text-indent: -9999px;
}
#cboxPrevious {
  background-color: #ae0511;
  position: absolute;
  bottom: 48%;
  left: -38px;
  display: inline-block;
  background-image: url("../img/icon_sprite.png");
  background-repeat: no-repeat;
  background-position: -53px -398px;
  width: 38px;
  height: 38px;
  text-indent: -9999px;
}
#cboxPrevious:hover {
  background-position: -53px -433px;
}
#cboxNext {
  background-color: #ae0511;
  position: absolute;
  bottom: 48%;
  right: -38px;
  display: inline-block;
  background-image: url("../img/icon_sprite.png");
  background-repeat: no-repeat;
  background-position: -6px -398px;
  width: 38px;
  height: 38px;
  text-indent: -9999px;
}
#cboxNext:hover {
  background-position: -6px -433px;
}
#cboxClose {
  background-color: #ae0511;
  position: absolute;
  top: -38px;
  right: 0;
  display: inline-block;
  background-image: url("../img/icon_sprite.png");
  background-repeat: no-repeat;
  background-position: -182px -396px;
  width: 38px;
  height: 38px;
  text-indent: -9999px;
}
#cboxClose:hover {
  background-position: -182px -431px;
}
#colorbox.cboxSlideshow_off button#cboxSlideshow {
  background-position: -286px -398px !important;
}
#colorbox.cboxSlideshow_off button#cboxSlideshow:hover {
  background-position: -286px -433px !important;
}
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
#Black.tyBody,
body#Black {
  background: #272724;
  color: #94928d;
}
#Black i[class*="tyIcon"],
#Black i[class*="tyIcontyNav"] {
  background-image: url("../img/icon_sprite_gold.png");
}
#Black #tyHeader {
  background: #201f1e;
  border: none;
}
#Black #tyHeader .tyHeaderLogo {
  background-position: -306px -427px;
}
#Black #tyHeader .tyHeadline {
  border-color: #a78e5d;
  color: #94928d;
}
#Black #tyHeader .tyHeadline .tyHeaderMetaLogin,
#Black #tyHeader .tyHeadline .tyHeaderMetaRegister,
#Black #tyHeader .tyHeadline .tyHeaderMetaProfile {
  border-color: #a78e5d;
}
#Black #tyHeader .tyHeadline .tyHeaderMetaLogin a,
#Black #tyHeader .tyHeadline .tyHeaderMetaRegister a,
#Black #tyHeader .tyHeadline .tyHeaderMetaProfile a {
  color: #a78e5d;
}
#Black #tyHeader .tyHeadline .tyHeaderMetaLogin a:hover,
#Black #tyHeader .tyHeadline .tyHeaderMetaRegister a:hover,
#Black #tyHeader .tyHeadline .tyHeaderMetaProfile a:hover {
  color: #ffe2a8;
}
#Black #tyHeader .tyHeadline .tyHeaderMetaLogin:hover,
#Black #tyHeader .tyHeadline .tyHeaderMetaRegister:hover,
#Black #tyHeader .tyHeadline .tyHeaderMetaProfile:hover {
  border-color: #ffe2a8;
}
#Black #tyHeader .tySearch {
  color: #94928d;
}
#Black #tyHeader .tySearch button {
  background: #a78e5d;
  border-color: #a78e5d;
}
#Black #tyHeader .tySearch input {
  background: #454545;
  border-color: #454545;
  color: #94928d;
}
#Black #tyHeader .tySearch input:focus {
  color: #ffffff;
}
#Black #tyHeader .tySearch #tySearchSuggest {
  background: #373634;
}
#Black #tyHeader .tySearch #tySearchSuggest > ul > li > a {
  color: #94928d;
  padding: 7px 10px 5px;
}
#Black #tyHeader .tySearch #tySearchSuggest > ul > li > a > span.category {
  color: #a78e5d;
}
#Black #tyHeader .tySearch #tySearchSuggest > ul > li.tyActive {
  background: #454545;
}
#Black #tyHeader .tyLogin {
  background: #272724;
  color: #94928d;
  border-color: #a78e5d;
}
#Black #tyHeader .tyLogin a {
  color: #a78e5d;
}
#Black #tyHeader .tyLogin a:hover {
  color: #ffe2a8;
  text-decoration: none;
}
#Black #tyHeader .tyLogin .fm-form fieldset,
#Black #tyHeader .tyLogin .mytyForm fieldset {
  border-color: #373634;
}
#Black #tyHeader .tyLogin .fm-form input,
#Black #tyHeader .tyLogin .mytyForm input,
#Black #tyHeader .tyLogin .fm-form select,
#Black #tyHeader .tyLogin .mytyForm select,
#Black #tyHeader .tyLogin .fm-form textarea,
#Black #tyHeader .tyLogin .mytyForm textarea {
  background: #454545;
  border-color: #454545;
  color: #94928d;
  outline: none;
}
#Black #tyHeader .tyLogin .fm-form input:focus,
#Black #tyHeader .tyLogin .mytyForm input:focus,
#Black #tyHeader .tyLogin .fm-form select:focus,
#Black #tyHeader .tyLogin .mytyForm select:focus,
#Black #tyHeader .tyLogin .fm-form textarea:focus,
#Black #tyHeader .tyLogin .mytyForm textarea:focus {
  color: #ffffff;
}
#Black #tyHeader .tyLogin .mytyFormBox.mytyFormBtnBox button {
  background: #a78e5d;
  border: 1px solid #a78e5d;
}
#Black #tyHeader .tyLogin .mytyFormBox.mytyFormBtnBox button:hover {
  background: #ffe2a8;
  border: 1px solid #ffe2a8;
}
#Black #tyHeader #snbBasket .tyBasketCount a {
  background: #373634;
  color: #94928d;
}
#Black #tyHeader #snbBasket .tyBasketCount a span {
  background: #a78e5d;
}
#Black #tyHeader #snbBasket .tyBasketCount a:hover {
  background: #373634;
}
#Black #tyHeader #snbBasket .tyBasketOverlay {
  background: #272724;
  color: #94928d;
  border-color: #a78e5d;
  box-shadow: none;
}
#Black #tyHeader #snbBasket .tyBasketOverlay .tyBasketLink .tyButton .mytyFormBox.mytyFormBtnBox button,
#Black #tyHeader #snbBasket .tyBasketOverlay .tyBasketLink .mytyFormBox.mytyFormBtnBox button,
#Black #tyHeader #snbBasket .tyBasketOverlay .tyBasketLink .tyButton .tyButton,
#Black #tyHeader #snbBasket .tyBasketOverlay .tyBasketLink .tyButton {
  background: #a78e5d;
  border: 1px solid #a78e5d;
}
#Black #tyHeader #snbBasket .tyBasketOverlay .tyBasketLink .tyButton .mytyFormBox.mytyFormBtnBox button:hover,
#Black #tyHeader #snbBasket .tyBasketOverlay .tyBasketLink .mytyFormBox.mytyFormBtnBox button:hover,
#Black #tyHeader #snbBasket .tyBasketOverlay .tyBasketLink .tyButton .tyButton:hover,
#Black #tyHeader #snbBasket .tyBasketOverlay .tyBasketLink .tyButton:hover {
  background: #ffe2a8;
  border: 1px solid #ffe2a8;
}
#Black #tyHeader #snbBasket .tyBasketOverlay .tyArticle {
  background: none;
  border: none;
  border-bottom: 1px solid #373634;
}
#Black #tyHeader #snbBasket .tyBasketOverlay .tyArticle .tyArticleDetail h2 a {
  color: #a78e5d;
}
#Black #tyHeader #snbBasket .tyBasketOverlay .tyArticle .tyArticleDetail h2 a:hover {
  color: #ffe2a8;
  text-decoration: none;
}
#Black #tyHeader #snbBasket .tyBasketOverlay .tyArticle .tyArticleDelete {
  background: #373634;
  border: 1px solid #373634;
}
#Black #tyHeader #snbBasket .tyBasketOverlay .tyArticle .tyArticleDelete:hover {
  background: #454545;
  border: 1px solid #454545;
}
#Black #tyHeader #snbBasket .tyBasketOverlay .tyArticle .tyArticleDelete .tyIcon-delete {
  background-position: -588px -21px;
}
#Black #tyHeader #snbBasket .tyBasketOverlay .tyArticle:last-child {
  border-bottom: none;
}
#Black #tyHeader #snbBasket .tyBasketOverlay .tyBasketSummary {
  background: #373634;
  color: #94928d;
}
#Black #tyHeader #snbBasket .tyBasketOverlay .tyBasketLink {
  background: #272724;
}
#Black #tyHeader #snbBasket:hover .tyBasket .tyBasketCount {
  background-color: #454545;
}
#Black #tyWrap .tyMainNavigation span {
  color: #a78e5d;
}
#Black #tyWrap .tyMainNavigation span a {
  color: #a78e5d;
}
#Black #tyWrap .tyMainNavigation span a .tyIcon19687,
#Black #tyWrap .tyMainNavigation span a .tyIcontyNavID5 {
  background-position: -296px -20px;
}
#Black #tyWrap .tyMainNavigation span a .tyIcon19658,
#Black #tyWrap .tyMainNavigation span a .tyIcontyNavID6 {
  background-position: -337px -20px;
}
#Black #tyWrap .tyMainNavigation span a .tyIcon19744,
#Black #tyWrap .tyMainNavigation span a .tyIcontyNavID8 {
  background-position: -383px -20px;
}
#Black #tyWrap .tyMainNavigation span a .tyIcon19761,
#Black #tyWrap .tyMainNavigation span a .tyIcontyNavID7 {
  background-position: -201px -20px;
}
#Black #tyWrap .tyMainNavigation span a .tyIcon19658Outlet {
  background-position: -691px -20px;
}
#Black #tyWrap .tyMainNavigation span a .tyIcontyNavID2 {
  background-position: -628px -20px;
}
#Black #tyWrap .tyMainNavigation span a .tyIcontyNavID12 {
  background-position: -156px -20px;
}
#Black #tyWrap .tyMainNavigation span a .tyIcontyNavID13 {
  background-position: -661px -20px;
}
#Black #tyWrap .tyMainNavigation span.tyActive a,
#Black #tyWrap .tyMainNavigation span a:hover {
  color: #ffe2a8;
  opacity: 1;
}
#Black #tyWrap .tyMainNavigation span.tyActive a .tyIcon19687,
#Black #tyWrap .tyMainNavigation span a:hover .tyIcon19687,
#Black #tyWrap .tyMainNavigation span.tyActive a .tyIcontyNavID5,
#Black #tyWrap .tyMainNavigation span a:hover .tyIcontyNavID5 {
  background-position: -296px -80px;
}
#Black #tyWrap .tyMainNavigation span.tyActive a .tyIcon19658,
#Black #tyWrap .tyMainNavigation span a:hover .tyIcon19658,
#Black #tyWrap .tyMainNavigation span.tyActive a .tyIcontyNavID6,
#Black #tyWrap .tyMainNavigation span a:hover .tyIcontyNavID6 {
  background-position: -337px -80px;
}
#Black #tyWrap .tyMainNavigation span.tyActive a .tyIcon19744,
#Black #tyWrap .tyMainNavigation span a:hover .tyIcon19744,
#Black #tyWrap .tyMainNavigation span.tyActive a .tyIcontyNavID8,
#Black #tyWrap .tyMainNavigation span a:hover .tyIcontyNavID8 {
  background-position: -383px -80px;
}
#Black #tyWrap .tyMainNavigation span.tyActive a .tyIcon19761,
#Black #tyWrap .tyMainNavigation span a:hover .tyIcon19761,
#Black #tyWrap .tyMainNavigation span.tyActive a .tyIcontyNavID7,
#Black #tyWrap .tyMainNavigation span a:hover .tyIcontyNavID7 {
  background-position: -201px -80px;
}
#Black #tyWrap .tyMainNavigation span.tyActive a .tyIcon19658Outlet,
#Black #tyWrap .tyMainNavigation span a:hover .tyIcon19658Outlet {
  background-position: -691px -80px;
}
#Black #tyWrap .tyMainNavigation span.tyActive a .tyIcontyNavID2,
#Black #tyWrap .tyMainNavigation span a:hover .tyIcontyNavID2 {
  background-position: -628px -80px;
}
#Black #tyWrap .tyMainNavigation span.tyActive a .tyIcontyNavID12,
#Black #tyWrap .tyMainNavigation span a:hover .tyIcontyNavID12 {
  background-position: -156px -80px;
}
#Black #tyWrap .tyMainNavigation span.tyActive a .tyIcontyNavID13,
#Black #tyWrap .tyMainNavigation span a:hover .tyIcontyNavID13 {
  background-position: -661px -80px;
}
#Black #tyWrap .tyBreadCrumb {
  background: #373634;
  color: #94928d;
}
#Black #tyWrap .tyBreadCrumb a {
  color: #a78e5d;
}
#Black #tyWrap .tyBreadCrumb a:hover {
  color: #ffe2a8;
}
#Black #tyWrap .tyBreadCrumb .tyBreadcrumbPrev a {
  background: #a78e5d;
}
#Black #tyWrap .tyBreadCrumb .tyBreadcrumbPrev a:hover {
  background: #201f1e;
}
#Black #tyWrap .tyBreadCrumb .tyBreadCrumbArrow {
  color: #a78e5d;
}
#Black #tyWrap .tyContentDivider,
#Black #tyWrap .tyCategoryDivider,
#Black #tyWrap .tyDividerBox {
  background-color: #373634;
}
#Black #tyWrap .tySocialBoxes .tyBox {
  color: #94928d;
  background: #373634;
}
#Black #tyWrap .tySocialBoxes .tyBox a {
  background: #a78e5d;
  color: #ffffff;
}
#Black #tyWrap .tySocialBoxes .tyBox a:hover {
  color: #ffffff;
  background: #ffe2a8;
}
#Black #tyWrap .tySocialBoxes .tyBox.tyNewsletterBox .tyForm form button {
  background: #a78e5d;
  border: 1px solid #a78e5d;
}
#Black #tyWrap .tySocialBoxes .tyBox.tyNewsletterBox .tyForm form button:hover {
  background: #ffe2a8;
  border: 1px solid #201f1e;
}
#Black #tyWrap .tySocialBoxes .tyBox.tyNewsletterBox .tyForm form input {
  background: #272724;
  border-color: #272724;
  color: #94928d;
}
#Black #tyWrap .tySocialBoxes .tyBox.tyNewsletterBox .tyForm form input:focus {
  color: #ffffff;
}
#Black #tyWrap .tyWineClubArticle .article {
  background: #2b2b27;
}
#Black #tyWrap .tyTextBox .tyHeadline,
#Black #tyWrap .tyTextTeaserBox .tyHeadline,
#Black #tyWrap .tySubmenu .tyHeadline {
  color: #94928d;
}
#Black #tyWrap .tyTextBox .tyUnderline,
#Black #tyWrap .tyTextTeaserBox .tyUnderline,
#Black #tyWrap .tySubmenu .tyUnderline {
  background-image: none;
  border-bottom: 1px solid #373634;
}
#Black #tyWrap .tyTextBox .tyUnderline h2,
#Black #tyWrap .tyTextTeaserBox .tyUnderline h2,
#Black #tyWrap .tySubmenu .tyUnderline h2 {
  border-color: #a78e5d;
  position: relative;
  top: 1px;
}
#Black #tyWrap .tyTextBox a:link,
#Black #tyWrap .tyTextTeaserBox a:link,
#Black #tyWrap .tySubmenu a:link,
#Black #tyWrap .tyTextBox a:active,
#Black #tyWrap .tyTextTeaserBox a:active,
#Black #tyWrap .tySubmenu a:active,
#Black #tyWrap .tyTextBox a:visited,
#Black #tyWrap .tyTextTeaserBox a:visited,
#Black #tyWrap .tySubmenu a:visited {
  color: #a78e5d;
  text-decoration: none;
}
#Black #tyWrap .tyTextBox a:hover,
#Black #tyWrap .tyTextTeaserBox a:hover,
#Black #tyWrap .tySubmenu a:hover {
  color: #ffe2a8;
  text-decoration: none;
}
#Black #tyWrap .tyTextBox a.tyButton,
#Black #tyWrap .tyTextTeaserBox a.tyButton,
#Black #tyWrap .tySubmenu a.tyButton {
  color: #ffffff;
}
#Black #tyWrap .tySubmenu .tyContentWrap {
  color: #a78e5d;
}
#Black #tyWrap .mytyForm button[type="submit"],
#Black #tyWrap .buttons.mytyFormBtnBox button,
#Black #tyWrap .mytyFormBox.mytyFormBtnBox button {
  background: #a78e5d;
  border: 1px solid #a78e5d;
}
#Black #tyWrap .mytyForm button[type="submit"]:hover,
#Black #tyWrap .buttons.mytyFormBtnBox button:hover,
#Black #tyWrap .mytyFormBox.mytyFormBtnBox button:hover {
  background: #ffe2a8;
  border: 1px solid #ffe2a8;
}
#Black #tyWrap .fm-form fieldset,
#Black #tyWrap .mytyForm fieldset {
  border-color: #373634;
}
#Black #tyWrap .fm-form fieldset legend,
#Black #tyWrap .mytyForm fieldset legend {
  color: #94928d;
}
#Black #tyWrap .fm-form input,
#Black #tyWrap .mytyForm input,
#Black #tyWrap .fm-form select,
#Black #tyWrap .mytyForm select,
#Black #tyWrap .fm-form textarea,
#Black #tyWrap .mytyForm textarea {
  background: #454545;
  border-color: #454545;
  color: #94928d;
  outline: none;
}
#Black #tyWrap .fm-form input:focus,
#Black #tyWrap .mytyForm input:focus,
#Black #tyWrap .fm-form select:focus,
#Black #tyWrap .mytyForm select:focus,
#Black #tyWrap .fm-form textarea:focus,
#Black #tyWrap .mytyForm textarea:focus {
  color: #ffffff;
}
#Black #tyFooter {
  background: #201f1e;
  border-color: #201f1e;
  color: #94928d;
  /* Partner Icons Footer */
}
#Black #tyFooter a {
  color: #a78e5d;
}
#Black #tyFooter a:hover {
  color: #ffe2a8;
  text-decoration: none;
}
#Black #tyFooter .tyHeadline {
  color: #94928d;
  border-color: #373634;
}
#Black #tyFooter .tyDivider {
  background-color: #373634;
}
#Black #tyFooter .tyFooterLogo {
  background-position: -306px -537px;
}
#Black #tyFooter .tyIcon-partner-amex {
  background-position: -306px 0px;
}
#Black #tyFooter .tyIcon-partner-myloc {
  background-position: -306px -55px;
}
#Black #tyFooter .tyIcon-partner-airberlin {
  background-position: -306px -107px;
}
#Black #tyFooter .tyIcon-partner-vorwerk {
  background-position: -306px -151px;
}
#Black #tyFooter .tyIcon-partner-mercedes {
  background-position: -306px -207px;
}
.tyBox {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  margin: 0 0 10px 0;
}
.tyBox .tyHeadline {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}
.tyBox .tyHeadline.tyUnderline {
  background-image: url("../img/bgline.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
.tyBox .tyHeadline.tyUnderline h1,
.tyBox .tyHeadline.tyUnderline h2,
.tyBox .tyHeadline.tyUnderline h3,
.tyBox .tyHeadline.tyUnderline h4 {
  display: inline-block;
  border-bottom: 1px solid #333333;
  margin: 0;
  padding: 0 0 10px 0;
}
.tyBox .tyHeadline.mb20 {
  margin-bottom: 20px;
}
.tyBox .tyContentWrap {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}
.tyBox .tyFooter {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}
/* Headlines */
h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  display: block;
  margin-bottom: 20px;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  font-weight: 400;
}
h1 {
  font-size: 24px;
  line-height: 34px;
}
h1 p {
  margin: 0;
}
h2 {
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}
h2 p {
  margin: 0;
}
h2.tySubline {
  font-size: 18px;
  line-height: 24px;
}
h2.tySubline p {
  margin: 0;
}
h3 {
  font-size: 14px;
  line-height: 18px;
}
h4 {
  font-size: 14px;
  line-height: 18px;
}
.tyPrintLogo {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  display: none;
  width: 140px;
  height: 90px;
  margin: 0 auto;
}
.tyPrintLogo:hover {
  cursor: pointer;
}
.tyFeedback {
  width: 27px;
  height: 122px;
  position: absolute;
  right: 0;
  top: 48%;
  display: block;
  z-index: 600;
}
.tyFeedback a {
  width: 27px;
  height: 122px;
  display: block;
  background-image: url('../img/feedback.gif');
  background-repeat: repeat;
  background-position: -27px 0;
}
.tyFeedback a:hover {
  background-position: 0 0;
}
/* Header */
#tyHeader {
  background-color: #f2f2f2;
  border-top: 2px solid #272724;
  border-bottom: 1px solid #e6e6e6;
  font-size: 12px;
  color: #333333;
  padding: 0;
  width: 100%;
  margin: 0 0 20px 0;
}
#tyHeader .span4 {
  margin-top: 40px;
  margin-bottom: 25px;
}
#tyHeader .span8 {
  margin-bottom: 40px;
}
#tyHeader .span16 {
  margin-bottom: 40px;
}
#tyHeader .tyHeaderMeta {
  margin: 10px 0 20px 0;
  position: relative;
}
#tyHeader .tyHeaderMeta .tyHeadline {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  line-height: 25px;
  height: 25px;
}
#tyHeader .tyHeaderMeta .tyHeadline .tySpacer {
  display: inline-block;
  width: 35px;
}
#tyHeader .tyHeaderMeta .tyHeadline #snbProfile {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 290px;
  height: 26px;
}
#tyHeader .tyHeaderMeta .tyHeadline #snbProfile .tyDividerBox {
  margin: 0;
}
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaLogin,
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaRegister,
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaProfile {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  display: inline-block;
  float: right;
  margin-left: 20px;
  border-bottom: 1px solid #cccccc;
  line-height: 25px;
}
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaLogin a,
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaRegister a,
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaProfile a {
  display: block;
  color: #333333;
  text-decoration: none;
}
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaLogin:hover,
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaRegister:hover,
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaProfile:hover {
  border-bottom: 1px solid #ae0511;
}
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaLogin:hover a,
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaRegister:hover a,
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaProfile:hover a {
  color: #ae0511;
  text-decoration: none;
}
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaLogin:hover a .tyIcon-user,
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaRegister:hover a .tyIcon-user,
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaProfile:hover a .tyIcon-user {
  background-position: -111px -80px;
}
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaLogin:hover a .tyIcon-pencil,
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaRegister:hover a .tyIcon-pencil,
#tyHeader .tyHeaderMeta .tyHeadline .tyHeaderMetaProfile:hover a .tyIcon-pencil {
  background-position: -66px -80px;
}
#tyHeader .tyHeaderLogo {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  display: inline-block;
  background-image: url("../img/logo_sprite.png?1");
  background-repeat: no-repeat;
  display: block;
  background-position: -10px -427px;
  width: 136px;
  height: 80px;
  margin: 0 auto;
}
#tyHeader .tyHeaderLogo:hover {
  cursor: pointer;
}
#tyHeader .tySearch {
  height: 40px;
  width: 240px;
  position: relative;
}
#tyHeader .tySearch form {
  padding: 0;
  margin: 0;
}
#tyHeader .tySearch button {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  display: inline;
  float: left;
  background-color: #ae0511;
  border: 1px solid #cccccc;
  border-right: 0;
  outline: 0;
  width: 39px;
  height: 40px;
}
#tyHeader .tySearch button .tyIcon-search {
  padding: 0;
  margin: 0;
  background-position: -18px -170px;
}
#tyHeader .tySearch input {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: 1px solid #cccccc;
  border-left: 0;
  box-shadow: none;
  width: 160px;
  height: 38px;
  line-height: 42px;
  float: left;
  padding-left: 10px;
  padding-right: 30px;
  outline: 0;
}
#tyHeader .tySearch a.tyButton {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 1px;
  top: 1px;
  padding: 12px;
  background: none;
}
#tyHeader .tySearch a.tyButton .tyIcon-close-thin {
  background-position: -195px -409px;
  width: 11px;
  height: 16px;
  width: 13px;
  height: 13px;
}
#tyHeader .tySearch a.tyButton:hover .tyIcon-close-thin {
  background-position: -195px -480px;
  width: 11px;
  height: 16px;
  width: 13px;
  height: 13px;
}
#tyHeader .tySearchArticlesResult.tySearchArticlesResultHead {
  display: none;
  overflow: hidden;
  padding-top: 20px;
  margin-bottom: 20px;
  margin-left: -10px;
  border-top: 1px solid #cccccc;
  height: 150px;
}
#tyHeader .tySearchArticlesResult.tySearchArticlesResultHead .span2 {
  margin-left: 20px;
  width: 101px;
}
#tyHeader .tySearchArticlesResult.tySearchArticlesResultHead .span2:hover {
  background-color: #e6e6e6;
}
#tyHeader .tySearchArticlesResult.tySearchArticlesResultHead .tyShowAll {
  display: none;
  background-color: #333333;
}
#tyHeader .tySearchArticlesResult.tySearchArticlesResultHead .tyShowAll a {
  width: 100px;
  height: 100px;
  display: block;
  padding-top: 50px;
  text-align: center;
  font-size: 10px;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  line-height: normal;
  color: #ffffff;
  text-decoration: none;
}
#tyHeader .tySearchArticlesResult.tySearchArticlesResultHead .tyShowAll a i {
  display: block;
  margin: 0 auto 8px auto;
  background-position: -350px -444px;
}
#tyHeader .tySearchArticlesResult.tySearchArticlesResultHead .tyShowAll a:hover {
  background-color: #ae0511;
}
#tyHeader .tySearchArticlesResult.tySearchArticlesResultHead .index11 .span2.index10 {
  display: none;
}
#tyHeader .tySearchArticlesResult.tySearchArticlesResultHead .index11 .tyShowAll {
  display: block;
}
#tyHeader .tyLogin {
  position: absolute;
  top: 25px;
  right: 0;
  width: 420px;
  height: auto;
  min-height: 170px;
  padding: 15px 20px;
  background-color: #e6e6e6;
  border: 1px solid #cccccc;
  z-index: 99;
}
#tyHeader .tyLogin .fm-form {
  margin: 0 0 0 -20px;
}
#tyHeader .tyLogin .fm-form .alert {
  margin-left: 20px;
  line-height: normal;
}
#tyHeader .tyLogin .fm-form .mytyFormBox {
  width: 156px;
}
#tyHeader .tyLogin .fm-form .mytyFormBox label {
  display: block;
}
#tyHeader .tyLogin .fm-form .mytyFormBox input {
  width: 138px !important;
  padding: 10px 8px;
}
#tyHeader .tyLogin .fm-form .mytyFormBox a {
  padding-top: 5px;
  display: block;
  font-size: 11px;
  line-height: 15px;
}
#tyHeader .tyLogin .fm-form .mytyFormBtnBox {
  padding-top: 26px;
  width: 68px;
  height: 38px;
  min-height: 38px;
}
#tyHeader .tyLogin h3 {
  margin-bottom: 10px;
  padding-top: 10px;
}
#tyHeader .tyLogin p {
  margin: 0;
  line-height: 18px;
}
#tySearchSuggest {
  display: none;
  background: #f2f2f2;
  z-index: 100;
  width: 400px;
  position: absolute;
  -webkit-box-shadow: 0px 2px 3px #000;
  -moz-box-shadow: 0px 2px 3px #000;
  box-shadow: 0px 2px 3px #000;
}
#tySearchSuggest > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#tySearchSuggest > ul > li.tyActive {
  background: #e6e6e6;
}
#tySearchSuggest > ul > li > a {
  color: #333333;
  text-decoration: none;
  padding: 5px 10px;
  display: block;
}
#tySearchSuggest > ul > li > a > span.category {
  color: #ae0511;
}
/* Wrap */
#tyWrap .tySocialBoxes .tyBox {
  height: 110px;
  margin-bottom: 30px;
}
/* Dynamic Content Box */
/* Sidebar */
#tySidebar {
  float: right;
  width: 200px;
  height: 100%;
}
/* Footer */
#tyFooter {
  background-color: #f2f2f2;
  width: 100%;
  border-top: 1px solid #e6e6e6;
  border-bottom: 3px solid #ae0511;
  color: #333333;
  padding: 40px 0 40px 0;
}
#tyFooter .tyBox {
  margin-bottom: 20px;
}
#tyFooter .tyBox .tyHeadline {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 10px;
}
#tyFooter .tyBox .tyHeadline h4 {
  font-size: 13px;
  line-height: 23px;
  margin: 0;
}
#tyFooter .tyLogoBox span {
  margin-right: 15px;
}
#tyFooter .tyLogoBox span a {
  display: block;
  height: 45px;
  text-indent: -9000px;
}
#tyFooter .tyFooterLogo {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  display: inline-block;
  background-image: url("../img/logo_sprite.png?1");
  background-repeat: no-repeat;
  display: block;
  background-position: -10px -537px;
  margin: 40px auto 0 auto;
  width: 82px;
  height: 48px;
}
#tyFooter .tyFooterNavigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  clear: both;
  float: none;
}
#tyFooter .tyFooterNavigation ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  width: 195px;
  float: left;
}
#tyFooter .tyContactBox .span4 {
  width: 184px;
}
.tyBreadCrumb {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  height: 38px;
  margin-bottom: 20px;
  background-color: #f2f2f2;
  overflow: hidden;
}
.tyBreadCrumb li {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  width: auto;
  float: left;
  display: inline-block;
  padding: 5px 0;
  line-height: 30px;
}
.tyBreadCrumb li span.tyBreadCrumbArrow {
  padding: 0 5px;
  line-height: 30px;
}
.tyBreadCrumb li a {
  line-height: 30px;
  text-decoration: none;
  color: #4d4d4d;
}
.tyBreadCrumb li a:hover {
  color: #ae0511;
}
.tyBreadCrumb li.tyBreadcrumbPrev {
  display: block;
  width: 40px;
  height: 38px;
  text-align: center;
  padding: 0;
  margin-right: 10px;
}
.tyBreadCrumb li.tyBreadcrumbPrev a {
  display: block;
  width: 40px;
  height: 14px;
  padding: 12px 0;
  text-align: center;
  background-color: #333333;
}
.tyBreadCrumb li.tyBreadcrumbPrev a .tyIcon-arrow-left {
  background-position: -66px -444px;
  width: 11px;
  height: 16px;
}
.tyBreadCrumb li.tyBreadcrumbPrev a:hover {
  background-color: #ae0511;
}
.tyBreadCrumb li.tyFirst .tyBreadCrumbArrow {
  display: none;
}
.tyBreadCrumb li.tySpecial {
  float: right;
}
.tyMainNavigation {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  margin-bottom: 10px;
  line-height: 25px;
  height: 25px;
  overflow: hidden;
}
.tyMainNavigation span {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  display: inline-block;
  float: left;
  margin-right: 20px;
  line-height: 25px;
  padding-bottom: 7px;
}
.tyMainNavigation span a {
  display: block;
  color: #333333;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 700;
  text-decoration: none;
}
.tyMainNavigation span a i {
  margin-right: 3px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.tyMainNavigation span:hover a {
  color: #333333;
  color: #000000;
}
.tyMainNavigation span:hover a i {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tyMainNavigation span.tyActive a {
  color: #ae0511;
  text-decoration: none;
}
.tyMainNavigation span.tyActive a i {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tyMainNavigation span.tyActive a .tyIcon19687 {
  background-position: -296px -80px;
}
.tyMainNavigation span.tyActive a .tyIcon19658 {
  background-position: -337px -80px;
}
.tyMainNavigation span.tyActive a .tyIcon19744 {
  background-position: -383px -80px;
}
.tyMainNavigation span.tyActive a .tyIcon19761 {
  background-position: -201px -80px;
}
.tyMainNavigation span.tyActive a .tyIcon19658Outlet {
  background-position: -691px -80px;
}
.tyMainNavigation span.tyActive a .tyIcontyNavID2 {
  background-position: -628px -80px;
}
.tyMainNavigation span.tyActive a .tyIcontyNavID12 {
  background-position: -156px -80px;
}
.tyMainNavigation span.tyActive a .tyIcontyNavID13 {
  background-position: -661px -80px;
}
.tyMainNavigation span.navtyNavID13 {
  display: none;
}
.tyMainNavigation span.navtyNavID13.tyActive {
  display: block;
}
.tyMainNavigation span.navtyNavID14 {
  display: none;
}
.tyMainNavigation span.navtyNavID129 {
  display: none;
}
.tyMainNavigation span.navtyNavID3013 {
  display: none;
}
.tyMainNavigation span.navtyNavID133 {
  display: none;
}
.tyMainNavigation span.navtyNavID26 {
  display: none;
}
.tyMainNavigation span.navtyNavID50 {
  display: none;
}
.tySubNavigationWrap {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  height: 280px;
  position: relative;
  margin-bottom: 20px;
}
.tySubNavigationWrap .tySubNavigation {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  line-height: 25px;
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  width: 1180px;
  min-height: 25px;
  z-index: 100;
  padding: 5px 0 5px 10px;
  background-image: url('/templates/img/overlaybg60.png');
  background-repeat: repeat;
}
.tySubNavigationWrap .tySubNavigation span {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  display: inline-block;
  float: left;
  line-height: 25px;
  padding: 0 15px 0 0;
}
.tySubNavigationWrap .tySubNavigation span a {
  display: block;
  color: #e6e6e6;
  font-weight: bold;
  text-decoration: none;
}
.tySubNavigationWrap .tySubNavigation span:hover a {
  color: #ffffff;
  text-decoration: none;
}
.tySubNavigationWrap .tyImage {
  width: 1190px;
  height: 280px;
  overflow: hidden;
}
.tyNavDescription {
  padding: 0;
  margin: 0 0 40px 0;
  clear: both;
  float: none;
  display: none;
}
.tyCategoryTeaser {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  overflow: hidden;
  height: 330px;
  position: relative;
  margin-bottom: 30px;
}
.tyCategoryTeaser a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.tyCategoryTeaser a span {
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  font-size: 17px;
  line-height: 19px;
  position: absolute;
  color: #ffffff;
  display: none;
  padding: 20px;
  z-index: 5;
  bottom: 0;
  left: 0;
}
.tyCategoryTeaser a span.tyOverlay {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 59px;
  z-index: 4;
  background: #000000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.tyCategoryTeaser a:hover span {
  display: block;
}
.tySlider {
  width: 100%;
  height: 370px;
  overflow: hidden;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #cccccc;
}
.tySlider ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  height: 330px;
}
.tySlider ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  width: 220px;
  height: 330px;
  margin-left: 20px;
  float: left;
  position: relative;
}
.tySlider ul li .tyOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 4;
  background: #000000;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tySlider ul li img {
  position: absolute;
  left: 0;
  top: 0;
}
.tySlider ul li h2,
.tySlider ul li span,
.tySlider ul li h2,
.tySlider ul li a {
  z-index: 5;
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  display: block;
  color: #ffffff;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tySlider ul li h2 {
  top: 80%;
  font-size: 24px;
  opacity: 1;
  vertical-align: baseline;
  height: 48px;
  margin: 0;
}
.tySlider ul li .tyLine {
  top: 37%;
  width: 90%;
  left: 5%;
  height: 1px;
  background: #ffffff;
}
.tySlider ul li .tyRow1 {
  top: 40%;
  font-weight: 400;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
}
.tySlider ul li .tyRow2 {
  top: 46%;
}
.tySlider ul li .tyLink {
  top: 90%;
}
.tySlider ul li:hover {
  cursor: pointer;
}
.tySlider .tySliderPrev,
.tySlider .tySliderNext {
  display: block;
  width: 40px;
  height: 24px;
  text-align: center;
  padding: 12px 0;
}
.tySlider .tySliderPrev {
  float: left;
}
.tySlider .tySliderPrev:hover {
  background-color: #ae0511;
}
.tySlider .tySliderPrev:hover .tyIcon-arrow-left {
  background-position: -66px -444px;
  width: 11px;
  height: 16px;
}
.tySlider .tySliderNext {
  float: right;
}
.tySlider .tySliderNext:hover {
  background-color: #ae0511;
}
.tySlider .tySliderNext:hover .tyIcon-arrow-right {
  background-position: -21px -444px;
  width: 11px;
  height: 16px;
}
.tySlider .tySliderPager {
  width: 200px;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
.tySlider .tySliderPager a {
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  width: 6px;
  height: 6px;
  margin: 17px 6px 0 0;
  display: inline-block;
  background-position: -159px -414px;
}
.tySlider .tySliderPager a.selected {
  background-position: -114px -485px;
  cursor: default;
}
.tySlider .tySliderPager a span {
  display: none;
}
.tyFullSizeSlider {
  width: 100%;
  height: 330px;
  overflow: hidden;
  position: relative;
  margin: 0;
  border-bottom: 0px solid #cccccc;
}
.tyFullSizeSlider ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  height: 330px;
}
.tyFullSizeSlider ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  width: 1190px;
  height: 330px;
  float: left;
  position: relative;
}
.tyFullSizeSlider ul li span {
  display: block;
  height: auto;
  width: 920px;
  padding: 15px 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 20;
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  background-image: url('../img/overlaybg60.png');
  background-repeat: repeat;
}
.tyFullSizeSlider ul li img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.tyFullSizeSlider .tySliderPrev,
.tyFullSizeSlider .tySliderNext {
  display: block;
  width: 40px;
  height: 24px;
  text-align: center;
  padding: 12px 0;
}
.tyFullSizeSlider .tySliderPrev {
  float: left;
}
.tyFullSizeSlider .tySliderPrev:hover {
  background-color: #ae0511;
}
.tyFullSizeSlider .tySliderPrev:hover .tyIcon-arrow-left {
  background-position: -66px -444px;
  width: 11px;
  height: 16px;
}
.tyFullSizeSlider .tySliderNext {
  float: right;
}
.tyFullSizeSlider .tySliderNext:hover {
  background-color: #ae0511;
}
.tyFullSizeSlider .tySliderNext:hover .tyIcon-arrow-right {
  background-position: -21px -444px;
  width: 11px;
  height: 16px;
}
.tyFullSizeSlider .tySliderPager {
  width: 200px;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
.tyFullSizeSlider .tySliderPager a {
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  width: 6px;
  height: 6px;
  margin: 17px 6px 0 0;
  display: inline-block;
  background-position: -159px -414px;
}
.tyFullSizeSlider .tySliderPager a.selected {
  background-position: -114px -485px;
  cursor: default;
}
.tyFullSizeSlider .tySliderPager a span {
  display: none;
}
.tyFullSizeSlider .tySliderPrev,
.tyFullSizeSlider .tySliderNext,
.tyFullSizeSlider .tySliderPager {
  display: none;
}
.js .tyFullSizeSlider {
  height: 370px;
}
.js .tyFullSizeSlider .tySliderPrev,
.js .tyFullSizeSlider .tySliderNext,
.js .tyFullSizeSlider .tySliderPager {
  display: none;
}
.tyWeatherOverlay {
  position: absolute;
  left: 960px;
  top: 0;
  width: 230px;
  height: 330px;
  margin: 0;
  padding: 0;
  z-index: 30;
}
.tyWeatherOverlay .tyOverlay {
  width: 230px;
  height: 330px;
  z-index: 5;
  position: absolute;
  background: #000000;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.tyWeatherOverlay .weatherCurrent {
  z-index: 6;
  position: absolute;
  top: 40px;
  left: 0;
  text-align: center;
  width: 230px;
  height: auto;
  color: #ffffff;
}
.tyWeatherOverlay .weatherCurrent .weatherContent {
  width: 190px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  text-align: left;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.tyWeatherOverlay .weatherCurrent .weatherContent .weatherSymbolCaption {
  width: 105px;
  font-size: 12px;
  line-height: 12px;
  float: left;
}
.tyWeatherOverlay .weatherCurrent .weatherContent .weatherSymbolCaption .weatherLocation {
  font-size: 22px;
  line-height: 22px;
  padding-bottom: 5px;
  display: block;
}
.tyWeatherOverlay .weatherCurrent .weatherContent .weatherTemp {
  width: 85px;
  font-size: 36px;
  line-height: 42px;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  float: right;
  text-align: right;
}
.tyWeatherOverlay .weatherCurrent .weatherContentTime {
  width: 190px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  text-align: left;
}
.tyWeatherOverlay .weatherCurrent .weatherContentTime .weatherDate,
.tyWeatherOverlay .weatherCurrent .weatherContentTime .weatherTime {
  width: 100px;
  font-size: 11px;
  line-height: 12px;
  float: left;
  text-align: left;
}
.tyWeatherOverlay .weatherCurrent .weatherContentTime .weatherDate i,
.tyWeatherOverlay .weatherCurrent .weatherContentTime .weatherTime i {
  background-position: -722px -50px;
  margin-right: 5px;
  vertical-align: middle;
}
.tyWeatherOverlay .weatherCurrent .weatherContentTime .weatherTime {
  width: 90px;
  float: right;
  text-align: right;
}
.tyWeatherOverlay .weatherCurrent .weatherContentTime .weatherTime i {
  background-position: -431px -50px;
}
.tyWeatherOverlay .weatherCurrent .weatherSymbol img {
  width: 238px;
  height: 150px;
  margin-left: -2px;
}
.tyFacebookBox {
  background-color: #f2f2f2;
  color: #333333;
  text-align: center;
  padding: 20px;
}
.tyFacebookBox .tyHeadline {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  font-size: 24px;
  display: block;
  line-height: normal;
}
.tyFacebookBox .tyValue {
  display: block;
  margin-bottom: 20px;
}
.tyFacebookBox a {
  display: block;
  width: 135px;
  color: #ffffff;
  padding: 5px 10px;
  margin: 0 auto;
  background-color: #4d4d4d;
  font-size: 19px;
  line-height: normal;
}
.tyFacebookBox a .tyIcon-thumb {
  background-position: -106px -170px;
}
.tyFacebookBox a:hover {
  text-decoration: none;
  background-color: #ae0511;
}
.tyNewsletterBox {
  background-color: #f2f2f2;
  color: #333333;
  text-align: center;
  padding: 20px;
}
.tyNewsletterBox .tyHeadline {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  font-size: 24px;
  display: block;
  line-height: normal;
}
.tyNewsletterBox .tyValue {
  display: block;
  margin-bottom: 20px;
}
.tyNewsletterBox .tyForm {
  margin: 0;
  width: auto;
  height: auto;
  width: 170px;
  padding: 0;
  overflow: hidden;
  margin: 0 auto;
}
.tyNewsletterBox .tyForm form {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}
.tyNewsletterBox .tyForm form label {
  position: absolute;
  top: -5000px;
  left: -5000px;
  width: 1px;
  height: 1px;
}
.tyNewsletterBox .tyForm form button {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  width: 37px;
  height: 34px;
  display: inline;
  float: left;
  background-color: #4d4d4d;
  border: 1px solid #4d4d4d;
  border-right: 0;
}
.tyNewsletterBox .tyForm form button .tyIcon-msg {
  background-position: -199px -170px;
}
.tyNewsletterBox .tyForm form button:hover {
  background-color: #ae0511;
  border-color: #ae0511;
}
.tyNewsletterBox .tyForm form input {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: 1px solid #cccccc;
  border-right: 0;
  box-shadow: none;
  outline: 0;
  width: 110px;
  height: 32px;
  line-height: 32px;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.tyBlogBox {
  background-color: #f2f2f2;
  color: #333333;
  text-align: center;
  padding: 20px;
}
.tyBlogBox .tyHeadline {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  font-size: 24px;
  display: block;
  line-height: normal;
}
.tyBlogBox .tyValue {
  display: block;
  margin-bottom: 20px;
}
.tyBlogBox a {
  display: block;
  width: 135px;
  color: #ffffff;
  padding: 5px 10px;
  margin: 0 auto;
  background-color: #4d4d4d;
  font-size: 19px;
  line-height: normal;
}
.tyBlogBox a:hover {
  text-decoration: none;
  background-color: #ae0511;
}
.tyBlogBox a .tyIcon-image {
  background-position: -152px -170px;
  vertical-align: middle;
}
.tyOutletBox {
  background-color: #f2f2f2;
  color: #333333;
  text-align: center;
  padding: 20px;
}
.tyOutletBox .tyHeadline {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  font-size: 24px;
  display: block;
  line-height: normal;
}
.tyOutletBox .tyValue {
  display: block;
  margin-bottom: 20px;
}
.tyOutletBox a {
  display: block;
  width: 135px;
  color: #ffffff;
  padding: 5px 10px;
  margin: 0 auto;
  background-color: #4d4d4d;
  font-size: 19px;
  line-height: normal;
}
.tyOutletBox a:hover {
  text-decoration: none;
  background-color: #ae0511;
}
.tySpecialBox {
  background-color: #f2f2f2;
  color: #333333;
  text-align: center;
  padding: 20px;
}
.tySpecialBox .tyHeadline {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  font-size: 24px;
  display: block;
  line-height: normal;
}
.tySpecialBox .tyValue {
  display: block;
  margin-bottom: 20px;
}
.tySpecialBox a {
  display: block;
  width: 135px;
  color: #ffffff;
  padding: 5px 10px;
  margin: 0 auto;
  background-color: #4d4d4d;
  font-size: 19px;
  line-height: normal;
}
.tySpecialBox a:hover {
  text-decoration: none;
  background-color: #ae0511;
}
.tySpecialBox a .tyIcon-image {
  background-position: -152px -170px;
  vertical-align: middle;
}
.tyTextBox {
  margin-bottom: 40px;
}
.tyTextBox .tyHeadline {
  margin-bottom: 20px;
}
.tyTextBox .tyContentWrap {
  padding-right: 100px;
  line-height: 22px !important;
}
.tyTextBox .tyContentWrap p {
  line-height: 22px !important;
}
.tyHeadlineDividerBox .tyHeadline {
  border-top: 1px solid #cccccc;
  padding-top: 19px;
}
.tyCategoryDivider {
  background-color: #cccccc;
  height: 1px;
  line-height: 1px;
  font-size: 0;
  margin: 10px 0 20px 10px;
  clear: both;
}
.tyDividerBox {
  background-color: #cccccc;
  height: 1px;
  line-height: 1px;
  font-size: 0;
  margin-top: 20px;
  margin-bottom: 30px;
  clear: both;
}
.tyContentDivider {
  background-color: #cccccc;
  height: 1px;
  line-height: 1px;
  font-size: 0;
  margin-top: 20px;
  margin-bottom: 30px;
  clear: both;
}
.tyCatalogBox h3 {
  color: #ffffff;
}
.tyCatalogBox a {
  display: inline-block;
  line-height: normal;
  color: #ffffff;
  padding: 8px 15px;
}
.tyCatalogBox .tyWineBox,
.tyCatalogBox .tyPresentsBox {
  width: 180px;
  height: 120px;
  padding: 20px;
  background-repeat: no-repeat;
  background-position: bottom right;
  margin-bottom: 25px;
}
.tyCatalogBox .tyWineBox {
  background-color: #682939;
  background-image: url("../img/bg_logo_red.jpg");
}
.tyCatalogBox .tyWineBox a {
  background-color: #33141c;
}
.tyCatalogBox .tyWineBox a:hover {
  background-color: #ae0511;
  text-decoration: none;
}
.tyCatalogBox .tyPresentsBox {
  background-color: #002d90;
  background-image: url("../img/bg_logo_blue.jpg");
  margin: 0;
}
.tyCatalogBox .tyPresentsBox a {
  background-color: #001d5c;
}
.tyCatalogBox .tyPresentsBox a:hover {
  background-color: #ae0511;
  text-decoration: none;
}
.tyWineCatalogBox .tyImage {
  height: 145px;
  overflow: hidden;
}
.tyWineCatalogBox .tyValue {
  width: 190px;
  height: 160px;
  padding: 20px;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: #682939;
  background-image: url("../img/bg_logo_red.jpg");
}
.tyWineCatalogBox .tyValue h3 {
  color: #ffffff;
}
.tyWineCatalogBox .tyValue a.tyButton {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #ffffff;
  background-color: #33141c;
}
.tyWineCatalogBox .tyValue a.tyButton:hover {
  background-color: #ae0511;
  text-decoration: none;
}
.tyPresentsCatalogBox .tyImage {
  height: 145px;
  overflow: hidden;
}
.tyPresentsCatalogBox .tyValue {
  width: 190px;
  height: 160px;
  padding: 20px;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: #002d90;
  background-image: url("../img/bg_logo_blue.jpg");
}
.tyPresentsCatalogBox .tyValue h3 {
  color: #ffffff;
}
.tyPresentsCatalogBox .tyValue a.tyButton {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #ffffff;
  background-color: #001d5c;
}
.tyPresentsCatalogBox .tyValue a.tyButton:hover {
  background-color: #ae0511;
  text-decoration: none;
}
.tyRecipeBox {
  height: 220px;
  overflow: hidden;
  background-color: #f2f2f2;
  margin-bottom: 20px;
  clear: both;
}
.tyRecipeBox .tyImage {
  width: 470px;
  float: left;
  overflow: hidden;
}
.tyRecipeBox .tyImage a {
  display: block;
}
.tyRecipeBox .tyValue {
  width: 685px;
  float: right;
  padding: 15px 15px 15px 0;
}
.tyRecipeBox .tyValue h3 {
  margin-bottom: 5px;
  color: #ae0511;
}
.tyRecipeBox .tyValue h2 {
  margin-bottom: 10px;
}
.tyRecipeBox .tyValue h2 a {
  color: #4d4d4d;
  display: block;
  text-decoration: none;
}
.tyRecipeBox .tyValue h2 a:hover {
  text-decoration: underline;
}
.tyRecipeBox .tyValue .tyRecipeValue {
  display: block;
  margin-bottom: 3px;
}
.tyRecipeBox .tyValue .tyRecipeValue i {
  margin-right: 3px;
}
.tyRecipeBox .tyValue a.tyButton {
  margin-top: 10px;
}
.tyRecipeBox:hover {
  background-color: #3b3b3b;
}
.tyRecipeBox:hover .tyValue {
  color: #ffffff;
}
.tyRecipeBox:hover .tyValue h3 {
  color: #ffffff;
}
.tyRecipeBox:hover .tyValue h2 a {
  color: #ffffff;
}
.tyRecipeBox:hover .tyValue .tyIcon-recipe-basket {
  background-position: -20px -570px;
}
.tyRecipeBox:hover .tyValue .tyIcon-recipe-print {
  background-position: -66px -570px;
}
.tyRecipeBox:hover .tyValue .tyIcon-recipe-fav {
  background-position: -112px -570px;
}
.tyRecipeBox:hover .tyValue .tyIcon-recipe-user {
  background-position: -159px -570px;
}
.tyRecipeBox:hover .tyValue .tyIcon-recipe-time {
  background-position: -205px -570px;
}
.tyRecipeDetailBox .tyImage {
  width: 470px;
  float: right;
  overflow: hidden;
}
.tyRecipeDetailBox .tyValue {
  width: 685px;
  float: left;
  padding: 15px 0 15px 15px;
}
.tyRecipeIngredientsBox {
  padding: 20px;
  background-color: #3b3b3b;
  color: #ffffff;
}
.tyRecipeIngredientsBox .tyHeadline {
  color: #ffffff;
}
.tyRecipeIngredientsBox .tyContentWrap {
  color: #ffffff;
}
.tyRecipeIngredientsBox .tyContentWrap ul {
  margin: 0 0 10px 15px;
}
.tyRecipeIngredientsBox .tyContentWrap a {
  color: #ffffff;
  text-decoration: underline;
}
.tyRecipeIngredientsBox .tyContentWrap a:hover {
  text-decoration: none;
}
.tyRecipePreperationBox {
  width: 710px;
  height: auto;
  overflow: hidden;
}
.tyRecipeRelatedArticles {
  padding-top: 40px;
}
.tyRecipeRelatedArticles .tyBox .tyHeadline {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  line-height: 25px;
}
.tyRecipeRelatedArticles .tyBox .tyHeadline h3 {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  display: inline-block;
  border-bottom: 1px solid #4d4d4d;
  line-height: 25px;
  margin-bottom: -1px;
}
.tyMagazineTeaser,
.tyMagazineButtonTeaser {
  background-color: #f2f2f2;
  height: 345px;
  overflow: hidden;
  position: relative;
}
.tyMagazineTeaser .tyContentWrap .tyImage,
.tyMagazineButtonTeaser .tyContentWrap .tyImage {
  display: block;
  overflow: hidden;
}
.tyMagazineTeaser .tyContentWrap .tyValue,
.tyMagazineButtonTeaser .tyContentWrap .tyValue {
  padding: 20px 18px;
  overflow: hidden;
  height: 140px;
}
.tyMagazineTeaser .tyContentWrap .tyValue h2,
.tyMagazineButtonTeaser .tyContentWrap .tyValue h2 {
  text-transform: none !important;
  font-size: 15px;
  line-height: 19px;
  display: block;
  margin-bottom: 12px;
  overflow: hidden;
}
.tyMagazineTeaser .tyContentWrap .tyValue .tyText,
.tyMagazineButtonTeaser .tyContentWrap .tyValue .tyText {
  margin: 0;
  height: 112px;
  overflow: hidden;
}
.tyMagazineTeaser .tyContentWrap .tyValue .tyText p,
.tyMagazineButtonTeaser .tyContentWrap .tyValue .tyText p {
  margin: 0;
}
.tyMagazineTeaser .tyContentWrap .tyValue a.tyButton,
.tyMagazineButtonTeaser .tyContentWrap .tyValue a.tyButton {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.tyMagazineButtonTeaser {
  height: 345px;
}
.tyMagazineButtonTeaser .tyContentWrap .tyValue {
  height: 160px;
}
.tyMagazineButtonTeaser .tyContentWrap .tyValue .tyText {
  height: 78px;
}
.tyGalleryTeaserBox {
  height: 375px;
}
.tyGalleryTeaserBox .tyContentWrap .tyValue {
  height: 230px;
}
.tyGalleryTeaserBox .tyContentWrap .tyValue .tyText {
  height: 115px;
}
.tySwordsTeaserBox {
  height: 335px;
  background-image: url("../img/swords.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  color: #ffffff;
  padding: 20px;
}
.tySwordsTeaserBox a,
.tySwordsTeaserBox a:hover {
  color: #ffffff;
}
.tyTextTeaserBox {
  margin-bottom: 40px;
}
.tyTextTeaserBox .tyHeadline {
  margin-bottom: 20px;
}
.tyTextTeaserBox .tyHeadline h2 p {
  padding: 0;
  margin: 0;
}
.tyFlashbookBox {
  background-color: #f2f2f2;
  height: 345px;
  overflow: hidden;
  position: relative;
}
.tyFlashbookBox .tyContentWrap .tyImage {
  display: block;
  overflow: hidden;
}
.tyFlashbookBox .tyContentWrap .tyValue {
  padding: 20px 18px;
  overflow: hidden;
  height: 140px;
}
.tyFlashbookBox .tyContentWrap .tyValue h2 {
  text-transform: none !important;
  font-size: 15px;
  line-height: 19px;
  display: block;
  margin-bottom: 12px;
  overflow: hidden;
}
.tyFlashbookBox .tyContentWrap .tyValue .tyText {
  margin: 0;
  height: 110px;
  overflow: hidden;
}
.tyFlashbookBox .tyContentWrap .tyValue .tyText p {
  margin: 0;
}
.tyFlashbookBox .tyContentWrap .tyValue a.tyButton {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.tyColoredBox {
  background-color: #3b3b3b;
  height: 345px;
  overflow: hidden;
}
.tyColoredBox .tyContentWrap .tyValue {
  padding: 20px;
  overflow: hidden;
  height: 65px;
  color: #ffffff;
}
.tyColoredBox .tyContentWrap .tyValue h2 {
  text-transform: none !important;
  font-size: 14px;
  line-height: 19px;
  display: block;
  margin-bottom: 12px;
}
.tyColoredBox .tyContentWrap .tyValue p {
  margin: 0;
}
.tyGalleryDetailBox {
  margin-bottom: 0;
}
.tyGalleryDetailBox .tyContentWrap ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  width: 1200px;
  margin-left: -10px;
}
.tyGalleryDetailBox .tyContentWrap ul li {
  position: relative;
}
.tyGalleryDetailBox .tyContentWrap ul li.span3 {
  overflow: hidden;
  margin-bottom: 10px;
  width: 161px;
}
.tyGalleryDetailBox .tyContentWrap ul li.span3 a {
  display: block;
}
.tyGalleryDetailBox .tyContentWrap ul li.span3 img {
  width: 160px;
  height: 160px;
}
.tyGalleryDetailBox .tyContentWrap ul li span.boxNewThumbImage {
  position: absolute;
  top: 0;
  left: 0;
}
.tyImageBox {
  margin-bottom: 20px;
  overflow: hidden;
  height: 280px;
}
.tyCategoryList {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.tyCategoryList li {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  display: block;
  height: 390px;
  position: relative;
  overflow: hidden;
}
.tyCategoryList li .tyOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 4;
  background: #000000;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tyCategoryList li h2,
.tyCategoryList li span,
.tyCategoryList li a {
  z-index: 5;
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  display: block;
  color: #ffffff;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tyCategoryList li h2 {
  bottom: 0;
  z-index: 12;
  font-size: 24px;
  line-size: 24px;
  opacity: 1;
  vertical-align: baseline;
  height: auto;
  width: 190px;
  padding: 20px;
  margin: 0;
}
.tyCategoryList li .tyLine {
  top: 37%;
  width: 90%;
  left: 5%;
  height: 1px;
  background: #ffffff;
}
.tyCategoryList li .tyRow1 {
  top: 40%;
  font-weight: 400;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
}
.tyCategoryList li .tyRow2 {
  top: -5%;
  z-index: 20 !important;
}
.tyCategoryList li .tyRow2 a {
  height: 20px !important;
}
.tyCategoryList li .tyLink {
  top: 90%;
}
.tyCategoryList li:hover {
  cursor: pointer;
}
.tyCategoryList li.span4 {
  width: 230px;
  margin: 0 0 10px 10px;
}
.tyCategoryList li.span4:first-child {
  margin-left: 10px;
}
.tyCategoryList li.span4 a {
  width: 230px;
  height: 390px;
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tyCategoryList li.span4 img {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 230px;
  height: 390px;
}
.tyCategoryList li.span7 {
  width: 390px;
  margin: 0 0 10px 10px;
}
.tyCategoryList li.span7 a {
  width: 390px;
  height: 390px;
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tyCategoryList li.span7 img {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 390px;
  height: 390px;
}
.tyCategoryList li.span7 h2 {
  width: 350px;
}
.tyCategoryList li a.tyNormal {
  z-index: 20 !important;
  text-indent: -9000px !important;
}
.tyCategoryList li a.tyNormal span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.tyCategoryList li a.tySpecial {
  z-index: 2 !important;
}
.tyCategoryList li a.tySpecial h2 {
  display: none;
}
.tyPressBox {
  height: auto;
  min-height: 220px;
  overflow: hidden;
  background-color: #f2f2f2;
  margin-bottom: 20px;
  clear: both;
}
.tyPressBox .tyContentWrap {
  padding: 10px;
}
#tyFacetList {
  position: absolute;
  z-index: 10;
  right: 20px;
  bottom: 0;
  width: 200px;
  height: auto;
  min-height: 196px;
}
#tyFacetList .tyFacet {
  position: relative;
}
#tyFacetList .tyFacet .tyIcon-filter {
  display: none !important;
}
#tyFacetList .tyFacet.tyOpen ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  z-index: 20;
  height: auto;
  overflow: hidden;
}
#tyFacetList .tyFacet ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  width: 200px;
  overflow: hidden;
  margin-bottom: 10px;
}
#tyFacetList .tyFacet ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  width: 200px;
  color: #4d4d4d;
  background-color: #f2f2f2;
  overflow: hidden;
}
#tyFacetList .tyFacet ul li a {
  display: block;
  padding: 5px 10px;
  width: 180px;
  font-size: 12px;
  line-height: 19px;
  font-weight: 400;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  color: #4d4d4d;
}
#tyFacetList .tyFacet ul li a .tyIcon-arrow {
  float: right;
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  width: 9px;
  height: 19px;
  background-position: -519px -12px;
  display: none;
}
#tyFacetList .tyFacet ul li a:hover {
  color: #ffffff;
  background-color: #4d4d4d;
  text-decoration: none;
}
#tyFacetList .tyFacet ul li a:hover .tyIcon-arrow {
  background-position: -519px -42px;
}
#tyFacetList .tyFacet ul li.tyActive {
  display: block;
}
#tyFacetList .tyFacet ul li.tyActive a {
  color: #ffffff;
  background-color: #4d4d4d;
  text-decoration: none;
  width: 185px;
  padding-right: 5px;
}
#tyFacetList .tyFacet ul li.tyActive a .tyIcon-arrow {
  background-position: -193px -441px;
  display: block;
  height: 18px;
  width: 18px;
}
#tyFacetList .tyFacet ul li:first-child a .tyIcon-arrow {
  display: block;
}
#tyFacetList .tyFacet ul li:first-child a .tyIcon-filter {
  display: inline-block;
}
#tyFacetList .tyFacet ul.tyFacetWine li a .tyIcon-filter {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -245px -535px;
  width: 12px;
  height: 15px;
  margin-right: 5px;
  display: none;
}
#tyFacetList .tyFacet ul.tyFacetWine li.tyActive a .tyIcon-filter {
  background-position: -245px -570px;
  display: inline-block;
}
#tyFacetList .tyFacet ul.tyFacetRegion li a .tyIcon-filter {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -278px -535px;
  width: 9px;
  height: 15px;
  margin-right: 5px;
  display: none;
}
#tyFacetList .tyFacet ul.tyFacetRegion li.tyActive a .tyIcon-filter {
  background-position: -278px -570px;
  display: inline-block;
}
#tyFacetList .tyFacet ul.tyFacetSize li a .tyIcon-filter {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -306px -535px;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  display: none;
}
#tyFacetList .tyFacet ul.tyFacetSize li.tyActive a .tyIcon-filter {
  background-position: -306px -570px;
  display: inline-block;
}
#tyFacetList .tyFacet ul.tyFacetColor li a .tyIcon-filter {
  display: inline-block;
  background-image: url("../img/icon_sprite.png?4");
  background-repeat: no-repeat;
  background-position: -335px -535px;
  width: 8px;
  height: 13px;
  margin-right: 5px;
  display: none;
}
#tyFacetList .tyFacet ul.tyFacetColor li.tyActive a .tyIcon-filter {
  background-position: -335px -570px;
  display: inline-block;
}
#tyFacetListFallback {
  margin-bottom: 20px;
  height: auto;
  overflow: hidden;
}
#tyFacetListFallback ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  width: 1190px;
  overflow: hidden;
  margin-bottom: 10px;
}
#tyFacetListFallback ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  height: auto;
  width: 196px;
  margin: 0 2px 2px 0;
  float: left;
  color: #4d4d4d;
  background-color: #f2f2f2;
  overflow: hidden;
}
#tyFacetListFallback ul li.tyChoose {
  background-color: transparent;
  display: block;
  width: 1190px;
}
#tyFacetListFallback ul li.tyChoose a {
  padding-left: 0 !important;
}
#tyFacetListFallback ul li.tyChoose a:hover {
  color: #4d4d4d !important;
  background-color: transparent !important;
}
#tyFacetListFallback ul li a {
  display: block;
  padding: 5px 10px;
  width: 180px;
  font-size: 12px;
  line-height: 19px;
  font-weight: 400;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  color: #4d4d4d;
}
#tyFacetListFallback ul li a:hover {
  color: #ffffff;
  background-color: #4d4d4d;
  text-decoration: none;
}
#tyFacetListFallback ul li.tyActive a {
  color: #ffffff;
  background-color: #4d4d4d;
  padding: 5px 10px;
  width: 180px;
}
.tyContentLogin .fm-form .mytyFormBtnBox {
  width: 470px;
}
.tySubmenu {
  padding: 20px;
  background-color: #3b3b3b;
  color: #ffffff;
}
.tySubmenu .tyHeadline {
  color: #ffffff;
}
.tySubmenu .tyContentWrap {
  color: #ffffff;
}
.tySubmenu .tyContentWrap ul {
  margin: 0 0 10px 15px;
}
.tySubmenu .tyContentWrap a {
  color: #ffffff;
  text-decoration: underline;
  display: block;
}
.tySubmenu .tyContentWrap a:hover {
  text-decoration: none;
}
.tyWineClub {
  background: #fbf9f3 url('/templates/img/sn_register_back.png') right 0 repeat-y;
  margin-bottom: 130px;
  position: relative;
}
.tyWineClub * {
  box-sizing: border-box;
  outline: none;
}
.tyWineClub:after {
  position: absolute;
  bottom: -75px;
  left: 50%;
  content: '';
  width: 82px;
  height: 48px;
  margin-left: -41px;
  background: url("../img/logo_sprite.png") -306px -537px no-repeat;
}
.tyWineClub .tyImageBox {
  margin: 0;
  position: relative;
  overflow: visible;
}
.tyWineClub .tyImageBox:after {
  position: absolute;
  top: -5px;
  right: 40px;
  content: '';
  width: 38px;
  height: 63px;
  background: url("../img/icon_sprite_gold.png") -140px -657px no-repeat;
}
.tyWineClub .tyHeadline h2,
.tyWineClub .tyHeadline h3 {
  font-weight: 300;
  font-size: 37px;
  text-transform: none;
  font-family: ClanWebPro-Thin, "Trebuchet MS", Arial, sans-serif;
  margin: 0 0 7px;
  line-height: 1.1;
}
.tyWineClub .tyHeadline h2 {
  color: #a78e5d;
}
.tyWineClub .tyHeadline h3 {
  color: #551a67;
}
.tyWineClub .tyTextBox {
  padding: 46px 26px;
  margin: 0;
}
.tyWineClub .tyTextBox p {
  margin: 0 0 5px;
}
.tyWineClub .tyTextBox.leftBox {
  float: left;
  width: 800px;
}
.tyWineClub .tyTextBox.rightBox {
  float: right;
  width: 390px;
}
.tyWineClub .tyTextBox.rightBox h2 {
  margin-top: 47px;
}
.tyWineClub .tyTextBox.rightBox input {
  width: 100%;
  height: auto;
  padding: 10px 20px;
  line-height: 1.0;
  background: #e8e5de !important;
  border: 1px solid #dcd9d2 !important;
  margin-bottom: 10px;
  font-size: 14px;
}
.tyWineClub .tyTextBox.rightBox .buttons {
  float: right;
  margin-top: 25px;
}
.tyWineClub .tyTextBox.rightBox .buttons button {
  margin: 0;
  background: #551a67;
  color: #ffffff;
  padding: 8px 30px;
}
.tyWineClub .tyTextBox.rightBox .buttons button:hover {
  background: #a78e5d;
  color: #ffffff;
}
.tyWineClub .buttons {
  display: inline-block;
}
.tyWineClub .buttons a.tyButton {
  float: left;
  padding: 8px 30px;
  margin: 36px 44px 0 0;
  background: #551a67;
  color: #ffffff;
}
.tyWineClub .buttons a.tyButton:hover {
  background: #a78e5d;
  color: #ffffff;
}
.tyWineClubArticle * {
  box-sizing: border-box;
  outline: none;
}
.tyWineClubArticle .article {
  width: 390px;
  height: 660px;
  float: left;
  padding: 46px 26px;
  color: #94928d;
  margin-bottom: 10px;
}
.tyWineClubArticle .article .tyHeadline {
  margin-bottom: 13px;
  height: 182px;
  overflow: hidden;
}
.tyWineClubArticle .article .tyHeadline h2 {
  color: #a78e5d;
  font-weight: 300;
  font-size: 37px;
  text-transform: none;
  font-family: ClanWebPro-Thin, "Trebuchet MS", Arial, sans-serif;
  margin: 0;
  line-height: 1.3;
}
.tyWineClubArticle .article .tyHeadline h2 a {
  display: block;
}
.tyWineClubArticle .article .tyHeadline h3 {
  color: #94928d;
  font-size: 24px;
  text-transform: none;
  font-family: ClanWebPro-Thin, "Trebuchet MS", Arial, sans-serif;
  margin-bottom: 20px;
  line-height: 1;
}
.tyWineClubArticle .article .contains {
  line-height: 1.4;
  height: 180px;
  overflow: hidden;
  margin: 0 0 38px;
}
.tyWineClubArticle .article .contains img {
  display: block;
  float: left;
  margin: 0 20px 0 0;
}
.tyWineClubArticle .article .facts .factTable {
  width: 100%;
  overflow: hidden;
}
.tyWineClubArticle .article .facts .factTable tr:first-child td {
  border-top: none;
}
.tyWineClubArticle .article .facts .factTable td {
  text-align: left;
  vertical-align: top;
  padding: 9px 3px;
  border-top: 1px solid #443f32;
  font-size: 13px;
  line-height: 1;
}
.tyWineClubArticle .article .facts .factTable td.fact {
  text-transform: uppercase;
  width: 137px;
}
.tyWineClubBar {
  width: 100%;
  background: #272724;
}
.tyWineClubBar #tyWatchlistContainer:hover > a {
  color: #ffe2a8 !important;
}
.tyWineClubBar #tyWatchlistContainer:hover > a .tyIcon-user {
  background-position: -111px -80px;
}
.tyWineClubBar a {
  color: #a78e5d;
}
.tyWineClubBar a i {
  background-image: url("../img/icon_sprite_gold.png");
}
.tyWineClubBar a:hover {
  color: #ffe2a8;
  text-decoration: none;
}
.tyWineClubBar a:hover i {
  background-position-y: -80px;
}
.tyWineClubBar .contains {
  position: relative;
  padding-right: 75px;
  padding-top: 4px;
  line-height: 2.3;
}
.tyWineClubBar .contains .headline {
  color: #a78e5d;
  font-family: ClanWebPro-News, "Trebuchet MS", Arial, sans-serif;
  float: left;
}
.tyWineClubBar .contains .headline a {
  color: #ffe2a8 !important;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
}
.tyWineClubBar .contains .headline a:hover {
  color: #ffe2a8 !important;
  text-decoration: none;
}
.tyWineClubBar .contains .account {
  float: right;
  display: block;
  color: #94928d;
  max-width: 650px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tyWineClubBar .contains .buttons {
  float: right;
  display: block;
  margin-left: 5px;
}
.tyWineClubBar .contains .buttons .tyHeaderMetaProfile a,
.tyWineClubBar .contains .buttons .tyHeaderMetaRegister a {
  color: #a78e5d;
  margin-left: 10px;
}
.tyWineClubBar .contains .buttons .tyHeaderMetaProfile a .tyIcon-pencil,
.tyWineClubBar .contains .buttons .tyHeaderMetaRegister a .tyIcon-pencil,
.tyWineClubBar .contains .buttons .tyHeaderMetaProfile a .tyIcon-user,
.tyWineClubBar .contains .buttons .tyHeaderMetaRegister a .tyIcon-user {
  background-image: url("../img/icon_sprite_gold.png");
}
.tyWineClubBar .contains .buttons .tyHeaderMetaProfile a:hover,
.tyWineClubBar .contains .buttons .tyHeaderMetaRegister a:hover {
  color: #ffe2a8;
  text-decoration: none;
}
.tyWineClubBar .contains .buttons .tyHeaderMetaProfile a:hover .tyIcon-pencil,
.tyWineClubBar .contains .buttons .tyHeaderMetaRegister a:hover .tyIcon-pencil {
  background-position: -66px -80px;
}
.tyWineClubBar .contains .buttons .tyHeaderMetaProfile a:hover .tyIcon-user,
.tyWineClubBar .contains .buttons .tyHeaderMetaRegister a:hover .tyIcon-user {
  background-position: -111px -80px;
}
.tyWineClubBar .contains:after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 38px;
  height: 63px;
  background: url("../img/icon_sprite_gold.png") -198px -657px no-repeat;
}
.tyDarkTheme {
  background-color: #3b3b3b;
  color: #ffffff;
}
.tyRedTheme {
  background-color: #852d33;
  color: #ffffff;
}
.tyRedTheme a,
.tyRedTheme a:hover {
  color: #ae0511;
}
.tyBlueTheme {
  background-color: #002d90;
  color: #ffffff;
}
.tyBlueTheme a,
.tyBlueTheme a:hover {
  color: #0a86ae;
}
.span8 .tyMagazineTeaser .tyContentWrap .tyValue {
  height: 85px;
}
.span8 .tyMagazineTeaser .tyContentWrap .tyValue .tyText {
  height: 60px;
}
.tySlider ul > li > div.tyOverlay {
  opacity: 0;
  -webkit-transition: all 0.3s linear 0.9s;
  -moz-transition: all 0.3s linear 0.9s;
  -o-transition: all 0.3s linear 0.9s;
  transition: all 0.3s linear 0.9s;
}
.tySlider ul > li > h2 {
  top: 80%;
  -webkit-transition: all 0.5s ease-out 0.9s;
  -moz-transition: all 0.5s ease-out 0.9s;
  -o-transition: all 0.5s ease-out 0.9s;
  transition: all 0.5s ease-out 0.9s;
}
.tySlider ul > li > span.tyLine {
  opacity: 0;
  -webkit-transition: all 0.2s linear 0.6s;
  -moz-transition: all 0.2s linear 0.6s;
  -o-transition: all 0.2s linear 0.6s;
  transition: all 0.2s linear 0.6s;
}
.tySlider ul > li > span.tyRow1 {
  opacity: 0;
  -webkit-transition: all 0.2s linear 0.4s;
  -moz-transition: all 0.2s linear 0.4s;
  -o-transition: all 0.2s linear 0.4s;
  transition: all 0.2s linear 0.4s;
}
.tySlider ul > li > span.tyRow2 {
  opacity: 0;
  -webkit-transition: all 0.2s linear 0.2s;
  -moz-transition: all 0.2s linear 0.2s;
  -o-transition: all 0.2s linear 0.2s;
  transition: all 0.2s linear 0.2s;
}
.tySlider ul > li > span.tyLink {
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.tySlider ul > li:hover > div.tyOverlay {
  opacity: 0.7;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.tySlider ul > li:hover > h2 {
  top: 18%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.tySlider ul > li:hover > span.tyLine {
  opacity: 1;
  -webkit-transition: all 0.2s linear 0.8s;
  -moz-transition: all 0.2s linear 0.8s;
  -o-transition: all 0.2s linear 0.8s;
  transition: all 0.2s linear 0.8s;
}
.tySlider ul > li:hover > span.tyRow1 {
  opacity: 1;
  -webkit-transition: all 0.2s linear 1s;
  -moz-transition: all 0.2s linear 1s;
  -o-transition: all 0.2s linear 1s;
  transition: all 0.2s linear 1s;
}
.tySlider ul > li:hover > span.tyRow2 {
  opacity: 1;
  -webkit-transition: all 0.2s linear 1.2s;
  -moz-transition: all 0.2s linear 1.2s;
  -o-transition: all 0.2s linear 1.2s;
  transition: all 0.2s linear 1.2s;
}
.tySlider ul > li:hover > span.tyLink {
  opacity: 1;
  -webkit-transition: all 0.2s linear 1.4s;
  -moz-transition: all 0.2s linear 1.4s;
  -o-transition: all 0.2s linear 1.4s;
  transition: all 0.2s linear 1.4s;
  text-decoration: underline;
}
.tyCategoryList > li > div.tyOverlay {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.tyCategoryList > li > h2 {
  bottom: 0;
  -webkit-transition: all 0.3s linear 0.3s;
  -moz-transition: all 0.3s linear 0.3s;
  -o-transition: all 0.3s linear 0.3s;
  transition: all 0.3s linear 0.3s;
  background-image: url('../img/overlaybg.png');
  background-repeat: repeat;
}
.tyCategoryList > li > span.tyLine {
  opacity: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.tyCategoryList > li > span.tyRow1 {
  opacity: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.tyCategoryList > li > span.tyRow2 {
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.tyCategoryList > li > span.tyLink {
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.tyCategoryList > li:hover > div.tyOverlay {
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.tyCategoryList > li:hover > h2 {
  bottom: 60%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-image: none;
}
.tyCategoryList > li:hover > span.tyLine {
  opacity: 1;
  -webkit-transition: all 0.2s linear 0.8s;
  -moz-transition: all 0.2s linear 0.8s;
  -o-transition: all 0.2s linear 0.8s;
  transition: all 0.2s linear 0.8s;
}
.tyCategoryList > li:hover > span.tyRow1 {
  opacity: 1;
  -webkit-transition: all 0.2s linear 1s;
  -moz-transition: all 0.2s linear 1s;
  -o-transition: all 0.2s linear 1s;
  transition: all 0.2s linear 1s;
}
.tyCategoryList > li:hover > span.tyRow2 {
  opacity: 1;
  top: 46%;
  -webkit-transition: opacity 0.2s linear 1.2s, top 0 linear 1.2s;
  -moz-transition: opacity 0.2s linear 1.2s, top 0 linear 1.2s;
  -o-transition: opacity 0.2s linear 1.2s, top 0 linear 1.2s;
  transition: opacity 0.2s linear 1.2s, top 0 linear 1.2s;
}
.tyCategoryList > li:hover > span.tyLink {
  opacity: 1;
  -webkit-transition: all 0.2s linear 1.4s;
  -moz-transition: all 0.2s linear 1.4s;
  -o-transition: all 0.2s linear 1.4s;
  transition: all 0.2s linear 1.4s;
  text-decoration: underline;
}
.browserMessages a {
  color: #ffffff !important;
}
#mobileDetection {
  background-color: #ae0511;
  color: #ffffff;
  width: 720px;
}
#mobileDetection a {
  color: #ffffff;
  font-size: 20px;
  line-height: 26px;
  display: block;
  text-align: left;
  padding: 10px;
  font-weight: 400;
  width: auto;
  font-family: ClanWebPro-Bold, "Trebuchet MS", Arial, sans-serif;
  text-decoration: none;
}
#mobileDetection a:hover,
#mobileDetection a:focus {
  text-decoration: none;
}
@media (min-width: 1201px) {
  .container,
  .tyContainer {
    min-width: 1190px;
  }
  .affix .tyTaxAffixInfo {
    display: block;
    top: 0;
  }
  #tyFooter .span4 {
    width: 290px;
  }
  #tyFooter .span8 {
    width: 590px;
  }
  .tyBasketLogin .span12 {
    margin-top: 10px;
  }
}
@media (min-width: 950px) and (max-width: 1200px) {
  .container,
  .tyContainer {
    min-width: 950px;
    width: 950px;
  }
  .span20 {
    width: 950px;
  }
  .span12 {
    width: 470px;
  }
  .span10 {
    width: 470px;
  }
  .span5 {
    width: 220px;
  }
  .tySocialBoxes .tySpecialBox {
    display: none;
  }
  .tySearchArticlesResult.tySearchArticlesResultHead .index11 .span2.index10,
  .tySearchArticlesResult.tySearchArticlesResultHead .index10 .span2.index10,
  .tySearchArticlesResult.tySearchArticlesResultHead .index9 .span2.index10,
  .tySearchArticlesResult.tySearchArticlesResultHead .index11 .span2.index9,
  .tySearchArticlesResult.tySearchArticlesResultHead .index10 .span2.index9,
  .tySearchArticlesResult.tySearchArticlesResultHead .index9 .span2.index9,
  .tySearchArticlesResult.tySearchArticlesResultHead .index11 .span2.index8,
  .tySearchArticlesResult.tySearchArticlesResultHead .index10 .span2.index8,
  .tySearchArticlesResult.tySearchArticlesResultHead .index9 .span2.index8 {
    display: none;
  }
  .tySearchArticlesResult.tySearchArticlesResultHead .index11 .tyShowAll,
  .tySearchArticlesResult.tySearchArticlesResultHead .index10 .tyShowAll,
  .tySearchArticlesResult.tySearchArticlesResultHead .index9 .tyShowAll {
    display: block !important;
  }
  .affix {
    width: 970px;
  }
  .affix .tyTaxAffixInfo {
    display: block;
    top: 0;
  }
  .affix .span8 {
    width: 470px;
  }
  .affix .span12 {
    width: 470px;
  }
  #tyWrap .tySubNavigationWrap .tySubNavigation {
    width: 940px;
  }
  #tyWrap .tySubNavigationWrap .tyImage {
    width: 950px;
    position: relative;
    height: 280px;
    overflow: hidden;
  }
  #tyWrap .tySubNavigationWrap .tyImage img {
    left: -200px !important;
    position: absolute;
    top: 0;
    width: 1190px;
    height: 280px;
  }
  #tyWrap .tyCategoryTeaser .tyCategoryNavigation {
    width: 930px;
  }
  #tyWrap .tyFullSizeSlider .tyWeatherOverlay {
    left: 720px;
  }
  #tyWrap .tyFullSizeSlider ul li span {
    width: 680px;
  }
  #tyWrap .tyFullSizeSlider ul li img {
    left: -100px !important;
    position: absolute;
    top: 0;
    width: 1190px;
    height: 330px;
  }
  #tyWrap .tyArticleDetail .tyArticleHeader .tyArticleOption .tyOptionValue li a {
    padding: 0 7px;
  }
  #tyWrap .tyArticleDetail .tyArticleText .tyArticleDesc {
    padding: 0;
  }
  #tyWrap .tyArticleDetail .tyArticleText {
    font-size: 13px;
    line-height: 19px;
  }
  #tyWrap .tyArticleDetail .tyArticleImage .tyArticleImages ul li {
    margin-left: 20px;
  }
  #tyWrap .tyArticleDetail .tyArticleImage .tyArticleImages ul li a img.tyImage {
    width: auto !important;
  }
  #tyWrap .tyArticleDetail .tyArticleOptions {
    width: 470px;
  }
  #tyWrap .tyArticleDetail .tyArticleOptions .tyBox .tyArticleColor ul {
    width: 492px;
  }
  #tyWrap .tyRecipeBox .tyImage {
    width: 470px;
  }
  #tyWrap .tyRecipeBox .tyValue {
    width: 445px;
  }
  #tyWrap .tyRecipeBox .tyValue h2 {
    font-size: 16px;
    line-height: 21px;
    max-height: 43px;
    overflow: hidden;
  }
  .tyContentArea .span20 {
    width: 950px;
    overflow: hidden;
  }
  .tyContentArea .span16 {
    width: 710px;
    overflow: hidden;
  }
  .tyContentArea .span14 {
    width: 590px;
    overflow: hidden;
  }
  .tyContentArea .span12 {
    width: 470px;
    overflow: hidden;
  }
  .tyContentArea .span8 {
    width: 470px;
    overflow: hidden;
  }
  .tyContentArea .span8.tyArticleImage {
    width: 460px;
  }
  .tyContentArea .tyPressBox .span5 {
    width: 280px;
    overflow: hidden;
  }
  .tyContentArea .tyPressBox .span14 {
    width: 600px;
    overflow: hidden;
  }
  .tyContentArea .tyGalleryDetailBox .tyContentWrap ul li.span3 {
    width: 150px;
    height: 150px;
  }
  .tyBasketLogin .span6 {
    width: 220px;
  }
  .tyBasketLogin input {
    width: 190px !important;
  }
  .tyBasketLogin label {
    float: none;
    display: block;
    line-height: normal;
  }
  .tyUserBillAddress .mytyFormBox input,
  .tyUserDeliveryAddress .mytyFormBox input,
  .tyUserBillAccount .mytyFormBox input {
    width: 180px;
  }
  .tyUserBillAddress .mytyFormBox input[type="radio"],
  .tyUserBillAddress .mytyFormBox input[type="checkbox"],
  .tyUserDeliveryAddress .mytyFormBox input[type="radio"],
  .tyUserDeliveryAddress .mytyFormBox input[type="checkbox"] {
    width: auto !important;
  }
  .tyUserBillAddress .mytyFormBox select,
  .tyUserDeliveryAddress .mytyFormBox select {
    width: 204px;
  }
  .tyUserBillComment .mytyFormBox textarea {
    width: 420px;
  }
  .tyCreditCardPaymentForm {
    width: 710px !important;
  }
  .tyCreditCardPaymentForm .tyClear {
    display: none !important;
  }
  .tyCreditCardPaymentForm .mytyFormBox {
    margin-left: 10px !important;
  }
  .tyCreditCardPaymentForm .mytyFormBox input {
    height: 14px;
    padding: 10px 12px;
  }
  .tyBasketFinalBox .span8 {
    width: 342px !important;
  }
  .tyBasketAdressPaymentBox {
    width: 440px !important;
  }
  .tyCouponFields input {
    width: 140px;
  }
  .tyCategoryList li.span7 {
    width: 310px;
  }
  .tyCategoryList li.span7 a {
    width: 310px;
  }
  .tyCategoryList li.span7 h2 {
    width: 270px;
  }
  .tyRecipePreperationBox {
    width: 640px;
  }
  .tyWineClubBar .contains .account {
    max-width: 430px;
  }
  .tyWineClub {
    background-position: 639px 0;
  }
  .tyWineClub .contains .account {
    max-width: 430px;
  }
  .tyWineClub .tyTextBox.leftBox {
    width: 560px;
  }
  .tyWineClub .tyTextBox.rightBox {
    width: 310px;
  }
}
@media (max-width: 949px) {
  .container,
  .tyContainer {
    min-width: 710px;
    max-width: 710px;
  }
  .span20,
  .span16 {
    width: 710px;
  }
  .span8,
  .span12 {
    width: 350px;
  }
  .tySocialBoxes .tyHide {
    display: none;
  }
  #tyHeader .span12 {
    width: 230px;
  }
  #tyHeader .tyHeaderMeta .tyHeadline .tyHide {
    display: none;
  }
  .tySearchArticlesResult.tySearchArticlesResultHead .index11 .span2.index10,
  .tySearchArticlesResult.tySearchArticlesResultHead .index10 .span2.index10,
  .tySearchArticlesResult.tySearchArticlesResultHead .index9 .span2.index10,
  .tySearchArticlesResult.tySearchArticlesResultHead .index8 .span2.index10,
  .tySearchArticlesResult.tySearchArticlesResultHead .index7 .span2.index10,
  .tySearchArticlesResult.tySearchArticlesResultHead .index11 .span2.index9,
  .tySearchArticlesResult.tySearchArticlesResultHead .index10 .span2.index9,
  .tySearchArticlesResult.tySearchArticlesResultHead .index9 .span2.index9,
  .tySearchArticlesResult.tySearchArticlesResultHead .index8 .span2.index9,
  .tySearchArticlesResult.tySearchArticlesResultHead .index7 .span2.index9,
  .tySearchArticlesResult.tySearchArticlesResultHead .index11 .span2.index8,
  .tySearchArticlesResult.tySearchArticlesResultHead .index10 .span2.index8,
  .tySearchArticlesResult.tySearchArticlesResultHead .index9 .span2.index8,
  .tySearchArticlesResult.tySearchArticlesResultHead .index8 .span2.index8,
  .tySearchArticlesResult.tySearchArticlesResultHead .index7 .span2.index8,
  .tySearchArticlesResult.tySearchArticlesResultHead .index11 .span2.index7,
  .tySearchArticlesResult.tySearchArticlesResultHead .index10 .span2.index7,
  .tySearchArticlesResult.tySearchArticlesResultHead .index9 .span2.index7,
  .tySearchArticlesResult.tySearchArticlesResultHead .index8 .span2.index7,
  .tySearchArticlesResult.tySearchArticlesResultHead .index7 .span2.index7,
  .tySearchArticlesResult.tySearchArticlesResultHead .index11 .span2.index6,
  .tySearchArticlesResult.tySearchArticlesResultHead .index10 .span2.index6,
  .tySearchArticlesResult.tySearchArticlesResultHead .index9 .span2.index6,
  .tySearchArticlesResult.tySearchArticlesResultHead .index8 .span2.index6,
  .tySearchArticlesResult.tySearchArticlesResultHead .index7 .span2.index6 {
    display: none;
  }
  .tySearchArticlesResult.tySearchArticlesResultHead .index11 .tyShowAll,
  .tySearchArticlesResult.tySearchArticlesResultHead .index10 .tyShowAll,
  .tySearchArticlesResult.tySearchArticlesResultHead .index9 .tyShowAll,
  .tySearchArticlesResult.tySearchArticlesResultHead .index8 .tyShowAll,
  .tySearchArticlesResult.tySearchArticlesResultHead .index7 .tyShowAll {
    display: block !important;
  }
  .affix {
    width: 730px;
  }
  .affix .tyTaxAffixInfo {
    display: block;
    top: 0;
  }
  .affix .span8 {
    width: 350px;
  }
  .affix .span12 {
    width: 350px;
  }
  #tyWrap .tySubNavigationWrap .tySubNavigation {
    width: 700px;
  }
  #tyWrap .tySubNavigationWrap .tyImage {
    width: 710px;
    position: relative;
    height: 280px;
    overflow: hidden;
  }
  #tyWrap .tySubNavigationWrap .tyImage img {
    left: -200px !important;
    position: absolute;
    top: 0;
    width: 1190px;
    height: 280px;
  }
  #tyWrap .tySubNavigationWrap .tySubNavigation span a {
    font-weight: normal;
  }
  #tyWrap .tyCategoryTeaser .tyCategoryNavigation {
    width: 690px;
  }
  #tyWrap .tyCategoryTeaser .tyCategoryNavigation span {
    padding: 0 8px 7px 8px;
  }
  #tyWrap .tyArticleDetail .tyArticleHeader .tyArticleOption {
    display: none;
  }
  #tyWrap .tyArticleDetail .tyArticleText .tyArticleDesc {
    padding: 0;
  }
  #tyWrap .tyArticleDetail .tyArticleText {
    width: 340px !important;
    font-size: 13px;
    line-height: 19px;
  }
  #tyWrap .tyArticleDetail .tyArticleImage {
    width: 350px !important;
  }
  #tyWrap .tyArticleDetail .tyArticleImage a img.tyImage {
    width: 347px !important;
  }
  #tyWrap .tyArticleDetail .tyArticleImage .tyArticleImages {
    width: 350px;
  }
  #tyWrap .tyArticleDetail .tyArticleImage .tyArticleImages ul {
    width: 370px;
    margin-left: -22px;
  }
  #tyWrap .tyArticleDetail .tyArticleImage .tyArticleImages ul li {
    margin-left: 23px;
  }
  #tyWrap .tyArticleDetail .tyArticleImage .tyArticleImages ul li a img.tyImage {
    width: auto !important;
  }
  #tyWrap .tyArticleDetail .tyArticleOptions {
    width: 340px;
  }
  #tyWrap .tyArticleDetail .tyArticleOptions .tyBox .tyArticleColor ul {
    width: 362px;
  }
  #tyWrap .tyArticleDetail .tyArticleOptions .tyBox .tyArticleColor ul li {
    margin-left: 20px;
  }
  #tyWrap .tyFullSizeSlider .tyWeatherOverlay {
    left: 480px;
  }
  #tyWrap .tyFullSizeSlider ul li span {
    width: 440px;
  }
  #tyWrap .tyFullSizeSlider ul li img {
    left: -100px !important;
    position: absolute;
    top: 0;
    width: 1190px;
    height: 330px;
  }
  #tyWrap .tyRecipeBox .tyImage {
    width: 333px;
    overflow: hidden;
  }
  #tyWrap .tyRecipeBox .tyValue {
    width: 332px;
  }
  #tyWrap .tyRecipeBox .tyValue h2 {
    font-size: 15px;
    line-height: 20px;
    max-height: 42px;
    overflow: hidden;
  }
  #tyWrap .tyRecipeBox .tyValue h3 {
    font-size: 13px;
    line-height: 19px;
  }
  .tyContentArea .span20 {
    width: 710px;
    overflow: hidden;
  }
  .tyContentArea .span16 {
    width: 710px;
    overflow: hidden;
  }
  .tyContentArea .span14 {
    width: 590px;
    overflow: hidden;
  }
  .tyContentArea .span12 {
    width: 470px;
    overflow: hidden;
  }
  .tyContentArea .tyArticleDetail .span12 {
    width: 350px;
    overflow: hidden;
  }
  .tyContentArea .span8 {
    width: 350px;
    overflow: hidden;
  }
  .tyContentArea .span8.noResize {
    width: 470px !important;
    overflow: hidden;
  }
  .tyContentArea .tyPressBox .span5 {
    width: 280px;
    overflow: hidden;
  }
  .tyContentArea .tyPressBox .span14 {
    width: 380px;
    overflow: hidden;
  }
  .tyContentArea .tyMagazineTeaser .tyContentWrap .tyValue,
  .tyContentArea .tyMagazineButtonTeaser .tyContentWrap .tyValue {
    padding: 15px 12px;
  }
  .tyContentArea .tyMagazineTeaser .tyContentWrap .tyValue h2,
  .tyContentArea .tyMagazineButtonTeaser .tyContentWrap .tyValue h2 {
    font-size: 13px;
    line-height: 17px;
    max-height: 50px;
  }
  .tyContentArea .tyMagazineTeaser .tyContentWrap .tyValue a.tyButton,
  .tyContentArea .tyMagazineButtonTeaser .tyContentWrap .tyValue a.tyButton {
    bottom: 15px;
    font-size: 13px;
    padding: 7px 12px;
  }
  .tyContentArea .tyMagazineTeaser .tyContentWrap .tyValue .tyText,
  .tyContentArea .tyMagazineButtonTeaser .tyContentWrap .tyValue .tyText {
    height: 85px;
    font-size: 12px;
    line-height: 17px;
  }
  .tyContentArea .span8 .tyMagazineTeaser .tyContentWrap .tyValue .tyText {
    height: 67px;
  }
  .tyContentArea .span8 .tyTextBox .tyContentWrap {
    padding-right: 0;
  }
  .tyContentArea .span8 .fm-form input[type="radio"],
  .tyContentArea .span8 .fm-form input[type="checkbox"] {
    width: auto !important;
  }
  .tyContentArea .tyGalleryDetailBox .tyContentWrap ul li.span3 {
    width: 134px;
    height: 134px;
  }
  #tyFooter .span4 {
    width: 170px;
  }
  #tyFooter .span8 {
    width: 350px;
  }
  .tyCategoryList li.span7 {
    width: 350px;
  }
  .tyCategoryList li.span7 a {
    width: 350px;
  }
  .tyCategoryList li.span7 h2 {
    width: 310px;
  }
  .tyBasketTableArticleName {
    width: 250px;
  }
  .tyCouponBox .span6 {
    width: 300px;
  }
  .tyCouponBox .span14 {
    width: 400px;
  }
  .tyBasketSumTable .span16 {
    width: 470px;
  }
  .tyBasketSumTable .span4 {
    width: 220px;
  }
  .tyUserBillAddress .span8 {
    width: 470px;
  }
  .tyUserDeliveryAddress .span8 {
    width: 470px;
  }
  .tyBasketPager .span10 {
    width: 350px;
  }
  .tyBasketLogin {
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .tyBasketLogin .span8 {
    width: 470px;
  }
  .tyBasketLogin .span6 {
    width: 220px;
  }
  .tyBasketLogin .span6 label {
    display: block;
    float: none;
    clear: both;
  }
  .tyCreditCardPaymentForm {
    width: 710px !important;
  }
  .tyCreditCardPaymentForm .tyClear {
    display: none !important;
  }
  .tyCreditCardPaymentForm .mytyFormBox {
    margin-left: 10px !important;
  }
  .tyCreditCardPaymentForm .mytyFormBox input {
    height: 14px;
    padding: 10px 12px;
  }
  .tyBasketFinalBox .span8 {
    width: 582px !important;
  }
  .tyBasketArticleTable {
    float: left !important;
    width: 710px !important;
  }
  .tyBasketArticleTable hr {
    display: block;
  }
  .tyBasketAdressPaymentBox {
    float: left !important;
    width: 710px !important;
  }
  .tyCouponBox .span6,
  .tyCouponBox .span14 {
    width: 710px;
  }
  .tyCouponBox .span14 h4 {
    display: none;
  }
  .tyRecipePreperationWrap {
    width: 470px !important;
  }
  .tyRecipePreperationBox {
    width: 420px;
  }
  .tyBasketSteps {
    margin-bottom: 10px;
  }
  .tyWineClubBar .contains .account {
    max-width: 210px;
  }
  .tyWineClub {
    background-position: 399px 0;
  }
  .tyWineClub .tyTextBox.leftBox {
    width: 400px;
  }
  .tyWineClub .tyTextBox.rightBox {
    width: 310px;
  }
}
@media (max-width: 699px) {
  #tyHeader {
    background-color: transparent !important;
  }
  #tyFooter {
    background-color: transparent !important;
  }
}
/*
 * Sansibar 2013
 * @created 08.04.2013
 * @author Mario Nitschke
 * @desc Special LESS file for touch devices -> not mobile view!
 */
#snbBasket .tyBasketOverlay .tyArticle .tyArticleDelete {
  display: block;
}
#snbBasket .tyBasketOverlaySmall .tyArticle .tyArticleDelete {
  display: block;
}
#snbBasket.tyIsToggled .tyBasketOverlay,
#snbBasket.tyIsToggled .tyBasketOverlaySmall {
  display: block;
}