/* SINGLE DEFAULT STYLE SHEET

    Modified 2007 09 */



/*---- AREA0: CLEANUP ----*/

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* derived from UndoHTML by Tantek Celik */



/* link underlines can make hypertext less readable */

/* I often reverse this, as users are used to underlined */

:link,:visited {text-decoration:  none;}



/* list often used for menus etc, so remove icons etc */

ul,ol {list-style:none;}



/* avoid browser default inconsistent heading font-sizes */

/* and pre/code too */

h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}



/* remove the inconsistent (among browsers) default ul,ol padding or margin  */

body,html,ul,ol,li,h1,h2,h3,h4,h5,h6,p {

  margin: 0;

  padding: 0;

}



pre,form,blockquote,fieldset,input

  {margin: 0;

  padding: 0;}



/* get rid of stupid borders round linked images */

a img,:link img,:visited img,:hover img {border: none}



/* de-italicize address */

address {font-style:normal}



/*---- AREA1: TYPOGRAPHY ----*/

/* typographic settings for site, font typs & sizes*/

/* line-height is included here, as is list styling */

/* list style type is included as well */



body{font: normal normal 100% Arial, Tahoma, Helvetica, sans-serif;}



:link,:visited {text-decoration: underline}



/*--- header details ---*/

h1, #header p.shadow, cont_sec {

  font-weight: bold;

  font-size:  145%;

  text-align: right;



}



#header span.kword {font-size: 100%;}

#header p.shadow{font-style: normal;}



/*--- content detail ---*/

h2 {

  font-weight: bold;

  font-size: 100%;

}



h2 span.subsect{font-size: 75%; font-weight: normal; font-style: italic;} /*ferrous prob sub pages*/

h2 span.h2link {font-size: 75%; font-weight: normal; padding-left: 20px}

h2 span.h2link a {border-right: 0;}



#content li {list-style-type: disc;}



#content em, #cont_sec em {

  font-weight: bold;

  font-style: normal;

}



#content p, #content li {

  font-size: 75%;

  line-height: 170%;

  margin-bottom: 0.5em;

}

#content .gbox_tr li {

  line-height: 115%;

}





#col1 .transparent li {

  font-size: 80%;

}



#col1 #prodbenefits p, #col1 #prodbenefits li {

  font-size: 75%; 

  font-weight: bold;

  line-height: 175%;

  list-style-type: none;

  padding-left: 25px;

  /*border-left: 1px solid black;*/

  margin-left: 0;

}



#cont_sec_marg{

  font-weight: normal;

  font-style: normal;

  font-size:  70%;

}



#cont_sec h2 {

  text-align: left;

}



#cont_sec h3 {

  font-size: 80%;

  font-weight: bold;

}



#cont_sec p{

  line-height: 120%;

}



#cont_sec p a em{

  font-weight: bold;

  font-style: normal;

}



#cont_sec li {

  text-align: left;

  line-height: 1.25em;

  margin-bottom: 0.05em;

  list-style-type: disc;

  /*padding-left: 10px;*/

  list-style-position: inside;

}



a.a_lnk {font-size: 50%;}



/*--- logo detail ---*/



/*--- footer detail ---*/

#footer p{

  font-weight: bold;

  font-size: 70%;

  text-align: center;

  margin-bottom: 5px;

}

/*----- AREA2: COLOUR ----*/

/* Purpose:

  colour schemes

  borders

  background pics

  links */



/*--- general ---*/

body {

  color: black;

  background-color: white;

  /*background-attachment: fixed;*/

}



/*--- links --- */

a:link {

  color: #000099; /*#0000C8;*/

  border-right: 1px solid white;

  text-decoration:  none;

  background: white url(/images/magnom/css/under_l.gif) repeat-x bottom left;

}

/* #industry a.a_lnk {border-right: 1px solid transparent;} */



a:visited{

  color: #800000;

  border-right: 1px solid white;

  text-decoration: none;

  background: transparent url(/images/magnom/css/under_v.gif) repeat-x bottom left;

}



a:hover , #industry a.a_lnk:hover{

  color: black;

  background-color:  #EDEDDC;

  background-image: none;

  border-top: 1px solid  #DCDCDC;

  border-right: 1px solid black;

  border-bottom: 1px solid black;

}



a:active {

  color: red;

  background-color: green;

}



/* suppressing linked text underlines for images in links via class */

a.a_lnk, a.a_lnk:link, a.a_lnk:visited,  a.a_lnk:hover{

  background-color: transparent;

  background-image: none; /*suppresses dotted underline graphic*/

  border: 0;

}

