﻿
body
{
    background-color: #EEE;
	color: #333;
	font-size: 0.7em;
	padding: 0px 0  0px;
	font-family: Arial, Trebuchet MS, serif;
}

img
{
    display: block;
    }

img.icons
{
    display: inline;
    }
div
{
    background-color:Transparent;
}


a:hover
{
	text-decoration: underline;
}

h1
{
	font-family: Arial, Trebuchet MS, serif;
	font-weight: bold;
	font-size:1.4em;
	color: #222167;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

h2
{
	font-family: Trebuchet MS, serif;
	font-weight: bold;
	font-size:1.3em;
	color: #222167;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p
{
	overflow: hidden;
	padding: 0px 0px 15px 0px;
	text-align: left;
}

p.logo
{
	text-align: left;
}

.grid_3_toplinks
{
	margin-top:5px;
	display: inline;
	float: right;
	color: #666;
	font-size: 1.0em;

}
     .grid_3_toplinks ul
    {

	    list-style:none;
	    padding:0px 0px 0px 0px;
	    margin:0px 0px 0px 0px;
    }
    .grid_3_toplinks li 
    {


	    padding:0px 5px 0px 0px;
	    margin:0px 5px 0px 0px;
	    border-right: solid 1px #eee;
	    float:left;
    }
     .grid_3_toplinks li.end
    {


	    padding:0px 5px 0px 0px;
	    margin:0px 5px 0px 0px;
	    border-right: none;
    }
    
    .grid_3_toplinks a
    {     
	    color:#666;
	    text-decoration:none;
	    
    } 
    .grid_3_toplinks a:hover
    {        
	    color: #666;
	    text-decoration:underline;
    } 

    
    

.container_12
{
    background-color: #fff; 
    border-left: solid 1px #ccc;   
    border-right: solid 1px #ccc;   
    border-bottom: solid 1px #ccc;   
}

.grid_4_tabs
{
	display: inline;
	float: left;
	width: 300px;
	margin-top: 5px;
	font-size:1em;
}

    .grid_4_tabs ul
    {

	    list-style:none;
	    padding:0px 0px 0px 0px;
	    margin:0px 0px 0px 0px;
    }

    .grid_4_tabs li.staff
    {

	    float: left;
	    padding:0px 5px 0px 0px;
	    margin:0px 5px 0px 0px;
	    border-right: solid 1px #eee;
    }
        .grid_4_tabs li 
    {

	    float: left;
	    padding:0px 0px 0px 0px;
	    margin:0px 5px 0px 0px;
    }
    

    .grid_4_tabs a
    {     
	    color:#666;
	    text-decoration:none;
	    
    } 
    .grid_4_tabs a:hover
    {        
	    color: #666;
	    text-decoration:underline;
    } 


.grid_3_menu
{
	display: inline;
	float: left;
	margin-left: 10px;
	width: 230px;
	background-color: #fff;
}

.menu
{
    width: 206px;
    background-color: #fff;
	font-size: 1.1em;
}

        .menu ul
        {
            list-style-type: none;
	        padding: 0px 0px 0px 0px;
	        margin: 0px 0px 0px 0px;
	        text-align: right;
        }
        
        .menu ul li
        {
	        padding:5px 6px 5px 0px;
	        margin:0px 0px 0px 0px;
	        border-bottom: solid 1px #ccc;
        }
        
        .menu ul li.top
        {
            background-image: url(../images/menu-top.png);
	        padding:5px 6px 0px 0px;
	        margin:0px 0px 0px 0px;
	        height:21px;
	        color: #fff;
	        border-bottom: none;
        }
        
        .menu ul li.bottom
        {
            background-image: url(../images/menu-bottom.png);
	        padding:5px 6px 0px 0px;
	        margin:0px 0px 0px 0px;
	        height:63px;
	        color: #fff;
	        border-bottom: none;
        }
        
        .menu a
        {     
	        color: #cc0000;
	        font-weight: bold;
	        text-decoration: none;
    	    
        } 
        

.grid_12_bar
{
	
	width: 960px;
	background: url(../images/bar-bg.gif) repeat-x;
	overflow: hidden;
	
}


    .grid_12_bar ul
    {
	    text-align: center;
	    color: #a7adb9;
	    list-style:none;
	    padding: 0px 0px 5px 0px;
	    margin: 0px 0px 0px 296px;
    }
    
        .grid_12_bar li
    {
	    width: auto;
	    float: left;
	    font-size:1.15em;
	    padding: 3px 16px 4px 16px;
	    margin:0px 0px 0px 0px;
    }

    .grid_12_bar li.engineering
    {
	   background-image: url(../images/engineering-bg.gif);

    }
    .grid_12_bar li.forktruck
    {
	   background-image: url(../images/forktruck-bg.gif);

    }
    .grid_12_bar li.shipping
    {
	   background-image: url(../images/shipping-bg.gif);

    }
    .grid_12_bar li.waste
    {
	   background-image: url(../images/waste-bg.gif);

    }
    .grid_12_bar li.news
    {

	    font-size:1.2em;
	    padding: 3px 10px 2px 10px; 
    }
    
    .grid_12_bar a
    {     
	    color:#fff;
	    font-weight:bold;
	    text-decoration:none;
    } 
    .grid_12_bar a:hover
    {        
	    color: #fff;
	    text-decoration:underline;
    } 
    
     .grid_12_bar a.end
    {     
	    color:#fff;
	    text-decoration:none;
    } 
    .grid_12_bar a.end:hover
    {        
	    color: #fff;
	    text-decoration:underline;
    } 
    

.grid_9_footer
{
    margin-left: auto;
	margin-right: auto;
	width: 960px;
	color: #999;
	font-size: 0.9em;
}

p.footer-links
{
	width: 380px;
	text-align:left;
	float:left;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-right: solid 1px #ccc;
}
p.footer-address
{
	text-align:left;
	float:left;
	margin: 5px 0px 0px  10px;
	padding: 0px 0px 0px 0px;
}
p.footer-finisco
{
	float:right;
	margin: 5px 0px 0px  10px;
	padding: 0px 0px 0px 0px;
}
 
.grid_9_footer a
{
	color: #666;
    text-decoration:none;
}
.grid_9_footer a:hover
{
	color: #666;
    text-decoration:underline;   
}
/**************************************************/
/**************  CONTENT STYLES START   ***********/
/**************************************************/

.container
{
    overflow:hidden;
    width: 100%;
  }

.grid_12_section1
{
	
	width: 960px;
	height:191px;
	
}
.banner
{

	float: left;
	width: 702px;
	background-color:#1F1E6E;
	margin: 0px;
	height:191px;
	
}
.newsheadlines
{
    float: left;
	width:248px;
	height: 186px;
	background-image: url(../images/news_bg.jpg);
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
	overflow:hidden;
}


    .newsheadlines ul
    {
        float: left;
	    list-style:none;
	    
	    padding: 0px 0px 0px 0px;
	    margin: 0px 0px 0px 0px;    
    }
    .newsheadlines li
    {
	   display: block;
	   padding: 0px 0px 0px 0px;
	   margin:10px 0px 5px 0px;
    }
    .newsheadlines li.news1
    {
	   display: block;
	   padding: 0px 0px 10px 0px;
	   margin:5px 0px 5px 0px;
	   border-bottom: solid 1px #999;
    }
    .newsheadlines a
    {     
	    color: #222167;
	    font-size: 1.2em;
	    font-weight: bold;
	    text-decoration: none;
    } 
    .newsheadlines a:hover
    {        
	    color: #222167;
	    text-decoration:underline;
    } 

.introtext
{

	float: left;
	width: 515px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 0px;
	
}

.divisions
{

	float: left;
	width: 270px;
	margin: 0px;
	
}
    .divisions ul
    {

	    float: right;
	    list-style:none;
	    padding: 0px 0px 0px 0px;
	    margin: 0px 0px 0px 0px;
    	
    }
    .divisions li.eng
    {
	   background-image: url(../images/div-bg-eng.jpg);
	   width: 205px;
	   height: 53px;
	   display: block;
	   padding: 5px 0px 0px 60px;
	   margin:10px 0px 0px 0px;
	   border: solid 1px #ccc;  
	   color: #666;
	   font-size: 0.9em;
	   line-height: 1.3em;
    }

    .divisions li.for
    {
	   background-image: url(../images/div-bg-for.jpg);
	   width: 205px;
	   height: 53px;
	   display: block;
	   padding: 5px 0px 0px 60px;
	   margin: 5px 0px 0px 0px;
	   border: solid 1px #ccc; 
	   color: #666;
	   font-size: 0.9em;
	   line-height: 1.3em;
    }
    
    .divisions li.shp
    {
	   background-image: url(../images/div-bg-shp.jpg);
	   width: 205px;
	   height: 53px;
	   display: block;
	   padding: 5px 0px 0px 60px;
	   margin: 5px 0px 0px 0px;
	   border: solid 1px #ccc; 
	   color: #666;
	   font-size: 0.9em;
	   line-height: 1.3em; 
    }
    
    .divisions li.was
    {
	   background-image: url(../images/div-bg-was.jpg);
	   width: 205px;
	   height: 53px;
	   display: block;
	   padding: 5px 0px 0px 60px;
	   margin: 5px 0px 10px 0px;
	   border: solid 1px #ccc; 
	   color: #666;
	   font-size: 0.9em; 
	   line-height: 1.3em;
    }
    .eng-title
    {
	   color: #fbb901;
	   font-size: 1.2em;
	   font-weight: bold;
    }
    .for-title
    {
	   color: #ce042d;
	   font-size: 1.2em;
	   font-weight: bold;
    }
    .shp-title
    {
	   color: #222167;
	   font-size: 1.2em;
	   font-weight: bold;
    }
    .was-title
    {
	   color: #539421;
	   font-size: 1.2em;
	   font-weight: bold;
    }
    
    #RHS
    {
        width:260px;
        float:left;
        
        
    }
    
    .homefix
    {
        margin-right:0px;
        
        padding:0px 0px 50px 0px;
        width:520px;
        min-height:300px;
        font-size:1.1em;
        
    }
    
.vacancies
{
	float: left;
	width: 248px;
	font-size: 1.2em;
	color: #999;    
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
}

    .vacancies ul
    {
        float: left;
	    list-style:none;
	    width:100%;
	    padding: 0px 0px 0px 0px;
	    margin: 0px 0px 0px 0px;    
    }
    .vacancies li
    {
	   display: block;
	   padding: 0px 0px 0px 0px;
	   margin:5px 0px 5px 0px;
    }
    .vacancies a
    {     
	    color: #222167;
	    font-weight: bold;
	    text-decoration: none;
    } 
    .vacancies a:hover
    {        
	    color: #222167;
	    text-decoration:underline;
    } 
    
    
    .newsListItem
    {
        margin-bottom:20px;
    }
    
    .newListTitle
    {
        font-size:1.1em;
        text-decoration:none;
    }
    
    .miniListItem
    {
        font-size:1em;
    }
    
    
    #LHSMenu
    {
        float:left;
        width:170px;
    }
    
    #LHSMenu UL
    {
        margin:10px 0px 0px 0px;
        padding:0px 0px 30px 0px;
        
    }
    
    #LHSMenu UL LI
    {
        list-style-type:none;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
    }
    
    #LHSMenu UL LI A
    {
        padding:5px 5px 5px 10px;
        margin:0px 0px 0px 0px;
        display:block;
        border-bottom:dotted 1px silver;
        text-decoration:none;
        color:#33338B;
        font-size:1.1em;
        
    }
    
    #LHSMenu UL LI A:hover
    {
        background-color:silver;
        
    }
    
    #LHSMenu UL LI UL
    {
        margin:0px 0px 3px 10px;
        padding:0px;
        
    }
    
    #LHSMenu UL LI UL A
    {
        background-color:#eeeeee;
        
    }
    
    #credits
    {
        float:left;
        width:100%;
        margin:30px 0px 0px 0px;
        text-align:center;
        
    }
    #credits IMG
    {
        padding-bottom:10px;
        }
        #credits UL
        {
            list-style-type:none;
            padding-bottom:30px;
        }
        
        .fieldLine
        {
            margin-bottom:3px;
        }
        
        .fieldLine LABEL
        {
            margin-left:60px;
            padding-top:4px;
            width:100px;
            display:block;
            float:left;
        }
        
        .buttonLine
        {
            text-align:right;
            margin-top:10px;
        }
/**************************************************/
/***************  CONTENT STYLES END   ************/
/**************************************************/

/**********************************************************************************

      ------------------  ADMIN PANEL STYLES START  ----------------
	  
***********************************************************************************/
div.adminPanel
{
    background-color:#FFFF99;
    border:solid 1px #FFCC33;
    padding:5px;
    width:500px;
    margin-bottom:10px;
    float:left;
}
div.adminPanel A.adminPanelLink
{
    float:left;
    display:block;
    width:auto;
    padding:3px 10px 3px 10px !important;
    margin:5px 0px 0px 3px;
    background-color:#CC9966;
    border: solid 1px #996633;
    color:White !important;
    text-decoration:none;
    font-weight:bold;
}
div.adminPanel A.adminPanelLink:hover
{
    text-decoration:underline;
}
div.adminPanel .adminMessage
{
    color:#996633;
    float:left;
}
/**********************************************************************************

      ------------------  ADMIN PANEL STYLES END  ----------------
	  
***********************************************************************************/


