html, body {           
  height: 100%;
  width: 100%; 
  margin: 0;
  padding: 0;
}

body {                                                   
	background-image: url(/images/website/eliosback.gif);
    background-repeat: no-repeat;       
	background-position: 0px 60px;               
}

#maintab {                
  height: 100%;      
  width: 100%;             
  }
  
a:link, a:visited {
  text-decoration:underline;
  color: #24558c;
} 

a:hover {
  text-decoration:underline;
  color: #000000;
} 

.imageboxinner, .contentboxinner, .boxright, .boxleft {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: justified;
	text-indent: 0px;

	background-color: #FFFFFF;
	border-top: 1px dashed #88A2BD;
	border-right: 1px dashed #6082A8;
	border-bottom: 1px dashed #57789D;
	border-left: 1px dashed #7895B4;
        }       
        
.imageboxinner, .contentboxinner {	                    
	left: -2px; 
	top: -2px;          
	height: auto;
	width: auto;          
	position: relative;  

        }       
        
 .boxright {      
	padding: 4px;      
    float : left ;
    margin : 4px 30px 3px 0px ;      
        }      
        
 .boxleft {      
	padding: 4px;      
    float : right ;
    margin : 4px 0px 3px 30px ;      
        } 
        
 .imageboxinner {       
	font-size: 10px;
    line-height: 12px; 
	padding: 5px;
        } 
        
 .contentboxinner {                    
	font-size: 12px;
    line-height: 17px;               
	padding: 10px 15px 10px 15px;
        }         
              
.newsboxinner {	   
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	text-indent: 0px;
	
	position: relative;
	left: -2px; 
	top: -2px;      
	
	background-color: #FFFFFF;
	border-right: 1px dashed #6082A8;
	border-bottom: 1px dashed #57789D;
	border-top: 0px ;
	border-left: 0px ;
        }
        
.imagebox,.imageboxleft,.imageboxright {               
    z-index : 3 ;     
    
	position: relative;      
	
	height: auto;
	width: auto;       
	
	background: #DEE7ED; 
	border-right: 2px solid #F7F9FB;
	border-bottom: 2px solid #F5F8FA;
    margin : 0px 0px 10px 0px;
        }
        
 .newsbox {            
	position: static;  
	
	height: auto;
	width: auto;
	
	background: #DEE7ED; 
	border-right: 2px solid #F7F9FB;
	border-bottom: 2px solid #F5F8FA; 
        }  
                
 .featurebox, .titlebox {                      
	font-family: Arial, sans-serif;
	font-size: 13px;
	background: #DEE7ED;   
	border: 1px dashed #57789D;     
        }  
                              
 .featurebox {                              
    padding : 10px 30px 5px 10px ;  
    margin : 5px 30px 5px 20px ;    
        }  
                
 .titlebox {                  
    padding : 0px 20px 0px 10px ;   
    margin : 10px 40px 5px 0px ;    
    width : 250px ;
        }            
                              
.featuretitle {      
	font-size: 15px;   
	font-family: Tahoma, sans-serif;
    color: #57789D;    
	font-weight: bold;
        } 
        
.imageboxleft {
	float: left;          
	margin: 5px 20px 0px 0px;
        }
        
.imageboxright {
	float: right;         
	margin: 5px 0px 10px 25px;
        }

.imageboxtitle, .newstitle, .imageboxdivtitle {
	font-size: 11px;
	font-weight: bold;
	color: #57789D;
	text-indent: 0px;	
	line-height: 20px;
	font-family: Geneva, ArIal, Helvetica, sans-serif;
        }
                           
 .imageboxdivtitle {
	font-size: 13px;
        }
        
 .imageboxdivlegend {
	font-size: 13px;
    line-height : 15px ;
        }  
                         
 .legenddivbox {                      
	font-size: 13px;
	background: #DEE7ED;   
	border: 1px dashed #57789D;                     
    padding : 0px 5px 5px 5px ;   
    margin : 5px 0px 0px 0px ;    
        }  

    
.testimonial {           
	font-size: 12px;   
	color: #57789D;   
	font-weight: bold;   
        }  
        
.testimonialcitation {           
	font-size: 15px;           
	font-style: italic;   
	color: #57789D;   
	font-weight: bold;  
    line-height : 25px ; 
        }     
        
.testimonialhighlight { 
	color: #FF0000;       
	font-weight: bold;           
        }
        
.testimonialbio {             
	font-style: italic;          
        }
            
.newstitle {
	font-size: 14px;   
        }    
   
        
.newstitle a:link, .newstitle a:hover,.newstitle a:visited{
	text-decoration: none;
    color: #57789D;  
}

.newstitle a:hover{
	color: #000000;
}

.newstitlediv, .testimonialtitlediv {
    background: #728B99;  
    color: #FFFFFF; 
	font-weight:bold;          
    position : relative ;  
    left : -15px;
    top : -10px;   
    height : 23px;              
    background-image: url(/images/website/newsfade.jpg);
    background-repeat: repeat-y;       
	background-position: right;  
} 

.newstitlediv {
	font-size: 15px; 
}  

.testimonialtitlediv {
	font-size: 18px; 
}  

.newstitleleft {     
    background: #728B99;        
    background-image: url(/images/website/minipuce.gif);      
	background-position: center ; 
    background-repeat: no-repeat;       
    width : 45px ; 
}    


