html {
		min-height: 100%;
		margin-bottom: 1px;
		background-color: #dfdfdf;
	}		

* {
		margin: 0px;
		padding: 0px;
		border: none;
	}

body {
		width: 800px;
		font-family: "trebuchet ms", arial, sans-serif;
		color: #7F8184;
		margin: 10px auto 10px auto;
		padding: 0px 30px 0px 30px;
		background-color: #fff;


		border-radius: 30px 0px 30px 0px;
		-moz-border-radius: 30px 0px 30px 0px;
		-webkit-border-radius: 30px 0px 30px 0px;

		-webkit-box-shadow: 6px 6px 5px #cbcbcb;
		-moz-box-shadow: 6px 6px 5px #cbcbcb;
		box-shadow: 6px 6px 5px #cbcbcb;

		behavior: url("csshover3.htc"); 
	}

#displayhide {
		display: none;
	}

label.error {
		color: #D82737;
		padding-left: 240px;
		float: left;
	}


/* removes solid borders from links
------------------------------------*/

a:active {
		outline: none;
	}

a, input {
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
}


/* GROUPLINKS
-------------------------------*/

div#grouplinks {
		margin: 0px auto 0px auto;
		width: 774px;
		height: 70px;
		border-bottom: 1px solid #D82737;
	}

.groupimg {
		float: left;
		margin: 10px 0px 10px 0px;
		width: 86px;
	}

.groupimg img {
		margin: 3px 21px 0px 21px;
		width: 43px;
	}

.groupimg h6 {
		text-align: center;
		font-size: 8pt;
	}

/* PRODUCTLINKS
-------------------------------*/

div#productlinks {
		margin: 10px auto 20px auto;
		width: 768px;
		height: 140px;
	}

.productimg {
		float: left;
		margin: 0px 0px 0px 0px;
		width: 96px;
	}

.productimg img {
		margin: 0px;
		width: 96px;
	}

.productimg h6 {
		text-align: center;
		width: 96px;
		font-size: 8pt;
	}

#productshots {
		margin: 20px 13px 10px 13px;
		width: 774px;
	}

#productshots img {
		margin: 5px;
	}

#product img.topofpage {
		cursor: pointer;
		margin-left: 10px;
	}

img#quality {
	width: 140px;
	height: 140px;
}


/* PROMO
-------------------------------*/

div#promotionlinks_newproduct {
		margin: 10px auto 0px auto;
		width: 768px;
		height: 1000px;
	}

div#promotionlinks_promotions {
		margin: 10px auto 0px auto;
		width: 768px;
		height: 360px;
	}

.promotionimg {
		float: left;
		margin: 10px 6px 60px 6px;
		width: 177px;
		height: 250px;
		display: inline;
	}

.promotionimg img {
		margin: 4px 0px 0px 0px;
		width: 177px;
		height: 250px;
		border: 1px solid #c9c9c9;
	}


.promotionimg h6 {
		text-align: center;
		font-size: 8pt;
	}

div#flashcontent {
		margin: 10px 0px 0px 0px;
		width: 774px;
		height: 850px;
	}


/* FORM
-------------------------------*/

.response {
		color: #D82737;
		font-weight: bold;
		font-style: italic;
	}

div#contactform {

	}

form.contact legend {
		padding: 5px;
	
}

form.contact fieldset input {
		width: 220px;
}

form.contact {
		padding: 0px;
		margin: 10px 0px 0px 16px;
		font-size: 11pt;
		float: left;
		width: 470px;
}

form.contact p {
		font-size: 11pt;
		margin-top: 10px;
		width: 460px;
}

form.contact label {
		margin: 2px 0px;
		width: 240px;
	
}

form.contact input {
		margin: 2px 0px;
	
}

form.contact input, select, textarea {
		border: 1px solid #cbcbcb;
		font-family: "trebuchet ms";
		font-size: 11pt;
	}

form.contact textarea {
		width: 220px;
	}


form.contact select {
		margin: 0px 0px 0px 0px;
		color: #7F8184;
		width: 222px;
	}

form.contact select option {
		color: #7F8184;
	}


form.contact label.fixedwidth {
		display: block;
		width: 240px;
		float: left;	
}



form.contact .buttonarea input {
		background-color: white;
		color: #7F8184;
		padding: 0px;
		border: 1px solid #cbcbcb;
		width: 160px;
		margin: 4px 0px 4px 0px;
}



