/* CSS Document */



#navigation_dropdown {
	border:0 none !important;
	margin:6px 0 8px;
	width:902px;
	position:relative;
	z-index:106;
}

#navigation_dropdown td {
border:0 none !important;
padding:0 !important;
}

#nav li {
	background-repeat:no-repeat  !important;
  background-position:left top !important;
  background-image:url(http://www.filelineuk.co.uk/images/cutoff_menu.gif) !important;
}



#products_menu{
	background-color:#9D69D9;
	margin-right:5px;
}

#products_menu:hover {
	background-color:#AE88E2;
}


#services_menu{
	background-color:#A7CBAA;
	margin-right:4px;
}

#services_menu:hover {
	background-color:#B3D3B5;
}

#casestudies_menu{
	background-color:#7E9CCF;
	margin-right:4px;
}

#casestudies_menu:hover {
	background-color:#94AFD8;
}

#contactus_menu{
	background-color:#DDAECF;
	margin-right:4px;
}

#contactus_menu:hover {
	background-color:#E2B8D6;
}

#rackline_menu{
	background-color:#9BD4D9;
}

#rackline_menu:hover {
	background-color:#A7DADF;
}






/***********************************************************************************************/

ul#nav {
  cursor: default;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

ul#nav ul {
  cursor: default;
  font-size: 0;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

ul#nav ul li {
  background-image: none;
  float: none;
  height:25px;
}

ul#nav ul li a {
	margin: 0 0 0 0;
  padding: 5px 3px 6px 3px;
  font-size:11px;
}

ul#nav li {
  float: left;
  padding: 0 0 0 0;
  position: relative;
  white-space: nowrap; 
  text-align:left;
  width:177px;
  text-decoration:none !important;
  /*background-repeat:no-repeat  !important;
  background-position:left top !important;
  background-image:url(http://www.filelineuk.co.uk/images/cutoff_menu.gif) !important;*/
  height:31px;
  color:#ffffff;
}



ul#nav li a {
	color:#FFFFFF;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:110%;
font-style:normal;
font-weight:bold;
height:1.4em;
margin:0;
padding:8px 0 6px 10px;
text-decoration:none;
}


ul#nav li ul {
  display: none;
  top: 0;
  width:175px;

}

#nav li:hover ul, #nav li.sfhover ul, #nav li.over ul {
	display: block;
  position: absolute;
  background-color:#ffffff;
  z-index:108;
}


/*#nav li ul li:hover, #nav li ul li.over, #nav li ul li.sfhover {
	display: block;
  position: absolute;
  background-color:#ffffff;
  z-index:107;
}*/


ul#nav li:hover > ul {
  display: block;
  position: absolute;
  background-color:#ffffff;
  z-index:107;
}



ul#nav > li {
  /*background-image: none;*/
  display:block;
}

ul#nav > li > span {
  /*background-image: none;*/
  display: block;
  color:#ffffff;
}

ul#nav > li > span > a {
   color:#FFFFFF;
   display:block;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:110%;
   font-style:normal;
   font-weight:bold;
   height:1.4em;
   margin:0;
   padding:8px 0 6px 10px;
   text-decoration:none;
}

ul#nav > li > span > a:hover {
	text-decoration:none;
}

ul#nav ul > li {
	display:block;
	background-image:none;
	color:#000000;
}



ul#nav ul > li > span {
  background-image: none;
  display: block;
}


/*ul#nav ul > li > span > a {
	background-color: #ffffff;
  	border-color:#ffffff;
	color:#000000;
 	display: block;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	height: 13px;
	margin: 0 0 0 0;
	text-decoration: none;
	width: 169px;
	text-align:left;
}*/

#nav ul li span a {
	background-color: #ffffff;
  	border-color:#ffffff;
	color:#000000;
 	display: block;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	height: 13px;
	margin: 0 0 0 0;
	text-decoration: none;
	width: 169px;
	text-align:left;
}


ul#nav > li:hover > span {
  display: block;
}


ul#nav ul > li:hover > span {
	display: block;
}

ul#nav > li:hover > span > a {
	text-decoration:none;
}

ul#nav ul > li:hover > span > a{
	color: #ffffff;
  	text-decoration: none;	
}

.nobordertop {
 border-top:none;
}

#nav li ul li a {
	text-decoration:none;
}


/***********************************************************************************************/
/*products_level-1*/

ul#nav ul.products_level-1 {
  left: 0px;
  top: 100%;
  /*border-left:solid 1px #9D69D9;
  border-right: solid 1px #9D69D9;
  border-bottom: solid 1px #9D69D9;*/
  border: solid 1px #9D69D9;
}


ul#nav ul.products_level-1 > li > span > a {
  border-top:dashed 1px #9D69D9;
}

#nav ul.products_level-1 li span a {
	border-top:dashed 1px #9D69D9;
}


ul#nav ul.products_level-1 > li:hover > span > a {
  background-color:#9C94C6;
}

#nav ul.products_level-1 li:hover span a, #nav ul.products_level-1 li.over span a, #nav ul.products_level-1 li.sfhover span a   {
	background-color:#9C94C6;
	color:#ffffff;
}



/***********************************************************************************************/
/*services_level-1*/



ul#nav ul.services_level-1 {
  left: 0px;
  top: 100%;
  border-left:solid 1px #A7CBAA;
  border-right: solid 1px #A7CBAA;
  border-bottom: solid 1px #A7CBAA;
}


ul#nav ul.services_level-1 > li > span > a {
  border-top: dashed 1px #A7CBAA;
}


#nav ul.services_level-1 li span a {
	border-top:dashed 1px #A7CBAA;
}

ul#nav ul.services_level-1 > li:hover > span > a {
  background-color:#B4D1B3;
}

#nav ul.services_level-1 li:hover span a, #nav ul.services_level-1 li.over span a, #nav ul.services_level-1 li.sfhover span a   {
	background-color:#B4D1B3;
	color:#ffffff;
}


/***********************************************************************************************/
/*casestudies_level-1*/



ul#nav ul.casestudies_level-1 {
  left: 0px;
  top: 100%;
  border-left:solid 1px #7E9CCF;
  border-right: solid 1px #7E9CCF;
  border-bottom: solid 1px #7E9CCF;
}


ul#nav ul.casestudies_level-1 > li > span > a {
  border-top: dashed 1px #7E9CCF;
}

#nav ul.casestudies_level-1 li span a {
	border-top:dashed 1px #7E9CCF;
}


ul#nav ul.casestudies_level-1 > li:hover > span > a {
  background-color:#94AFD8;
}

#nav ul.casestudies_level-1 li:hover span a, #nav ul.casestudies_level-1 li.over span a, #nav ul.casestudies_level-1 li.sfhover span a   {
	background-color:#94AFD8;
	color:#ffffff;
}