.newstitlediv a:hover{
	color : #000000;
    font-weight:bold;

}     
        

#content, #centeredcontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	text-align: justify;
	/*text-indent: 20px;    */
	padding-left: 30px;
	padding-right: 30px;
	width: auto;
        }
        
.contenttab {      
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	text-align: justify;
	/*text-indent: 20px;  */   
	padding : 15px 10px 20px 10px; 
    margin : 0px 0px 0px 0px; 
	width: auto;
        }       
   

#topmenu {
	position: absolute;
	top: 50px;
	background-color: #0066FF;
	width: 100%;
	height: 25px;
	left: 0;
	overflow: hidden;
	z-index: 2;
        }

#leftcontainer {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FF0000;
	width: 100px;
	height: 97%;
	clip:  rect(75px auto auto auto);
	z-index: 0;
        }

#rightcontainer {
	position: absolute;
	right: 0px;
	background-color: #0000FF;
	width: 50px;
	height: 100%;
	z-index: 0;
        }  
        
#footertab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: right; 
    vertical-align: top;  
	background-color: #40556A;
	width: 100%;
	height: 63px;    
    
	background-image: url(/images/website/footer.jpg);
	background-repeat: no-repeat;
    background-position : bottom left ;
        }    


#headertab {    
	background-color: #394959;
	width: 100%;
	height: 80px;   
	background-image: url(/images/website/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
        }

#header2tab {    
	background-color: #4B6679;
	width: 100%;
	height: 41px; 
	background-image: url(/images/website/header_higher_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
        }

/*#################################################################################*/


#menuitem, #menuitemcurrent {
	background-color: #728B99;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	width: 100px;     
	text-align: center;      
	list-style-type: none;
	vertical-align: middle;
	text-decoration: none;     
	line-height: 22px;     
}                               

#menuitem a:link, #menuitemcurrent a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#menuitem a:visited, #menuitemcurrent a:visited  { 
	color: #FFFFFF;
	text-decoration: none;
}

#menuitem a:hover, #menuitemcurrent a:hover   {
	color: #000000;
	background-color: #CCD6DB;
	display: block;
	text-decoration: none;
}

#menuitemcurrent, #menuitemcurrent a:hover, #menuitem a:hover {                   
	background-image: url(/images/website/trianglewhite.gif);     
    background-repeat: no-repeat;       
	background-position: bottom right;  
	display: block; 
} 



/*#################################################################################*/



#menu2item, #deactivatemenu2item, #menu2itemcurrent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	width: 150px;
	text-align: center;      
	vertical-align: middle;
	text-decoration: none;
	line-height: 19px;    
}


#menu2item, #menu2itemcurrent {         
	background-color: #ACC2CB;
}

#menu2item a:link, #menu2itemcurrent a:link {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	border-left: 2px solid #FFFFFF;
}

#menu2item a:visited, #menu2itemcurrent a:visited { 
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	border-left: 2px solid #FFFFFF;
}

#menu2item a:hover, #menu2itemcurrent a:hover{
	color: #000000;
	background-color: #CCD6DB;
	display: block;
	text-decoration: none;
	border-left: 2px solid #FFFFFF;   
} 

#menu2itemcurrent, #menu2itemcurrent a:hover, #menu2item a:hover {                   
	background-image: url(/images/website/trianglewhite.gif);     
    background-repeat: no-repeat;      
	background-position: bottom right; 
} 

#deactivatemenu2item {
    color: #666666; 
	background-color: #a6afb3;
	border-left: 2px solid #FFFFFF;
	width: 148px;     
}



/*#################################################################################*/

#menu3 {                          
    margin: 0px 50px 10px -50px;      
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
    text-align:right;
    width:230px;       
    float:left;     
    clear:left;          
    color: #333;  
   }

#menu3 ul {
    list-style: none;                 
    padding:0px 30px 0px 0px;
    border: none; 
}

#menu3 li {                           
    margin: 5px 0px 0px 0px;    
   }

#menu3 li a {            
    display: block;
    padding: 4px 20px 4px 10px;   
    border: 2px solid #ACC2CB;  
    background-color: #fff;
    text-decoration: none;
    width:100%;          
    color: #ACC2CB;       
}


#menu3 li a:hover {             
    border: 2px solid #728B99;   
    background-color: #ACC2CB;
    color: #fff;
   }
   

/*#################################################################################*/   


#rightlogo {
	position: absolute;
	top: 10px;
	width: 200px;
	height: 60px;
	right: 0px;    
	z-index: 5;
        }

        
.tabback, .vattab, .discounttab, .producttab, .totaltab {
	background-image: url(/images/website/tabback.gif);
	background-repeat: repeat-x;
	background-position: top;
    padding-left: 15px;
    border: 1px solid #EEEEEE;
} 

.tabback {
	padding : 5px 10px 5px 10px ;
}   
    
.vattab {               
    font-weight : bold ;
    font-style : italic ;
    color : #999 ;
}  

.discounttab {   
    font-weight : bold ;
    color : #00FF00 ;
}

.totaltab {   
    font-weight : bold ; 
}

      
.leftframe {               
    padding : 20px 0px 0px 5px;     
}

.rightframe {              
    padding : 20px 5px 0px 0px;           
}