/*------------------------------------------------
Main Style Sheet

Version:	1.0
Author:		Michael Walsh
Website:	www.enov8.co.uk
Created:	12/12/06
------------------------------------------------*/

/*HTML TAGS*/

body {
  margin:0;
  padding:0;
  color:#000;
  font:70% Arial, Helvetica, sans-serif;
  background-color:#000;
  text-align:center;
}

html {
     overflow: -moz-scrollbars-vertical;
}

#header {
	width:780px;
	position:relative;
	height:187px;
	background:url(../images/interface/logo.jpg) no-repeat;
}

h1 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	font-size: 2px;
}

h1 a {
	display: block;
	text-indent: -700em;
	text-decoration: none;
}

p, h3, h4 {
	border:0;
	margin:0;
	padding-top:1em;
}

h3, h4 {
	text-align:left;
}

table {
	margin-top:1.4em;
	margin-bottom:0.4em;
}

h2 {
	padding:0;
	border:0;
	margin:0;
	font-size:1.6em;
	color:#FC0;
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#FC0;
	font-size:1.2em;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF !important;
	font-size:1.1em;
}

h4 a {
	color:#FFF !important;
	font-size:1em;
}

h5.submenu {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:1em;
	margin-bottom:0;
}

em {
	color:#666;
}

abbr, acronym {
  border-bottom: 1px dotted #3F71DC;
  cursor: help;
}

blockquote {
	padding:12px 20px 14px 100px;
	margin:0;
	margin-top:1.4em;
	font-style:italic;
	overflow:visible;
	height:1%;
	border-bottom:1px solid #3ED9D9;
	border-right:1px solid #3ED9D9;
	background:#D1F6F6 url(../images/interface/blockquote_bg.gif) top left no-repeat;
}

blockquote p {
	padding-top:0;
}

/* FORMS */

form {
	margin:0;
	padding:0;
	border:0;
}

fieldset {
	margin:0;
	padding:20px;
	padding-top:10px;
	color:#FFF;
	background-color:#666;
	border:1px solid #FC0;
	margin:1em 0;
	font-size:0.9em;
}

legend {
	font-family: Arial, Helvetica, sans-serif;
	color:#FC0;
	font-size:1.2em;
	font-weight:bold;
	background-color:#000;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #FC0;
}

fieldset p {clear:both}

input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	width:430px;
	padding:3px;
	border:1px solid #999;
	vertical-align:middle;
}

label {
	width:100px;
	display:block;
	float:left;
	text-align:left;
}

input:focus, textarea:focus {
	border:1px solid #FC0;
}

.button {
	margin-left:100px;
	width:75px;
	background-color:#EEBE00;
	border:1px solid #FFF;
	border-bottom:1px solid #A68500;
	border-right:1px solid #A68500;
	color:#000;
	font-weight:bold;
	background-image:none !important;
}

.buttonHover {
	margin-left:100px;
	width:75px;
	background-color:#FFF;
	border:1px solid #EEBE00;
	/*border-bottom:1px solid #505050;
	border-right:1px solid #505050;*/
	color:#000;
	font-weight:bold;
	background-image:none !important;
}

.calendar {
	width:75px;
	background-color:#EEBE00;
	border:1px solid #FFF;
	border-bottom:1px solid #A68500;
	border-right:1px solid #A68500;
	color:#000;
	font-weight:bold;
	background-image:none !important;
}

.calendarHover {
	width:75px;
	background-color:#FFF;
	border:1px solid #EEBE00;
	/*border-bottom:1px solid #505050;
	border-right:1px solid #505050;*/
	color:#000;
	font-weight:bold;
	background-image:none !important;
}

