/*

Field Enterprise CSS

*/

/* Reset browsers default margin, padding and font sizes */
* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	line-height: 16px;
	background-color: #CCCCCC;
	margin: 10px;
	border: 0;
	padding:0;
}

#wpr {
	position: relative;
	width: 758px;
	background: 0 0 url(../images-design/wrapper1.gif) repeat-y #FFFFFF;
	text-align: left;
	margin: 0 auto;
	border: 0; padding: 0;
}

#hd { /* Header */
	position: absolute;
	top: 0;
	left: 0;
	height: 175px; /* Top banner = 133, hd-bar = 42 */
	width: 758px;
	background: 0 0 url(../images-design/header1.jpg) no-repeat #FFFFFF;
}

#hd-bar { /* within #hd */
	position: absolute;
	top: 134px;
	left: 0;
	height: 40px;
	width: 758px;
	background-color: #22404B;
}
#hd-bar img { /* FE logo */
	position: absolute;
	top: 1px;
	left: 526px;
	height: 38px;
	width: 230px;
}

#content {
	position: relative;	
	font-size: 1em;
	text-align: left;
	width: 601px; /* 758 - 157 */
	background: right bottom  url(../images-design/figure1.gif) no-repeat;
	height: 518px;
	margin: 0 0 0 157px;
	border: 0;
	padding: 185px 0 20px 0; /* padding top set rather than margin-top for Firefox. margin at bottom is distance between end of content and footer */
}
/* Standards compliant browsers recognise this height setting */
html>body div#content {
  height: auto;
  min-height: 518px;
}

/* Add right padding and a bit of space between points in lists within the content area */
div#content ol, div#content ul {padding: 10px 75px 10px 40px;}
div#content li {margin-bottom: 0.5em;}

#content ul ul, #content ul ul ul, #content ul ul ul ul {margin-top: 8px;} /* Add space before lists for each sub-menu level - used by site map */

p {padding: 0 94px 10px 10px;}

a {
	color: #22404B;
	text-decoration: underline;
    font-weight: bold;
}
a:hover {color: #4E666F;}

h1, .h1 {
	color: #523E73;
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1em;
	margin: 5px 38px 10px 10px;
	border: none;
	border-bottom: 2px solid #978BAB;
	padding: 0; /* To cancel p padding in case applied to p */
}

h2, .h2 {
	font-size: 1.2em;
	color: #22404B;
	font-weight: bold;
	margin: 20px 94px 10px 10px;
	border: 0; /* To cancel h1 border in case applied to h1 */
	padding: 0;
}

h3, .h3 {
	font-size: 1.0em;
	color: #22404B;
	font-weight: bold;
	margin: 20px 94px 5px 10px;
	border: 0;
	padding: 0;
}

blockquote {margin: 10px 94px 10px 40px;}

/******************/

/* Additional styles for content */
.centrealign {text-align: center;}
.rightalign {text-align: right;}
.nobold {font-weight: normal;}

hr {
	color: #FFF2CF;
	background-color: #FFF2CF;
	height: 1px;
	margin: 10px 94px 10px 10px; /* Margin left/right is as for p padding */
}

/* Image styles */
img.right, img.right-no-border {
	float: right;
	margin: 5px 0 3px 10px;
	border: 1px solid #000000;
	padding: 0;
}

img.left, img.left-no-border {
	float: left;
	margin: 5px 10px 3px 0;
	border: 1px solid #000000;
	padding: 0;
}
img.right-no-border, img.left-no-border, img.nb {border: 0;} /* No border option */

img.space-for-list {margin-right: 20px;} /* Optional class to push li bullets off edge of a left-aligned img */

a img {border: 0;}

/* Class to hide elements so they can be pre-loaded */
.hdn {display: none;}

dfn { /*  A definition term */
	text-align: left;
	font-size: 1em; 
	font-weight: bold;
	font-style: normal;
}
dfn:hover {cursor: pointer;}

/* Menu/Navigation panel */
#nav {
	position: absolute;
	left: 3px;
	top: 193px;
	width: 136px;
	height: 200px; /* IE5/6 takes this as the height and then incorrectly re-sizes if required */
	margin: 0; border: 0; padding: 0;
	z-index: 500; /* Required in IE to make pop-out appear over footer, in Mozilla the z-index set on '#nav ul' is sufficient */
}

/* Standards compliant browsers recognise this height setting */
html>body div#nav {
  height: auto; 
  min-height: 200px;
}

