/*---------------------------------------
THE ERIC MEYER RESET
---------------------------------------*/

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,
b, u, i, center,
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-size: 100%;
vertical-align: baseline;
background: transparent;
}

/* won't validate with this */
/*html {
overflow-y: scroll;
}*/

body {
line-height: 1;
}

ol, ul {
list-style: none;
}
/* keep bullets for content lists */
#generic_content ol, #generic_content ul{
	list-style: disc;
	margin-left:15px;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}

del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/*---------------------------------------
COMMON MODIFIERS
---------------------------------------*/

.hide {
position: absolute;
top: -5000px;
left: -5000px;
}

.clearfix {
min-height: 1%;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 0;
}

.clear {
line-height: 0.0;
clear: both;
}

/* These are provided for content loaders - not meant for core structure */

.right {
float: right;
clear: none;
}

.left {
float: left;
clear: none;
}

.object-left {
float: left;
margin: 0 8px;
}

.object-right {
float: right;
margin: 0 8px;
}

.object-center {
margin: 0 auto;
margin-bottom: 20px;
}

.separator {
height: 1px;
margin-bottom: 9px;
}

optgroup {
font-style: normal;
}

/*-------------------------------------------------------
LET'S DO THIS
-------------------------------------------------------*/

legend span {
position: absolute;
top: -5000px;
left: -9000px;
}

body {
background: #599ea1 url(../images/bg-body.gif) repeat-x left top;
color: #835F92;
font-family: Verdana, Tahoma, San-serif;
font-size: 68.8%;
min-width: 800px;
margin-left: -12px; /* display nicely at 800x600 */
position: relative;
text-align: center;
z-index: 1;
}

a {
text-decoration: underline;
color: #835F92;
}

a:hover {
text-decoration: none;
}

	/* extended link styles */
	
	a.action-link {
	background: url(../images/button-go.gif) no-repeat right 50%;
	color: #00B5CC;
	width: 18.3em;
	display: block;
	padding: 3px 0 3px 0;
	}
	
	a.more-link {
	background: url(../images/bg-more-link.gif) no-repeat right 4px;
	padding-right: 10px;
	}

p, ul, ol, form {
font-size: 1em;
line-height: 1.637em;
margin: 0 0 1.637em;
}
h1 {
font-size: 2.182em;
font-weight: normal;
line-height: 1.5em;
margin: 0 0 .75em;
}

h2 {
font-size: 1.182em;
line-height: 1.286em;
font-weight: bold;
margin: 0 0 1.286em;
}

h3 {
font-size: 1.182em;
line-height: 2em;
margin: 0 0 1.385em 0;
color: #835F92;
background-color: #F2EFF4;
padding: 5px 5px 5px 1px;
display:inline;
}

h4 {
font-size: 1em;
line-height: 1.286em;
font-weight: bold;
margin: 1.286em 0;
}

h5, h6 {
font-size: 1em;
font-weight: normal;
margin: 0;
}

input, select {
font-size: 1em;
}

blockquote {
margin: 0 0 1.637em;
}

blockquote p {
color: #266BB4;
font-size: 2em;
line-height: 1.167em;
margin-bottom: 1.167em;
font-family: 'Times New Roman', Times, Serif;
}

blockquote em {
font-style: normal;
}

/*extended blockquote styles*/
.home-bubble {
background: #ffffff url(../images/bg-bubble-home.gif) no-repeat left top;
height: 404px;
margin: 8px 0 0;
width: 361px;
}

.left-bubble { /* Publications and Links section */
background: #ffffff url(../images/bg-bubble-home.gif) no-repeat right top;
width: 272px;
margin-top: 55px; /* added to align with the anchor link headings in content area */
}

.link-bubble {
background: #ffffff url(../images/bg-bubble-links.gif) no-repeat left top;
margin: 8px 0 0;
height: 404px;
width:272px;
}

.home-bubble .inner {
float: left;
display: inline;
margin: 80px 45px 0 30px;
}

.link-bubble .inner {
float: left;
display: inline;
margin: 130px 45px 0 30px;
}

.link-bubble p,
.home-bubble p {
font-size: 2em;
line-height: 1.4em;
margin: 0 0 1.4em;
color: #006699;
}

.link-bubble  .inner a,
.home-bubble  .inner a {
background: url(../images/bg-blockquote-more-link.gif) no-repeat center right;
line-height: 1.637em;
padding-right: 14px;
font-size: 0.683em;
font-weight: bold;
text-decoration: none;
color: #006699;
}
.bubble-b {
background: #D9EFF1 url(../images/bg-bubble-b.gif) no-repeat left top;
padding: 150px 80px 5px 20px;
}