form.contact .buttonarea input:hover {
		color: #D82737;
	
}



form.contact .buttonselect input {
		border: none;
		width: 14px;
	
}



form.distributor .buttonarea input {
		background-color: white;
		color: #7F8184;
		padding: 0px 0px 0px 0px;
		border: 1px solid #cbcbcb;
		width: 160px;
		margin: 0px 0px 0px 16px;
		font-family: "trebuchet ms";
		font-size: 11pt;
	
}



form.distributor .buttonarea input:hover {
		color: #D82737;
	
}



form.distributor .inputtext {
		border: 1px solid #cbcbcb;
		font-family: "trebuchet ms";
		font-size: 11pt;
		width: 158px;
		margin: 4px 0px 4px 16px;
	}

div#distform p {
		margin: 4px 0px 4px 16px;		
	}

div#addressee {
		padding: 0px;
		margin: 10px 0px 0px 40px;
		font-size: 11pt;
		text-align: left;
		float: left;
		width: 200px;
	}

.links {
		color: #D82737;
	}		


/* LOGOS
-------------------------------*/

.lightbar {
		color: #6FBBDB;
	}

.beacons {
		color: #144C9A;
	}

.lamps {
		color: #50A186;
	}

.reflector {
		color: #4EA219;
	}

.mirror {
		color: #6DB21B;
	}

.elec {
		color: #B5D31B;
	}

.switch {
		color: #F8CF18;
	}

.access {
		color: #F5B416;
	}

div#productimages {
		margin: 10px auto 0px auto;
		width: 768px;	
	}

div#logoheaders h6 {
		float: left;
		width: 96px;
		font-size: 8pt;
	}

div#productlogos img {
		float: left;
		margin-bottom: 10px;
		width: 96px;
	}

div#product p {
		margin-bottom: 20px;
	}

/* MENU
-------------------------------*/

.pageselected {
		color: #D82737;
		font-size:10pt;
		text-decoration: none;
	}

div#nav {
	}
	
div#nav ul {
		overflow: hidden;
	}

div#nav li { 
		float: left;
		font-size: 10pt;
		font-weight: bold;
		width: 110px;
		text-align: center;
		padding: 3px 0px;
		list-style: none;
	}

div#nav a { 
		color: #7F8184;
		font-size: 10pt;
		text-decoration: none;
	}

div#nav a:hover { 
 		color: #D82737;
		font-size: 10pt;
		text-decoration: none;
	}


/* CONTENT
-------------------------------*/

div#content {
		min-height: 500px;
		height: auto !important;
		height: 650px;
	}

img.briticon {
		margin: 0px 8px 0px 0px;
		width: 16px;
		height: 16px;
	}

.tick {
		margin: 0px 8px 0px 0px;
		width: 16px;
		height: 16px;
	}


.centertext {
		text-align: center;
	}

p {
		font-size: 11pt;
		text-align: left;
		font-weight: normal;
		margin-top: 8px;
	}

.redunder {
		border-bottom: 1px solid #D82737;
		font-size: 13pt;
		margin-bottom: 4px;
	}

div#maintop {
		margin: 10px 13px 10px 13px;
		width: 774px;
	}

div#mainleft {
		margin: 10px 19px 10px 13px;
		width: 368px;
		float: left;
		display: inline;
		height: 130px;
	}

div#mainright {
		margin: 10px 13px 10px 19px;
		width: 368px;
		float: right;
		display: inline;
		height: 130px;
	}

div#env_left {
		margin: 10px 19px 10px 13px;
		width: 368px;
		float: left;
		display: inline;
	}

div#env_left img.apps {
		float:left;
		padding: 10px 10px 0px 0px;
	}

div#env_right img.apps {
		float:left;
		padding: 10px 10px 0px 0px;
	}


.policy {
		margin-top: 20px;
}

div#env_right {
		margin: 10px 19px 10px 13px;
		width: 368px;
		float: right;
		display: inline;
	}

div#exhibitions {
		margin: 10px 19px 10px 13px;
		width: 368px;
		float: left;
		display: inline;
	}
	
div#exhibitions_right {
		margin: 10px 19px 10px 13px;
		width: 368px;
		float: right;
		display: inline;
	}


div#exhibitions img.apps {
		float:left;
		padding:10px 10px 10px 0px;
	}

.showImage {
	width: 368px;
	height: 115px;
}

