html {height: 101%;} /* ensures v-scroll bar is always visible - stops jerky recentering */
html, body {margin:0px; padding: 0px; 
}

body {color: #000;font-family: Arial, Serif; font-size: 1em; 
 background-color: #fff;
  /* for MSIE 5 centering */
  text-align: center;
  /* prevent negative left-margins Navigator 6+/Mozilla on Win32: */
  min-width: 48em;
}
.contact_field  {margin: 1em 0;padding: 1em;border:1px solid black;background:#fff;}
.contact_legend {color:black}
.contact_label {float:left;width:150px;font-size:12px;font-family:arial,sans-serif;}

/************************** *
* Universal Selector styles *
* ***************************/

a {color: blue; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
a:hover {color: red;}
a:active {color: green;}

form {margin:0px;padding:0px 0px 0px 0px;border:0px;}
input{border:1px solid #9933cc;background-color: #eee;}
select{border:0px solid #000000;background-color: #eee;}
textarea{border:1px solid #000000;background-color: #eee;}
ol { list-style-position:inside; }

H1{color: #000; font-size: 1em; font-weight:bold; font-family: Arial, Serif; margin-bottom:1em;}
H2{color: #000; font-size: 1em; font-weight:bold; font-family: Arial, Serif; margin-bottom:0.5em;}
H3{color: #000; font-size: 1em; font-weight:bold; font-family: Arial, Serif; margin-bottom:0.5em;}

/*+++++++++++++++++ *
* layout containers *
* +++++++++++++++++ */

#main {width:48em; margin:5px auto; text-align:left; background-color:#fff;}



#header {position:relative;width:48em; margin: 0px auto; height:4.18em; background:#0c06aa;}
#logo {position:absolute; top:12px; left:20px;}
#header_title {position:absolute; top:22px; left:71px;}

#postcode_search {position:absolute; top:5px; right:0em; height:67px; width:30.6em; background:#0c06aa;font-size:0.75em;}

#pc_txt {margin-top:2em; margin-left:10px; width:16.4em; float:left; color:#fff; }
html>body #pc_txt {margin-top:2.1em;}

/*
#place_txt {margin-top:0.5em; margin-left:10px; width:16.4em; float:left; color:#fff; }
html>body #place_txt {margin-top:0.5em;}
*/

input#pc_input {margin-top:1.8em; margin-left:5px; margin-right:5px; width:7em;  float:left; }

/*
input#place_input {margin-top:0.3em; margin-left:5px; margin-right:5px; width:7em;  float:left; }
*/

#pc_go input{margin-top:1.6em; width:1.85em; height:1.85em; background-color:#FF0000; color:#fff; padding:0px;}
html>body #pc_go input{margin-top:1.6em; }


#content
{
	margin-left:11.5em; background-color:#fff; padding:10px; padding-top:0px; width:35em; 
}
html>body #content
{
margin-left: 11.5em; width:35em;
}

div#content ul li strong a {color:blue;}
div#content ul li strong a:hover {color:red;}

div#content ul li a {color: blue; text-decoration: none;}
div#content ul li a:hover, a:active {text-decoration: underline;}
div#content ul li a:hover {color: red;}
div#content ul li a:active {color: green;}

#content_float {float:left; width:34.9em; overflow: auto;}
html>body #content_float {width:35.4em;}

#content_fs {} /*used by fontsize files*/

#middle {background-image: url(../images/bg_left.gif); background-repeat: repeat-y; background-position: 0 0; overflow:hidden;}

#menu_left
{	
	overflow: auto;
	margin: 0px;
	width:11.5em; /*used by ie5 and 5.5 */
	float:left;padding: 0px;
	/*display: inline; stops ie from doubling the left margin*/
	display: inline;
	voice-family: "\"}\"";voice-family:inherit;width:11.5em; /*used by ie6 */
}
/* this for firefox and opera = content margins, padding and this width = main container width*/
html>body #menu_left { width:11.5em; margin-left: 0px;}
#menu_left a {font-size: 1em; text-decoration:none; color:white;}
#menu_left a:hover{color:yellow;text-decoration: underline;}
#menu_left a:active{color:yellow;text-decoration: underline;}

#menu_left ul li.active_link{background-image: url(../images/larrow.gif); padding-right:10px; background-position: 100% 0.35em; background-repeat: no-repeat; text-decoration:underline;}

#menu_left_bg {	background-color:#0c05aa;width:11.5em;	margin: 0px;}


#header_pic_insert{background-color:#fff; width:36.475em; overflow:hidden;}
#header_pic_insert img{border:0px; margin-bottom:-3px;}
html>body #header_pic_insert{width:36.5em; }

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #menu_left {
  margin-right: -3px;
  }

* html #header_pic_insert {
  margin-left: 0px;
  }
 
/* End hide from IE5/mac */



#left_nav_bot {
width:11.5em; 
background-image: url(../../images/left_nav_bot.gif); background-repeat: no-repeat; background-position: right bottom; height:100px; width:11.5em;
}

.menu_static
{
	padding: 5px;border: 0px;
	width: 10.5em; /*used by ie5 and 5.5 */
	voice-family: "\"}\"";voice-family:inherit;width: 10.5em; /*used by ie6 */
}
/* this for firefox and opera = content margins, padding and this width = main container width*/
html>body .menu_static { width: 10.5em; }

#menu_admin { position:absolute; top: 33px; left: 6px; }
#menu_admin ul li a {font-size:0.95em; text-decoration: none; color:#fff;}
#menu_admin ul li a:hover{text-decoration: underline; color:yellow;}

div#menu_admin ul  {padding: 2px;  margin-left: 20px; margin-bottom:0px; margin-top:0px;}

#menu_left div.menu_static a{font-size: 0.85em; text-decoration:none; color:white;}
#menu_left div.menu_static a:hover{color:red;text-decoration: underline;}
#menu_left div.menu_static a:active{color:green;text-decoration: underline;}

.menu_dynamic {
text-align: left;
	padding: 5px; border:0px;
	width: 10.5em; /*used by ie5 and 5.5 */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 10.5em; /*used by ie6 */
}
/* this for firefox and opera = content margins, padding and this width = main container width*/
html>body .menu_dynamic { width: 10em; }

#footer{position:relative;width:48em; height:96px; margin: 0px auto; }
#footer a {text-decoration:none; font-size: .9em; color: blue;}
#footer a:hover, #footer a:active {text-decoration:underline;}
#footer a:hover {color: red;}
#footer a:active {color: green;}

/*++++++++++++++++++++++++ *
* end of layout containers *
* ++++++++++++++++++++++++ */

.error {color: red; font-weight: bold;}
.heading {color: #000; font-size: 1.1em; font-weight: bold;	text-decoration: underline;}
.wtext {color: #fff;}
.wtext A {color: #fff; text-decoration: none;}
.wtext A:hover, .wtext A:active {text-decoration: underline;}
.wtext A:hover {color: yellow;}
.wtext A:active {color: green;}

ul.ul1 {list-style-type: none; padding: 2px;margin-left: 1em; color:blue;}
ul.ul1 li{padding-bottom:3px; }
ul.ul1 li ul {list-style-type: square;padding: 2px; margin-left: 1em; color:blue; }
ul.ul1 li ul li ul {list-style-type: none;padding: 2px; margin-left: 0.25em; color:blue; }

.ul2 { list-style-image: none; list-style-type: square; padding: 2px; margin-left: 0.25em; color:blue; }
.ul3 { list-style-image: none; list-style-type: circle; padding: 2px; margin-left: 0.25em; color:blue; }

div.breadcrumb {width:100%;}
div.breadcrumb p {font-weight:bold; font-size:1em; margin:12px 0px;}
div.breadcrumb a{font-weight:bold; font-size:1em;}

.form_row {padding-bottom:3px; float:left; margin-bottom:3px;}
.field_label {width:7em; float:left; padding-top: 0.2em;}
.field_container {width:180px; float:left;}
.accesskey_container {width:180px; float:left;}
.clear_row {clear: left; line-height:0px; font-size:1px;}

.news_row_pic {float:left; width:105px;}
.news_row_text p {margin-top:0px;}
p.news_d {margin:0px; padding:4px 0px; font-size: 0.8em; font-weight:bold; color:#660099;}
.news_c {margin:0px; padding:4px 0px; font-size: 0.8em; font-weight:normal; color:#999999;}
h1.news_heading {padding:3px; margin:0px; margin-bottom:10px;}

.news_t {font-size: .8em; font-weight:bold;}

.gtext{font-size: .7em; font-weight:bold;}

ul.news_t
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

ul.news_t li
{
/* background-image: url("../images/article.gif");
background-repeat: no-repeat; 
background-position: 0 0;*/
padding-left:0px;
margin:0px;
}

ul.news_t li a{padding: 0.1em 0em 0.5em 0em;
color:blue; text-decoration:none;}
ul.news_t li a:hover {color:red;}

.fl{float: left; display:inline;}
.cl{clear:left; line-height:0px; font-size:1px;}
.cb{clear:both; line-height:0px; font-size:1px;}


ul{padding-top:5px;}
ul li a{color: blue;}
ul li a:hover{text-decoration:underline;}

div.region {float:left; width:100%; margin:10px 0px; }
div.region ul {color: #000;margin:0px; padding:0px; margin-right:20px; list-style-position:inside;}
html>body div.region ul {margin-left:5px;  }
div.region ul li {color: #000;}
div.region ul li a{color: #00f;}
div.region ul li a:hover{color:#f00;}

div.site_listing {padding-top:5px; padding-bottom: 10px; border-bottom: 2px dotted black;overflow:auto;}

div#links_letters_wrapper {padding:3px 0px; margin-bottom:15px; background-color:#fff; border-top: 1px solid #ccc; border-bottom:1px solid #ccc;}
div#links_letters {background-color:#eee; padding:5px 10px; }
div#links_letters span {padding-right:10px;}

div#content ul {margin-left:0px; padding:20px;}
div#content ul li {padding-left:0px;}

html>body div#content ul {margin-left:15px; padding:0px;}
html>body div#content ul li {padding-left:0px;}

div#equipment_tls {background-color:#e5e6e0; border:1px solid #ccc; font-size:0.8em; padding:10px 5px 5px 5px;}

div#equipment_tls ul {padding:0px; margin:0px; list-style-type: none;}
div#equipment_tls ul li{float: left; background-image: url("../images/arrows/nav.jpg"); background-repeat: no-repeat;
background-position: 5px 2px; margin-bottom:5px; margin-right:10px; padding:0px; height:2em;}


html>body div#equipment_tls ul {margin-left:0px; padding:0px;}
html>body div#equipment_tls ul li {padding-left:0px; min-height:3em; height:auto;}


div#equipment_tls ul li a{display:block; width:8em; color:#000; float:none; padding-left:30px; padding-bottom:5px; color:#00f;}
div#equipment_tls ul li a:hover {color:red; text-decoration:underline;}

div#equipment_content {margin-top:10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding:10px; }

div.supplier_row {border-top:1px solid #ccc; padding:5px;}
div.supplier_row th h2, div.supplier_row th h3{color:#336666; font-weight:bold; margin:6px 0px;}
div.supplier_row td {font-size:0.95em;border-bottom:1px solid #ccc; padding-bottom:15px;}



div.equipment_details {margin-left:22.2em; width:19em; font-size:0.7em;}
html>body div.equipment_details {margin-left:16.4em; width:15.7em; font-size:1em;}

div.equipment_details span, div.equipment_details p {font-size:1.2em;}
html>body div.equipment_details span, div.equipment_details p {font-size:0.8em;}

div.equipment_details h3 {font-size:1.5em; color:#336666; margin-top:0px; margin-bottom:8px;}
html>body div.equipment_details h3 {font-size:1.1em; color:#336666; margin-top:0px; margin-bottom:8px;}




h2.comp_name {background-color:#eee; font-size:0.9em;padding:4px; margin:12px 0px 0px 0px;}
div.whtrow {background-color:#fff; padding:4px 0px;}
div.crmrow {background-color:#ffffcc; padding:4px 0px;}

div.eq_cat {float:left; width:9.35em; padding-right:10px; padding-left:4px; overflow:auto; }
div.eq_cat span{font-size:0.8em;}

/* was 13.5 */
div.eq_link {float:left; width:25em;font-size:0.8em;}
html>body div.eq_link {font-size:1em;}
div.eq_link span{font-size:0.9em;}
html>body div.eq_link span{font-size:0.8em;}

/* was 8.5 */
div.eq_sup {margin-left: 26em; width:20em; font-size:0.8em;}
html>body div.eq_sup {font-size:1em;}
div.eq_sup span{font-size:0.9em;}
html>body div.eq_sup span{font-size:0.8em;}

div.specs h2 {font-size:1.1em; color:#336666; margin-top:0px; margin-bottom:8px;}

div.sr_articles {border-top:1px solid #ccc; font-size:0.8em;}
div.sr_articles h3 {font-size:0.9em; margin:3px 0px;}
div.attachment {background-image: url(../images/attachment.jpg); background-repeat: no-repeat; background-position:0px 0px; padding:2px 20px 5px 20px; }

p.pagination{font-size:0.8em; font-weight:bold;}
span.pg_first, span.pg_last{color:#000;}
span.pg_first a, span.pg_last a{color:#00f; text-decoration: none; }
span.pg_first a:hover, span.pg_last a:hover{color:#f00; text-decoration: underline; }

span.pg_current{color:#0b0; text-decoration: underline;}
span.pg_current a{color:#0b0; text-decoration: underline;}
span.pg_current a:hover{color:#f00;}

span.pg a{color:#00d; text-decoration: none;}
span.pg a:hover{color:#f00; text-decoration: underline;}

span.pg_next, span.pg_prev{color: #000;}
span.pg_next a, span.pg_prev a{color: #009; text-decoration: none;}
span.pg_next a:hover, span.pg_prev a:hover{color: #f00; text-decoration: underline;}

ol.faq li a {font-weight:bold;}

dl.em7 dt {width:7em; float:left;}
dl.em7 dd {margin-bottom:5px;}

dl.em10 dt {width:10em; float:left;}
dl.em10 dd {margin-bottom:8px;}

.b {font-weight:bold;}

/* -------------- */
/* modifications  */
/* -------------- */

.navtop {font-size: 0.9em; color: #333333; text-decoration: none;}
.navtop a {font-size: 0.9em; color: blue; text-decoration: none;}
.navtop a:hover, a:active {text-decoration: underline;}
.navtop a:hover {color: red;}
.navtop a:active {color: green;}

.akey {font-size: 0.9em; text-decoration: underline;}

.centeredColum {	width:677px;	margin:0 auto;	margin-left:expression( (document.body.clientWidth - 677) / 2 + 'px');	}

.sbutton {background-color:#3399cc;color:#ffffff;border:1px #000000 solid;}

.intro {
	font: 135%/150% Tahoma, Arial, Helvetica, sans-serif;
	color: #4D8ABE;
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing: -1px;
	line-height: 28px;
}