/*NAVBAR STYLE SHEET FOR RECOLOURED WWW.MODULEWORKS.PCDS.CO.UK */
/* LAST EDITED BY: PETER COX */

/* mw_navbar3.css v1.3 (29.07.09) */
/* W3C validated dd.mm.07 */


/*body {
behavior: url(csshover2.htc);
}*/

#mwnavwrap { /* The basic bar of the menu */
	position:relative;
	float:left;
	width:100%;
	height:1.0em;
	min-height:27px;
	/*background-color:#CCCCFF;*/
	background-image:url(/images-site/gif256/rcnavbarbg2.gif);
	background-repeat:repeat-x;
	/*border:3px solid yellow;*/
	z-index:100; /* Master layering for the whole menu */
	}

/*   menu globals \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
	
#menu { /* Red border; expanding container holding all the menus */
	position:absolute;
	/*top:-26px;*/ /* Controls the vertical position of the menu relative to the bar */
	/*left:-60px;*/
	width:100%;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size:0.7em;*/
	font-size:1.12em;
	line-height:1.5em;
	/*z-index:100;*/
	/*border:1px solid red;*/
	}
	
	#menu a, #menu a:visited { /* Controls the common look of links */
	display:block;
	width:100%;
	color:#CC0000;
	color:#fff;
	text-decoration:none;
	/*border:1px solid #000000;*/
	/*z-index:100;*/
	}
	#menu a:active, #menu a:hover, #menu a:focus { /* Controls the common look of primary links along the main nav bar */
	display:block;
	width:100%;
	color:#BFE2FF;
	color:#a6cded; /* recoloured lightest blue highlight */
	text-decoration:none;
	/*border:1px solid #000000;*/
	/*z-index:100;*/
	}

/*   menu ul globals \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

#menu ul { /* Cyan border; stuff in here does the whole list container */
	/* Global controls for the top level menu items */
	position:relative;
	float:left;
	padding-top:0;
	padding-bottom:5px; /* Controls the gap below the primary menu items */
	padding-left:0; /* Removes any list indent; keeps everything to the extreme left */
	margin-top:4px; /* Controls the vertical centering of menu items on the bar */
	margin-left:20px;
	margin-left:0;
	font-weight:bold;
	/*font-weight:normal;*/
	list-style-type:none;
	/*border:1px solid cyan;*/
	}
	
/*   menu ul classes \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
	
	#menu ul .home {
		float:left;
		width:6.0em;
		padding-left:20px;
		background-color:transparent;
		}
	#menu ul .components {
		float:left;
		width:14.0em;
		margin-right:20px;
		padding-right:5px; /* Controls the spacing around the primary menu item */
		padding-left:5px; /* Controls the spacing around the primary menu item */
		background-color:transparent;
		}
	#menu ul .industries {
		float:left;
		margin-right:-5.0em; /* Adjusts following items back against the wider Components after floating */
		width:14.0em; 
		padding-right:5px;
		padding-left:5px;
		background-color:transparent;
		}
	#menu ul .partners {
		float:left;
		width:8.0em;
		background-color:transparent;
		}
	
	#menu ul .company {
		float:left;
		width:14.0em; 
		padding-right:5px;
		padding-left:5px;
		background-color:transparent;
		}
		
/*   menu ul li globals \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */




/*   menu ul li classes \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */



/*   menu ul ul globals \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


#menu ul ul { /* Global controls for the first level drop-down list containers */
	position:relative;
	display:none; /* keeps the second level menus hidden in normal state */
	}
	
	/* The magic ingredient to display the drop-downs: global settings */	
div#menu ul li:hover ul,
div#menu ul li:hover ul .products {
	display: block;
	position:relative;
	width:100%; /* sets the width of the drop-down to the width of the menu ul class */
	left:-5px; /* Sets where the drop-down drops down laterally wrt the primary menu item*/
	font-weight:normal; /* Sets the font-weight of text in the drop-down menu */ 
	}
	
/*   menu ul ul classes \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

	/*#menu ul ul .components2 { */  /* (optional control over the Components drop-down) */
	/*color:#CC00CC;*/
	/*width:100%;*/
	/*border-top:1px solid #CC00CC;*/
	/*}*/
	
	/* etc... */

/*   menu ul ul li globals \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

#menu ul ul li {
	background-color:#00427A;
	background-color:#3f547e; /* recoloured */
	background-color:#374e70; /* recoloured dark blue No.1 */
	background-color:#314666; /* recoloured dark blue No.2 */
	padding:3px 5px 3px 5px;
	width:100%;
	border-top:1px solid #7FC4FF;
	border-top:1px solid #a6cded; /* item separation rules */
	}


#menu ul ul li a:hover,
#menu ul ul li a:focus { /* sets the global hover and focus states for the drop-down items */
	position:relative;
	left:-5px;
	width:100%;
	padding-right:5px; /* needs to match the base setting above */
	padding-left:5px; /* needs to match the base setting above */
	margin-left:0;
	margin-right:0;
	font-weight:normal;
	list-style-type:none; 
	color:#00427A;
	background-color:#BFE2FF; /* Controls the hover color of the second level */
	background-color:#dee3eb; /* Controls the hover color of the second level */
	}

/*   menu ul ul li classes \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


/*#menu ul ul li.components a:hover,
#menu ul ul li.components a:focus { /* specific class behaviours */
	/*position:relative;
	left:-10px;
	width:14.0em;
	padding-right:0;
	padding-left:10px;
	margin-left:0;
	margin-right:0;
	font-weight:normal;
	list-style-type:none;
	background-color:#9999CC;*/ /* Controls the hover color of the second level */
	/*}	*/


/* // End of navbar styling */









/* SEARCH BAR STYLING ///////////////////////////////////////////////////////////////////////// */

#searchsitecontainer {
	position:relative;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:100;
	}
	
#searchsitecontainer label {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size:0.7em;*/
	font-size:1.12em;
	font-weight:bold;
	line-height:1.5em;
	color:#FFFFFF;
	z-index:100;
	}
#searchsitecontainer .searchfield {
	position:relative;
	top:2px;
	width:158px;
	height:13px;
	margin-right:2px;
	padding-left:4px;
	vertical-align:text-bottom;
	/*font-size:0.75em;*/
	font-size:1.2em;
	line-height:0.8em;
	letter-spacing:0.02em;
	color:#00427A;
	background-color:#BFE2FF;
	background-color:#dee3eb; /* recoloured */
	border:2px solid #2b3c5a;
	/*border-right:1px solid #008AFF;
	border-right:1px solid #008AFF;*/ /* recoloured */
	/*order-bottom:1px solid #BFE2FF;*/
	border-bottom:1px solid #dee3eb;
	}
#searchsitecontainer input.searchbutton {
	position:relative;
	top:2px;
	width:28px;
	height:20px;
	height:19px;
	margin-top:2px;
	margin-right:5px;
	margin-left:2px;
	/*padding-right:5px;
	padding-left:5px;
	padding-bottom:3px;*/
	color:#FFFFFF;
	background-color:#00427A;
	background-color:transparent; /* recoloured */
	background-image:url(/images-site/gif256/searchbutton.gif);
	/*border:1pt solid #008AFF;*/
	border:1pt solid #2b3c5a; /* recoloured */
	border-top:0;
	/*border:1px solid red;*/
	outline:0;
	cursor:pointer;
	}