/* JCFX BEGIN
/* Added these styles for the validation summary since red doesn't show up well on grey. */
.validation
{
   color: #EEBE00;
   margin-left: 77px;
   margin-bottom: 10px;
}
.vstar
{
	color: #EEBE00;
}
/* And this for the admin no data labels */
.nodata
{
   color: #EEBE00;
}
/* And this for the calendar headers */
.calendarHeader
{
	background-color:#EEBE00;
	color:#000;
	font-weight:bold;
}
.calendarSelected
{
	background-color:#EEBE00;
	color:#000;
	font-weight:bold;
}
/* And this for the invalid login labels */
.badlogin
{
	color: #EEBE00;
	margin-left: 100px;
}
/* And this for inputs that don't want to be as wide as text boxes */
.nowide, .nowide input
{
	width: auto;
}
.checkbox, .checkbox input
{
	width: auto;
	border:0 !important;
}
/* JCFX END */

/*ACCESSIBILITY*/

.skipLink {
	position: absolute;
	left: -999px;
	width: 990px;
}

.hide {
	display: none;
	clear:both;
}

/* CLASSES */

.image {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:0.4em;
}

.diagram {
	float:left;
	margin-right:20px;
	border:1px solid #3ED9D9;
	margin-top:0.4em;
}

.center {
	text-align: center;
}

.clear {
	clear:both;
}

.highlight {
	color:#FC0;
}

.datatable {
	width:100%;
	line-height:normal;
	border:1px solid #FC0;
}

.datatable th {
	background:#FC0 url(../images/interface/table-heading.gif) top repeat-x;
	font-size:1em;
	padding:0.5em 0.8em;
	vertical-align:top;
	font-weight:bold;
	color:#333;
	text-align:left;
}

.datatable td {
	background-color:#FFF;
	font-size:0.9em;
	padding:0.5em 0.8em;
	vertical-align:top;
	text-align:left;
	color:#000;
}

.datatable th a {
	color:#333 !important;
}

.datatable th a:hover{
	color:#000 !important;
}

.datatable td a {
	color:#3F71DC !important;
	text-decoration:underline !important;
}

.datatable td a:hover{
	color:#000 !important;
}

.datatable tr.dohover:hover td {
	background-color:#CFDBF6;
}

.download, .new {
	clear:both;
	border:1px solid #3F71DC;
	color:#FFF !important;
	text-align:left;
	padding:2px 8px 3px 8px;
	display:block;
	text-decoration:none !important;
	background:#20396F url(../images/interface/download.gif) top right no-repeat;
	margin-top:1em;
}

.download:hover, .new:hover {
	background-color:#FFCC00;
	border:1px solid #FFF;
	color:#000 !important;
	background-position:right -100px;
}

.new {background:#20396F url(../images/interface/new.gif) top right no-repeat;}

.warning {
	background:url(../images/interface/warning-triangle.gif) no-repeat;
	padding-left:3em;
}

.attention {
	clear:both;
	border:1px solid #3F71DC;
	color:#FFF !important;
	padding:12px 16px 12px 16px;
	background:#20396F;
	margin-top:1em;
	text-align:left;
	margin-bottom:0.25em;
}

.attention h3 {
	margin-top:0em !important;
}

/* HEADER */

#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header li {
	padding: 0;
	margin: 0;
}

#header ul a {
	display: block;
	color:#fff;
	text-decoration: none;
	font-weight:bold;
	height:1%;
	position:absolute;
	font-size:1.1em;
}

#header .laser-systems a {
	background:transparent url(../images/buttons/laser-systems.gif) no-repeat;
	left:179px;
	top:103px;
	padding-left:30px;
	padding-top:10px;
	height:16px;
}

#header .software a {
	background:transparent url(../images/buttons/software.gif) no-repeat;
	left:239px;
	top:74px;
	padding-left:30px;
	padding-top:10px;
	height:16px;
}

#header .sub-contract a {
	background:transparent url(../images/buttons/sub-contract.gif) no-repeat;
	left:302px;
	top:51px;
	padding-left:27px;
	padding-top:10px;
	height:14px;
}

#header .materials a {
	background:transparent url(../images/buttons/materials.gif) no-repeat;
	left:365px;
	top:31px;
	padding-left:27px;
	padding-top:10px;
	height:12px;
}

#header .about-us a {
	background:transparent url(../images/buttons/about-us.gif) no-repeat;
	left:431px;
	top:18px;
	padding-left:21px;
	padding-top:10px;
	height:8px;
}

