html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
html { overflow-y: scroll }
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; font-size: 62.5%; font-family:arial, Helvetica, Sans-Serif; color: #231f20; background:#FFF; }
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
a { color: #231f20 }

*{padding:0px;margin:0px;font-family:arial, Helvetica, Sans-Serif;font-size:medium;}

#wrapper { margin: 0 auto; width: 960px;  }
#innerwrap { float: left; width: 960px; padding: 35px 0 17px 0; position: relative  }

#header { float: left; width: 960px; min-height:110px; height:auto !important; height:110px; }
#hleft { float: left; width: 240px }
#hright { float: left; width: 580px; padding: 6px 20px 0 120px; text-align: right }
#hright p { color: #00a3b4; font-size: 2.1em; line-height: 1.2em }

#mainwrap { float: left; width: 960px; background: url(../images/swirl.png) no-repeat }

#left { float: left; width: 240px }
#nav { float: left; width: 220px; margin-bottom: 15px; }
#nav ul, #nav li { float: left; width: 220px }
#nav li { margin-bottom: 2px }
#nav li a { float: left; width: 208px; background: #e7e8e9; text-decoration: none; padding: 10px 6px 3px 6px; font-size: 1.1em; line-height: 1.1em }
#nav li a:hover, #nav .on { background: #005f73; color: #FFF }
#nav ul ul a { float: left; width: 208px; background: #FFF; text-decoration: none; padding: 10px 6px 3px 6px; font-size: 1.1em; line-height: 1.1em; color: #231f20 }
#nav ul ul a:hover, #nav ul ul .on { background: #FFF; color: #005f73 }

#careers { float: left; width: 214px;  min-height:42px; height:auto !important; height:42px; background: #e7e8e9 url(../images/careers-chief-executive.gif) no-repeat top left; padding: 9px 0 0 6px; font-size: 1.1em; line-height: 1em }
#careers a { text-decoration: none }
#careers a strong { font-weight: bold; color: #015b6f }

#hys { float: left; width: 185px; background: #005f73; min-height:159px; height:auto !important; height:159px; padding: 20px 14px 0 20px; margin-top: 27px; margin-bottom: 10px; color: #FFF }
#hys label { font-size: 1.1em; font-weight: bold; line-height: 1.4em; float: left; width: 185px; margin-bottom: 2px }
#hys input { float: left; clear: left; border: 0; background: #FFF; font-size: 1.1em; color: #231f20; min-height:14px; height:auto !important; height:14px; padding: 5px 0; width: 185px; margin-bottom: 4px }
#hys .sub { background: none; width: auto; margin-right: 15px; text-align: left; min-height:20px; height:auto !important; height:20px;cursor: pointer; color: #FFF   }
#hys .button { background: none; clear: none; width: auto; text-align: left; min-height:20px; height:auto !important; height:20px;cursor: pointer; color: #FFF   }
#hys h2 { font-size: 1.5em; font-weight: bold; color: #FFF; line-height: 1.2em; margin-bottom: 15px }
#hys p { clear: both; font-size: 1.1em; line-height: 1.3em; margin-bottom: 1.3em; color: #FFF }
#hys ul { font-size: 1.1em; font-weight: normal;  line-height: 1.4em; margin-bottom: 11px; margin-left: 15px; list-style-type: disc; color: #FFF }
#hys a { color: #FFF }

#right { float: left; width: 720px }
#topimage { float: left; width: 720px; height: 192px; overflow: hidden }
#introbox { float: left; width: 610px; min-height:26px; height:auto !important; height:26px; padding: 27px 89px 29px 21px; background: #005f73; position: relative }
#introbox h1 { color: #FFF; font-size: 2.1em; line-height: 1.3em; font-weight: bold }
#introbox h2 { color: #FFF; font-size: 2.1em; line-height: 1.3em; font-weight: normal }

#text { float: left; width: 635px; background: #e7e8e9; margin: 5px 0 5px 0; padding: 20px 65px 10px 20px; min-height:236px; height:auto !important; height:236px; }
#text h2 { font-size: 1.5em; line-height: 1.2em; color: #005f73; margin-bottom: 1.2em }
#text p { clear: both; font-size: 1.1em; line-height: 1.3em; margin-bottom: 1.3em }
#text h3 { font-size: 1.1em; line-height: 1.3em; margin-bottom: 1.3em; font-weight: bold }
#text ul { font-size: 1.1em; line-height: 1.3em; list-style-type: disc; margin-left: 15px;  margin-bottom: 1.3em }
#text ul ul { font-size: 1em; line-height: 1.3em; list-style-type: disc; margin-left: 15px;  margin-bottom: 0 }
#text a { color: #005f73; text-decoration: underline }
#text label { font-size: 1.1em; font-weight: bold; line-height: 1.4em; float: left; clear: left;  width: 185px; margin-bottom: 2px }
#text input { float: left; clear: left; border: 0; background: #FFF; font-size: 1.1em; color: #231f20; min-height:14px; height:auto !important; height:14px; padding: 5px 0; width: 185px; margin-bottom: 4px }
#text textarea { float: left; clear: left; border: 0; background: #FFF; font-size: 1.1em; color: #231f20; min-height:140px; height:auto !important; height:140px; padding: 5px; width: 485px; margin-bottom: 4px; font-family: Arial; font-size: 1.1em }
#text .sub { background: none; width: auto; margin-right: 15px; text-align: left; min-height:20px; height:auto !important; height:20px; cursor: pointer; text-decoration: underline; color: #005f73  }
#text .button { background: none; clear: none; width: auto; text-align: left; min-height:20px; height:auto !important; height:20px;  }
#text .errortext { float: left; width: 635px; font-size: 1.1em; line-height: 1.3em; margin-bottom: 1.3em; color: Red; font-weight: bold }
#text strong { font-weight: bold }
#text .note { font-size: 1em; clear: left; }
#text #sendfriend { float: left; margin-bottom: 30px; }
#text #sendfriend div { float: left; margin-right: 17px; width: 185px}
#text #sendfriend .subsf { float: left; margin-right: 17px; width: 185px; padding: 60px 0 0 0}
#text .areadesc { float: left; width: 100px; font-size: 1.1em; line-height: 1.3em; margin-left: 10px}

#partner-logos { float: left; clear: left; width: 629px; padding: 15px 0 35px 0  }
#partner-logos img { float: left; margin-right: 30px}
#partner-logo { float: right; width: 125px; height: 50px }

#text-delivers { float: left; width: 671px; background: #FFF; margin: 5px 0 5px 0; padding: 20px 36px 10px 13px; margin-bottom: -5px }
#text-delivers h2 { font-size: 1.5em; line-height: 1.2em; color: #005f73; margin-bottom: 1.2em; margin-left: 7px }
#text-delivers p { font-size: 1.1em; line-height: 1.3em; margin-bottom: 1.3em; margin-left: 7px }
#text-delivers ol#intlinklist1, #text-delivers ol#intlinklist2 { font-size: 1.4em; font-weight: bold; text-decoration: none; color: #005f73; float: left; width: 315px }
#text-delivers #intlinklist1 a, #text-delivers #intlinklist2 a { float: left; color: #231f20; text-decoration: none; background: #e6e7e9; width: 313px; padding: 6px 7px 4px 7px; line-height: 1.3em }
#text-delivers #intlinklist1 a:hover, #text-delivers #intlinklist2 a:hover { color: #FFF; background: #ec1165 }

#text-delivers #intlinklist1 li, #text-delivers #intlinklist2 li { float: left; margin-bottom: 2px }
#text-delivers ol#intlinklist1 { margin-right: 17px }

#text .frm{  float: left; width: 671px }
#text .frm label{ display:block; width:160px; float:left; clear: left;  font-size: 1.1em }
#text .frm input, #text .frm select { float: left; width: 200px; margin-bottom: 5px; clear: none }
#text .frm select { float: left; border: 0; background: #FFF; font-size: 1.1em; color: #231f20; min-height:14px; height:auto !important; height:14px; padding: 5px 5px; margin-bottom: 4px }
#text .frm input { float: left; width: 190px; padding: 5px }
#text .frm select * { font-size: 1em }
#text .frm .sub { width: auto; margin-top: 10px; clear: left; font-size: 1.1em }
#text .frm br { clear: left }
#text .frm .checkbox input { clear: left; float: left; margin-right: 3px; width: auto; background: none }
#text .frm .checkbox { clear: left; float: left; padding: 5px 0 0 0 }
#text .frm .check input { clear: none; float: left; width: auto; background: none }
#text .frm .boldlabel { font-weight: bold; margin-bottom: 5px }
#text .errortext { float: left; font-weight: bold; color: Red; margin-bottom: 11px; font-size: 1.1em }
#text .frm p { clear: left }
#text .frm td input { float: left; width: auto; margin-bottom: 0; clear: none; background: none }
#text .frm td label { float: left; width: auto; margin-bottom: 0; clear: none; background: none; padding: 0 0 10px 10px }
#text .frm .multibox { float: left; width: auto;}
#text .frm #postcodeResultElement { float: left; width: 400px; font-size: 1.1em; clear: left; padding: 0 0 5px 160px }
#text .frm #postcodeResultElement select { font-size: 1em }
#text .frm .button { color: #005f73; text-decoration: underline }

#footer { float: left; width: 960px; padding: 6px 0 0 0 }
#fleft { float: left; width: 400px }
#fleft p { float: left; width: 400px; font-size: 1em; line-height: 1.1em }
#footer a { text-decoration: underline }
#fright { float: left; width: 560px; text-align: right }
#fright p { float: left; width: 560px; font-size: 1em; line-height: 1.1em; text-align: right }
#fright img { margin-top: 5px }

.panel { clear: left }

.pdflink { font-size: 1.1em }