/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 960px; margin: 0; border: none; }
.flexslider .slides { min-width: 969px; max-width: 2000px; overflow: hidden; margin: 0 auto; }
.flexslider .slides > li {display: block;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides li { margin: 0; }
.flexslider .slides div { width: 100%; max-width: 2000px; min-width: 999px; height: 495px; display: block; background-position: center 0; background-repeat: no-repeat; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav {display:none;}

/* Control Nav */
.flex-control-nav { position: absolute; left: 439px; bottom: 8px; width: 100px; height: 16px; padding: 0; z-index: 999; }
.flex-control-nav li { float: left; margin: 0 6px 0 0; padding: 0; }
.flex-control-nav a { display: block; color: transparent; width: 16px; height: 16px; background: url(/site-templates/maerklin-relaunch/img/flex.png) 0 0 no-repeat; cursor: pointer; text-indent: -2000px; overflow: hidden; }
.flex-control-nav a:hover, .flex-control-nav a.active { background-position: 0 -16px; }


/* Products */

.cframe-visual .flexslider .slides {
  min-width: 960px;
}

.cframe-visual .flexslider .slides li {
  background-color: #f3f3f3;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#efefef));
  background: -webkit-linear-gradient(top, #f3f3f3, #efefef);
  background: -moz-linear-gradient(top, #f3f3f3, #efefef); 
  background: -ms-linear-gradient(top, #f3f3f3, #efefef);
  background: -o-linear-gradient(top, #f3f3f3, #efefef);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#efefef');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f3f3f3, endColorstr=#efefef)";
  border-top: 1px solid #fff;
}

.cframe-visual .flexslider .slides li img {
  float:left;
}

.cframe-visual .flexslider .slides li div {
  width:237px;
  height: 193px;
  min-height: 1px;
  min-width: 1px;
  float:left;
  margin: 12px 0 0 12px;
}

.cframe-visual .flexslider .slides li h3 {
  color: #666;
  font-size: 20px;
  font-weight: normal;
}

.cframe-visual .flexslider .slides li p {
  color: #888;
  font-size: 11px;
  line-height: 13px;
  margin: 10px 0 0 0;
}

.cframe-visual .flex-control-nav {
  display: none;
}

.cframe-visual .red-btn {
  display: block;
  float: left;
  background-color: #ff8b8b;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8b8b), to(#f12626));
  background: -webkit-linear-gradient(top, #ff8b8b, #f12626);
  background: -moz-linear-gradient(top, #ff8b8b, #f12626); 
  background: -ms-linear-gradient(top, #ff8b8b, #f12626);
  background: -o-linear-gradient(top, #ff8b8b, #f12626);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8b8b', endColorstr='#f12626');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff8b8b, endColorstr=#f12626)";
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 2px 2px 5px #d7d7d7;
  -webkit-box-shadow: 2px 2px 5px #d7d7d7;
  box-shadow: 2px 2px 5px #d7d7d7;
  color: #fff !important;
  font-size: 13px;
  font-weight: bold;
  margin: 20px 0 0 0;
  text-decoration: none;
}

.cframe-visual .red-btn:hover {
  background-color: #f12626;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f12626), to(#ff8b8b));
  background: -webkit-linear-gradient(top, #f12626, #ff8b8b);
  background: -moz-linear-gradient(top, #f12626, #ff8b8b); 
  background: -ms-linear-gradient(top, #f12626, #ff8b8b);
  background: -o-linear-gradient(top, #f12626, #ff8b8b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f12626', endColorstr='#ff8b8b');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f12626, endColorstr=#ff8b8b)";
}

.cframe-visual .red-btn span {
  display: block;
  padding: 5px 13px 5px 23px;
  background: url(/site-templates/maerklin-relaunch/img/arrow.png) 12px 8px no-repeat;
}

* html .cframe-visual .red-btn span {
  background: url(/site-templates/maerklin-relaunch/img/arrow.gif) 12px 8px no-repeat;
}