#header .home a {
	background:transparent url(../images/buttons/home.gif) no-repeat;
	left:495px;
	top:8px;
	padding-left:18px;
	padding-top:10px;
	height:6px;
}

#header ul a:hover, #header #current a {
	background-position:0 -100px;
	color:#FC0;
}

/*NAVIGATION*/

#navigation {
	width:141px;
	float:left;
}
 
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation li {
	padding: 0;
	margin: 0;
}

#navigation ul a {
	display: block;
	padding: 6px 20px 5px 8px;
	color:#fff;
	text-decoration: none;
	background:url(../images/interface/arrow.gif) right no-repeat;
	font-weight:bold;
	text-align:right;
	height:1%;
}

#navigation ul a:hover, #navigation ul .current a {
	color:#FC0;
}

#navigation ul ul.ssle {
	background:url(../images/interface/sec-nav-bg.gif) top left no-repeat;
	padding:5px 0;
}

#navigation ul ul.ssle {
	padding: 0 !important;
	margin-bottom:5px !important;
}


#navigation ul ul a {
	padding: 4px 20px 3px 8px;
	font-weight:normal;
	background:url(../images/interface/sec-arrow.gif) right no-repeat;
	color:#FFF !important;
}

#navigation ul ul a:hover, #navigation ul ul .current a  {
	color:#FC0 !important;
}

li.current-ssle a {
	background:url(../images/interface/sec-arrow-down.gif) right no-repeat !important;
}

li.current-ssle ul {
	background:none !important;
}

#navigation ul ul ul li {
	padding: 0;
		text-align:right;
			background:url(../images/interface/sec-ssle-bg.gif);
}

#navigation ul ul ul li a{
	background:url(../images/interface/sec-arrow-ssle.gif) right no-repeat !important;
	margin:0 !important; padding: 4px 20px 3px 8px !important; color:#000000 !important;
}

#navigation ul ul ul li a:hover  {
color:#FFFFFF !important;
}

#ailu {
	width:116px;
	display:block;
	padding-top:45px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:45px; /* for IE5/Win */
	background-image:url(../images/ailu-button.gif);
	float:right;
	margin-top:2em;
	margin-right:6px;
}

#ailu:hover {
	background-position:0 -100px;
}

#bartercard {
	width:116px;
	display:block;
	padding-top:23px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:23px; /* for IE5/Win */
	background-image:url(../images/bartercard-button.gif);
	float:right;
	margin-top:2em;
	margin-right:6px;
}

#bartercard:hover {
	background-position:0 -100px;
}

/* IDs */
	
#wrapper {
	width:780px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#bodywrapper {
	height:1%;
	width:780px;
	float:left;
	margin-bottom:40px;	
}

#mBody, #hBody {
	float:right;
	padding:0 20px;
	height:1%;
	min-height:275px;
	width:625px;
	font-size:1.1em;
	line-height:1.6;
	text-align:justify;
	color:#CCC;
	border-left:1px solid #FFCC00;
	voice-family: "\"}\""; voice-family:inherit;
	width:584px; /*box model hack for IE5*/
}

#hBody {
	width:310px;
	float:left;
	border:0;
}

* html #mBody {height:275px;} 

#nomenu #mBody {
	width:780px;
	border:0;
	voice-family: "\"}\""; voice-family:inherit;
	width:740px; /*box model hack for IE5*/
}

#mBody ul {
	list-style-type:none;
	text-align:left;
	margin-bottom:0;
	margin-top:1em;
}

#mBody ul ul {margin-top:0;}

#mBody ul li {
	padding-left:15px;
	background:url(../images/interface/bullet.gif) no-repeat 0 0.5em;
	margin-left:-15px;
}

#mBody ol li {
	padding-left:0;
	margin-left:-15px;
}

#mBody a, #hBody a {
	color:#FFCC00;
	text-decoration:none;
	font-weight:bold;
}

#mBody a:hover, #hBody a:hover {
	text-decoration:underline;
}

/*FOOTER*/

