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

/* 09_otp_navbar.css v1.4 (19.03.10) */
/* W3C validated 16.02.10 */


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

#navwrap { /* The basic bar of the menu */
	position:relative;
	float:left;
	/*width:100%;*/
	min-width:580px;
	min-width:680px;
	max-width:960px;
	margin-top:10px;
	margin-left:60px;
	margin-left:40px;
	height:1.0em;
	min-height:27px;
	/*background-color:#CCCCFF;*/
	background-image:url(/images-site/gif256/navbarbg.gif);
	background-repeat:repeat-x;
	z-index:100; /* Master layering for the whole menu */
	/*border:1px dashed yellow;*/
	}

/*   menu globals \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
	
#menu { /* Red border; expanding container holding all the menus */
	position:relative;
	/*top:-26px;*/ /* Controls the vertical position of the menu relative to the bar */
	/*left:-60px;*/
	width:360px;
	float:left;
	clear:none;
	/*margin-top:34px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	letter-spacing:0.7em;
	line-height:3.0em;
	/*z-index:100;*/
	margin-bottom:20px; /*IE6 conditional */
	background-color:transparent;
	/*border:1px dotted red;*/
	}
	
	#menu a, #menu a:visited { /* Controls the common look of links */
	display:block;
	width:100%;
	color:#CC0000;
	color:#fff;
	color:#006eff;
	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 */
	display:block;
	width:100%;
	color:#BFE2FF;
	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;
	overflow:visible;
	/*border:1px solid cyan;*/
	}
	
/*   menu ul classes \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
	
/*	#menu ul .home {
		float:left;
		width:6.0em;
		width:5.0em;
		padding-left:20px;
		background-color:transparent;*/
		/*border:1px dotted aqua;*/
		/*}*/
		
	#menu ul .web {
		float:left;
		width:3.5em;
		width:7.5em;
		margin-right:0;
		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;
		/*border:1px dashed red;*/
		}
	#menu ul .print {
		float:left;
		/*margin-right:-5.0em;*/ /* Adjusts following items back against the wider Components after floating */
		width:4.0em;
		width:7.0em; 
		padding-right:5px;
		padding-left:5px;
		background-color:transparent;
		/*border:1px solid lime;*/
		}
	#menu ul .creative3d {
		float:left;
		width:7.5em;
		background-color:transparent;
		/*border:1px dotted cyan;*/
		}
	
	#menu ul .company {
		float:left;
		width:14.0em; 
		padding-right:5px;
		padding-left:5px;
		background-color:transparent;
		}
		
/*   menu ul li globals \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
#menu ul li {
	position:relative;
	float:left;
	display:block;
	height:30px;
	margin-right:20px;
	font-weight:bold;
	letter-spacing:0.05em;
	border-bottom:1px dotted #FF9900;
	overflow:visible;
	/*background-color:#CC0000; go back to this later - vibrant! */
	background-color:transparent;
	z-index:100;
	}


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


#menu ul li.sound a, #menu ul li.fbins a:visited, #menu ul li.fbins a:active {
	position:relative;
	display:block;
	color:#006eff;
	}
#menu ul li.home a:hover, #menu ul li.home a:focus, 
#menu ul li.sound a:hover, #menu ul li.sound a:focus,
#menu ul li.lighting a:hover, #menu ul li.lighting a:focus  { /* IE6 transfixes */
	display:block;
	background-image:url(/images09/png24/soundmenuicon.png);
	background-repeat:no-repeat;
	background-position:20px -53px;
	overflow:visible;
	color:#BFE2FF; /* nicer than pure white */
	color:#f5a300;
	}

#menu ul li.stages a:hover, #menu ul li.stages a:focus  { /* IE6 transfixes */
	display:block;
	background-image:url(/images09/png24/soundmenuicon.png);
	background-repeat:no-repeat;
	background-position:35px -53px;
	overflow:visible;
	color:#BFE2FF; /* nicer than pure white */
	color:#f5a300;
	}
	
#menu ul li.packages a:hover, #menu ul li.packages a:focus  { /* IE6 transfixes */
	display:block;
	background-image:url(/images09/png24/soundmenuicon.png);
	background-repeat:no-repeat;
	background-position:90px -53px;
	overflow:visible;
	color:#BFE2FF; /* nicer than pure white */
	color:#f5a300;
	}

#menu ul li.testimonials a:hover, #menu ul li.testimonials a:focus  { /* IE6 transfixes */
	display:block;
	background-image:url(/images09/png24/soundmenuicon.png);
	background-repeat:no-repeat;
	background-position:55px -53px;
	overflow:visible;
	color:#BFE2FF; /* nicer than pure white */
	color:#f5a300;
	}
	
#menu ul li.contact a:hover, #menu ul li.contact a:focus  { /* IE6 transfixes */
	display:block;
	background-image:url(/images09/png24/soundmenuicon.png);
	background-repeat:no-repeat;
	background-position:15px -53px;
	overflow:visible;
	color:#BFE2FF; /* nicer than pure white */
	color:#f5a300;
	}


#menu ul li.fbins a, #menu ul li.fbins a:visited, #menu ul li.fbins a:active {
	color:#00FF00;
	}
#menu ul li.fbins a:hover, #menu ul li.fbins a:focus {
	color:#BFE2FF; /* nicer than pure white */
	}


/*   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:#000;
	padding:3px 5px 3px 5px;
	width:100%;
	width:16.0em; /* The width of the dropdown area */
	font-size:0.4em; /* Size of text in the first dropdown menus */
	line-height:1.2em;
	border-top:1px solid #7FC4FF;
	border-top:1px solid #006eff;
	}


#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;
	color:#fff;
	background-color:#BFE2FF; /* Controls the hover color of the second level */
	background-color:#000;
	}

/*   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-weight:bold;
	line-height:1.5em;
	color:#FFFFFF;
	z-index:100;
	}
#searchsitecontainer .searchfield {
	position:relative;
	top:3px;
	width:160px;
	height:14px;
	margin-right:2px;
	padding-left:4px;
	vertical-align:text-bottom;
	font-size:0.75em;
	line-height:0.8em;
	letter-spacing:0.02em;
	color:#00427A;
	background-color:#BFE2FF;
	border-right:1px solid #008AFF;
	border-bottom:1px solid #BFE2FF;
	border-bottom:1px solid #008AFF;
	}
#searchsitecontainer input.searchbutton {
	position:relative;
	top:1px;
	width:28px;
	height:20px;
	margin-top:2px;
	margin-right:5px;
	margin-left:2px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:3px;
	color:#FFFFFF;
	background-color:#00427A;
	border:1pt solid #008AFF;
	/*border:1px solid red;*/
	}