/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0; width: 740px; background: #efefef;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.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 {margin: 0 0px 30px 0px; background: #efefef; border: 1px solid #dfdfdf;  position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav li a {width: 40px; height: 94px; margin: 0; display: block; position: absolute; top: 270px; cursor: pointer; text-indent: -999em; overflow: hidden;}
.flex-direction-nav li .next {right: 40px; background: url('/img/car-arr-right.png') 0px 0px no-repeat;}
/*
.flex-direction-nav li .next:hover {background-position: -50px -100px;}
.flex-direction-nav li .next:active {background-position: -50px -200px;}
.flex-direction-nav li .next.disabled {background-position: -50px -300px;}
*/
.flex-direction-nav li .prev {left: 40px;  background: url('/img/car-arr-left.png') 10px 0px no-repeat;}
/*
.flex-direction-nav li .prev:hover {background-position: 0 -100px;}
.flex-direction-nav li .prev:active {background-position: 0 -200px;}
.flex-direction-nav li .prev.disabled {background-position: 0 -300px;}
*/

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;position:relative;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; ursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

/*  Testi alkaa*/
/* Custom content */
.flexslider li { margin: 0; }
.flex-content {
	height: 243px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 10px;
	width: 320px;
}
.flex-content img {float: left; padding-right: 2px;}
.flex-content h2 {font-size:1.4em; margin:0;}
.flex-content h2 {
	background: transparent url('theme/widget-title.png') no-repeat right bottom;
	display: block;
	font-weight: bold;
	margin-left: 180px;
	margin-right: 30px;
}
.flex-content h2 span {
	background: transparent url('theme/widget-title.png') no-repeat left bottom;
	display: block;
	margin-left: -150px;
	padding: 13px 0px 20px 5px;
}
.flex-content div.flex-details {padding:0 35px; margin-top:7px;}
.flex-content div.flex-links {padding:0 35px; position:absolute; left:0; top:190px; width:200px;}
.flex-content div.flex-links .ak-btn,
.flex-content div.flex-links a {display:block; margin-bottom:6px;}
.flex-content div.flex-social {padding:0 35px; position:absolute; left:0; bottom:15px;}

#frontpage .flexslider {
	background-color: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background-image: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
}
#subpage .flex-content {
	background-color: #fff;
	-moz-box-shadow: 33px 0 28px -33px rgba(0,0,0,.28) inset;
	-webkit-box-shadow: 33px 0 28px -33px rgba(0,0,0,.28) inset;
	box-shadow: 33px 0 28px -33px rgba(0,0,0,.28) inset;
}
#frontpage .flex-content  h2,
#subpage .flex-content  h2 {
	background-image: none;
	color: #7b7c7f;
	font-size: 20px;
	margin: 0 30px;
	text-transform: none;
}
#frontpage .flex-content  h2 span,
#subpage .flex-content  h2 span {
	background-image: none;
	margin: 0;
	padding: 25px 0 10px 5px;
}