body				{
					text-align:			left;
					font-family:		Helvetica, Tahoma, Arial, sans-serif;
					color:				black;
					background:			white;
					
					margin-left:		0.5%;
					margin-right:		0.5%;
					margin-top:			0.5%;
					margin-bottom:		0.5%;
					} 
h1					{
					font-family:		"Bookman old style", Tahoma, Arial, sans-serif;
					text-align:			left;
					color:				navy;
					background:			transparent;
					margin-top:			0.25em;
					margin-bottom:		0.1em;
					}
h2					{
					text-align:			left;
					color:				navy;
					background:			transparent;
					margin-top:			0em;
					margin-bottom:		0.25em;
					}
h3					{
					text-align:			left;
					margin-top:			0em;
					margin-bottom:		0.25em;
					}
h4					{
					text-align:			left;
					margin-top:			0em;
					margin-bottom:		0.25em;
					}
h5					{
					text-align:			left;
					margin-top:			0em;
					margin-bottom:		0.25em;
					}
p					{
					margin-top:			0em;
					margin-bottom:		0em;
					}
form				{
					margin-top:			0em;
					margin-bottom:		0em;
					}
ul					{
					list-style:	 		disc outside;
					margin-top:			0;
					margin-bottom:		0;
					}
li					{margin-left:		-1em;}
ul.nobullet			{list-style:		none; margin:0em;	padding-left:	1em;}

a:link				{color:				navy;}
a:visited			{color:				gray;}
a:hover				{color:				blue;}
a:active			{color:				blue;}
a.nohist:visited	{color:				navy;}

.bodylink			{text-decoration:	none;}
.bodylink:hover		{text-decoration:	underline;}

.nodecolink			{
					color:				black;
					background:			transparent;
					text-decoration:	none;
					}
.nodecolink:link	{color:				black;	background:	transparent;}
.nodecolink:visited	{color:				black;	background:	transparent;}
.nodecolink:hover	{
					color:				black;	background:	transparent;
					text-decoration:	overline;
					}
.nodecolink:active	{color:				black;	background:	transparent;}
a.nodecolink2		{color:				black;	background:	transparent;	text-decoration:	none;}
.nodecolink2	a	{color:				black;	background:	transparent;	text-decoration:	none;}

.centre				{text-align:		center;}
.abbr				{border-bottom:		thin dotted;}
.scaps				{font-variant:		small-caps;}
.caps				{text-transform:	uppercase;}
.smaller			{font-size:			smaller;}
.small				{font-size:			small;	font-weight: normal}
.nobold				{font-weight:		normal}
.larger				{font-size:			larger;}
.wider				{letter-spacing:	0.05em; font-stretch: expanded}
.shorter			{line-height:		50%;}
.strong				{font-weight:		bolder;}
.hidden, .hiddend
					{
					display:			none;
					visibility:			hidden;
					width:				1px;
					height:				1px;
					font-size:			xx-small;
					}
.super				{vertical-align:	super;}
.outline			{border:			thin solid navy;}
.dots				{border-bottom:		thin dotted;}
.blue				{color:				blue;}
.navy				{color:				navy;}

.red				{color:				red;}
.green				{color:				green;}
.orange				{color:				orange;}
.yellow				{color:				yellow;}

.redi				{color:				white; background: red;}
.blacki				{color:				white; background: black;}
.bluei				{color:				white; background: blue;}
.greeni				{color:				white; background: green;}
.browni				{color:				white; background: brown;}

.onechar			{width:				auto; height: auto;}
.linespace1 li		{margin-bottom:		0.5em;}
.linespace2 li		{margin-bottom:		1em;}
.linespace3 		{line-height:		200% !important;}
.address			{font-size:			smaller;	display:		none;}
.address p			{display:			inline;}
.contact			{display:			none;}

a img				{border:			none;	text-decoration:	none;}
img					{max-width:			100%;}
img.nomaxwidth		{max-width:			none;}
.midrow				{vertical-align:	middle;}

.floatleft			{float:				left;}
.floatright			{float:				right;}
.clearleft			{clear:				left;}
.padleft			{margin-left:		1em;}
.padright			{margin-right:		1em;}
.nomargin			{margin:			0;}
.w250				{width:				250px;}
.ml250				{margin-left:		250px;}

.ctable table		{
					background:			white url(graphics/pcb3.jpg) no-repeat;
					border:				1px solid #3366cc;
					border-collapse:	collapse;
					}
.tfoot				{background:		white url(graphics/pcb4.jpg) no-repeat bottom right;}
tr.highlight		{
					color:				white;
					background:			#3366cc;
					}
