@font-face 			{
					font-family:		'TeX Gyre Bonum';
					src:				url(/texgyrebonum-regular.woff) format('woff'),
										url(/texgyrebonum-regular.otf) format('opentype'),
										url(/texgyrebonum-regular.ttf) format('truetype');
					}
@font-face 			{
					font-family:		'TeX Gyre Bonum';
					src:				url(/texgyrebonum-bold.woff) format('woff'),
										url(/texgyrebonum-bold.otf) format('opentype'),
										url(/texgyrebonum-bold.ttf) format('truetype');
					font-weight:		bold;
					}
@font-face 			{
					font-family:		'TeX Gyre Bonum';
					src:				url(/texgyrebonum-italic.woff) format('woff'),
										url(/texgyrebonum-italic.otf) format('opentype'),
										url(/texgyrebonum-italic.ttf) format('truetype');
					font-weight:		normal;
					font-style:			italic;
					}
@font-face 			{
					font-family:		'TeX Gyre Bonum'; 
					src:				url(/texgyrebonum-bolditalic.woff) format('woff'),
										url(/texgyrebonum-bolditalic.otf) format('opentype'),
										url(/texgyrebonum-bolditalic.ttf) format('truetype');
					font-weight:		bold;
					font-style:			italic;
					}
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', 'TeX Gyre Bonum', Tahoma, Arial, 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:				0;	
					padding-left:		1em;
					}
ul.numbullet			{
					list-style:			decimal; 
					}

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

/* hash-tag bookmark anchor links with padding header 3 works but with firefox only */
[id]				{scroll-margin-top:	8em;}
.bookmark			{scroll-margin-top:	8em;}
.bookmark1:before	{
					display:			block;
					content:			"";
					margin-top:			-8em;
					height:				8em;
					visibility:			hidden;
					}
.bookmark2			{
					padding-top:				8em;
					margin-top:					-8em;
					-webkit-background-clip:	content-box;
					background-clip:			content-box;
					}
.bookmark3			{
					border-top: 				8em solid transparent;
					margin-top: 				-8em;
					-webkit-background-clip:	padding-box;
					-ms-background-clip:		padding-box;
					-o-background-clip:			padding-box;
					background-clip:			padding-box;
					}
.bookmark4			{
					position:					relative;
					padding:					15px;
					border-top:					8em solid transparent;
					margin-top:					-8em;
					-webkit-background-clip:	padding-box;
					-moz-background-clip:		padding;
					background-clip:			padding-box;
					}
.bookmark4:before	{
					content:					"";
					position:					absolute;
					top:						-4em;
					left:						0;
					right:						0;
					border-top:					0px solid white;
					}
.bookmark5:target	{
					padding-top:		8em;
					z-index:			0;
					}
.bookmark5 a			{z-index:			5;}
.header5				{z-index: 			10;}

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

.nodeco				{
					color:				black;
					text-decoration:	none;
					}
.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;}
.nodecolink3	a	{text-decoration:	none;}
.nodecolink4		{color:				black;	background:	transparent;	text-decoration:	none;}
.nodecolink4:hover	{text-decoration:	underline;}

.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;}
.highlighter		{
					color:				black;	
					background:			#99ccff;
					padding-left:		1em;
					}
