@charset "utf-8";
/* CSS Document */
.white
	{color:#FFF;}
.red {color:#F00;}
body
	{
	height: 100%;
	min-height: 100%;
	max-width:950px;
	padding: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #efedee;
	color: #000000;
	margin-right: auto;
	margin-left: auto;
	}
h1 {
	margin-left: 25px;
}
.centre {
	font-family: "MS Serif", "New York", serif;
	text-align: center;
	line-height: 14pt;
	}
ul li {
	list-style:none
}
/* content */
div.wrapper { position: absolute; top:10px;  margin-left: auto; margin-right: auto; width: 950px; }	

#headbar 
	{
	width:950px;
	margin-right:auto;
	margin-left:auto;
	height:72px;
	position:absolute;
	background-image: url(../images/headback.png);
	background-repeat: no-repeat;
	}
#logo 
	{
	height:74px;
	width:355px;
	position:absolute;
	right:12px;
	top:5px;
	z-index:50;
	border:0px;
	}
.pagetitle
	{
	position:absolute;
	top:28px;
	left:10px;
	}
#pagemenu{
		font-size: 12px;
		width: 950px;
		height: 34px;
		color: #68676c;
		position:absolute;
		top:72px;
}
#content {
	top:110px;
	left:150px;
	width:800px;
	height:640px;
	position:absolute;
	background-color: #FFF;
}
.productpic {
	top:100px;
	left:10px;
	width:350px;
	position:relative;
}
.productpicsmall {
	width:233px;
	height:180px;
	margin-right:5px;
	border:medium outset #666;
	clip: rect(5px,auto,auto,auto);
}
#indexpic{
	height: 180px;
	width: 798px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
	visibility: visible;
	z-index: 50;
}
#fadeshow1 {
	position:absolute;
	top: 10px;
	Left: 10px;
	}
.barcode {
	left:10px;
	position:absolute;
	bottom: 50px;
}
div.news {
	width:auto;
	position:relative;
	top:5px;
	padding-bottom: 5px;
	padding-left: 20px;
	min-height:110px;
	}
.award {
	top:260px;
	left:770px;
	position:absolute;
}
div.group {
	position:absolute;
	width:350px;
	height:100px;
	left: 410px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-style: italic;
	line-height: 18px;
	height: 100px;
	margin-bottom: 5px;
	top: 0px;
}
.grouplogo {
	padding: 5px;
	height: 82px;
	width: 128px;
}
#text {
	width:798px;
	left:0px;
	top:0px;
	height:625px;
	position:absolute;
	border-right-width: 2px;
	border-right-style: double;
	border-right-color: #000;
}
#dealer {
	overflow: auto;
	position: absolute;
	visibility: visible;
	height: 480px;
	top: 120px;
	text-indent: 30px;
	width: 730px;
	}
#dealer table {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #03C;
	text-align:left;
	vertical-align:top;
}
#actinic {
	width:800px;
	left:150px;
	top:60px;
	height:525px;
	position:absolute;
	}
#actinicprod {
	overflow:auto;
	height:450px;
	width:650px;
	left:20px;
	position:absolute;
	top:0px;
}
div.shop {
	visibility:hidden;
	position:absolute;
	width:650px;
	height:200px;
	left:140px;
	bottom:35px;
	background-color:#CCC;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	}
#shop:hover {
	display:inline;
	}
div.textbody {
	position:absolute;
	top:100px;
	width:400px;
	left:380px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	line-height: 20px;
	font-variant: normal;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}
