* {
	padding: 0;
	margin: 0;
}
body {
	text-align: center;
	margin-top: 0px;
	font-family: "Myriad Pro";
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;


}
#wrapper{
	margin: 0 auto;
	text-align: left;
	width: 858px;
}
/****************************************************************
  
  	Header

****************************************************************/
#header {
	width: 850px;
	float:left;
}
#logo{
	width:335px;
	height:114px;
	float:left;
}
#logo_words{
	padding-top: 45px;
	margin-left: 10px;
	font-size: 95%;
	color: #084F22;
	float:left;
	font-weight: bold;
	width:200px;
}
#right_box{
	margin-top: 19px;
        width:270px;
	height:101px;
	float:left;
background-image: url(../images/baner_image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/****************************************************************

	Login - Top Menu

****************************************************************/
#login{
	width:522px;
	height:26px;
	background-color: #084F22;
	float:left;
	color: #FFFFFF;
	padding-top: 3px;
	font-size: 80%;
	padding-left:0px;	
}
#login a{
	color: #FFFFFF;	
	text-decoration: underline;	
}
#login a:hover{
	color: #FFFFFF;
	text-decoration: none;	
}
#header_menu{
	width:304px;
	height:29px;
	background-image: url(../images/top_menu_bg.jpg);
	background-repeat: no-repeat;	
	float:right;
	color: #FFFFFF;
	font-size: 90%;
	padding-left:25px;	
}
#header_menu ul{
	text-align: left;
}
#header_menu li{
	display: inline;
}
.home{
	background-image: url(../images/background_top_line.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float:left;	
}
.home a{
	color: #FFFFFF;
	text-decoration: none;
	padding-right:15px;
	padding-left:0px;
	margin-top:3px;
	float:left;
}
.home a:hover{
	color: #BBDA2B;
	text-decoration: none;	
}
.team{
	float:left;	
	background-image: url(../images/background_top_line.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.team a{
	color: #FFFFFF;
	text-decoration: none;
	padding-right:15px;
	padding-left:15px;
	margin-top:3px;
	float:left;
}
.team a:hover{
	color: #BBDA2B;
	text-decoration: none;	
}
.news{
	background-image: url(../images/background_top_line.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	float:left;
	width:260px;
	height:94px;
	border: 1px solid #EDC230;
}
.news a{
	color: #FFFFFF;
	text-decoration: none;
	padding-right:15px;
	padding-left:13px;
	margin-top:3px;
	float:left;
}
.news a:hover{
	color: #BBDA2B;
	text-decoration: none;	
}
.contact{
	float:left;
}
.contact a{
	color: #FFFFFF;
	text-decoration: none;	
	padding-left:8px;
	margin-top:3px;
	float:left;
}
.contact a:hover{
	color: #BBDA2B;
	text-decoration: none;	
}
fieldset.js_loginflat {padding-left:15px; height margin:0px;float:left;}
fieldset.js_loginflat {border:0px; padding-left:5px;}
fieldset.js_loginflat legend{display:none;}
#mod_login_username{
margin-left:15px;
}
.button{
margin-left:10px;
height:20px;
width:85px;
margin-right:10px;
background-image: url(../images/button_upologiste.jpg);
background-repeat: no-repeat;
color: #084F23;
border: 0 none;
font-style: normal;
}
.button51{
background-image: url(../images/button_upologiste.jpg);
background-repeat: no-repeat;
color: #084F23;
border: 0 none;
font-style: normal;
text-align: center;

}
.button52{
margin-bottom:17px;
font-size:80%;
color: #084F23;
border: 0 none;
font-style: normal;
text-align: center;
}
.mainlevel-members{
float:left;
font-size:90%;
color: #ffffff;
}
a.mainlevel{
margin-right:10px;
}
#last_articles{
border-top: 2px solid #EDC230;

}
/****************************************************************

	LEFT COLUMN

****************************************************************/
#left_column{
	width:526px;
	float:left;
	margin-top:7px;
}
/****************************************************************

	Flash - Epikairothta

****************************************************************/
#flash_contents{
	width:526px;
	float:left;
        margin-top: 0px;
margin-bottom: -5px;
}
#epikerotita_title{
	width:522px;
	height:25px;
	float:left;
	background-color: #E0ED9B;	
}
#epikerotita_title strong{
	float:left;
	color: #084F25;	
	font-size: 100%;
	padding-left:10px;
}
#epikerotita{
	width:522px;
