﻿
body
{
    background-color: #EEE;
    /*background-color:Red;*/
	color: #333;
	font-size: 0.7em;
	padding: 0 0 0 0;
	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: #cc0000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p
{
	overflow: hidden;
	padding: 0px 0;
	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: 410px;
	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;
    }*/
    .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: 8pt;
                   line-height: 11pt;
    }

    .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: 8pt;
                   line-height: 11pt;
    }
    
    .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: 8pt;
                   line-height: 11pt;
    }
    
    .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: 8pt;
                   line-height: 11pt;
    }

    .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:248px;
        float:left;
        
        
        
    }
    
    .homefix
    {
        margin-right:0px;
        padding:0px;
        width:692px;
        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;
	    display:block;
	    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;
    } 
    /*LATEST NEWS STYLING*/
    .newsListHeader
    {
    	margin: 5px 10px 0px 10px;
    	FONT: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
		COLOR: #0A3B6C;
		TEXT-DECORATION: none;
		FONT-WEIGHT: bold
    }
    
    .newsListItem
    {
        /*margin-bottom:20px;
        margin-left:10px;
        margin-right:10px;*/
        margin: 10px 10px 10px 10px;
    }
    
    .newListTitle
    {
		FONT-SIZE: 12px;
		COLOR: #003366;
		FONT-FAMILY: Verdana, Arial;
		padding-bottom:3px;
    }
    .newListTitleHome
    {
    	FONT: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
		COLOR: #003366;
		font-weight:bold;
		/*FONT-SIZE: 12px;
		COLOR: #003366;
		FONT-FAMILY: Verdana, Arial;*/
		padding-bottom:0px;
    }
    
    .newsItemblurb
    {
		font-size:0.8em;	
		font-family: Verdana, Arial;
    }
    .newsItemblurbHome
    {
    	padding-top:3px;
		font-size:0.7em;	
		font-family: Verdana, Arial;
    }
    
    .readMore
    {
    	/*font-size:9px;
    	font-family: Verdana, Arial;
    	color: Green;
    	text-decoration:none;*/
    	FONT: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		COLOR: #92B6DB;
		TEXT-DECORATION: none;
		font-weight: bold;
    }
    /*END*/
    .miniListItem
    {
    font-size:10px;
    }
    /*NEWS DETAIL STYLING*/
    .newsItemContainer
    {
    	margin: 10px 10px 10px 10px;
    }
    .newsItemTitle
    {
    	FONT: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
		COLOR: #0A3B6C;
		TEXT-DECORATION: none;
		FONT-WEIGHT: bold;
		padding-bottom:3px;
    }
    .newsItemBody
    {
		font-size:10px;	
		font-family: Verdana, Arial;
    }
    /*END*/
    
    /*MENU NAVIGATION*/
	#menuRow
	{
		background-color:#053E6B;
		float:left;
		width:100%;
		height:35px;
	}

	#menuRow UL#mainMenu
	{
		background-color:#053E6B;
		float:left;
		height:15px;
		margin:0px;
		padding-bottom:20px;
		list-style:none;
		margin-left: 100px;
	}

	#menuRow UL#mainMenu LI
	{
		float:left;
		padding-left:10px;
	}
	
	#menuRow UL#mainMenu LI UL
	{
		/*background-color:Red;*/
		background-color:#053E6B;
		margin:0px 0px 0px 0px;
		padding:10px 0px 0px 0px;
		width:150px;
	}
	#menuRow UL#mainMenu LI UL LI
	{
		float:left;
		padding:5px 0 0 0;
		margin-left: 0px;
		list-style: none;
	}

	#menuRow UL#mainMenu LI A
	{
		margin: 6px 0px 0px 0px;
		padding:4px 0px 0px 0px;
		font-size: 12px;
		display:block;
		color:#FFFFFF;
		font-weight:bold;  
	    text-decoration:none;
	}
	
	#menuRow UL#mainMenu LI A:hover
	{
		text-decoration:underline;
	}

    /*END*/
    
    /*#mainMenu, #mainMenu ul 
    {
    padding: 0px 0px 0px 0px;
    margin: 0px -5px 0px 0px;
    list-style: none;
    font-size:0.85em;
    position:relative;
    z-index:100000;

    }*/

	/*#mainMenu a 
	{
		display: block;

	}*/

	/*#menuRow UL#mainMenu LI
	{
    float: left;
    display:block;
    }*/
    
	/*#mainMenu ul a
	{
   
    }*/
   
	/*#mainMenu li a 
	{	
	   display:block;
	 }*/
 
	/*#mainMenu li:hover
	{	
	   background-color : #053E6B;
	   text-decoration: none;
	}*/
    
	#mainMenu li a.last{border:none;}
    
	#mainMenu li ul 
	{
		position: absolute;
		width: 250px;
		z-index:1;
		left: -999em;
	}
		
	#mainMenu li:hover ul 
	{
		left: auto;
		border:none;
		background-color:blue;
		/*height:60px;*/
		height:auto;
		width:auto;
		padding-bottom:5px;
	}

	#mainMenu li:hover ul li a
    {
    border:none;
    }
    	
	#mainMenu li:hover ul, #mainMenu li.sfhover ul 
	{
		left: auto;
	}

	#mainMenu li a:hover 
	{
		text-decoration: none;
	}	
	#mainMenu li.services a
	{
		display: block;   
		margin-left: 0px;
	}

	#mainMenu li.services ul{width:123px;}

	#menuRow UL#mainMenu LI.services UL LI A
	{
		margin: 0px 0px 5px 5px;
		background-image: none;  
	}
    /*END*/
    
    /*SEARCH RESULTS*/
    .searchListHeader
    {
    	margin: 5px 10px 0px 10px;
    	FONT: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
		COLOR: #0A3B6C;
		TEXT-DECORATION: none;
		FONT-WEIGHT: bold
    }
    .searchListItem
    {
    	margin: 10px 10px 10px 10px;
    	FONT: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		COLOR: #0A3B6C;
		TEXT-DECORATION: none;
    }
    .NoSearchResults
    {
    	margin: 10px 10px 10px 10px;
    	FONT: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
		COLOR: #0A3B6C;
		TEXT-DECORATION: none;
    }
    
    /*END*/
/**************************************************/
/***************  CONTENT STYLES END   ************/
/**************************************************/

/**********************************************************************************

      ------------------  ADMIN PANEL STYLES START  ----------------
	  
***********************************************************************************/
div.adminPanel
{
    background-color:#FFFF99;
    border:solid 1px #FFCC33;
    padding:5px;
    width:608px;
    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  ----------------
	  
***********************************************************************************/

