/*
              Title:          navigation.css 
      
              Author:         Global Web Limited
              Version:        25 
              Filename:       css/navigation.css 
              Date:           11:37 15 July 2010
              File Type:      Style Sheet
      
              Copyright:      Copyright (c) 1994-2009 Global Web Limited.
                              All rights reserved.
      
              Address:        Global Web Limited
                              Twin Spires Business Park
                              Mugiemoss Road
                              Bucksburn
                              Aberdeen
                              AB21 9BG
                              United Kingdom
      
              Telephone:      +44 1224 454000
              Fax:            +44 1224 454001
              E-mail:         support@globalweb.co.uk
      	      Web:            http://www.globalweb.co.uk/
      
      */
      

.navigation {
float: left;
margin: 0 0 15px 24px;
width: 800px;
}
.navigation ul {
float: left;
width: 600px;
}
ul.dropdown {
 background: #E2E4B7 url(../images/nav-background.jpg) repeat-x top left;
 height: 31px;
 width: 800px;
}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}
ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}
ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}
ul.dropdown ul li {
 float: none;
}
ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}
ul.dropdown li:hover > ul {
 visibility: visible;
}
ul.dropdown li a {
 display: block;
 padding: 5px 12px;
}


ul.dropdown li, ul.dropdown ul li {
 padding: 0;
}
ul.dropdown li.dir {
 padding: 5px 10px;
}
ul.dropdown ul li.dir {
 padding: 5px 10px;
}
ul.dropdown ul a {
 padding-left: 15px;
}
ul.dropdown li:hover > *.dir {
 color: #333;
}


ul.dropdown li {
line-height: 20px;
white-space: nowrap;
}
ul.dropdown li.first {
background: transparent url(../images/box1-bottom2.png) 0 100% no-repeat;
}
ul.dropdown li.last {
padding-right: 15px;
background: transparent url(../images/box1-bottom2.png) 100% 100% no-repeat;
}


ul.dropdown a { color: #333; text-decoration: none; }
ul.dropdown ul li a { color: #FFF; }
ul.dropdown ul li a:hover { color: #333; }
ul.dropdown li.downArrow {background:transparent url(../images/arrow-down.jpg) no-repeat bottom;}

ul.dropdown ul {
left: -50px;
width: 150px;
padding: 0 16px;
background: url(../images/box1-top.png) 50% 0 no-repeat;
}
ul.dropdown ul.energy {
left: -5px;
}
ul.dropdown li.last ul {
left: auto;
right: 16px;
}
ul.dropdown ul li {
height: auto;
padding: 3px 0;
line-height: 1.3em;
white-space: normal;
background-color: #8E9B45;
border-bottom: #D6D99A 1px dotted;
}

ul.dropdown ul li.first {
background: #8E9B45;
}
ul.dropdown ul li.last {
padding-bottom: 10px;
background: transparent url(../images/box1-bottom.png) 50% 100% no-repeat;
}
ul.dropdown ul li.first ul {
top: 0;
padding: 0 10px 0 0;
background-image: url(../images/box1-outwards-top-right.png);
}
ul.dropdown ul li.first li.first {
background-image: none;
}
ul.dropdown ul li.last {
padding-right: 0;
}
ul.dropdown ul li.last ul {
left: 100%;
right: auto;
top: -16px;
}

ul.dropdown ul ul {
top: -12px;
left: 100%;
padding: 16px 0 0;
background: transparent url(../images/box1-top-left.png) 0 0 no-repeat;
}
ul.dropdown ul ul li.first {
background: #8E9B45 url(../images/box1-top-right.png) 100% 0 no-repeat;
}

ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}
ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(../images/arrow-right.jpg);
 background-position: 95% 50%;
 background-repeat: no-repeat;
}	

	
/* Form */

ul.dropdown li.searchContainer { float:right; width: 200px;}
.searchField { height:18px; width:142px; border: #ccc 1px solid; color: #666; margin-top:5px;}
.navigation form { padding: 0; margin: 0; }