margin-bottom:4px;
background-color: #DFED9B;
float:left;
text-align:left;

}
#epikerotita a{
	color: #0d5b2a;
text-decoration: none;

}
#epikerotita a:hover{
	color: #0d5b2a;
text-decoration: underline;
}
#epikerotita strong{
float:left;
color: #0d5b2a;
font-size:85%;
width:520px;
}
.readon{
 font-size:80%;
float:right;
}
.contentpaneopen1_text{
float:left;
width:520px;
}
td.contentpaneopen1_text ul{
float:left;

}
td.contentpaneopen1_text li{
float:left;
text-align:left;
}
td.contentheading{
float:left;
height: 44;
width:520px;
background-color: #F6ECB1;
}
contentpagetitle a.{
font-size:100%;
color:0d5b2a
text-decoration: underline;
}
contentpagetitle a:hover{
font-size:100%;
text-decoration: none;
}
.blog ul{
float:left;
width:520px;
height:60px;
text-align:left;
}
.blog li{
list-style-type: none;
text-align:left;
width:500px;
float:left;
}
a.blogsection{
float:left;
}
/****************************************************************

	Main CATEGORIES

****************************************************************/
#main_cat{
	float:left;
	width:528px;
	padding-left:0px;
	padding-top:10px;
	text-align: center;
}
#main_cat a{
	color: #000000;	
	text-decoration: none;
	
}
#main_cat a:hover{
	color: #084F22;
	text-decoration: underline;
}
#main_cat h1{
	font-size: 90%;
	color: #084F22;
	padding-top:8px;
}
#main_cat ul{
	font-size: 80%;
	font-weight:bold;
	color: #000;
	padding-top:10px;
	width: 125px;	
	text-align:center;
	float:left;
}
#main_cat li{
	list-style-type: none;
	text-align:center;
	line-height: 18px;	
}
.cat1{
	float: left;
	height: 150px;
	width: 125px;
	border: 1px solid #EDC230;
	background-image: url(../images/categories_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-right:4px;	
	margin-bottom: 5px;
}
.cat2{
	float: left;
	height: 150px;
	width: 125px;
	border: 1px solid #EDC230;
	background-image: url(../images/categories_bg_flower.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right:4px;	
	margin-bottom: 4px;
}
/****************************************************************

	Left Column Bottom Objects

****************************************************************/
#calculate{
	height: 92px;
	width: 260px;
	background-color: #DFED9B;
	background-image: url(../images/ypologiste_icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	margin-bottom:5px;
	text-align:left;
border: 1px solid #EDC230;
}
#calculate_left{
	float:left;
	height:90px;
	width:110px;
	padding-left:50px;
}
#high{
	font-size: 80%;
	font-weight:bold;
	color: #084F22;
	padding-top:5px;
	float:left;
}
#weight{
	font-size: 80%;
	font-weight:bold;
	color: #084F22;
	padding-top:5px;
	float:left;
}
#age{
	font-size: 80%;
	font-weight:bold;
	color: #084F22;
	padding-top:5px;
	float:left;
}
#calculate_right{
	float:left;
	height: 90px;
	width: 85px;
	margin-left:8px;
}
#men{
	font-size: 80%;
	font-weight:bold;
	color: #084F22;
	float:left;
	margin-top:7px;
}
	