.case-notes {
color: #333333;
}

.intro p {
font-size: 1.182em;
line-height: 1.385em;
margin: 0 0 1.385em;
}

/*-------------------------------------------------------
LAYOUT
-------------------------------------------------------*/

#wrapper {
background: transparent url(../images/bg-wrapper.png) repeat-y left top;
margin: 0px auto;
padding: 0 2.272em;
text-align: left;
width: 750px;
}

#tail {
background: transparent url(../images/bg-tail.png) no-repeat left top;
margin: 0px auto;
width: 800px;
height: 100px;
}

#page {
background: #ffffff;
margin: 0;
padding-top: 1em;
position: relative;
width: 750px;
}

#twocol {
clear: both;
padding-top:8px;
}

#content {
clear: both;
float: right;
width: 454px;
margin-right: 8px;
}

.homepage #content {
width: 360px;
}

#subnav {
float: left;
}

#search-news {
float: left;
}

/*-------------------------------------------------------
MAIN NAV
-------------------------------------------------------*/

#header {
height: 178px /* 14em */;
margin: 0;
padding: 0;
}

#site-logo {
float: left;
line-height: 0;
margin: 29px 1px 0;
}

.languages{float:left; margin-top:67px;font-size:0.909em; font-family:Arial, Helvetica, sans-serif; margin-left:16px; margin-right:230px; line-height:1.2; width:310px; margin-right:-10px;}
.languages li{display:inline-block; float:left; width:5.6em; margin-right:6px; text-align:center;}
.languages li.item1 span, .languages li.item2 span, .languages li.item3 span{font-size:1.2em;}
.languages li .name{clear:left; display:block; padding-top:3px;}
.languages a{color:#565656; text-decoration:none;}
.languages a:hover{color:#565656; text-decoration:underline;}

/*-------------------------------------------------------
MAIN NAV
-------------------------------------------------------*/

#nav ul {
margin: 0;
clear:both;
}

#nav li {
display: inline;
float: left;
margin: 0 1px 1px 2px;
}

#nav a, #nav span {
background: #E6DFE9;
color: #000000;
display: block;
padding: 1px 18px 2px;
text-decoration: none;
white-space:nowrap;
}

#nav a:hover, #nav li.current a {
background:#835F92;
color: #ffffff;
}

#nav li.first {
margin: 0 1px 1px 0;
}

#nav li.last {
margin: 0 0 1px 2px;
}

#nav li.first a, #nav li.first span,
#nav li.last a, #nav li.last span {
padding: 1px 19px 2px;
}

/*-------------------------------------------------------
SUBNAV
-------------------------------------------------------*/

#subnav {
width: 240px;
background: url(../images/bg-subnav.gif) no-repeat left bottom;
padding-bottom: 23px;
margin-top: 8px;
margin-left: -5px;
}

#subnav ul {
background: url(../images/bg-subnav-ul.gif) no-repeat left top;
margin: 0 0 65px;
padding: 0 34px 0 26px;
}

#subnav li {
background: url(../images/bg-subnav-li.gif) no-repeat left 50%;
padding-left: 15px;
height: 1%;
}

#subnav a, #subnav span {
border-bottom: 1px solid #BBCC39;
color: #835F92;
display: block;
width: 150px;
padding: 5px 8px 5px;
text-decoration: none;
}

#subnav a:hover, #subnav li.current span {
background: #F2EFF4;
}

#subnav li.current {
background: url(../images/bg-subnav-li-alt.gif) no-repeat left 50%;
}

#back-links {
clear: left;
float: left;
position: relative;
top: -20px;
width: 200px;
left: 13px;
}

#back-links a {
background: url(../images/bg-back-link.gif) no-repeat left 7px;
display: block;
height: 1%;
padding-left: 10px;
}

#menu_secondtext {
	margin: -40px 0px 0px 30px;
	width:190px;
}

#menu_secondtext a {
display: inline;
padding: 0;
width: auto;
border: none;
text-decoration: underline;
}

#menu_secondtext a:hover {
background: none;
text-decoration: none;
}

#subnav .tips h3 {
font-size: 1em;
background: none;
}
#subnav .tips li {
background: url(../images/bg-subnav-li.gif) no-repeat left 5px;
margin-bottom: 8px;
line-height: 1.3;
}