#industry img {

  border-top: 2px solid  #DCDCDC;

  border-left: 2px solid white;

  border-right: 2px solid #696969;

  border-bottom: 2px solid #696969;

}



a:hover img {background-color: #EDEDDC;}

#logo a:hover img {

  background-color: #EDEDDC;

  border-right: 1px solid black;

  border-bottom: 1px solid black;

}



/*--- header details ---*/

h1 {color: white;}



#header {border-top: 1px solid white;} /*needed for logo at top of header*/

#header p.shadow {color: black;}/* #000099;}*/

#header_marg {

  background: #B5C8E6 url(/images/magnom/filter.jpg) no-repeat top left;

}



/*--- content detail ---*/

#content {background-color: #F4F4EC;}

#content .backclear{background-color: white;}



#content_marg {

  border-left: 2px solid #D3D3D3;

  border-right: 2px solid #D3D3D3;

}



#col1 {

  background-color: white;

  background:  url(/images/magnom/css/cont_top.gif) repeat-x top left;

}



#cont_sec {

  border-top:1px solid transparent;

  background: #B5C8E6 url(/images/magnom/css/headergrad.jpg) repeat-x top left;

}

#cont_sec a:link, #cont_sec a:visited{

  background-color: #B5C8E6;

  border-right: 1px solid #B5C8E6;}



#content img.picleft, #content img.picright {

  border: 2px solid black;

}



h2 {background-color: #EDEDDC;}

#cont_sec h2 {background-color: transparent;}





#cont_sec li {

  /*background: transparent url(/images/magnom/css/drop10.gif) no-repeat top left;

  padding-left: 10px;*/

}



#col1 #prodbenefits li {

  background: url(/images/magnom/css/button22.jpg) no-repeat 0 0.15em;

}



#summary li {list-style: disc url(/images/magnom/css/dots2.gif) outside;}



/*--- logo detail ---*/



/*--- footer detail ---*/



#footer_marg {

  color: black;

  border: 2px solid #D3D3D3;

  border-top: 0;

  background: white url(/images/magnom/css/footere.jpg) no-repeat bottom left;

}



#footer_marg span{

  background: transparent;

}



/* these 4 items create a nice boxed outline round a section of content */

.gbox_tl {

  margin: 0;

  padding: 0;

  background: url(/images/magnom/css/box_tl.jpg) no-repeat top left;

  max-width: 600px;

  position: relative;



  z-index: 100;



}

.gbox_tr {

  padding: 0 10px 5px 10px; /*padding round content*/

  background: url(/images/magnom/css/box_tr.jpg) no-repeat top right;

  position: relative;



  z-index: 200;

}



.gbox_tl .gbox_tr h2 {

  position: relative;

  padding: 25px 0 0 0;

  margin:  0 10px 0.5em 10px;

  border-bottom: 1px solid red;

  background-color: transparent;

}



.gbox_bl {

  background: url(/images/magnom/css/box_bl.jpg) no-repeat bottom left;

  padding-top: 21px; /* height of bottom left graphic */

  margin-right: 21px; /* width of bottom right graphic */

  /*next two lines force display in IE */

  position: relative;

  z-index: 500;

}

.gbox_br {

  background: url(/images/magnom/css/box_br.jpg) no-repeat bottom right;

  position: relative;

  z-index: 1000;

  /*margin-bottom: 5px;*/

}



#home #prod .gbox_bl {

  /*clear: both;*/

}

/*------ AREA3: LAYOUT ---*/

* layout of pages start with main sections */



/*--- main sections ---*/

#body {width: 100%;}



#header, #content, #footer {

  width: 80%;

  left: 4%;

}



#header {

  position: relative;

  padding-top: 0;

  padding-bottom: 1.15em;

}



#header_marg {

  position: relative;

  margin: 42px 0 10px 0;

  /*padding-bottom: 35px;

  min-height: 88px;*/

  height: 122px;

}



#content {

  /*min-width: 600px;*/

  position: relative;

  margin-top: -2px; /*IE pulls content up to nav */

}



#content_marg {

  position: relative;

  width: auto;

  margin-top: 2px;

}



#col1 {

  position: relative;

  left: 0;

  padding: 0;

  margin: 0;

}



#col1_marg {

  position: relative;

  padding: 4px 2px 2px 2px;

  margin: 0;

}



#cont_sec {

  position: absolute;

  top: 43px;

  left: 84%;

  width: 14%;

  margin: 0 0 0 10px;

}