div.prodcol1 {
	position:relative;
	top:100px;
	width:240px;
	left:0px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 10px;
	line-height: 14px;
	font-variant: normal;
	padding: 5px;
}
div.prodcol2 {
	position:absolute;
	top:100px;
	width:240px;
	left:241px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 10px;
	line-height: 14px;
	font-variant: normal;
	padding: 5px;
}
#subject1 {
	position:absolute;
	left:482px;
	width:265px;
	top:100px;
	height:460px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 10px;
	line-height: 14px;
	font-variant: normal;
	padding: 5px;
	overflow: auto;
}
div.textintro {
	position:relative;
	top:0px;
	width:930px;
	left:0px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
	line-height: 18px;
	font-variant: normal;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.textbullet {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-style: italic;
	line-height: 24px;
}
#intro {
	position: relative;
	visibility: visible;
	z-index: 100;
	height: 500px;
	width: 798px;
	left: 0px;
	top: 0px;
	filter: Alpha(Opacity=100, FinishOpacity=0, Style=0, StartX=0, StartY=0, FinishX=798, FinishY=500);
}
div.address
{
	position:absolute;
	top:0px;
	width:698px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-style: italic;
	line-height: 18px;
	height: 100px;
	left:0px;
	margin-bottom: 5px;
	background-image: url(../images/reviewback.png);
	background-repeat: no-repeat;
	text-indent: 300px;
	text-align: left;
	padding-left: 100px;
}
div.review {
	position:absolute;
	top:0px;
	width:798px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-style: italic;
	line-height: 18px;
	height: 100px;
	left:0px;
	margin-bottom: 5px;
	background-image: url(../images/reviewback.png);
	background-repeat: no-repeat;
}
.reviewmag {
	font-style: normal;
	font-weight: bold;
}
.reviewpic {
	padding-right:15px;
	left:10px;
	position:relative;
}
.intropic {
	position:absolute;
	top:200px;
	
}
#pdf {
	position:absolute;
	width:350px;
	font-size:12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 24px;
	color:#000;
	text-decoration: none;
	right: 20px;
	bottom: 20px;
}
#pdf a{
	Color:#000;
	text-decoration:none;
}
#pdfleft {
	position:absolute;
	left:100px;
	top:515px;
	width:300px;
	font-size:12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 24px;
	color:#000;
	text-decoration: none;
}
#pdfleft a{
	Color:#000;
	text-decoration:none;
}
	#footer{
		position: absolute;
		top:720px;
		padding:0px;
		margin:0px;
		width: 950px;
		height: 40px;
		background: url('/images/footer.png');
		color:#FFF;
		text-align:right;
	}
	#footer a{
	text-decoration: none;
	margin: 0px;
	padding: 15px;
	color: #FFF;
	font-size:12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	}
	#footer a:hover{
		color: #333333;
	}
	#footer ul{
		margin-top: 10px;
		padding: 0px;
		list-style: none;
		padding-left: 27px;
	}
	#footer li{
		margin: 0px;
		padding: 0px;
		float: left;
	}
	#footer2{
		position: absolute;
		top:620px;
		padding:0px;
		margin:0px;
		width: 950px;
		height: 40px;
		background: url('../images/footer.png');
		color:#FFF;
	}
	#footer2 a{
		text-decoration: none;
		margin: 0px;
		padding: 15px;
		color: #FFF;
		font-size:12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	}
	#footer2 a:hover{
		color: #333333;
	}
	#footer2 ul{
		margin-top: 10px;
		padding: 0px;
		list-style: none;
		padding-left: 27px;
	}
	#footer2 li{
		margin: 0px;
		padding: 0px;
		float: left;
	}
/*************** Menus *****************/
#topmenu{
	width:595px;
	position:absolute;
	z-index:2;
	left: 5px;
	height: 37px;
	color: #ffffff;
}
#topmenu a{
		text-decoration: none;
		margin: 0px;
		padding-top:0px;
		padding-left: 8px;
		padding-right: 8px;
		color: #ffffff;
	}
	#topmenu a:hover{
		text-decoration: none;
		margin: 0px;
		padding-left: 8px;
		padding-right: 8px;
		color: #F00;
	}
	#topmenu ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
		padding-left: 25px;
	}
	#topmenu li{
		margin: 0px;
		padding: 0px;
		float: left;
		padding-top: 11px;
	}
/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 
3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColElsLt #sidebar1 p" rule.
*/
#sidebar1 {
	position:relative;
	top:110px;
	float: left;
	width: 150px; /* since this element is floated, a width must be given */
	background: #000000; /* the background color will be displayed for the length of the content in the column, but no further */
	list-style-type: none;
	height:620px;
}
#sidebar1 a{
	width:150px;
	list-style-type:none;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #FFF;
	letter-spacing: -1px;
	line-height: 12px;
	display: block;
	font-variant: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-decoration: none;
	list-style-type: inherit;
	text-decoration: none;
	background-image: none;
	text-indent:5px;
	height: 12px;
	
	}
#sidebar1 ul li {
	position:relative;
	margin-left:-40px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
#sidebar1 ul li a:linked{
	display:block;
	}
#sidebar1 ul li a:visited{
	list-style-type: none;
	text-decoration: none;
	color: #FFF;
	}
#sidebar1 ul li a:hover{
	list-style-type: none;
	text-decoration: none;
	z-index:4;
	color:#F00;
}
#sidebar1 ul li a:active{
	list-style-type: none;
	background-image: url(../images/active1.png);
	text-decoration: none;
	color:#F00;
}
#sidebar1 h3, #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}
.active {
	background-image:url(../images/active1.png);
	background-repeat:repeat-x;
	width:10em;
}
#secondarymenu
	{
	width:595px;
	position:relative;
	top:37px;
	z-index:3;
	left: 355px;
	background-color: #FFF;
	}
	#secondarymenu{
		margin: 0px;
		padding: 0px;
		width: 595px;
		height: 34px;
		background-color: #ffffff;
		color: #68676c;
	}
	#secondarymenu a{
		text-decoration: none;
		margin: 0px;
		padding: 0px;
		color: #68676c;
	}
	#secondarymenu a:hover{
		color: #333333;
	}
	#secondarymenu ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
		margin-left: 0px;
	}
	#secondarymenu ul.title{
		margin: 0px;
		padding: 0px;
		list-style: none;
		margin-left: 0px;
	}
	#secondarymenu li{
		margin: 0px;
		padding: 0px;
		float: left;
		padding-top: 10px;
		padding-left: 10px;
	}
	#secondarymenu li.title{
		margin: 0px;
		padding: 0px;
		float: left;
		padding-top: 10px;
		height: 20px;
		padding-left:5px;
		padding-bottom: 4px;
		color: #ffffff;
		background-color: #000;
	}
	#twolines{
		font-size: 0px;
		margin: 0px;
		padding: 0px;
		height: 2px;
		width: 595px;
		background: url('/image/twolines.jpg');
		background-repeat: repeat;
	}
