body {
	font-family: Arial, Helvetica, sans-serif; margin: 0; background-color:black; color:white;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

.contentdiv {position:absolute; width:100%; margin: 0 auto; left:0px; top:120px}
.contentdiv2 {
	width:980px;
	margin: 0 auto;
	background-color:black;
}

/*This exists so the bottom bar always flows underneath content*/
.contentdiv3 {width:100%;}
.contentdiv4 {width:980px; margin: 0 auto; background-color:black; font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height:140%; color: #cfcfcf;}
.actiniccontent {font-family: Helvetica, Arial, sans-serif; font-size:10px; color: #cfcfcf;}

.content_leftdiv {float:left; width:490px}
.content_leftdiv1 {float:left; width:460px}
.content_rightdiv {float:right; width:490px}
.content_rightdiv1 {float:right; width:460px}

.indexcentre {width:100%; height:68px; text-align:right; background-image:url(images/nav/index_centrebreak.gif);}

.bottombar1 {width:100%; height:60px; text-align:right; background-image:url(images/nav/bottomnav_bg3.gif);}
.bottombar {width:100%; padding:0px; margin:0px; border-top:solid 1px #737373}
.bottombarmenu {width:100%; height:45px; text-align:right; background-image:url(images/nav/bottomnav_bg2.gif);}
.bottombarbottom {width:100%; height:89px; background-image:url(images/nav/bottomnav_bg1.gif); text-align:right}

.topbar {width:100%; margin:0 auto; position:absolute; left:0px; top:25px}
.topbar2 {width:980px; margin:0 auto}
.topbartop {}
.topbartopleft {width:60%; float:left}
.topbartopright {width:40%; float:right; text-align:right; vertical-align:bottom}

.topbarmenu {position:absolute; width:100%; left:0px; top:90px}
.topbarmenu2 {width:980px; margin:0 auto; background-image:url(images/nav/topnav_bg2.gif); height:25px}
.topbarmenuleft {float:left; width:70%; height:25px; padding-top:7px}
.topbarmenuright {float:right; width:30%; height:25px; text-align:right }

p.loginerror { line-height:130%; font-size:70%; text-align:center; width:100%; color:#b2b2b2; position:relative; top:10px; margin-bottom:18px}
p.loginerror a:link {color:#0066cc}
p.loginerror a:visited {color:#0066cc}
p.smallgray { line-height:130%; font-size:70%; color:#b2b2b2; display:inline}


textarea {background-color:#333333; color:white; border:solid 1px gray; font-family: Helvetica, Arial, sans-serif; font-size: 80%; line-height:130%; font-weight:bold}
select {font: normal 11px Helvetica, Arial, sans-serif; color:#cfcfcf ; background: #000000;  position: absolute; width:450px; margin-top:25px}
.selectwrapdiv {display:inline; position:absolute; }

input.email {color:white; background-color:#000000; border:0; font-size:9px; margin-bottom:4px}
.formdiv {min-height:30px; line-height:130%; font-size:70%; position: relative; overflow: hidden}
table.formtable1 { border:0px}
table.formtable1 td {padding:5px; border:0px}
table.formtable1 tr > td:first-child {text-align:right}

p.formerror {color:white; font-size:10px; display:inline}
p.formerror a:link {color:#0066cc}
p.formerror a:visited {color:#0066cc}

table.productdetailstable {border:0px; margin-bottom:30px}
table.productdetailstable td {border:0px; padding:5px; vertical-align:top}
table.productdetailstable tr > td:first-child {font-weight:bold; color:white}
table.productdetailstable tr { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #b2b2b2; background-color: #000000; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px}
table.productdetailstable a:link {color:#0066cc}
table.productdetailstable a:visited {color:#0066cc}

table.contenttable {border:0px; margin-bottom:30px; width:100%}
table.contenttable td {border:0px; padding:5px}
table.contenttable tr:first-child {font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; background-color: #333333; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px}
table.contenttable tr { background-color:#181818; border:0px; text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 70%; color: #b2b2b2; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 0px}
table.contenttable a:link {color:#0066cc}
table.contenttable a:visited {color:#0066cc}
/*table.contenttable a:hover {color:white; text-decoration:underline}
table.contenttable a:active {color:#0066cc}*/

a.whitelink {color:white; font-size:12px}
a.whitelink:visited {color:white}

.img {display:block}


/* STYLES FOR OVERVIEW PAGES */

.nav2 {width:100%; margin:0px}

/*The same, but for text links*/
.nav3 {width:100$; margin:0px}
.nav3 a {color:#cccccc; text-decoration:none; font-weight:bold; vertical-align:top; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding-left:25px; padding-right:25px; position:relative; top:2px}
.nav3 a:hover {color:white}

H1{font-family: Helvetica, Arial, sans-serif; font-size:115%}
H2{font-family: Helvetica, Arial, sans-serif; font-size: 90%; line-height:170%; font-weight: bold; color: #ffffff; display:inline}
H3{font-family: Helvetica, Arial, sans-serif; font-size: 100%; line-height:180%; font-weight: bold; color: #ffffff; display:inline}
H4{font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height:170%; font-weight: bold; color: #ffffff; display:inline}
p.content{font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height:140%; color: #cfcfcf; display:inline}
.nforce_logo {float:left; width:470px; height:100px; background-color:#000000; padding-top:20px; padding-left:0px}

/* RULES FOR THE "MENUDIV" OBJECT */

/* JB created - for information panels, not lists of links */

.menupaneldiv {width:310px; position:absolute; left:-10000px; visibility:hidden; z-index:1000; font-family: Helvetica, Arial, sans-serif; font-size:80%; background-color:#1d1d1d; padding-left:5px; padding-right:4px; padding-top:5px; padding-bottom:4px}
.imagecontainer {width:100%; margin-top:30px; text-align:center}
.menupanelname {font-size:11px; font-weight:bold; padding-left:4px}
table.menupaneltable {font-size:10px; background-color:#333333; border-collapse:collapse}
table.menupaneltable td {border:solid 1px #1d1d1d; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:2px}
table.menupaneltable tr > td:first-child {font-weight:bold}

/* An absolutely positioned and hidden DIV (treated as a layer in NS4). */
.menudiv {
	position: absolute;
	visibility: hidden;
	z-index: 1000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}


/* Formatting to apply to the elements inside the "menudiv" class elements. */
/* Of course, you can put whatever you want within the menu divs, these are just examples. */

.menudiv .header {
 width: 100%;
 font-weight: bold;
 text-align: center;
 border-bottom: 2px dashed #999966;
 margin-bottom: 5px;
}

.menudiv a {display: block;
color: #ffffff; 
padding:4px;
padding-right:40px;
border-collapse:collapse;
background-color:#1d1d1d;
text-decoration: none;
}

/* I'm using :hover and :active pseudo-classes for link mouse effects. */
.menudiv a:hover {
background-color:#363636;
}

.menudiv a:active {
 color: #FFFFFF;
}

/*
The script will automatically assign a class of "highlighted" to elements that currently
have an active submenu, so here's a little CSS to format links within a .menudiv element.
*/
.menudiv .highlighted {
 color: #FFFFFF;
}
.trigger {display:inline}
/* The links in the upper-left that pop out 'divMenu' menus. */
.trigger a {
 text-decoration:none; color:white; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#ffffff; margin-left: 20px; margin-right:24px; cursor:hand
}

/* Likewise, style active trigger links */
.trigger a.highlighted {
 color: cccccc;
}

/* Styles for technical specification pages*/
td.section { text-align: right; font-family: Helvetica, Arial, sans-serif; font-size: 70%; font-weight: bold; color: #ffffff; background-color: #333333; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px}
td.tablecontent { text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 70%; color: #cfcfcf; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 0px }
.tablecontentleft { float:left; width:250px; text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height: 140%; color: #cfcfcf; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 0px }
.tablecontentleftfull { float:left; width:400px; text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height: 140%; color: #cfcfcf; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 0px }
.tableimageholder { float:right; display:inline; width:50px; padding-right:70px }
.tableimageholder2 { float:right; display:inline; width:50px; padding-top:20px; padding-right: 90px }

/* Styles for overview pages*/
.overviewcontentleft {float: left; font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height:140%; color: #cfcfcf; display:inline}
.overviewcontentlefttext {float: left; font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height:140%; color: #cfcfcf; width:180px; display:inline}
.overviewcontentright {float: right; font-family: Helvetica, Arial, sans-serif; font-size: 70%; line-height:140%; color: #cfcfcf; width:250px; padding-top:10px; padding-left:30px; display:inline}