#footer {

  position: relative;

  padding: 0;

  margin: 0;

}



#footer_marg {

  /*width: 100%;*/

  margin: 0;

  padding: 50px 0 110px 0;

}



/*--- header details ---*/

h1 {

  padding-top: 20px;

  padding-right: 5px;

  /*next needed for shadow*/

  z-index: 1000;

  position: relative;

}



#header p.shadow {

  position: absolute;

  width: 100%;

  z-index: 1;

  top: 22px;

  right: 0;

  padding-right: 3px;

}



#kwords {

  position: relative;

  display: block;

  margin-top: 5px;

  margin-left: 10px;

  margin-bottom: -1em;

}



#header span.kword {

  display: block;

}



#headerpic {

  position: absolute;

  top: 0;

  right: 1px;

}



/*--- content detail ---*/

h2 {

   padding: 0.75em 0 0.25em 10px;

   margin-bottom: 0.5em;

}



h3 {

  padding: 25px 0 0 0;

  margin:  0 10px .1em 10px;

  border-bottom: 1px solid silver;

}



#content p{

  padding-left: 10px;

  padding-bottom: 0.5em;

}



#content li{

  margin-left: 25px;

  padding-left: 0em;

  padding-bottom: 0.5em;

}



#content #cont_sec li {

  padding-left: 15px;

  margin-left: 10px;

}



div.product {

  clear: both;

  margin-left: 5%;

  width: 90%;

  margin-bottom: 1em;

}



* html #content div.product p {

  padding: 0;

}



#content img.picleft {

  /*display: inline;*/

  position: relative;

  float: left;

  margin: 10px 20px 10px 20px;

  padding: 6px;

}

#content img.picleft_nob {



  position: relative;



  float: left;



  margin: 10px 20px 10px 10px;



  padding: 6px;



}

#id_study #content img.picleft {margin-left: 0;}



#content img.picright {

  /*display: inline;*/

  position: relative;

  float: right;

  margin: 10px 20px;

  padding: 6px;

}



.picclear {clear: both;}



.indent {margin-left: 35px;}



/*- selector for case studies/news/distribs */

#mag_cat_sel {

  position: relative;

  float: right;

  width: 25%;

  color: black;

  background-color: #eee;

  margin-left: 10px;

}



#mag_cat_sel h3 {

  margin:0 0 0.1em 0;

  padding: 0.75em 10px 0.2em 10px;

  border: 0;

  color: black;

  background-color: #EDEDDC;

}



#mag_cat_sel ul , #mag_cat_sel li ,#mag_cat_sel p{

  padding: 0;

  margin: 0 0 0 10px;

  line-height: 150%;

  background-color: transparent;

}

#mag_cat_sel #email_note p {padding-left: 10px;}



#mag_cat_sel form{

  padding: 0;

}



#mag_cat_sel select, #mag_cat_sel input {

  font-size: 75%;

  margin: 5px 0 5px 10px;

}



#mag_cat_sel p a{

  background-color: transparent;

  background: none;

  border: 0;

}



#mag_cat_sel p a:hover {

  background-color:  #EDEDDC;

  border-bottom: 1px solid black;

}



#mag_cat_sel #email_note p{margin-left: 0;}



/* misc */

#email_note input{ margin: 0 0 0 10px;}



p.backtoparent {

  float: left;

  position: relative;

  font-size: 75%;

  margin: 0 10px 0 0;

  color: black;

  background-color: silver;

}



#map {

   margin: 20px;

   border: 2px solid black;

}



/*--- secondary content detail ---*/

#cont_sec_marg {margin: 15px 5px 15px 5px;}



#cont_sec #searchtool, #cont_sec #use_links {

   padding-bottom: 0.1em;

   border-bottom: 3px solid black; /*#D3D3D3;*/

   margin: 0 0 1em 0;

}



#cont_sec #searchtool input.submit{

   position: relative;

   margin: 3px 0 0 10px;

   right: 0;

   font-size: 70%;

}



#cont_sec h2{

  padding: 0.5em 10px 0 0;

  margin: 0;

}



#cont_sec h3 {

  padding-left: 20px;

  margin-top: 5px;

}



#cont_sec p {padding: 0 10px 0.5em 0;}



/*--- logo detail ---*/



#logo {

  position: absolute;

  width: 100%;

  top: 7px;

  text-align: left;

  margin-left: 0;

  margin-top: 0;

}



#logo h2 {

    position: absolute;

    left: 290px;

    top: 32px;

    margin-top: -1em;

    font-weight: bold;

    font-style: italic;

    color: #084A94;

    text-transform: uppercase;

    padding: 0;

    background: transparent;

    

}