/* Remove bullets */
#nav li {
	list-style-type: none;
	/* background: 0 center no-repeat url(../images-design/nav-li-top.jpg); /* li background */
}

/* Remove sub-list background  */
/*#nav ul ul li {background-image: none;}*/

#nav ul {
	margin: 0; border: 0; padding: 0;
	width: 132px;	/* Top level width */
	z-index: 500;
}
#nav ul ul {width: 175px;} /* Sub-level width */

/* Fix position of menu list */
#nav li {position: relative;}

/* Fix position of sub-menus */
#nav ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

/* Hide sub menus by default */
/* This show/hides down to menu sub-level 6 (where the top is level 1). Beyond that the menu functions fine but sub-levels are not hidden */
#nav ul ul,
#nav ul ul ul,
#nav ul ul ul ul,
#nav ul ul ul ul ul {display: none;}

#nav ul li:hover ul ul,
#nav ul li:hover ul ul ul,
#nav ul li:hover ul ul ul ul,
#nav ul li:hover ul ul ul ul ul {display: none;}

/* Show submenus on rollover */
#nav ul li:hover ul,
#nav ul ul li:hover ul,
#nav ul ul ul li:hover ul,
#nav ul ul ul ul li:hover ul,
#nav ul ul ul ul ul li:hover ul {display: block;}

/* Menu colour options, menu link display defaults, and menu link font colour on hover */
#nav ul a:hover, #nav ul a:active {
	display: block;
	color: #FFFFFF;
	background-color: #978BAB;
}
	
#nav ul a { /* Note ul a:visited is not styled here to be the same as 'ul a' because a Firefox bug then prevents a:hover from working */
	display: block;
	color: #F8FDF7;
	font-family: Arial, Helvetica, sans-serif; /* Remove Verdana to reduce kerning */
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	margin: 0 0 2px 0; border: 0;
	padding: 7px 1px 7px 3px;
	/*background: 4px center no-repeat url(../images-design/nav-blt.jpg);*/
	background-color: #22404B;
	text-align: center;
}
/*
#nav ul a:hover {background-position: 6px center;}
#nav ul ul a, #nav ul ul a:hover {background-image: none;}
*/

/* Add bottom border to top level menu options */
/* #nav ul li {border-bottom: 1px solid #42BDF6;} */

/* Remove border from sub level menu options */
/*#nav ul ul li, #nav ul ul ul li {border: 0;}*/

/* Add bottom border to top level menu options */
#nav ul li a {border: 1px solid #FFFFFF;}

/* Remove border from sub level menu options */
#nav ul ul li a, #nav ul ul ul li a {border: 0;}

/* Opacity settings */
#nav ul ul li {
	/* filter: alpha(opacity=95);  - Cannot set opcacity in IE, the opacity works but it breaks the pop-out functionality! For IE, 0 to 100 */
	opacity: 0.95;              /* CSS3 standard (not yet supported), 0 to 1 */
	-moz-opacity: 0.95;         /* Mozilla, 0 to 1 */
} 
/* Remove opacity on hover */
#nav ul ul li:hover {
	/*filter: alpha(opacity=100);*/
	opacity: 1;
	-moz-opacity: 1;
}

/* Set sub-menu display property defaults */

/* Set menu level 2 font colour default */
#nav ul ul a {
	display: block;
	color: #5F4A0C;
    background-color: #E0C266;
	margin: 0; border: 0;
	padding: 8px 1px 8px 14px;	
	/* background: #438F8B bottom left repeat-x url(../images-design/nav-sub-bg.gif); img method for bottom border */
	text-align: left;
}
#nav ul ul li {border-bottom: 1px solid #BFA453;}

/* Set menu level 2 font colour on hover */
#nav ul ul a:hover, #nav ul ul a:active {
	color: #FFEFBF;
	background-color: #BFA453;
}

/* Set menu level 3 font colour default */
#nav ul ul ul a {
	color: #4F3C2C;
	background-color: #A59385;
}
#nav ul ul ul li {border-bottom: 1px solid #5F554D;}

/* Set menu level 3 font colour on hover */
#nav ul ul ul a:hover, #nav ul ul ul a:active {
	color: #FFE4CF;
	background-color: #5F554D;
}

/* Set menu level 4 */
#nav ul ul ul ul a {
	color: #7F3917;
	background-color: #C28566;
}
#nav ul ul ul ul li {border-bottom: 1px solid #8F5335;}

