/* ### SITE MENU SETTINGS ### */
        
  /* Includes white line on right */
  #home, #home_on { width:66px; background-position:0 -34px; }
  #home:hover,#home_on { background-position:0 0; }
  #home_on { background-position:0 0; }
  
  #why, #why_on { width:80px; background-position:-66px -34px; }
  #why:hover { background-position:-66px 0; }
  #why_on { background-position:-66px 0; }
  
  #courier, #courier_on { width:67px; background-position:-146px -34px; }
  #courier:hover { background-position:-146px 0; cursor: default; }
  #courier_on { background-position:-146px 0; }
  
  #transport, #transport_on { width:84px; background-position:-213px -34px; }
  #transport:hover { background-position:-213px 0; cursor: default; }
  #transport_on { background-position:-213px 0; }
  
  #conf, #conf_on { width:178px; background-position:-297px -34px; }
  #conf:hover { background-position:-297px 0; }
  #conf_on { background-position:-297px 0; }
  
  #logistics, #logistics_on { width:81px; background-position:-475px -34px; }
  #logistics:hover { background-position:-475px 0; cursor: default; }
  #logistics_on { background-position:-475px 0; }
  
  #fleet, #fleet_on { width:108px; background-position:-556px -34px; }
  #fleet:hover { background-position:-556px 0; }
  #fleet_on { background-position:-556px 0; }
  
  #tech, #tech_on { width:94px; background-position:-664px -34px; }
  #tech:hover { background-position:-664px 0; }
  #tech_on { background-position:-664px 0; }
  
  #environ, #environ_on { width:98px; background-position:-758px -34px; }
  #environ:hover { background-position:-758px 0; }
  #environ_on { background-position:-758px 0; }
  
  #contact, #contact_on { width:84px; background-position:-856px -34px; }
  #contact:hover { background-position:-856px 0; }
  #contact_on { background-position:-856px 0; }
  
/* ### CSS PLAY settings ### */

  /* ================================================================ 
  This copyright notice must be kept untouched in the stylesheet at 
  all times.
  
  The original version of this stylesheet and the associated (x)html
  is available at http://www.cssplay.co.uk/menu/pro_drop11.html
  Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
  This stylesheet and the associated (x)html may be modified in any 
  way to fit your requirements.
  =================================================================== */
    
  /* ## This code has been purchased and tidied for use in this website.
  You are NOT allowed to copy it unless we say so. ## */  
  
  /** 
   * Note I have compressed this code to being only 1 drop down level menu 
   * Note it is Arial font which causes problems for displaying text
   **/
  
  .top { display:block; float:left;} 
  
  /* Used for IE6 */
  .menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} 
  
  /* Define a hover - needed - something is overwriting this!*/
  .menu2 a:hover {
    visibility:visible; 
    position:relative; 
    z-index:200; 
  }
  
  /* Set all li:hovers to relative positioning */
  .menu2 li:hover {position:relative; z-index:200;}
  
  /* Define the first level menu drop down and what happens when you hover */
  .menu2 ul,
  .menu2 :hover ul ul 
  { position:absolute; left:-9999px; top:-9999px; width:0; height:0; }
  
  /* Sub UL's */
  .menu2 :hover ul.sub,
  .menu2 :hover ul.sub2   
  { left:0px; top:34px; white-space:nowrap; height:auto; z-index:300; }
  
  /* Sub UL and A */
  .menu2 :hover ul.sub li,
  .menu2 :hover ul.sub li a,
  .menu2 :hover ul.sub2 li,
  .menu2 :hover ul.sub2 li a  
  { display:block; height:20px; width:160px; line-height:20px; }

  /* Different size sub uls */
  .menu2 :hover ul.sub2 li,
  .menu2 :hover ul.sub2 li a { width:100px;}  
  
  /* Sub UL li's */
  .menu2 :hover ul.sub li { 
    float:left; 
    background-color:#014e86;
    filter:alpha(opacity=80);
    -moz-opacity:0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;        
  }
  
  /* Sub UL li's a's */
  .menu2 :hover ul.sub li a 
  { position:relative; font-size:11px; text-indent:10px; color:white; visibility:visible; z-index:200; }
  
  /* Set hover colour */
  .menu2 :hover ul.sub li a:hover { text-decoration:none; background-color:#00274a; }
  
  /* force height */
  .subtop { padding-top:5px; }
  .subbot { padding-bottom:5px; }