#logo img {z-index: -1;}



/*--- footer detail ---*/

#footer span {padding: 4px;}



/*--- specific to home page [central patch -- */

.centered {text-align: center;}



#industry {

  clear: left;

  padding: 15px 0 0 0;

  text-align: center;

  margin-left: 0;

}



#industry img {margin: 0 5px 5px 5px;}



#industry p{padding-bottom: 5px;}



.em1 {margin-top: 2em;}



.clear, .clearnav {

  clear: both;

}



/* this is purely for hidding text that is made rudundant in

the full graphical display, but is good for 'semantic' layout

and also for accessibility purposes, e.g. 'skip to nav'.

Note that screen readers will read text hidden by this class */

.hidden {

	position:absolute;  /*remember this is relative to parent with positioning */

 	left: -500px;

 	top: -500px;

 	width: 1px;

 	height: 1px;

 	overflow: hidden;

}





/*------ AREA4: NAV ------*/

/*--- navigation layout/font/colours in one place ---*/



#nav {

  text-align: left;

  margin-top: 10px;

  margin-left: 0px;

  /*next 2 lines VITAL because IE would insert large gap beneath if not present */

  margin-bottom: -1em;

  width: 100%;

}

#nav_marg {

  margin-right: 2px;

}



#nav ul {

  margin: 0 0 0 0;

  padding: 0;

  list-style: none;

  width: 100%;

  float: left;

  background-color: #F4F4EC; /*#EEEEEE;*/

  border-right: 2px solid #D3D3D3;

}



#nav ul li {

  margin-top: 0px;

  float: left;

  background-color: #F4F4EC;

  background:transparent url(/images/magnom/css_nav/menuback_r.jpg) no-repeat top right;

  font: bold 90% Arial, Tahoma, Helvetica, sans-serif;

}





#nav a {

  display: block;

  padding: 0 5px 0 10px;

  margin-bottom: 0px;

  font-size: 75%;

  line-height: 2.5em;

  color:  black; /*#000099;*/

  background: transparent url(/images/magnom/css_nav/menuback_l.jpg) no-repeat top left;

  font-weight: bold;

  border-right: 1px solid white;

}



#nav a:link, #nav a:visited {text-decoration: none;}



#nav a:visited {color: #000099;} /*#96A9CA;}*/



#nav a:hover {

  color: white;

  background-color: blue;

  /*missing graphic forces colour over entire box */

  background: blue url(/images/magnom/css_nav/navul_.gif) no-repeat top left;

  border-bottom: 0;

  border-top: 0;

  border-left: 0;

}



#nav a:active {

  color: blue;

  background-color: white;

}



#home #nav #tb_home a,

#id_prod #nav #tb_prod a,

#id_ind #nav #tb_ind a,

#id_app #nav #tb_app a,

#id_study #nav #tb_study a,

#id_bene #nav #tb_bene a,

#id_tech #nav #tb_tech a,

#id_oem #nav #tb_oem a,

#id_dist #nav #tb_dist a,

#id_news #nav #tb_news a,

#id_cont #nav #tb_cont a {

  background: url(/images/magnom/css_nav/menuback_lcurr.jpg) no-repeat top left;

  color: red;

}



#breadcrumbs {

  font-family: Verdana;

  font-size: 65%;

  color: black;

  position: absolute;

  top: 2px;

  right: 5px;

  text-align: center;

  background-color: white;

}



/*--- local navigation --- */

/* two possible, but can appear on same page - hence doubling */

#nav_local , #nav_local_tech{

  font-size: 75%;

  background-color: #eee;

  margin: 0;

}



#nav_local p, #nav_local_tech p{

  margin: 0;

  padding: 2px 2px 1px 2px;

  text-align: left;

}



#nav_local a, #nav_local_tech a {

  padding: 2px 1px 0 1px;

}



#nav_local a.emphasis , #nav_local_tech a.emphasis{

   /*font-weight: bold;

   font-size: 130%;*/

}



#nav_local a:link, #nav_local a:visited,

#nav_local_tech a:link, #nav_local_tech a:visited {

  color: black;

  background-color: #ddd;

}



#nav_local a.imhere, #nav_local_tech a.imhere {

  color: red;

  font-weight: bold;

  font-size: 120%;

  padding: 2px 3px 0 3px;

  border-left: 1px solid silver;

  border-right: 2px solid silver;

  background: white url(/images/magnom/css_nav/menulocalcurr.gif) no-repeat top left;

 }