#woman{
	font-size: 80%;
	font-weight:bold;
	color: #084F22;
	float:left;
	margin-top:5px;

}
#calculate_button{
	background-image: url(../images/button_upologiste.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	height: 23px;
	width: 88px;
	margin-top:10px;
}
#calculate_button a{
	font-size: 80%;
	font-weight:bold;
	color: #084f22;
	text-decoration: none;
	padding-top:1px;
	padding-left:5px;
	float:left;
}
#calculate_button a:hover{
	color: #2A7F00;
	text-decoration: underline;
}
#notifications{
	height: 92px;
	width: 250px;
	background-color: #DFED9B;
	background-image: url(../images/anakoinwseis_icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #EEC63E;
	float:left;
	margin-bottom:5px;
	margin-left:7px;
	text-align:left;
}
#notifications a{
	color: #084F22;
	text-decoration: none;	
}
#notifications a:hover{
	color: #084F22;
	text-decoration: underline;	
}
#notifications h2{
	font-size:90%;
	color: #084F22;
	padding-left: 51px;
	margin-top: 3px;
}
#notifications p{
	float:left;
	padding-left: 51px;
	margin-top: 3px;
	font-size:80%;
	font-weight:bold;
}
/****************************************************************

	Left Column Bottom Banners

****************************************************************/
#bottom_banners{
	width:526px;
	padding-top:2px;
}
#bottom_banners1{
	background-image: url(../images/banner_vitam.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 160px;
	width: 150px;	
	padding-left:4px;
}
#bottom_banners2{
	background-image: url(../images/banner_lavipharm.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 160px;
	width: 150px;
	padding-left:4px;
}
#bottom_banners3{
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 160px;
	width: 526px;
	padding-right:4px;
pading-top:5px;
}
#bottom_banners4{
	background-image: url(../images/banner_difimistite_edw.jpg);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
        margin-top:6px;
	height: 150px;
	width: 58px;

}
/****************************************************************

	Right Column

****************************************************************/
#right_column{
	width:325px;
	float:left;
	margin-left: 3px;
	margin-top:7px;
}
#card_of_the_day{
	background-image: url(../images/karta_tis_hmeras_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 83px;
	width: 301px;	
}

#news_of_the_day{
	background-color:#DFED9B;
background-image:url(../images/anakoinwseis_icon2.jpg);
background-position:left top;
background-repeat:no-repeat;
	float: left;
	height: 92px;
	width: 250px;	
	margin-bottom:5px;
border: 1px solid #EEC63E;
}


#news_of_the_day h2{
width:200px;
	font-size:100%;
	color: #084F22;
float:left;
}

#news_of_the_day p{
font-weight:600;
	float:left;
	font-size: 75%;
	width:190px;
	height:38px;
	margin-top: 5px;
}
#news_of_the_day a{
	color:#084F22;
	text-decoration: none;	
}

#news_of_the_day a:hover{
	color:#084F22;
	text-decoration: underline;	
}




#left_spacer{
width:50px;
height: 85px;
float:left;

}
#card_of_the_day h2{
width:200px;
	font-size:100%;
	color: #084F22;
float:left;
}
#card_of_the_day_more{
        font-size:80%;
	color: #084F22;
width:200px;
float:left;
	
}
#card_of_the_day p{
	float:left;
	font-size: 75%;
	width:130px;
	height:38px;
	margin-top: 5px;
}
#card_of_the_day a{
	color:#000;
	text-decoration: none;	
}
#card_of_the_day a:hover{
	color:#084F22;
	text-decoration: underline;	
}
#hot_topic{
	height: 83px;
	width: 216px;
	/*background-color: #DFED9B;*/
	background-image: url(../images/kafto_thema_new.png);
	background-repeat: no-repeat;
}
#hot_topic h2{
	font-size:90%;
	color: #084F22;
	padding-left:53px;
	padding-top:10px;
	float:left;
}
#hot_topic p{
	float:left;
	width:160px;
	height:41px;
	font-size: 75%;
}
#hot_topic a{
	color:#000;
	text-decoration: none;	
}
#hot_topic a:hover{
	color:#084F22;
	text-decoration: underline;	
}
#forum{
	height: 42px;
	width: 305px;
	background-color: #DFED9B;
	background-image: url(../images/peite_to_problima.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #EEC63E;
	float:left;
	margin-bottom:1px;
}
#forum h2{
	font-size:90%;
	color: #084F22;
	padding-left:53px;
	padding-top:3px;
}
#forum p{
	float:left;
	width:260px;
	font-size: 80%;
	padding-left:53px;
}
#forum a{
	color:#000;
	text-decoration: none;	
}
#forum a:hover{
	color:#084F22;
	text-decoration: underline;	
}
/****************************************************************

	Right Column Left

****************************************************************/
#right_column_left{
	width: 150px;
	float:left;
        padding-top:3px;

}
#right_column_left a{
   
