/**
 * @version		$Id: template_css_ie.css 36 2010-09-09 11:16:15Z lefteris.kavadas $
 * @package		Frontpage Slideshow
 * @author		JoomlaWorks http://www.joomlaworks.gr
 * @copyright	Copyright (c) 2006 - 2010 JoomlaWorks, a business unit of Nuevvo Webware Ltd. All rights reserved.
 * @license		Commercial - This code cannot be redistributed without permission from Nuevvo Webware Ltd.
 */

/* Fpss */

.fc-slideshow { padding:0; margin-bottom: 10px; overflow: hidden;}
.s-slides { width:700px; height:306px; overflow: hidden;}
.s-slide { position: relative; width:700px; height:306px;}
a.c-img-link:link,
a.c-img-link:visited { display: block; position: absolute; left:0; top:0; width:700px; height:306px;}
.s-contents { position: absolute; left:0; bottom:0; width:660px; padding: 8px 20px 12px;}
.s-contents a:hover { text-decoration: none;}

.s-nav { width:700px; height: 80px; position: relative; overflow: hidden}
.s-nav ul { display: block; padding: 0; margin: 0; list-style: none; height: 80px;}
.s-nav ul li { display: block; float:left; width:130px; padding: 0; margin: 0;}

ul.scroll-items li a.s-nav-link:link,
ul.scroll-items li a.s-nav-link:visited { display: block; position: relative;width:125px;height: 80px; border-top:1px solid #000;}
ul.scroll-items li a.s-nav-link:hover {border-top:1px solid #26a8ee;}
ul.scroll-items li a span.s-nav-title { display: none; position: absolute; left:0; top:0; text-align: left; color:#f5f5f5; font-size: 12px; padding: 10px;  background: url(../images/s-transparent.png); width:105px; height: 60px; font-weight: normal; line-height: 15px;}
ul.scroll-items li.active-thumb img { position: absolute;left:0;top:0}
ul.scroll-items li.active-thumb .s-nav-link:link img,
ul.scroll-items li.active-thumb .s-nav-link:visited img { opacity:0.5}
ul.scroll-items li a.s-nav-link:hover img {}
ul.scroll-items li a.s-nav-link:hover span.s-nav-title { display: block;}

/* New Slideshow */

.fc-slideshow { background: #000;}
.s-contents {background: url(../images/s-transparent.png); color:#fff; text-align: center}
.s-contents a:link,
.s-contents a:visited { color: #b9b9b9;}
.s-contents a:hover {text-decoration: underline}
.s-contents .s-category { margin-bottom: 0; padding-bottom: 0;}

.s-contents h1 { font-size: 22px; line-height: 22px; margin: 0 0 0px; padding: 0; font-family: 'Open Sans Condensed', sans-serif;}
.s-contents h1 a:link,
.s-contents h1 a:visited {color:#fff;}
.s-contents h1 a:hover{ }

.s-contents h2 { font-size: 22px; line-height: 22px; margin: 0 0 0px; padding: 0; font-family: 'Open Sans Condensed', sans-serif;}
.s-contents h2 a:link,
.s-contents h2 a:visited {color:#fff;}
.s-contents h2 a:hover{ }
.s-contents .s-text { margin:0 20px 5px 0; font-size: 14px; line-height: 18px; max-height:54px; overflow: hidden; }

.controls { float: right; padding: 4px}
.controls .next,
.controls .prev { cursor:pointer; color:#fff; float: left; display: block; width:16px; height: 16px; text-indent: -1000px;}
.controls .next { background: url(../images/s-right.png) no-repeat 0 0 }
.controls .prev { background: url(../images/s-left.png) no-repeat 0 0 }
.controls .blts { cursor:pointer; color:#fff; background: #fff; margin: 0 4px; display: block;float:left; width:10px; height: 12px; text-indent: -1000px;}
.controls .blts { background: url(../images/s-bullets.png) no-repeat 50% 4px;}
.controls .blts:hover,
.controls .active { background-position: 50% -12px;}

.s-nav-link { cursor: pointer;}
.s-slides { position: relative;}
.s-slide { position: absolute; left:0; top:0;}
.s-slide img { position: absolute; left: 0px;}
.s-active { }
.s-active .s-contents { }