div.tertiarymenu{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	width: 950px;
	height: 30px;
	color: #FFF;
	font-size: 12px;
	font-variant: small-caps;
	position:absolute;
	background-image: url(../images/tertiaryback.png);
	background-repeat: no-repeat;		
	}

div.tertiarymenu a{
		text-decoration: none;
		margin: 0px;
		padding: 0px;
		color: #FFF;
	}
div.tertiarymenu a:hover{
		color: #F00;
	}
div.tertiarymenu ul{
		margin: 0px;
		padding: 0px;
		padding-left: 5px;
		list-style: none;
	}
div.tertiarymenu li{
		margin: 0px;
		padding: 0px;
		float: left;
		padding-top: 10px;
		padding-left: 10px;
	}
div.tertiarymenuhidden{
	top:0px;
	width: 950px;
	height: 30px;
	color: #FFF;
	visibility: hidden;
	position:absolute;
	font-size: 12px;
	font-style: normal;
	font-variant: small-caps;
	background-image: url(../images/tertiaryback.png);
	background-repeat: no-repeat;
	}
div.tertiarymenuhidden a{
		text-decoration: none;
		margin: 0px;
		padding: 0px;
		color: #FFF;
	}
div.tertiarymenuhidden a:hover{
		color: #333333;
	}
div.tertiarymenuhidden ul{
		margin: 0px;
		padding: 0px;
		padding-left: 5px;
		list-style: none;
	}
div.tertiarymenuhidden li{
		margin: 0px;
		padding: 0px;
		float: left;
		padding-top: 10px;
		padding-left: 10px;
	}
.title {
	font-size:12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	height:12px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height:12px;
	color: #000;
	background-color: #F00;
	text-indent:5px;
}
.interconnects {
	font-size:12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	height:12px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height:12px;
	color: #F00;
	background-color: #FF0;
	text-indent:5px;
}
.mains {
	font-size:12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	height:12px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height:12px;
	color: #000;
	background-color: #F00;
	text-indent:5px;
}
.about {
	font-size:12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	height:12px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height:12px;
	color: #F00;
	background-color: #CCC;
	text-indent:5px;
}
.digital {
	font-size:12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	height:12px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height:12px;
	color: #F00;
	background-color: #09F;
	text-indent:5px;
}
.speaker {
	font-size:12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	height:12px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height:12px;
	color: #000;
	background-color: #F0F;
	text-indent:5px;
}
#ukmade {
	position:absolute;
	left:5px;
	bottom:30px;
	z-index: 10;
}
.itallics {
	font-style: italic;
}
.indexaward {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 18px;
	color: #666;
	text-indent: 10px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 3;
	height: 400px;
	width: 200px;
	left: 20px;
	top: 200px;
}
.indexnews {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 18px;
	color: #666;
	text-indent: 10px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 3;
	height: 380px;
	width: 400px;
	left: 200px;
	top: 220px;
}
#right {
	padding: 5px;
	float: right;
	height: 400px;
	width: 160px;
	position: relative;
	visibility: visible;
	z-index: 10;
	top: 20px;
	border-left-width: medium;
	border-left-style: ridge;
	border-left-color: #000;
}
#News {
	height: 380px;
	width: 580px;
	position: absolute;
	left: 10px;
	top: 200px;
}
div.snip {
	width:auto;
	position:relative;
	top:5px;
	padding-bottom: 5px;
	padding-left: 20px;
/*	min-height:110px;	Changed LW 1-7-2011 */
	min-height:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10;
	}
.newspic {
	height: 95px;
	width: 130px;
	margin: 5px;
	padding-left: 20px;
	right: 1px;
	position:relative;
	text-decoration: none;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	}
div.righttop {
	overflow: hidden;
	position: relative;
	height: 200px;
	top: 0px;
}
div.righttop h1{
	font-size:10px;
	font-style:italic;
	font-weight:bold;
}
#BOL{
	left:135px;
	position:absolute;
	z-index:10;
	background-image: url(/images/Bol-back.png);
	background-repeat: no-repeat;
	height: 75px;
	width: 220px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	text-align: center;
	padding: 5px;
	bottom: 30px;
}
#amazon {
	position:relative;
	left:10px;
	top:10px;
		z-index:10;
	background-image: url(/images/Bol-back.png);
	background-repeat: no-repeat;
	height: 75px;
	width: 220px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	text-align: center;
	padding: 5px;
}
#retail {
	position: absolute;
	height: 180px;
	width: 360px;
	left: 320px;
	top: 5px;
	}