color: #084F22;
	text-decoration: none;

}
#right_column_left a:hover{
color: #084F22;
text-decoration: underline;
}

#sear2{
	height: 44px;
	width: 140px;
	background-color: #DFED9B;
	border: 1px solid #EEC63E;
	float:right;
	margin-bottom:5px;
padding-top:13px;
padding-left:10px;
}

#sear{
	height: 30px;
	width: 150px;
	
	float:left;
	margin-bottom:5px;
}

#protaseis{
	height: 44px;
	width: 150px;
	background-color: #DFED9B;
	background-image: url(../images/protaseis_icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #EEC63E;
	float:left;
	margin-bottom:5px;
         
}
#protaseis a{ 
          font-size: 14px;	
         color: #084F22;
	padding-left:53px;
	padding-top:13px;
float:left;
}
#protaseis a:hover{ 
          font-size: 14px;	
         color: #084F22;
	padding-left:53px;
	padding-top:13px;
float:left;
}
#deltia{
	height: 44px;
	width: 150px;
	background-color: #DFED9B;
	background-image: url(../images/deltia_tupou_icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #EEC63E;
	float:left;
	margin-bottom:5px;

}
#deltia a{
         font-size: 14px;	
         color: #084F22;
	padding-left:53px;
	padding-top:13px;
float:left;
}
#deltia a:hover{
         font-size: 14px;	
         color: #084F22;
	padding-left:53px;
	padding-top:13px;
float:left;
}
#interviews{
	height: 44px;
	width: 150px;
	background-color: #DFED9B;
	background-image: url(../images/interviews_icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #EEC63E;
	float:left;
	margin-bottom:5px;

}
#interviews a{
         font-size: 14px; 
	color: #084F22;
	padding-left:53px;
	padding-top:13px;
float:left;
}
#interviews a:hover{
         font-size: 14px; 
	color: #084F22;
	padding-left:53px;
	padding-top:13px;
float:left;
}
#quiz{
	height: 44px;
	width: 150px;
	background-color: #DFED9B;
	background-image: url(../images/quizzes_icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #EEC63E;
	float:left;
	margin-bottom:5px;

}
#quiz a{
	font-size: 14px;
	color: #084F22;
	padding-left:53px;
	padding-top:13px;
float:left;
}
#quiz a:hover{
	font-size: 14px;
	color: #084F22;
	padding-left:53px;
	padding-top:13px;
float:left;
}
#vocabulery{
	height: 44px;
	width: 150px;
	background-color: #DFED9B;
	background-image: url(../images/vocabulery_icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #EEC63E;
	float:left;
margin-bottom:5px;

}
#vocabulery a{  
        font-size: 14px;
	color: #084F22;
	padding-left:53px;
	padding-top:13px;
        float:left;
}
#vocabulery a:hover{ 
        font-size: 14px;
	color: #084F22;
}

#polls{
        background-color: #DFED9B;
	border: 1px solid #EEC63E;
        margin-bottom:0px;
width:150px;
float:left;
}
#polls h3{
	font-size: 90%;
	color: #0D5B2A;
	background-color: #DFED9B;
	margin-top: 10px;margin-bottom: 10px;
	text-align:center;

}
.poll_poll td{
  color: #666666;
margin-top:3px;
font-size: 80%;
text-align:center;
margin-left:5px;
float:left;
}
table.pollstableborder_poll{
margin-top:10px;
float:left;
width:140px;
margin-bottom:5px;
text-align:left;
}
.pollstableborder_poll label{
  color: #000000;
  margin-top:3px;
text-align:center;
}