#footer {
	padding:9px 30px 0px 30px;
	background:#292929 url(../images/interface/footer.gif) repeat-y;
	height:33px;
	width:780px;
	clear:both;
	margin-top:1em;
	voice-family: "\"}\""; voice-family:inherit;
	height:24px;
	width:720px;
	position:relative;
}

#footer a {
	color:#666;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
	color:#FFF;
}

#backtotop {
	float:right;
}

#footer ul {
	float:left;
	width: auto;
	margin:0;
	padding:0;
	border:0;
	list-style: none;	
}

#footer li {
	float:left;	
}

#footer ul a {
	float: left;
	display: block;
	padding-right: 10px;
}

#copyright {
	clear:both;
	text-align:center;
	padding:10px 0;
	color:#333;
	height:1%;
}

#copyright a {
	color:#333;
	text-decoration:none;
}

#copyright a:hover {
	text-decoration:underline;
}

#flash {
	float:right;
	margin-bottom:20px;
	margin-left:20px;
	padding-top:1em;
}

/* FAQS */

.question, .questionon {
	background-color:#20396F;
	border:1px solid #3F71DC;
	color:#FFF !important;
	text-align:left;
	padding:2px 6px;
	margin-bottom:0px;
	margin-top:12px;
	display:block;
	text-decoration:none !important;
	font-weight:bold;
	width:278px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

.question:hover, .questionon {
	background-image:none;
	background-color:#FFCC00;
	border:1px solid #FFF;
	color:#000 !important;
}

.answer2, .question2 {
	width:500px;
}

.answer {
	padding:10px;
	padding-top:0;
	border:1px solid #FFF;
	border-top:0;
	background-color:#000;
	color:#CCC;
	width:270px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

.answer span {
	color:#FFCC00;
}

#faq .answer {
	width:auto;
}

#faq .question, #faq .questionon {
	width:auto;

}

/* KEY CONTACTS */

.contact {
	width:125px;
	float:left;
	text-align:center;
	margin-right:20px;
}

.contact img {
	display:block;
}

.contact strong {
	color:#FFF;
}

/* CONTACT US */

.label {
	float:left;
	width:100px;
}

.content {
	float:left;	
}

/* SIFR */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	margin:0; padding:0;
	line-height:30px;
	margin-bottom: 10px;
}

.sIFR-hasFlash h3 {
line-height:20px;
 	margin-top:20px; padding:0;
}


/* FLASH */

#plotting, #galvo, #vector, #raster, #yag, #co2, #watercool, #aircool, #fibre, #purex, #fumes, #fumes2, #tiles, #tiles2 {
	float:right;
	margin-top:1em;
	margin-left:20px;
	margin-bottom:20px;
}

#co2 {width:297px; height:181px;}
#yag {width:320px; height:172px;}
#raster {width:297px; height:190px;}
#vector {width:297px; height:189px;}
#galvo {width:297px; height:194px;}
#plotting {width:297px; height:185px;}
#watercool {width:340px; height:200px;}
#aircool {width:300px; height:300px;}
#fibre {width:380px; height:200px;}
#purex {width:225px; height:354px; margin-top:0;}
#fumes {width:340px; height:300px}
#fumes2 {width:340px; height:300px}

#anim {width:360px; height:330px; margin-top:3em; margin-left:100px;}

#map {width:450px; height:350px;}

#speedy300 {
	width:584px;
	height:262px;
}

#homeflash {
	position:absolute;
	width:350px;
	top:190px;
	left:400px;
	height:257px;
}

/* HOME */

#contents {
	position:absolute;
	width:335px;
	background:url(../images/home/bg.jpg) no-repeat;
	top:96px;
	left:400px;
	padding-top:43px;
	height:307px;
}

#contents ul {
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
}

#contents li {
	padding: 0;
	margin: 0;
	padding-left:50px;
	padding-top:10px;
}	

#butlasersystems, #butsubcontract, #butmaterials {
	display:block;
	width:242px;
	padding: 89px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:89px; /* for IE5/Win */
}

