/*
              Title:          navigation.css 
      
              Author:         Global Web Limited
              Version:        17 
              Filename:       styles_navigation.css 
              Date:           16:35 2 August 2010
              File Type:      Style Sheet
      
              Copyright:      Copyright (c) 1994-2010 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/
      
      */
      

body {
	behavior: url("csshover.htc");
}
ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 9px;
	border: 0;
	top: 0px;
	left: 0px;
	width: 795px;
	height: 27px;
	background: #fff url(images/navigation-over.gif) no-repeat;
}

#navigation a, #navigation a:link, #navigation a:visited {
	text-decoration: none;
}

#navigation p, p a {
	color: #002265;
	font: 12px 'Baskerville', Times New Roman, Serif;
}

/*<group=level 1>*/

ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}

ul#navigation li a {
	border: 0;
	display: block;
	height: 27px;
	background: url(images/navigation.gif) no-repeat;
}

ul#navigation li a:hover {
	border: 0;
	display: block;
	background-image: url(images/navigation-over.gif);
}	
	
/*</group>*/

/*<group=level 1 ids>*/

li#home a {
	width: 89px;
 }

li#ranges a {
	width: 101px;
}

li#ranges a:link,
li#ranges a:visited,
li#ranges a:hover {
	background-position: -89px 0px;
}

li#about a {
	width: 102px;
}

li#about a:link,
li#about a:visited,
li#about a:hover {	
	background-position: -190px 0px;
}


li#after a {
	width: 101px;
}

li#after a:link, 
li#after a:visited, 
li#after a:hover {	
	background-position: -293px 0px;
}

li#local a {
	width: 143px;
}

li#local a:link, 
li#local a:visited, 
li#local a:hover {	
	background-position: -393px 0px;
}

li#contact a {
	width: 120px;
}

li#contact a:link,
li#contact a:visited, 
li#contact a:hover {
	background-position: -536px 0px;
}
	
/*</group>*/

/*<group=level 2>*/


#navigation li ul {	
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0px;
	width: 795px;
	margin: 0;
	
}

#navigation li:hover ul {
	visibility: visible;
	z-index: 100;
}

#navigation li#ranges ul {
	background: none;
	height: 27px;
	margin-left: 0px;
	padding-left:8px;
	
}


* html #navigation li#ranges ul {
	margin-left: 1px;
}


/*</group>*/
/*<group=level 2 ids>*/

ul#navigation li#ranges ul li#wool a:link, 
ul#navigation li#ranges ul li#wool a:visited {
	width: 122px;
	height: 27px;
	background: url(images/subnavigation-range.gif) no-repeat 0px 0px;
}

ul#navigation li#ranges ul li#wool a:hover {
	width: 122px;
	height: 27px;
	background: url(images/subnavigation-range.gif) no-repeat 0px -27px;
}

ul#navigation li#ranges ul li#easy a:link,
ul#navigation li#ranges ul li#easy a:visited {
	width: 109px;
	height: 27px;
	background: url(images/subnavigation-range.gif) no-repeat -122px 0px;
}

ul#navigation li#ranges ul li#easy a:hover {
	width: 109px;
	height: 27px;
	background: url(images/subnavigation-range.gif) no-repeat -122px -27px;
}

ul#navigation li#ranges ul li#different a:link, 
ul#navigation li#ranges ul li#different a:visited {
	width: 174px;
	height: 27px;
	background: url(images/subnavigation-range.gif) no-repeat -231px 0px;
}

ul#navigation li#ranges ul li#different a:hover {
	width: 174px;
	height: 27px;
	background: url(images/subnavigation-range.gif) no-repeat -231px -27px;
}

ul#navigation li#ranges ul li#colour a:link, 
ul#navigation li#ranges ul li#colour a:visited {
	width: 172px;
	height: 27px;
	background: url(images/subnavigation-range.gif) no-repeat -405px 0px;
}

ul#navigation li#ranges ul li#colour a:hover {
	width: 172px;
	height: 27px;
	background: url(images/subnavigation-range.gif) no-repeat -405px -27px;
}

ul#navigation li#ranges ul li#other a:link,
ul#navigation li#ranges ul li#other a:visited {
	width: 218px;
	height: 27px;
	background: url(images/subnavigation-range.gif) no-repeat -577px 0px;
}

ul#navigation li#ranges ul li#other a:hover {
	width: 218px;
	height: 27px;
	background: url(images/subnavigation-range.gif) no-repeat -577px -27px;
}

/*</group>*/