#research0{
	width: 150px;
	border: 1px solid #EEC63E;
	float:left;
}
#research0 h2{
	font-size: 90%;
	color: #0D5B2A;
	background-color: #DFED9B;
	margin-top: 10px;
	text-align:center;
}
#research0 p{
	font-size: 85%;
text-align: center;
	margin-top: 10px;
}

#research0 a{
	margin-top: 10px;
	text-align:center;
font-size: 80%;
}
#research0 a:hover{
	text-align:center;
margin-top:10px;
font-size: 80%;
}

#research{
	width: 150px;
	border: 1px solid #EEC63E;
	float:left;
}
#research h2{
	font-size: 90%;
	color: #0D5B2A;
	background-color: #DFED9B;
	margin-top: 10px;
	text-align:center;
}
#research p{
	font-size: 85%;
text-align: center;
	margin-top: 10px;
}

#research a{
	margin-top: 10px;
	text-align:center;
font-size: 80%;
}
#research a:hover{
	text-align:center;
margin-top:10px;
font-size: 80%;
}

#research1{
	width: 150px;
	border: 1px solid #EEC63E;
	float:left;
        margin-top:5px;margin-bottom:5px;
}
#research1 h2{
	font-size: 90%;
	color: #0D5B2A;
	background-color: #DFED9B;
	margin-top: 10px;
	text-align:center;
}
#research1 p{
	font-size: 85%;
text-align: center;
	margin-top: 10px;
}

#research1 a{
	margin-top: 10px;
	text-align:center;
font-size: 80%;
}
#research1 a:hover{
	text-align:center;
margin-top:10px;
font-size: 80%;
}
/****************************************************************

	Right Column right

****************************************************************/
#right_column_right{
	width: 148px;
	float:left;	
padding-top:3px;
margin-left:5px;
}


/****************************************************************

	Footer

****************************************************************/
#footer_container {
	width: 100%;
	height: 37px;
	margin-top:5px;
	float: left;
	background: url(../images/footer_bg.jpg) repeat-x;
}
#footer {
	width: 850px;
	height: 37px;
	margin: 0 auto;
}
#footer_note a{
	color: #084F22;
	text-decoration: none; 	

}
#footer_note a:hover{
	color: #000000;
	text-decoration: underline; 	
}
#footer_note p {
	padding-top: 10px;
	padding-bottom: 1px;
	float:left;
	font-size: 80%;
	padding-left:5px;
}
#footer_copyright {
	width: 280px;
	float: left;
	text-align: right;
	font-size: 70%;
	color: #666;
	padding-top: 12px;
	margin-left: 155px;
}
#footer_copyright p {
	color: #084F22;
	padding-bottom: 1px;
}
#footer_copyright span {
	color: #4e96de;
}
#footer_copyright a {
	color: #4e96de;
	text-decoration: none;
}
#footer_copyright a:hover {
	color: #4e96de;
	text-decoration: underline;
}
#developed_by{
	float:left;
	padding-top:6px;
	padding-left:15px;
}