#butlasersystems {background-image:url(../images/home/laser-systems.gif);}
#butsubcontract {background-image:url(../images/home/sub-contract.gif);}
#butmaterials {background-image:url(../images/home/material.gif);}

/* TABS */

#tabs {
	position: relative;
	padding: 0;
	height: 50px;
	margin-bottom: 1em;
	margin-top:3px;
	border-bottom:1px solid #FFCC00;
	voice-family: "\"}\""; voice-family:inherit;
	height: 2em;
}
 
#tabs ul {
	width: auto;
	position: absolute;
	bottom: 0;
	right:0;
	margin: 0;
	padding: 0 20px 0 0;
	list-style: none;
	z-index: 90; /* below the H1 */
}

* html #tabs ul {bottom:-1px;}

#tabs ul li {
	float: left;
	background: transparent url("../images/buttons/header-tab.gif") 100% -400px no-repeat;
	padding: 0 12px 0 0;
	margin: 0 5px 0px 0;
}
#tabs ul a {
	float: left;
	display: block;
	padding: 4px 2px 4px 14px;
	background: transparent url("../images/buttons/header-tab.gif") 0% -400px no-repeat;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#tabs ul a:hover {
	text-decoration: none;
}
/* JCFX: Moved currenttab from id to class selector to make programming easier */
#tabs ul li:hover a {background-position: 0% -600px;}
#tabs ul li:hover {background-position: 100% -600px;}
#tabs ul #currenttab a, #tabs ul #currenttab a:hover {background-position: 0% -200px; color:#000}
#tabs ul #currenttab, #tabs ul #currenttab li:hover {background-position: 100% -200px;}

/* PRODUCT PORTFOLIO */

#brands {
	width:262px;
	background:url(../images/brands/bg.gif) no-repeat;
	height:208px;
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:1.5em;
}

#brands ul {
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
}

#brands li {
	padding: 0 !important;
	margin: 0 !important;
	padding-left:10px !important;
	padding-top:10px !important;
	background-image:none !important;
}	

#butlotus, #butevolution {
	display:block;
	width:242px;
	padding: 89px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:89px; /* for IE5/Win */
}

#butevolution {background-image:url(../images/brands/evolution.gif);}
#butlotus {background-image:url(../images/brands/lotus.gif);}

/* PAGING */

.datatable table td a {
	background-color:#20396F;
	color:#FFF !important;
	border:1px solid #3F71DC;
	display:block;
	padding:3px 5px;
	text-decoration:none !important;
	font-size:1.1em;
}

.datatable table td a:hover {
	background-color:#3F71DC;
	color:#FFF !important;
}

.datatable table, table table td {
	border:0 !important;
	margin:0 !important;
	padding:0 !important;
}

.datatable table td span {
	background-color:#FFCC00;
	border:1px solid #BE9800;
	color:#000 !important;
	display:block;
	padding:3px 5px;
	font-weight:bold;
	font-size:1.1em;
}

/* CATEGORY PAGE LISTINGS */

.gallery a img{
float:left;
margin:6px;
border: 1px #CCCCCC solid;
}

.gallery a:hover img{
float:left;
margin:6px;
border: 1px #ffcc00 solid;
}

p.product {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0;
	margin:0;
	margin-top:1em;
}

p.product img {
	float:left;
	margin-right:12px;
	border-style:none;
}

p.product a {
	height:72px;
	text-decoration:none !important;
	display : block;
	background-color:#666;
	border:1px solid #FC0;
	padding:11px 15px 11px 11px;
}

p.product a:hover {
	background-color:#999;
	text-decoration:none;
}

p.product br {
	display:none;
}

p.product strong {
	display:block;
	font-weight:bold;
	padding:0;
	margin:0;
	margin-bottom:5px;
	margin-top:3px;
	font-size:1.1em;
	color:#FC0;
}

p.product span {
	cursor:pointer;
	font-weight:normal !important;
	color:#FFF;
}

.portfolio-link a{
display:block;
text-align:center;
padding:8px 0px 0px;
background-color:#FFCC00;
color: #000000 !important;
width:100%;
height: 30px;
}