.ctable	th			{
					color:				white;
					background:			#3366cc;
					text-align:			center;
					font-weight:		bolder;
					border:				1px solid #99ccff;
					padding:			5px;
					border-spacing:		0;
					margin:				0;
					}
.ctable th.left		{text-align:		left;}
.ctable	td			{
					text-align:			center;
					border:				1px solid #99ccff;
					padding:			5px;
					border-spacing:		0;
					margin:				0;
					}
.ctable td.left		{text-align:		left;}
.ctable th.transp	{background:		transparent;}

.header				{background:		transparent;}
.header p			{
					text-align:			center;
					font-style:			italic;
					}
.nav, .navZ				{
					float:				left;
					width:				15%;
					position:			static;
					}
.nav ul				{
					margin:				0em;
					padding-left:		1em;
					text-indent:		0em;
					font-size:			smaller;
					}
.nav li				{
					list-style-type:	none;
					margin-right:		0.2em;
					padding-top:		1px;
					line-height:		115%;
					}
.navm a				{
					text-decoration:	none;
					display:			block;
					width:				100%;
					margin-left:		-0.2em; 
					padding-left:		0.3em;
					padding-right:		0.2em;
					}
.navm a:link		{color:				black;	background:	#99ccff;}
.navm a:visited		{color:				black;	background:	#99ccff;}
.navm a:hover		{color:				black;	background:	yellow;}
.navm a:active		{color:				red;	background:	#99ccff;}

.navt				{
					color:				white; 
					background:			#3366cc;
					padding:			0.2em 0.5em;
					}
.navt a				{
					text-decoration:	none;
					font-weight:		bolder;
					}
.navt a:link		{color:				white;}
.navt a:visited		{color:				white;}
.navt a:hover		{color:				black;	background-color:	#99ccff;}
.navt a:active		{color:				white;}

.navt ul			{
					margin:				0em;
					padding-left:		1em;
					text-indent:		0em;
					}
.navt li 			{
					list-style-type:	none;
					display:			inline;
					margin-right:		2em;
					padding:			0em;
					}
.navb ul			{
					margin:				0em;
					padding-left:		1em;
					text-indent:		0em;
					}
.navb li 			{
					list-style-type:	none;
					display:			inline;
					margin-right:		2em;
					white-space:		nowrap;
					}

		#nav
		{
			width: 10em; 
			font-weight: bold;
			position: static;
			top: 25%;
			left: 50%;
			margin: auto;
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: black;
					display: block;
					padding-left: 1em;
					padding-right: 1em;
					background-color: #99ccff; 
					text-decoration:	none;
				}
				#nav li a:active
				{
					background-color: #c00 !important;
				}
				
				#nav li > a:after { content:  ' \25be'; }
				#nav li > a:only-child:after { content: ''; }

			/* first level */

			#nav > ul
			{
				height: 1.4em; 
				width:	8em;
				background-color: transparent;
				list-style:		none; 
				padding:	0;
				text-align:		center;
				z-index:	100;
			}
				#nav > ul > li
				{
					width: 100%;
					height: 100%;
					float: left;
					border: 1px solid #3366cc;
					margin-bottom:	9px;
					font-size: 1em; 
					line-height: 1.4em; 
					text-align: center;
					margin-left: 0.5em;
				}
					#nav > ul > li > a
					{
						height: 100%;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid white;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							color: white;	background-color:	#3366cc;
						}
						
				/* second level */

				#nav li ul
				{
					background-color: #99ccff;
					display: none;
					position: absolute;
					top: 100%;
					list-style:		none;
					width:	26em;
					text-align:		left;
					margin-left: 8em;
					margin-top: -1.4em;
					line-height: 0.9em;
					z-index:	100;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: 0px;
						}
						#nav li ul a
						{
							font-size: 0.9em; 
							border-top: 1px solid #3366cc;
							padding: 0.5em; 
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								color: white;	background-color:	#3366cc;
							}
						
				/* third level */
				#nav li li ul
				{
					margin-left:	27em;
					margin-top:		-1.8em;
					line-height:	0.9em;
				}
					
				#nav li li li
				{
					background-color: #99ccff;
					display: none;
					/*position: absolute;*/
					top: 100%;
					list-style:		none;
					width:	26em;
					text-align:		left;
				}
					#nav li li:hover li
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul li ul li
						{
							left: 0px;
						}
						#nav li ul li ul a
						{
							font-size: 0.9em; 
							border-top: 1px solid #3366cc;
							padding: 0.5em; 
						}
							#nav li ul li ul li a:hover,
							#nav li ul li ul:not( :hover ) li.active a
							{
								color: white;	background-color:	#3366cc;
							}
						
					#nav a:hover {color: white;	background-color:	#3366cc;}

.flags li			{
					width:				8em;
					float:				left;
					}

.main				{
					float:				left;
					padding-left:		1%;
					width:				83%;
					background:			transparent url(graphics/diag2.gif) no-repeat fixed 100% 0%;
					}
.mainlogo			{
					background:			white;
					margin-top:			1em;
					margin-left:		1em;
					margin-bottom:		1em;
					margin-right:		0;
					border:				medium solid navy;
					padding:			5px;
					}
.mainlogo a:link, .mainlogo a:visited, .mainlogo a:active	{
					color:				navy;
					background:			white;
					text-decoration:	none;
					}
.mainlogo a:hover	{
					color:				white;
					background:			#3366cc;
					}
.mainlogo2			{
					background:			white;
					border:				thin solid navy;
					padding:			0.2em;
					}

.rightbar			{
					float:				left;
					width:				15%;
					}

.cliff				{
					font-family:		"Bookman old style", Tahoma, Arial, sans-serif;
					color:				navy;
					text-transform:		uppercase;
					font-weight:		bolder;
					}
div#fader			{font-weight:		bolder;}
.footer				{
					text-align:			left;
					font-size:			smaller;
					background:			white;
					}
.acrobat			{font-size:			smaller;}

.spacer			{
					line-height:		1px;
					clear:				both;
					}
.spacerline			{
					line-height:		1px;
					clear:				both;
					border-bottom:		thin dotted #3366cc;
					margin-top:			1px;
					}

.right				{text-align:		right;}

.columnleft			{
					float:				left;
					width:				160px;
					text-align:			right;
					}
.columnright		{
					float:				left;
					width:				auto;
					text-align:			left;
					margin-left:		1em;
					}
.column50l			{
					float:				left;
					width:				50%;
					text-align:			left;
					}

.column25			{float:				left;	width:	23.9%;	margin-right:	1%;}
.column50			{float:				left;	width:	48.4%;	margin-right:	1.5%;}
.column75			{float:				left;	width:	73.5%;	margin-right:	1%;}
.column100			{float:				left;	width:	98.8%;	margin-right:	0%;}
.column150			{float:				left;	width:	11em;	margin-right:	1em;}

.products, .services	{
					float:				left;
					width:				11.5em;
					margin-right:		1em;
					text-align:			center;
					}
.enquiries			{
					float:				left;
					width:				24em;
					margin-right:		1em;
					text-align:			center;
					}
.productsi, .productsit	{height:		125px;}
.servicesit				{height:		125px;}
.enquiriesit			{height:		125px; text-align: left;}

.products h3		{margin:			0;	text-align:		center;	font-size:	medium; height:2.5em;}
.services h3		{margin:			0;	text-align:		center;	font-size:	medium; height:2.5em;}
.enquiries h3		{margin:			0;	text-align:		center;	font-size:	medium; height:2.5em;}
.products ul, .services ul	{list-style:		none; margin:	0em;	padding-left:	1em;}
.products a,  .services a, .boxfillredp a, .boxfillbluep a	{
					text-decoration:	none;
					display:			block;
					width:				100%;
					margin-left:		-0.2em; 
					padding-left:		0.3em;
					padding-right:		0;
					}

.products a:link	{color:				black;	background:	transparent;}
.products a:visited	{color:				black;	background:	transparent;}
.products a:hover	{color:				black;	background:	transparent;}
.products a:active	{color:				red;	background:	transparent;}
.productsit a:hover	{color:				black;	background:	yellow;}

.services a:link	{color:				navy;	background:	transparent;}
.services a:visited	{color:				navy;	background:	transparent;}
.services a:hover	{color:				blue;	background:	transparent;	text-decoration:	underline;}
.services a:active	{color:				red;	background:	transparent;}

.enquiries a:link	{color:				navy;	background:	transparent;}
.enquiries a:visited{color:				navy;	background:	transparent;}
.enquiries a:hover	{color:				blue;	background:	transparent;	text-decoration:	underline;}
.enquiries a:active	{color:				red;	background:	transparent;}


.audiolight			{background:		white url(products/jacksockets/jacksockets2fade.jpg) no-repeat;}
.instrument			{background:		white url(products/testleads/custom/testleadmix2.jpg) no-repeat;}
.industrial			{background:		white url(products/inlets/msinlet2.jpg) no-repeat;}
.music				{background:		white url(graphics/speak2.jpg) no-repeat;}
.motorfan			{background:		white url(products/motors/clifmot2.jpg) no-repeat;}

.boxclear			{background-image:	url('graphics/cornersclear.gif');}
.boxcleari			{background:		transparent;}
.boxfill			{background-image:	url('graphics/cornersfill.gif');}
.boxfilli			{background:		white;}
.boxfilldark		{background-image:	url('graphics/cornersfilldark.gif');}
.boxfilldarkp, .boxfilldarkp a:link, .boxfilldarkp a:visited, .boxfilldarkp a:active	
					{color:				white;	background:	navy;	text-decoration:	none;}
.boxfilldarkp a:hover
					{color:				yellow;	background:	navy;	text-decoration:	none;}
.boxfilldarkp h2	{margin-bottom:		0em;}

.boxfillblue 		{background-image:	url('graphics/cornersfillblue.gif');}
.boxfillbluep, .boxfillbluep a:link, .boxfillbluep a:visited, .boxfillbluep a:active	
					{color:				#3366cc;	background:	transparent;	text-decoration:	none;	border-bottom:	1px solid #3366cc;}
.boxfillbluep a:hover
					{color:				white;	background:	#3366cc;	text-decoration:	none;}
.boxfillbluep h2	{margin-bottom:		0em;}

.boxfillredp, .boxfillredp a:link, .boxfillredp a:visited, .boxfillredp a:active	
					{color:				white;	background:	#3366cc url(graphics/gradient4.jpg) repeat-x 0% 0%;	text-decoration:	none;}
.boxfillredp a:hover
					{color:				yellow;	background:	transparent;	text-decoration:	none;}
.boxfillredp h2		{margin-bottom:		0em;}

.boxbabel			{background-image:	url('graphics/cornersclear.gif');}
.boxbabeli			{background:		transparent;	text-align:center;}
.babel				{width:				auto;}
.inside 			{
					border-left:		1px solid navy;
					border-right:		1px solid navy;
					padding-left:		0.2em;
					padding-right:		0.2em;
					}
.top-left, .top-right, .bottom-left, .bottom-right 
					{height:	9px;	font-size:	2px;}
.top-left, .bottom-left 
					{margin-right:	9px;}
.top-right, .bottom-right 
					{margin-left:	9px;	margin-top:	-9px;}
.top-right 			{background-position:	100% 0;}
.bottom-left  		{background-position:	0 -9px;}
.bottom-right 		{background-position:	100% -9px;}

.scrollbox			{overflow:	scroll; overflow-y: scroll; overflow-x: hidden;}

dl.calinfo			
					{margin:	0em;	padding:	0em;}
.dateplain, .eventplain
					{font-size:	smaller;}
dt.dateplain a
					{color:		white;	background:	#3366cc;	text-decoration:	none;	width:	100%;	display:	block;	margin-left:	-0.3em;	padding-left:	0.3em;	padding-right:	0.3em;}
dd.dateplain,dd.eventplain
					{margin:	0em;	padding-left:	1em;}
dd.eventplain		{padding-bottom:	0.3em;}

dl.inline			{margin:	0;}
dl.inline dt, dl.inline dd {
					float: left;
					margin: 0 0.5em 0 0;
					}
dl.inline dd + dt, dl.inline dd + dd {
					clear: left; 
					}
dl.inline dd + dd {
					float: none; 
					}
dl.inline dt {
					font-weight: bold; margin-bottom:0.5em;
					}

.bcard				{
					float:				left;
					font-size:			smaller;
					background:			transparent url(graphics/shadow.gif) no-repeat bottom right;
					text-align:			center;
					margin:				10px 1em 0 10px !important;
					margin:				10px 1em 0 5px;
					}
.bcard a			{
					display:			block;
					width:				100%;
					}
.bcardi				{
					display:			block;
					position:			relative;
					background-color:	white;
					border:				1px solid gray;
					margin:				-6px 6px 6px -6px;
					width:				28em;
					height:				17em;
					}
.bcardi1			{
					float:				left;
					text-align:			left;
					width:				18em;
					padding:			1em 0.5em;
					}
.bcardi2			{
					float:				right;
					text-align:			center;
					background:			#bad2ea;
					width:				8.9em;
					height:				17em;
					font-family:		"Bookman old style", Tahoma, Arial, sans-serif;
					color:				navy;
					font-weight:		bolder;
					}
.bcardi3			{
					clear:				left;
					text-align:			right;
					color:				navy;
					font-weight:		bolder;
					}
.dg-scrolling-content{background:	white;}
.dg-scrolling-content-story{margin-right:		1em;}
.dg-scrolling-content-story-mouseover{}

.tv, .usa			{
					display:			none;
					visibility:			hidden;
					width:				1px;
					height:				1px;
					font-size:			xx-small;
					}
.nousa				{
					display:			inline;
					visibility:			inherit;
					width:				auto;
					height:				auto;
					font-size:			inherit;
					}