#subnav .tips p {
margin-bottom: 0.5em;
}

/*-------------------------------------------------------
SEARCH CASE NOTES
-------------------------------------------------------*/

#search-case-notes {
margin-top: 40px;
}

#search-case-notes .text {
width: 364px;
}

#search-case-notes .text_small{
width: 40px;
}

#search-case-notes fieldset {
float: left;
}

#search-case-notes label {
font-weight: bold;
}

#search-case-notes .field {
margin-bottom: 1.637em;
width: 368px;
}

#search-case-notes #category {
float: left;
width: 220px;
}

#search-case-notes #year {
float: right;
}

#search-case-notes .buttons {
margin-top: 18px;
float: left;
margin-left: 10px;
}
.feedback h2{
font-weight:normal;
}

/*-------------------------------------------------------
SEARCH RESULTS
-------------------------------------------------------*/

.search-term {
margin-bottom: 1.272em;
}

#search-results {
margin-bottom: 0;
}

#search-results li {
margin-bottom: 1.272em;
}

#search-results h2 {
font-size: 1em;
line-height: 1.272em;
margin: 0;
}

#search-results p {
margin: 0;
line-height: 1.272em;
}

.pagination span {
font-weight: bold;
}

/*-------------------------------------------------------
FOOTER
-------------------------------------------------------*/

#footer {
background: #ffffff;
clear: both;
height: 100px;
padding-top: 30px;
text-align: center;
font-size: .8181em;
}

#footer ul {
width: 600px;
margin: 0 auto 18px;
}

#footer li {
display: inline;
line-height: 18px;
}

#footer li a {
margin: 0 5px;
}

#footer li, #footer a {
color: #483A72;
}

#footer p {
color: #666666;
margin-bottom: 0;
}

/*-------------------------------------------------------
TOOLS
-------------------------------------------------------*/

#tools {
position: absolute; top: 40px; right: 15px;
width: 20em;
float: right;
display: inline;
}

.tool {
float: right;
width: 18.3em;
padding: 5px 0 5px 10px;
border-bottom: 1px dotted #999;
}
#tools .tool-text {
border: none;
text-align: right;
}
#tools .tool-search {
padding-top: 4px;
padding-bottom: 8px;
}
#tools .tool-language {
padding-top: 8px;
padding-bottom: 8px;
}
.tool form, .tool p {
margin-bottom: 0;
}
#search {
width: 18.3em;
}
#search fieldset {position: relative; margin-bottom: 2.8em;}
#search input {padding: 0; vertical-align: middle;margin:0;}
#search .text {float: left; width: 14.6em; margin-top: 0.2em;}

#search .button {
float: right;
}
.case-notes-only {position:absolute; bottom: -3.091em;}
.entire-website {position: absolute; bottom: -1.636em;}
#search legend input {margin-right:0.455em;}
.search-text-label {display:block;}

.case-notes-only, .entire-website {posiiton: absolute\9; left: -12px\9} /*IE678*/

#language-select {
background: #ffffff/* url(../images/bg-language-select.gif) no-repeat left 50%*/;
}

#language-select label {
display: block;
color: #333333;
font-weight: bold;
font-size: 0.95em;
margin-bottom: 4px;
width: 100%;
}

#language-select select{
width: 18.3em;
}

#language-select #language{
	width: 161px;
}

#language-select #redirect-button{
	float: right;
}

/*-------------------------------------------------------
FANCY PEOPLE
-------------------------------------------------------*/

#people {
background: #56C5C9 url(../images/bg-people.jpg) no-repeat 50% top;
height: 162px;
position: absolute; top: 0; left: 0;
width: 100%;
z-index: -1;
}

/*-------------------------------------------------------
NEWS PAGES
-------------------------------------------------------*/

#news-articles h2 {
font-size: 1em;
margin-bottom: 0;
}

#news-articles .summary p {
margin-bottom: 0;
}

#search-news {
clear:left;
float:left;
left:13px;
position:relative;
width:200px;
}

#search-news label {
font-weight: bold;
}

#search-news .text {
margin-top: 5px;
width: 193px;
}

#search-news .buttons {
margin-top: .909em;
}

.image {
margin-bottom: 1.167em;
}

/*-------------------------------------------------------
MAKE A COMPLAINT
-------------------------------------------------------*/

#complaint-form * {
font-family: Verdana, Tahoma, Sans-serif;
}

#complaint-form fieldset {
margin-top: 25px;
}