.colourhilight		{font-variant:		small-caps; padding-left:0.5em; padding-right:0.5em;}
.subheading			{background: 		#99ccff;}
.fax				{font-size: 		smaller;}
.new				{
					color:				red; 
					background:			white; 
					font-weight:		bolder; 
					font-variant:		small-caps; 
					text-transform:		none; 
					border: 			3px solid #3366cc; 
					border-radius:		15px; 
					padding:			0 5px 0 5px;
					}
.hidden, .hiddend
					{
					display:			none;
					visibility:			hidden;
					width:				1px;
					height:				1px;
					font-size:			xx-small;
					}
.fontsize			{width:				auto; height: 1em;}
.fontsize2			{width:				auto; height: 2em;} 
.super				{vertical-align:	super;}
.sub				{vertical-align:	sub;}
.outline			{border:			thin solid navy;}
.dots				{border-bottom:		thin dotted;}
.blue				{color:				blue;}
.navy				{color:				navy;}

.red				{color:				red;}
.red	a			{color:				red;}
.redoutline			{border:			thin solid red; padding: 0.5em 0.5em 0 0.5em;}
.green				{color:				green;}
.grey				{color:				#999999;}
.orange				{color:				orange;}
.yellow				{color:				yellow;}
.white				{color:				white;}
.white	a:link		{color:				#ccd7ff;}
.white	a:visited	{color:				#ccd7ff;}
.white	a:hover		{color:				#a4b7ff;}
.white	a:active	{color:				#a4b7ff;}

.redi				{color:				white; background: red;}
.blacki				{color:				white; background: black;}
.bluei				{color:				white; background: blue;}
.greeni				{color:				white; background: green;}
.browni				{color:				white; background: #6F4E37;}
.yellowi			{color:				black; background: yellow;}
.goldi				{color:				black; background: #FFD700;}
.orangei			{color:				black; background: orange;} 
.greyi				{color:				white; background: gray;}
.darkgreyi			{color:				white; background: #383E42;}
.silveri			{color:				black; background: #C0C0C0;} 
.whitei				{color:				black; background: white; border: thin solid black;}
.opali				{color:				black; background: #F1ECE4; border: thin solid; border-top-color: red; border-right-color: blue; border-bottom-color: blueviolet; border-left-color: green;} 
.violeti			{color:				white; background: #B66A90;} 

.onechar			{width:				auto; height: auto;}
.linespace0 li		{
					margin-top:			0 !important; 
					margin-bottom:		0 !important; 
					list-style-position:inside;
					}
.linespace1 li		{margin-top:		0.25em; margin-bottom:		0.25em;}
.linespace2 li		{margin-top:		0.50em; margin-bottom:		0.50em;}
.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%;	height:				auto;}
img.nomaxwidth		{max-width:			none;}
.midrow				{vertical-align:	middle;}
.toprow				{vertical-align:	top;}

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

.product .picture	{
					float:				left;
					width:				33%;
					}
.product .description{
					margin-left:		33%;
					}
.productthin .picture	{
					float:				left;
					width:				20%;
					}
.productthin .description{
					margin-left:		20%;
					}

table.ctable2 		{
					text-align:			center;
					border-collapse:	separate; 
					border-spacing:		0;
					border:				2px solid #3366cc;
					}
table.ctable2 td 
					{
					border:				1px solid #99ccff;
					padding:			0.3em 0.5em 0.3em 0.5em;
					}
table.ctable2 th	{
					color:				white;
					background:			#3366cc;
					font-weight:		bolder;
					border:				1px solid #99ccff;
					padding:			0.3em 0.5em 0.3em 0.5em;
					}
.whitebg 
					{background:		white !important;}
tr.underline th		{border-bottom:		2px solid #3366cc;}
tr.highlight		{
					background:			#99ccff;
					}

.cell0nlb			{border-left:		none !important;}
.cell0nrb			{border-right:		none !important;} 
.cell0rj			{padding-right:		0 !important;}
.cell0rj img		{
					margin-left:		auto;
					margin-right:		0;
					} 

td.cell0			{
					padding-top:		0 !important;
					padding-bottom:		0 !important;
					}
td.cell0 img		{
					display:			block;
					height: 			2.2em; 
					width:				auto;
					}

.sticky 			{
					position:			sticky; 
					position:			-webkit-sticky; 
					position:			-moz-sticky; 
					top:				7em;  
					}
.stickynohead		{
					position:			sticky; 
					position:			-webkit-sticky; 
					position:			-moz-sticky;
					top:				0; 
					}

.header				{
					background:			white;
					position:			sticky;
					position:			-webkit-sticky;
					position:			-moz-sticky;
					top:				0;
					padding-top:		3px;
					} 
.header p			{
					text-align:			center;
					font-style:			italic;
					}
.nav, .navZ			{
					float:				left;
					width:				15%;
					}
.nav				{
					position:			static;
					}
.navZ				{
					position:			sticky;
					position:			-webkit-sticky;
					position:			-moz-sticky;
					top:				8em;
					}
.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:			0;
					}
ul.iconlist 		{
					list-style-type:	none;
					margin:				0;
					padding-left:		1em;
					}
.iconlist li 		{
					display:			inline;
					margin-right:		1em;
					}
.navb ul			{
					margin:				0;
					padding-left:		1em;
					text-indent:		0;
					}
.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 li > a:after 			{ content:  ' \25be'; }
				#nav li li > a:only-child:after { content: ''; }

			/* first level */

			#nav > ul
			{
				height: 			1.8em; 
				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: 		2px solid #3366cc;
					margin-bottom:	1em;
					font-size: 		1.1em; 
					text-transform: uppercase;
					font-weight:	bold;
					line-height: 	1.4em; 
					text-align: 	center;
					margin-left: 	0.5em;
				}
					#nav > ul > li > a
					{
						height:		100%;
					}
						#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:				23.5em;
					text-align:			left;
					margin-left:		7.35em;
					margin-top:			-1.73em;
					line-height:		0.9em;
					z-index:			100;
					text-transform: 	none;
					font-weight:		normal;
				}
					#nav li:hover ul
					{
						display:		block;
						left: 			0;
						right: 			0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left:		0px;
						}
						#nav li ul li
						{
							margin-left: -2em;
						}
						#nav li ul a
						{
							font-size:	0.9em; 
							border-top:	1px solid #3366cc;
							padding:	0.3em; 
						}
							#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:	25.5em;
					margin-top:		-1.45em;
					line-height:	0.9em;
					width:			19em;
				}
					
				#nav li li li
				{
					background-color:	#99ccff;
					display: 			none;
					/*position: absolute;*/
					top: 				100%;
					list-style:			none;
					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: 		0;
						}
						#nav li ul li ul a
						{
							font-size:	0.9em; 
							border-top:	1px solid #3366cc;
							padding:	0.3em; 
						}
							#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 95% 40%;
					}
.mainlogo			{
					background:			white;
					margin-top:			1em;
					margin-left:		0;
					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, .cliffe			{
					font-family:		'Bookman old style', 'TeX Gyre Bonum', Tahoma, Arial, serif;
					color:				navy;
					font-weight:		bolder;
					}
.cliff				{text-transform:	uppercase;}
div#fader			{font-weight:		bolder;}
.footer				{
					text-align:			left;
					font-size:			smaller;
					background:			#d9ecff;
					padding:			1em;
					}
.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			{
					width:				95%;
					margin-right:		0;
					}
.productsi, .productsit, .servicesit
					{height:			125px;}
.enquiriesit		{
					height:				auto; 
					text-align: 		left;
					}
.enquiriesit img	{width:				100%;}

.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:		0;
					}

.thumbbox			{
					color:				#3366cc;
					background:			transparent;
					float:				left;
					width:				11.5em;
					margin-right:		1em;
					border:				1px solid navy;
					margin-top:			0.25em;
					margin-bottom:		0.75em;
					}
.thumbbox h3		{
					margin:				0;
					text-align:			center;	
					font-size:			medium;
					}
.thumbbox a			{
					color:				#3366cc;
					text-decoration:	none;
					display:			block;
					width:				100%;
					}
.thumbbox a:hover	{
					color:				white;
					background:			#3366cc;
					}
.thumbbox img 		{
					width:				98%;
					border-top:			1px double #3366cc;
					border-bottom:		1px solid #3366cc;
					}
.thumbbox, .thumbbox a:hover, .thumbbox img, 
.mainlogo, .mainlogo a:hover, 
.navt a:hover, #nav li a, #nav > ul > li, 
.dg-scrolling-content, .dg-scrolling-content-story img 
					{border-radius:		0 0px;}
.norad, 
#nav li ul a, #nav li ul li ul a 
					{border-radius: 	0 !important;}

.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:		0;
					}

.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:				0;
					padding:			0 3px 0 3px;
					}
.dateplain, .eventplain
					{
					font-size:			smaller;
					}
dt.dateplain
					{
					color:				#3366cc;
					}
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;
					}
.calinfonews		{border:			1px solid navy;}

dl.inline			{
					margin-top:			0;
					margin-bottom:		0;
					margin-left:		1em;
					}
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: 		normal;
					margin-bottom:		0.1em;
					}

.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', 'TeX Gyre Bonum', Tahoma, Arial, serif;
					color:				navy;
					font-weight:		bolder;
					}
.bcardi3			{
					clear:				left;
					text-align:			right;
					color:				navy;
					font-weight:		bolder;
					}
.dg-scrolling-content
					{
					background:			transparent;
					border:				1px solid gray;
					}
.dg-scrolling-content-story
					{
					margin-right:		0em;
					}
.dg-scrolling-content-story-mouseover{}

#tooltip
{
	font-family: Ubuntu, sans-serif;
	font-size: 0.875em;
	text-align: center;
	text-shadow: 0 1px rgba( 0, 0, 0, .5 );
	line-height: 1.5;
	color: #fff;
	background: #333;
	background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
	background: -webkit-linear-gradient( to top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
	background: -moz-linear-gradient( to top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
	background: -ms-radial-gradient( to top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
	background: -o-linear-gradient( to top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
	background: linear-gradient( to top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top: 1px solid #fff;
	-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
	-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
	box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
	position: absolute;
	z-index: 100;
	padding: 15px;
}
	#tooltip:after
	{
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
		border-top: 10px solid #333;
        border-top-color: rgba( 0, 0, 0, .7 );
		content: '';
		position: absolute;
		left: 50%;
		bottom: -10px;
		margin-left: -10px;
	}
		#tooltip.top:after
		{
	        border-top-color: transparent;
			border-bottom: 10px solid #333;
	        border-bottom-color: rgba( 0, 0, 0, .6 );
			top: -20px;
			bottom: auto;
		}
		#tooltip.left:after
		{
			left: 10px;
			margin: 0;
		}
		#tooltip.right:after
		{
			right: 10px;
			left: auto;
			margin: 0;
		}
.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;
					}
					
#shaftsizessection	{display: 			inline;}