/****************************************************************



	INPAGE STYLE 2
	
	

****************************************************************/
/****************************************************************

	Dispaly Articles Box
	
****************************************************************/
#articles_wrapper{
	width:526px;
	float:left;
	background-color: #F3FDC2;
	background-image: url(../images/article_bg_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#articles_wrapper h1{
	font-size: 100%;
	font-weight: bold;
	color: #2C6825;	
	float:left;
	width:400px;
	height: 35px;
	padding-top: 4px;
	padding-left:10px;
	float:left;
}
.display_article_box{
	background-color: #FFFFFF;
	background-image: url(../images/article_bottom_bg_image.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 524px;	
	float:left;
	margin-top:5px;
}
.display_article_box h2{
	float:left;
	width:370px;
	font-size: 90%;
	color: #156332;
	margin-top:5px;
	padding-left:10px;
}
.article_img{
	float:left;
	height:115px;
	width:130px;
	padding-left:5px;
	margin-top: 5px;
}
.display_article_box p{
	float:left;
	width:373px;
	height:70px;
	font-size: 80%;
	padding-left: 10px;
}
.display_article_box_author{
	float:left;
	width:200px;
	height:25px;
	font-size: 70%;
	padding-left:10px;
}
.display_article_box_more{
	float:left;
	width:160px;
	height:17px;
	margin-top:5px;
	font-size: 80%;
	margin-left:10px;
	text-align:center;
	border-left: 1px solid #000000;
}
.display_article_box_more a{
	color: #2A3F00;
	text-decoration: none;
}
.display_article_box_more a:hover{
	color: #2A3F00;
	text-decoration: underline;
}
#articles_wrapper_footer{
	width:526px;
	height:40px;
	float:left;
	text-align: center;
}
/****************************************************************

	Right Column left Main Categories
	
****************************************************************/
#categories_left_submenu{
	float:left;
}
/****************************************************************

	Right Column - Right Categories
	
****************************************************************/
#right_column_right a{
	text-decoration: none;
	color: #084F22;
}
#right_column_right a:hover{
		text-decoration: underline;
}
/****************************************************************/
    MODULES
/****************************************************************/
.moduletable{
  width:100%;
float:left;
}
.moduletable table{
  width:155px;
}
.moduletable table tr td{
  text-align:right;
}
.moduletable img{
  margin:0px;
}

.moduletable_login{
  margin-top:3px;
  width:155px;
}
.moduletable_login form{
  margin-top:5px;
  padding-bottom:0px;
}
.moduletable_login form table{
  margin-top:5px;
  padding-bottom:0px;
  text-align:center;
}
.moduletablebanners {
  text-align:left;
}
.moduletable-members{
float:left;
width:300px;
}
.highlighter {
  width:140px;
  height:143px;
}
.highlighter td{
  padding-left:3px;
}
.highlighter th{
  color:#ffffff;
  font-weight:bold;
  font-size:13pt;
  padding-top:3px;
  padding-left:3px;
}

.highlighter td {

}
.quiz_title{
  margin-top:5px;
  font-size: 12px;
}
.quiz_descr{
  margin:0px;
  font-size: 11px;
  text-align:justify;
  padding-right:5px;
}
.quiz_question{
  text-align:justify;
  padding-right:5px;
}
.quiz_choices{
  padding-bottom: 8px;
  text-align:center;
}

	#tabla {
		border: 2px solid #EAF5A9;
	}
	
	#tabla tbody tr td {
		font-family: "lucida grande", verdana, sans-serif;
		font-size: 8pt;
		padding: 3px 8px;
		background-color: #F5FAD2;
		border-left: 1px solid #D9D9D9;
		border-bottom: 1px solid #D9D9D9;
		
	}
	#tabla tbody tr.selected2 td {
		background-color: #FBF4B3;
		
		font-weight: bold;
		border-left: 1px solid #D9D9D9;
		border-bottom: 1px solid #D9D9D9;
		
	}
	#tabla tbody tr.selected td {
		background-color: #FBF4B3;
		
		border-left: 1px solid #D9D9D9;
		border-bottom: 1px solid #D9D9D9;
	}

#aim {margin: 0em 1em 1em 0em; clear: right;}













/** Frontpage Slideshow CSS **/

/* --- Slideshow Containers --- */
#fpss-outer-container {padding:2px;margin:8px auto;border:1px solid #ccc;width:<?php echo $width; ?>px;} /* This element controls the slideshow spacing and border */
#fpss-container {position:relative;margin:0;padding:0;clear:both;}
#fpss-slider {background:none;overflow:hidden;clear:both;text-align:left;width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;} /* Add bg color if using bg image on #fpss-outer-container */
#slide-loading {background:#fff url(loading.gif) no-repeat center;text-align:center;width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;}
#slide-wrapper {display:none;width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;}
#slide-wrapper #slide-outer {height:<?php echo $height; ?>px;}
#slide-wrapper #slide-outer .slide {position:absolute;overflow:hidden;right:0;width:<?php echo $width; ?>px;height:<?php echo $height; ?>px;}
#slide-wrapper #slide-outer .slide .slide-inner {height:<?php echo $height; ?>px;position:relative;margin:0;overflow:hidden;text-align:left;z-index:8;}
#slide-wrapper #slide-outer .slide .slide-inner a.fpss_img span span span {background:none;}			