#complaint-form .legend {
font-size: 1.091em;
font-weight: bold;
padding: 8px;
color: #fff;
background-color: #00b5cc;
display:block;
/* _width:458px; breaks text resize */
}

#complaint-form textarea {
font-size: 11px;
}

.field-row {
background: #F4F3F5 url(../images/bg-complaint-form.gif) repeat-y 116px top;
overflow: hidden;
margin-bottom: 3px;
height: 1%;
}

.block {
background: #F4F3F5;
padding: 5px 10px;
}

.block textarea {
width: 430px;
}

.field-row .label {
float: left;
width: 100px;
padding: 5px 8px;
}

.field-row .field {
float: left;
display: inline;
padding: 5px 10px;
/*width: 300px; this wasn't needed once the page became full width, if you notice thinhgs starting to break this might be worth re-instating to see what effect it has */
margin-left: 8px;
}

.field-row .fields li {
float: left;
margin-right: 5px;
}

.field-row .field .text{
width: 254px;
}

.field-row .short .text,
.field-row .field select {
width: 154px;
}
.field-row .text_small{
width: 40px;
}
.files  {
background: #F4F3F5;
overflow: hidden;
margin-bottom: 3px;
height: 1%;
}

.files .label {
float: left;
width: 130px;
padding: 5px 8px;
}

.files .field {
padding: 5px 10px;
float: left;
margin-left: 8px;
}

.files .fields li {
border: 1px solid #B6B6B6;
width: 270px;
margin-bottom: 10px;
}

#complaint-form .note {
text-align: center;
}

#complaint-form .buttons {
background: #F4F3F5;
padding: 5px 10px;
/* text-align: center; */
}
.required{
	color: #d00b0b;
}
/*-------------------------------------------------------
PUBLICATIONS
-------------------------------------------------------*/

.publications h3 {
margin-right: 3px;
}

.publications .object-left, .publications .object-right {
margin-left: 0;
}

.publications p {
margin: 0;
}
.publications .publications-view-embed {
width: 446px;
margin-bottom: 1em;
}
.publications .filetype {
margin: 0;
background: #FFF !important;
}
.publications .link {
font-weight: bold;
}
.publications .more-link{
background-position: right 5px;
}

/*-------------------------------------------------------
BACK TO TOP
-------------------------------------------------------*/

.link-top, .backtotop {
padding-top: 1em;
width: 100%;
clear: both;
text-align: right;
}

/*-------------------------------------------------------
HIDES
-------------------------------------------------------*/

.hidden {
position: absolute;
top: -999px;
z-index: 50;
width: 1px;
font-size: 1px;
height: 1px;
overflow: hidden;
display: block;
line-height: 0;
}

.geoip {
border: 2px solid #999999;
background: #ffffff;
padding: 6px;
line-height: 100%;
display:inline;
position:absolute;
right: 240px;
top: 20px;
width: 320px;
}
.red{color:red}

#homepageNews h2{font-size: 120%;}
#homepageNews a{background: none; font-family: Verdana, Tahoma, San-serif; color:#835F92; font-size: 1em; font-weight: normal; text-decoration: underline; padding-right: 0px;}
#homepageNews p{font-family: Verdana, Tahoma, San-serif; font-size: 1.1em; color: #835F92;}
#generic_content h3{line-height: 4em;}
#generic_content h1{margin: 0 0 0.45em;}
#generic_content .object-left{ margin-left:0}
#generic_content .publications-view-embed{ margin-bottom: 1em; width: 446px;}
#generic_content .filetype{margin: 0px; background: none repeat scroll 0 0 #FFFFFF !important}
#generic_content .link{font-weight: bold;}
#generic_content .more-link{ background-position: right 5px;}

/* COLLAPSIBLE */
.button-h{cursor: pointer; padding: 3px 5px 5px;}
h2.expand{background: url("../images/h2-expand.gif") no-repeat scroll right bottom transparent}
h2.collapse{background: url("../images/h2-collapse.gif") no-repeat scroll right bottom transparent}

/*UL BULLET*/
.bullets{margin-left: 15px; list-style: disc outside none;}