ul#safety {
	margin-top: 10px;
}

ul#safety li {
	list-style: none;
	background: url('tick.jpg') no-repeat 0 3px;
	padding: 0px 0px 0px 25px;
	margin-bottom: 10px;
}

div#product {
		margin: 15px 16px 0px 16px;
	}

div#product h3 {
		border-bottom: 1px solid #D82737;
		font-size: 13pt;
	}

div#product img {
		margin-left: 0px;
		cursor: help;
	}


/* HEADER
-------------------------------*/

div#mainhead {
		background-image: url("img6.jpg");
		background-repeat: no-repeat;
		background-position: right;
		height: 156px;
	}

div#mainhead img {
		float: left;
	}

div#pagehead {
		background-image: url("header.gif");
		background-repeat: repeat-y;
		background-position: center;
		height: 65px;
		margin: 0px auto;
	}

div#pagehead h5 { 
		font-style: italic;
	}

div#pagehead a { 
 		color: #D82737;
		text-decoration: none;
	}

div#pagehead a:hover { 
	}



/* CATALOGUE
-------------------------------*/

div#catalogue {
		margin: 10px 16px 0px 16px;
	}

div#catalogue iframe {
		margin: 10px 0px 0px 0px;
		width: 768px;
		height: 600px;
		border: 0;
	}


/* MAP
-------------------------------*/

div#map {
		margin: 10px 16px 0px 16px;
	}

div#map span {
	white-space:normal;
}


/* FOOTER
-------------------------------*/ 

div#footer {	
	clear:both;
	}

div#footer p {			
		padding: 20px 0px 16px 0px;
		text-align: center;
		font-size: 8pt;
	}

div#footer p a {	
		margin: 0px 0px 0px 0px;
		font-weight: bold;
		font-style: normal;
		text-decoration: underline;
		font-family: "trebuchet ms";
		color: #D82737;
	}

div#footer p a:hover {

	}

#product-nav{
display:block;
height:127px;
list-style:none;
margin: 0px auto;
padding: 0px 16px;
}

#product-nav li, #product-nav li a, #product-nav li a span{
float:left;
height:127px;
}

#product-nav li a{
position:relative;
text-align:center;
}

#product-nav li a span{
position:absolute;
top:0;
left:0;
background:url('images/nav_main.gif') no-repeat left top;
}

#product-nav li a#prd-beacon, #product-nav li a#prd-beacon span{
width:96px;
}

#product-nav li a#prd-lightbar, #product-nav li a#prd-lightbar span{
width:96px;
}

#product-nav li a#prd-lamps, #product-nav li a#prd-lamps span{
width:96px;
}

#product-nav li a#prd-reflectors, #product-nav li a#prd-reflectors span{
width:96px;
}

#product-nav li a#prd-mirrors, #product-nav li a#prd-mirrors span{
width:96px;
}

#product-nav li a#prd-elec, #product-nav li a#prd-elec span{
width:96px;
}

#product-nav li a#prd-switches, #product-nav li a#prd-switches span{
width:96px;
}

#product-nav li a#prd-spares, #product-nav li a#prd-spares span{
width:96px;
}

#product-nav li a#prd-beacon span{
background-position:left top;
}

#product-nav li a#prd-lightbar span{
background-position: -96px top;
}

#product-nav li a#prd-lamps span{
background-position: -192px top;
}

#product-nav li a#prd-reflectors span{
background-position: -288px top;
}

#product-nav li a#prd-mirrors span{
background-position: -384px top;
}

#product-nav li a#prd-elec span{
background-position: -480px top;
}

#product-nav li a#prd-switches span{
background-position: -576px top;
}

#product-nav li a#prd-spares span{
background-position: -672px top;
}

#product-nav li a#prd-beacon:hover span{
background-position:left bottom;
}

#product-nav li a#prd-lightbar:hover span{
background-position: -96px bottom;
}

#product-nav li a#prd-lamps:hover span{
background-position: -192px bottom;
}

#product-nav li a#prd-reflectors:hover span{
background-position: -288px bottom;
}

#product-nav li a#prd-mirrors:hover span{
background-position: -384px bottom;
}

#product-nav li a#prd-elec:hover span{
background-position: -480px bottom;
}

#product-nav li a#prd-switches:hover span{
background-position: -576px bottom;
}

#product-nav li a#prd-spares:hover span{
background-position: -672px bottom;
}