/**
 * @version		$Id: template.css.php 2186 2012-11-15 19:22:34Z joomlaworks $
 * @package		Frontpage Slideshow
 * @author    JoomlaWorks - http://www.joomlaworks.net
 * @copyright	Copyright (c) 2006 - 2012 JoomlaWorks Ltd. All rights reserved.
 * @license		http://www.joomlaworks.net/license
 */

/* --- Slideshow Container --- */
#fpssContainer150.fpss-template-tt {position:relative;width:720px;margin:8px auto;padding:0px;border-color:#fff;border-style:solid;border-width:1px 2px 2px 1px;overflow:hidden;font-family: Trebuchet, Arial, Verdana, sans-serif;}

/* --- Loader --- */
#fpssContainer150.fpss-template-tt .slide-loading {position:absolute;width:720px;height:300px;background:#fff url(../images/loading.gif) no-repeat center center;z-index:100;}

/* --- Timer (progress bar) --- */
.fpss-template-tt .fpssTimerContainer,
.fpss-template-tt .fpssTimerContainer .fpssTimer {display:none;}

/* --- Slide Containers --- */
#fpssContainer150.fpss-template-tt .slides-wrapper {
	width:720px;
    height:300px;
    margin:0;padding:0;
    position:relative;
    overflow:hidden;
    background:#fff;
   }
.fpss-template-tt .slides {list-style:none;}
#fpssContainer150.fpss-template-tt .slide {width:720px;height:300px;overflow:hidden;list-style:none;}
#fpssContainer150.fpss-template-tt .slidetext {position:absolute;bottom:0;left:0;width:240px; height:300px; margin:0;z-index:1;}

/* --- Slide Content --- */
.fpss-margin-slidetext {margin: 8px;}
.fpss-template-tt .slidetext h1,
.fpss-template-tt .slidetext h1 a {font-size:16px;line-height:120%;margin:0;padding:0;}
.fpss-template-tt .slidetext h1 a:hover {color:#f90;text-decoration:none;}
.fpss-template-tt .slidetext h2 {font-size:10px;margin:0;padding:0;color:#999;font-weight:normal;}
.fpss-template-tt .slidetext h3 {font-size:12px;margin:0;padding:2px 0;color:#fafafa;}
.fpss-template-tt .slidetext h4 {font-size:11px;margin:0;padding:0;color:#999;font-style:italic;}
.fpss-template-tt .slidetext p {margin:4px 0;padding:0;}
.fpss-template-tt .slidetext a.fpssReadMore {margin:0;padding:1px 0;background:none;border:none;line-height:14px;}
.fpss-template-tt .slidetext a.fpssReadMore:hover {margin:0;padding:1px 0;background:none;border:none;color:#f90;line-height:14px;}

/* --- Navigation --- */
.fpss-template-tt .navigation-wrapper {
height: 26px;
/*border-top: 1px solid #D6D6D6;*/
padding: 0;
/*background-color: rgb(243, 243, 243);*/
margin: 0;
}
.fpss-template-tt .navigation-background {cursor:pointer;border:1px solid #f90;position:absolute;z-index:8;margin:0 4px;}
.fpss-template-tt .navigation {
list-style: none;
    margin: 0;
    padding-top: 270px;
    margin-left: 50px;
}

.fpss-template-tt .navigation li.navigation-button {float:left;margin:0 4px;z-index:7777;position:relative;border:1px solid #bbb;}
#fpssContainer150.fpss-template-tt .navigation li a {display:block;line-height:10px;}
.fpss-template-tt .navigation li.navigation-button a {background:#000;}

.fpss-template-tt .navigation li.navigation-next,
.fpss-template-tt .navigation li.navigation-previous,
.fpss-template-tt .navigation li.navigation-control {float:left;margin:0;padding:0;}
.fpss-template-tt .navigation li.navigation-next a,
.fpss-template-tt .navigation li.navigation-previous a,
.fpss-template-tt .navigation li.navigation-control a {font-family:Tahoma, Arial, sans-serif;font-size:10px;border:none;text-align:center;padding:0 4px;margin:0;background:none;color:#9c0;text-decoration:none;}
.fpss-template-tt .navigation li.navigation-next a:hover,
.fpss-template-tt .navigation li.navigation-previous a:hover,
.fpss-template-tt .navigation li.navigation-control a:hover {color:#f90;text-decoration:none;}

.fpss-template-tt .navigation li.active,
.fpss-template-tt .navigation li.navigation-button:hover,
.fpss-template-tt .navigation-background {border: 1px solid #B3B3B3;}

.fpss-template-tt .navigation li.active a,
.fpss-template-tt .navigation li:hover a {cursor:pointer;}

.fpss-template-tt .navigation li.navigation-button .navigation-thumbnail {opacity:0.6;filter:alpha(opacity=60);}
.fpss-template-tt .navigation li.active .navigation-thumbnail,
.fpss-template-tt .navigation li.navigation-button a:hover .navigation-thumbnail {opacity:1.0;filter:alpha(opacity=100);}

#fpssContainer150.fpss-template-tt .navigation-thumbnail {display:block;width:10px;height:10px;overflow:hidden;border:none;background-position:50% 50%;position:relative;z-index:9;}

/* --- Generic Styling (highly recommended) --- */
.fpss-template-tt a {cursor:pointer;}
.fpss-template-tt a:active,
.fpss-template-tt a:focus {outline:0;outline:expression(hideFocus='true');}
.fpss-template-tt img {border:none;margin-left: 240px;}
.fpss-template-tt .slidetext img,
.fpss-template-tt .slidetext p img {display:none;}
.fpss-clr {clear:both;float:none;height:0;line-height:0;margin:0;padding:0;border:0;}

/* --- IE Specific Styling (use body.fpssIsIE6, body.fpssIsIE7, body.fpssIsIE8 to target specific IEs) --- */
body.fpssIsIE6 #fpssContainer150.fpss-template-tt .navigation,
body.fpssIsIE7 #fpssContainer150.fpss-template-tt .navigation {height:14px;overflow:hidden;}

/* --- End of stylesheet --- */

#fpssContainer257.fpss-template-tt .navigation-thumbnail {width:10px !important; height:10px;}