/* Set menu level 4 on hover */
#nav ul ul ul ul a:hover, #nav ul ul ul ul a:active {
	color: #FFDFCF;
	background-color: #8F5335;
}
/* Menu levels beyond 4 will have menu level 4 styling unless further styles added here */

#nav p {
	padding: 17px 0 0 0;
	color: #FFFFFF;
	text-align: center;
	clear: both; /* IE8 fix to clear menu */
}
#nav p a, #nav p a:hover {color: #FFFFFF;}

/* Footer */
#ft {
	position: relative;
	left: 0;
	clear: both;
	height: 20px;
	margin: 0;
    border: 0;
	padding: 10px 10px 4px 10px;
	color: #FFFFFF;
	text-align: center;
    background: right bottom url(../images-design/figure1-foot.gif) no-repeat #523E73;
}


#ft a {color: #FFFFFF; font-weight: normal;}
#ft a:hover {color: #FFFFFF;}

#ft a.txt, #ft a.txt:hover { /* Normal text credit link */
	color: #FFFFFF;
	text-decoration: none;
    font-weight: normal;
}

table {
	margin: 0 94px 0 10px; /* Same as p except applied via margin not padding to satisfy IE */
	color: #000000;
}
td {font-size: 0.8 em;}

ul.nobullet {
  list-style-type: none;
}

/* CSS to replace tables - used for web enquiry forms */

/* The div with class tbl-out centres correctly in standards compliant browsers (as left and right margin set to auto). IE doesn't recognise auto. Div (centrefix) fixes this as IE incorrectly centres an element with text-align:center; */
.centrefix {text-align: center;} 

/* Width and margin set on a containing table wrapper (tbl-out) and not inner table div (tbl-in) to fix the IE width bug */
.tbl-out {
	width: 550px; 
	margin: 0 0 0 10px;
	border: 0px;
	padding: 0px;
	text-align: left;
}

.tbl-in {
	margin: 0px;
	border: 1px solid #FFEFFE;
	padding: 5px;
	background-color: #EFE0EE;
}

div.row {
  clear: both;
  margin: 0px; border: 0px; padding: 0px;
}
/* Standards compliant browsers don't add their own spacing so need top padding */
html>body div.row {padding: 2px 0px 0px 0px;}

div.half-space, div.space {
  clear: both;
  height: 6px;
  line-height: 6px;
  margin: 0px; border: 0px; padding: 0px;
}
div.space {height: 12px; line-height: 12px;}

div.row label {
	float: left;
	width: 207px;
	text-align: right;
	font-size: 14px; 
	line-height: 18px;
	margin: 2px 0px 0px 0px;
	padding: 0px;
}
span.fld label {width: 80px;} /* Email & Phone radio labels */

/* Class fld (field) defines data input fields */
div.row span.fld {
  float: right;
  width: 300px;
  text-align: left;
  margin-right: 2px;	/* Required to stop right side touching the fieldset border in IE */
}

div.row span.fld-full-width {
  float: left;
  width: 520px;
  text-align: left;
  margin: 0px;
}

/* The spacer is used to ensure the table-div clears the last field. Note not required if fields are enclosed in a fieldset tag */
div.spacer {
  clear: both;
}

/* Class full (full width) ensures fields fill their containing element */
.full {width: 100%;}

.bld {font-weight: bold;}  /* Set bold text in selects */

fieldset {
	border: 1px solid #FFEFFE;
	padding: 0px 8px 10px 5px;	/* Can't add padding to top as IE incorrectly puts this outside the fieldset so have added a bottom margin on the legend */
}

legend {
	border: 1px solid #340C2E;
	padding: 2px 5px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	color: #340C2E;
	background-color: #FFEFFE;
}

form {border: 0px; margin: 0px; padding: 0px;}	/* Stops IE adding space around a form */

/* Style for the input boxes */
/* applied only to inputs within div class inputs so does not have to apply to inputs that are buttons (as cannot be undone with a specific input.btn class). */
div.inputs input, div.inputs select, div.inputs textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #222222;
	margin: 2px 0px 0px 0px; padding: 0px; border: 1px solid #7F9DB9; /* Remove border style to stick with sunken default */
	background-color: #FFFFFF !important;   /* Removes yellow background added by Google toolbar and other browser style sheets */
}

/* Buttons */
input.btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px; /* Required to vertically centre text in button in IE */
	color: #222222;
	width: 100px;
	margin: 0px; padding: 0px;
}