/* --- Content --- */
.fpss-introtext {width:100%;margin:0;padding:0;position:absolute;left:0;right:0;bottom:0;background:url(transparent_bg.png);}
.fpss-introtext .slidetext {padding:4px 8px;}

/* --- Navigation Buttons --- */
#navi-outer {clear:both;margin:0;padding:0;color:#fff;height:27px;background:url(navbar.png) repeat top;overflow:hidden;}
#navi-outer ul {margin:2px 0;padding:0 4px;text-align:right;}
#navi-outer li {display:inline;background:none;padding:0;margin:0;}
#navi-outer li a,#navi-outer li a:hover,#navi-outer li a.navi-active {display:block;float:left;overflow:hidden;width:40px;height:22px;padding:0;margin:0 2px;text-decoration:none;line-height:22px;background:#404040;}
#navi-outer li a {border:1px solid #fff;}
#navi-outer li a:hover,
#navi-outer li a.navi-active {border:1px solid #ff9900;}
#navi-outer li a img,#navi-outer li a:hover img,#navi-outer li a.navi-active img {height:80px;width:auto;display:block;margin:-15% 0 0 -70%;}
#navi-outer li a img {opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);}
#navi-outer li a:hover img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}
#navi-outer li a.navi-active img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}
#navi-outer li a span.navbar-img {}
#navi-outer li a span.navbar-key {display:none;}
#navi-outer li a span.navbar-title {display:none;}
#navi-outer li a span.navbar-tagline {display:none;}
#navi-outer li a span.navbar-clr {display:none;}
#navi-outer li.noimages {margin:0;padding:0;}
#navi-outer li.noimages a {display:block;float:right;width:12px;height:18px;line-height:18px;margin:4px 0 0 0;padding:0;border:none;text-align:center;background:none;color:#999;}
#navi-outer li.noimages a:hover {display:block;float:right;width:12px;height:18px;line-height:18px;margin:4px 0 0 0;padding:0;border:none;text-align:center;background:none;color:#555;}
#navi-outer li.noimages a#fpss-container_prev {background:url(prev.gif) no-repeat 50% 50%;}
#navi-outer li.noimages a#fpss-container_playButton {width:40px;background:none;}
#navi-outer li.noimages a#fpss-container_next {background:url(next.gif) no-repeat 50% 50%;}
#navi-outer li.clr {clear:both;}

/* --- Notice: Add custom text styling here to overwrite your template's CSS styles! --- */
.fpss-introtext .slidetext h1 {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;font-size:17px;line-height:26px;margin:0;padding:0;color:#fff;}
.fpss-introtext .slidetext h1 a {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;font-size:17px;margin:0;padding:0;color:#fafafa;}
.fpss-introtext .slidetext h1 a:hover {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;font-size:17px;margin:0;padding:0;color:#f00;}
.fpss-introtext .slidetext h2 {font-size:11px;margin:0;padding:0;color:#999;font-weight:normal;}
.fpss-introtext .slidetext h3 {font-size:11px;margin:0;padding:0;display:none;}
.fpss-introtext .slidetext p {margin:4px 0;padding:0;color:#fff;font-size:11px;}
.fpss-introtext .slidetext a.readon {display:none;}
.fpss-introtext .slidetext a.readon:hover {display:none;}

/* --- Generic Styling (highly recommended) --- */
a:active,a:focus {outline:0;}
#fpss-container img {border:none;}
.fpss-introtext .slidetext img,
.fpss-introtext .slidetext p img {display:none;} /* this will hide images inside the introtext */
.fpss-clr {clear:both;height:0;line-height:0;}

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