/* #######################
STYLING FOR COMPLAINT FORM
####################### */
#complaint-form .field-row .label {width:auto;padding-bottom:0;}
#complaint-form .field-row .field {margin-left:0;/* width:100%; don't put this in, breaks text re-sizing */}
#wrapper-other .label, #wrapper-full_name .label, #wrapper-email .label, #wrapper-complainant_other .label, #wrapper-complainant_full_name .label, #wrapper-complainant_email .label {float:none;}
#wrapper-already_complaint span, #wrapper-title span, #wrapper-behalf_business span, #wrapper-behalf_complainant span, #wrapper-complainant_title span {position:relative;bottom:3px;}
#complaint-form select {width:552px}

#branch_name, #account_number, #product_other, #complaint-form textarea, #full_name, #telephone_daytime, #telephone_evening, #telephone_mobile, #email, #organisation_name, #complainant_full_name, #complainant_telephone_daytime, #complainant_telephone_evening, #complainant_telephone_mobile, #complainant_email, #complainant_relationship, #preferred_method, #other_language, #impairment, #other_fas {width:548px;_width:545px}

*:first-child+html #branch_name, #account_number, #product_other, #complaint-form textarea, #full_name, #telephone_daytime, #telephone_evening, #telephone_mobile, #email, #organisation_name, #complainant_full_name, #complainant_telephone_daytime, #complainant_telephone_evening, #complainant_telephone_mobile, #complainant_email, #complainant_relationship, #preferred_method, #other_language, #impairment, #other_fas {width:545px} /*IE78*/

@media screen and (-webkit-min-device-pixel-ratio:0) { #branch_name, #account_number, #product_other, #complaint-form textarea, #full_name, #telephone_daytime, #telephone_evening, #telephone_mobile, #email, #organisation_name, #complainant_full_name, #complainant_telephone_daytime, #complainant_telephone_evening, #complainant_telephone_mobile, #complainant_email, #complainant_relationship, #preferred_method, #other_language, #impairment, #other_fas {width:548px} } /***webkit/safari hacks***/

#wrapper-file_1 input {width:auto;}
.field-padding {padding:5px 8px}
#wrapper-title, #wrapper-complainant_title {float:left}
#wrapper-other .label, #wrapper-complainant_other .label {display:none}

#other, #complainant_other {width:156px/*225px*/;_width:159px}
*:first-child+html #other, *:first-child+html #complainant_other {width:162px} /*IE78*/
@media screen and (-webkit-min-device-pixel-ratio:0) { #other, #complainant_other {width:159px} } /***webkit/safari hacks***/

#wrapper-other .field, #wrapper-complainant_other .field {width:auto;margin:23px 0 1px;_margin:22px 12px 0 3px;padding-left:0}
#wrapper-other .field, #wrapper-complainant_other .field {padding-bottom /*\**/: 4px\9 } /*IE8 hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) { #wrapper-other .field, #wrapper-complainant_other .field {margin:21px 12px 0;} } /***webkit/safari hacks***/
@media screen and (-webkit-min-device-pixel-ratio:0) { #wrapper-complainant_other .field {margin:21px 12px 0;} } /*** webkit/safari hacks ***/
#wrapper-full_name, #wrapper-complainant_full_name {clear:both;}

.complaints-form #content {width:734px;float:none;margin:0 8px}
.complaints-form .field-row .label {float:none}

#wrapper-file_1 .label, #wrapper-file_2 .label, #wrapper-file_3 .label, #wrapper-file_4 .label {display:none}

/* #######################
BLUE BOX CUSTOM TAG
####################### */
.bluebox{width:454px; background:url(../images/blue-box-wide-bg.gif) repeat-y; color:#565656; font-family:Arial, Helvetica, sans-serif; font-size:1.091em; margin-bottom:1.637em;}
.homepage .bluebox{width:357px; background:url(../images/blue-box-bg.gif) repeat-y;}
.bluebox h1, .bluebox h2, .bluebox h3, .bluebox h4 {color:#565656; background:none; margin-bottom:.5em;}
.bluebox p, .bluebox ul, .bluebox ol{margin-bottom:0.5em;}
.bluebox .bt, .bluebox .bb{display:block; height:4px; width:454px; overflow:hidden; zoom:1;}
.homepage .bluebox .bt, .homepage .bluebox .bb{width:357px;}
.homepage .bluebox .bt{background:url(../images/blue-box-top.gif) no-repeat;}
.bluebox .bt{background:url(../images/blue-box-wide-top.gif) no-repeat;}
.bluebox .bb{background:url(../images/blue-box-wide-bottom.gif) no-repeat;}
.homepage .bluebox .bb{background:url(../images/blue-box-bottom.gif) no-repeat;}
.bluebox .inner{padding:10px 20px;}