/* -------------------------------------------------------------------------

	Financial Ombudsman Service Screen Style Sheet
	last update: 10 May 2010
	author: Andy Gosling (andy@ecru.co.uk) / Bill Dashfield (bill@ecru.co.uk)

------------------------------------------------------------------------- */

/* colour palettes for the different sylesheets ----------------------------
				Normal		Contrst		White on Black
				======		=======		==============
grey rules 		#DEDEDE		#BBB		#BBB
FOS blue 		#4B90CD		#1D2172 	#E0E0E0
FOS purple: 	#1D2172		#1D2172 	#E0E0E0
blue text 		#2B6198		#1D2172		#E0E0E0
'black' text	#333		#080808		#F1F1F1;	
'greyer' text	#555		#1D2172		#2B6198
background		#FEFEFE 	#1D2172		#FEFEFE 	#1D2172;
background		#F2F2F2		#F8F8F8		#101960
active links	#999		#000		#FEFEFE 
*/

/* font sizing guide -------------------------------------------------------

pixels		ems		leading
-------------------------------------
9px 	= 	0.75em		2.2222em
10px 	= 	0.8333em	2em
11px 	= 	0.9166em	1.8181em
12px 	= 	1em			1.6666em
13px 	= 	1.0833em	1.5384em
14px 	= 	1.1666em	1.4285em
15px 	= 	1.25em		1.3333em
16px 	= 	1.3333em	1.25em
17px 	= 	1.4166em	1.1764em
18px 	= 	1.5em		1.1111em
19px 	= 	1.5833em	1.0526em
20px 	= 	1.6666em	1em
21px 	= 	1.75em		
22px 	= 	1.8333em	
23px 	= 	1.9166em	
24px 	= 	2em			
30px	=	2.5em		

(divide desired pixel height by 12 to get 'em' value) */


/* !Eric Meyer's css reset (http://meyerweb.com/eric/tools/css/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;
/* ---------------------------------------------------
Removed as it stops the highlightRows.js from working
	background: transparent;
-------------------------------------------------------*/
}

body {
	line-height: 1;
}

ol, ul {
	list-style: 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;
}

/* end css reset */

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

body {
	background-color: #F2F2F2;
	font-size: 75%; /* convert 16px base font size to 12px */
	line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
	font-family: Verdana, Arial, "Lucida Grande", Helvetica, sans-serif;
	color: #333;
}

#header {
	background-color: #FEFEFE;
	border-top: 4px solid #4B90CD;
	height: 122px;
	width: 100%;
	border-bottom: 1px solid #DEDEDE;
}

#contentWrap {
	min-width: 940px;
	max-width: 1200px;
	padding-top: 35px;
	padding-bottom: 40px;
	clear: both;
	margin: 0 auto;
}

#leftColumn {
	width: 180px;
	margin-left: 20px;
	float: left;
	padding-bottom: 40px;
}

#rightColumn {
	width: 180px;
	margin-right: 20px;
	float: right;
	padding-bottom: 40px;
}

#breadcrumb {
	margin: 0 220px 20px;
	background: url(../images/horizontal_rule.gif) repeat-x bottom left;
}

#mainContent {
	margin: 0 220px;
	padding-bottom: 40px;
}

#footer {
	clear: both;
	border-top: 1px solid #DEDEDE;
	background: url(../images/footer_bg.gif) repeat-x;
	min-height: 80px;
}

.clear {
	clear: both;
}

/* !TYPOGRAPHY ---------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #1D2172;
}

#mainContent h1 {
	font-size: 2.5em;
	line-height: 1.3333em;
	background: url(../images/horizontal_rule.gif) repeat-x bottom left;
	padding-bottom: 0.6666em;
	margin-bottom: 0.6666em;
	color: #2B6198;
}

#mainContent h2 {
	font-size: 2em;
	line-height: 1.6666em;
	margin: 0.8333em 0;
}

#mainContent h3 {
	font-size: 1.5em;
	line-height: 1.1111em;
	margin: 1.1111em 0;
}

#mainContent h4 {
	font-size: 1.25em;
	line-height: 1.3333em;
	margin: 1.3333em 0;
}

#mainContent h5 {
	font-size: 1em;
	line-height: 1.6666em;
	margin: 1.6666em 0;
	font-weight: bold;
}

#mainContent h6 {
	font-size: 0.9em;
	line-height: 1.9999em;
	margin: 2em 0;
	font-weight: bold;
}

#rightColumn h2 {
	font-size: 1.6666em;
	line-height: 1;
	margin: 1em 0 0.5em 0;
}

#rightColumn h3 {
	font-size: 1.5em;
	line-height: 1.1111em;
	margin: 1.1111em 0 0.5555em 0;
}

#rightColumn h4 {
	font-size: 1.25em;
	line-height: 1.3333em;
	margin: 1.3333em 0 0.6666em 0;
}

#rightColumn h5 {
	font-size: 1em;
	line-height: 1.6666em;
	margin: 1.6666em 0 0.8333em 0;
	font-weight: bold;
}

#rightColumn h6 {
	font-size: 0.9em;
	line-height: 1.9999em;
	margin: 2em 0 1em 0;
	font-weight: bold;
}

p {
	margin: 1.6666em 0;
}

ul {
	margin: 1.6666em 0 1.6666em 20px;
}

ol {
	list-style: decimal;
	margin: 1.6666em 0 1.6666em 40px;
}

#mainContent ul li {
	background: url(../images/bullet_blue.gif) no-repeat 0 0.6em;
	padding-left: 10px;
	margin: 0.8333em 0;
}

#mainContent ul li ol li {
	background: none;
	padding-left: 0;
}

#mainContent ul ul,
#mainContent ol ul {
	margin: 0 0 0 10px;
}

#mainContent ol ol,
#mainContent ul ol {
	margin: 0 0 0 40px;
}

#mainContent ol li {
	margin: 0.8333em 0;
}

<!-- style1 kept for backwards compatibility -->
.style1 {
	font-style: italic;
}

.rule {
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #FEFEFE;
}

blockquote {
	border: 1px solid #DEDEDE;
	background: #FEFEFE url("../images/quote_open.gif") no-repeat 8px 8px;
	padding: 0 12px;
	margin: 1.6666em 0;
}
 
blockquote p {
	color: #555;
	font-style: italic;
	background: transparent url("../images/quote_close.gif") no-repeat right bottom;
	text-indent: 28px;
	margin: 0.8333em 0;
}
 
blockquote p.author {
	background-image: none;
	text-align: right;
	color: #1D2172;
	font-style: normal;
}

/* hyperlinks */

a:link, a:visited {
	color: #2B6198;
	text-decoration: none;
}

a:hover, a:active {
	color: #18145D;
}

/* focus styles for tabbing through links */
:focus {
	outline: 1px dotted black;

}

#mainContent a:link, #mainContent a:visited {
	border-bottom: 1px solid #DEDEDE;
}

#mainContent a:hover, #mainContent a:active {
	border-bottom: 1px solid #999;
}

/* file type links */

a[href$='.pdf'] {
	display:inline-block;
	padding-left:20px;
	background:transparent url(../images/icon_pdf.gif) top left no-repeat;
}

a[href$='.doc'] {
	display:inline-block;
	padding-left:20px;
	background:transparent url(../images/icon_word.gif) top left no-repeat;
}

/* tooltips */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #600;
	background-color: #C33;
	padding: 0 4px;
	opacity: 0.85;
}

#tooltip h3, #tooltip div {
	margin: 0;
	color: #FEFEFE !important;
}

/* resizing aids - allows insertion of line breaks etc. */
.large-hide {display: inline;
}

.large-unhide {display: none;
}

/* !HEADER -------------------------------------------------------------- */

#headerContent {
	min-width: 940px;
	max-width: 1200px;
	margin: 0 auto;
	min-height: 122px;
	position: relative;
}

#logo {
	position: absolute;
	top: 23px;
	left: 20px;
}

#no-images {
	position: absolute;
	top: 45px;
	left: 25px;
	font-size: 1em;
	font-weight: bold;
	color:#000;
}

/* accessibility menu */

#accessMenu {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: .95em;
	line-height: 1.5em;
	max-width: 800px;
	height:122px;
}

#accessMenu ul {
	padding-top: 3px;
}

#accessMenu ul, #accessMenu li, #accessMenu p {
	float: left;
	margin: 0;
}

#accessMenu li {
	border-right: 1px solid #DEDEDE;
	padding-right: 5px;
	margin: 0 5px 0 0;
}

#strapline {
	width: 301px;
	height: 18px;
	background: url(../images/strapline.gif) no-repeat;
	position: absolute;
	right: 0;
	bottom: 30px;
	text-indent: -999em;
}

/* style switcher, normally in #accessMenu */

#accessMenu #styleSwitcher {
	background-color: #A6CE39;
	border: 3px solid #A6CE39;
	padding-top: 0;
}

#styleSwitcher li {
	height: 17px;
	width: 17px;
	border: none;
	margin: 0;
	padding: 0;
}

#styleSwitcher li a:link,
#styleSwitcher li a:visited {
	display: block;
	height: 15px;
	width: 15px;
 	color:#FEFEFE;
 	text-indent: -999em; 
	font-size: 0.0001px; /* hide text except from visual browsers */
	border: 1px solid #FFF;
}

#styleSwitcher li a:hover,
#styleSwitcher li a:active {
	border: 1px solid #333;
}

#styleSwitcher li#styleWhiteOnBlack a:link,
#styleSwitcher li#styleWhiteOnBlack a:visited {
	border: 1px solid #FFF;
}

#styleSwitcher li#styleWhiteOnBlack a:hover,
#styleSwitcher li#styleWhiteOnBlack a:active {
	border: 1px solid #101240;
}

#styleSwitcher #styleNormal {
	background: url(../images/sprites1_header.png) no-repeat 1px 1px;
	background-position: -9px -9px;
	margin-right: 3px;
}

#styleSwitcher #styleContrast {
	background: url(../images/sprites1_header.png) no-repeat 1px 1px;
	background-position: -9px -44px;
	margin-right: 3px;
}

#styleSwitcher #styleWhiteOnBlack {
	background: url(../images/sprites1_header.png) no-repeat 1px 1px;
	background-position: -9px -79px;
}


/* !MAIN NAVIGATION ----------------------------------------------------- */

#mainNavigation {
	background: #F2F2F2 url(../images/mainNav_bg.gif) repeat-x;
	min-height: 38px;
}

#mainNavigation ul {
	margin: 0 0 0 20px;
}

#mainNavContent {
	min-width: 940px;
	max-width: 1200px;
	margin: 0 auto;
}

#mainNavigation li {
	min-height: 30px;
	font-size: 1.0833em;
	line-height: 1.5384em;
	float: left;
}

#mainNavigation a:link,
#mainNavigation a:visited {
	min-height: 25px;
	display: block;
	padding: 5px 7px 0;
	color: #555;
	border-right: 1px solid #DEDEDE;
	border-left: 1px solid #FEFEFE;
}

#mainNavigation a:hover,
#mainNavigation a:active {
	color: #000;
	background-color: #FEFEFE;
}

#mainNavigation #navHome a {
	border-left: 1px solid #DEDEDE;
}

#contact #mainNavigation #navContact a {
	border-right: none;
}



/* selected */

#home #mainNavigation #navHome,
#about #mainNavigation #navAbout,
#news #mainNavigation #navNews,
#complain #mainNavigation #navComplain,
#FAQs #mainNavigation #navFAQ,
#publications #mainNavigation #navPublications,
#contact #mainNavigation #navContact {
	min-height: 38px;
	background: #4B90CD url(../images/mainNav_selected_edges.gif) repeat-x center bottom;
	padding: 0 1px;
	font-size: 1.0833em;
	line-height: 1.5384em;
	float: left;
}

#home #mainNavigation #navHome a,
#about #mainNavigation #navAbout a,
#news #mainNavigation #navNews a,
#complain #mainNavigation #navComplain a,
#FAQs #mainNavigation #navFAQ a,
#publications #mainNavigation #navPublications a,
#contact #mainNavigation #navContact a {
	background: url(../images/mainNav_arrow.gif) no-repeat center bottom;
	border: none;
	border-top: 1px solid #4B90CD;
	min-height: 33px;
	display: block;
	padding: 4px 7px 0;
	color: #FEFEFE;
}

/* search */

#formSearch {
	float: right;
	color: #555;
	margin: 6px 20px 0 0;
}

#formSearch label {
	margin: 0;
	float: left;
	margin-right: 5px;
}

#formSearch #search {
	font-size: 0.9166em;
	line-height: 1.6em;
	border: 1px solid #DEDEDE;
	background-color: #FEFEFE;
	color: #555;
	padding: 2px 3px 1px;
	margin: 0 2px 0 0;
	float: left;
	width: 155px;
}

#formSearch #search:focus {
	border: 1px solid #999;
	color: #000;
}

/* !SUB NAVIGATION ------------------------------------------------------ */

#subNavigation {
	border: 1px solid #DEDEDE;
	background-color: #FEFEFE;
}

#subNavigation h2 {
	background: #4A90CD url(../images/sidepanel_h2_bg.gif) bottom center;
	border-top: 1px solid #4B90CD; 
	color: #FEFEFE;
	padding: 2px 8px 9px;
}

#subNavigation ul {
	margin: -5px 0 0 0;
}

#subNavigation ul ul {
	margin: 0;
}

/* level 1 */

#subNavigation li {
	border-top: 1px solid #DEDEDE;
	font-size: 0.9166em;
	line-height: 1.8181em;
}

#subNavigation li:first-child {
	border-top: none;
}

#subNavigation li a:link,
#subNavigation li a:visited {
	display: block;
	padding: 3px 8px;
}

#subNavigation li a:hover,
#subNavigation li a:active {
	background-color: #F9F9F9;
	color: #1D2172;
}

#subNavigation li:first-child a:hover,
#subNavigation li:first-child a:active {
	background: #F9F9F9 url(../images/blue_arrow.gif) no-repeat top center;
}

/* level 2 */

#subNavigation li li {
	border-top: none;
	font-size: 0.91em;
	line-height: 2em;	
}

#subNavigation li li:first-child a:hover,
#subNavigation li li:first-child a:active {
	background: #F9F9F9 url(../images/arrow_purple.gif) no-repeat 8px 0.95em;
}

#subNavigation li li a:link,
#subNavigation li li a:visited {
	padding: 3px 8px 3px 16px;
	background: url(../images/arrow_purple.gif) no-repeat 8px 0.95em;
}

#subNavigation li li a:hover,
#subNavigation li li a:active {
	background: #F9F9F9 url(../images/arrow_purple.gif) no-repeat 8px 0.95em;
	color: #1D2172;
}

#subNavigation li:first-child li a:hover,
#subNavigation li:first-child li a:active {
	background: #F9F9F9 url(../images/arrow_purple.gif) no-repeat 8px 0.95em;
	color: #1D2172;
}

/* level 3 */

#subNavigation li li li {
	font-size: 1em;	
}

#subNavigation li li li a:link,
#subNavigation li li li a:visited {
	padding: 3px 8px 3px 24px;
	background-position: 16px 0.95em;
}

#subNavigation li li li a:hover,
#subNavigation li li li a:active,
#subNavigation li li li:first-child a:hover,
#subNavigation li li li:first-child a:active {
	padding: 3px 8px 3px 24px;
	background-position: 16px 0.95em;
}

/* !BREADCRUMB ---------------------------------------------------------- */

#breadcrumb p {
	margin: 0;
	padding-bottom: 5px;
	font-size: 0.9166em;
	line-height: 1.8181em;
}

/* !CONTENT PANELS ----------------------------------------------------- */

/* banner heading */

#mainContent .banner {
	background: #A6CE39 url(../images/content_banner_bg.jpg) no-repeat bottom right;
	margin-top: -22px;
	height: 100px;
	margin-top: -22px;
}

#mainContent .banner h1 {
	padding: 10px 0 0 0;
	margin: 0 15px;
	color: #333;
	font-size: 2em;
	line-height: 1.6666em;
	background: none;
}

#mainContent .banner h2 {
	font-size: 1.5em;
	line-height: 1.1111em;
	margin: 0.5em 15px 0 15px;
	color: #333;
}

#mainContent .mystory-head h2 {
	margin: 0.8333em 0 0.4166em 0;
}

#mainContent .mystory-head p {
	margin-top: 0;
}

#mainContent .mystory-head {
	background: url(../images/horizontal_rule.gif) repeat-x bottom left;
	padding-bottom: 1px;
}


/* alert panel */

.alert {
	border: 2px solid #1D2172;
	background-color: #FEFEFE;
	margin: 1.6666em 0;
}

#mainContent .alert h2 {
	background: #1D2172 url(../images/alert_panel_head.gif) repeat-x 0 0;
	color: #FEFEFE;
	font-size: 1.3333em;
	line-height: 1.25em;
	margin: 0;
	padding: 3px 11px 5px 35px;
}

.alert p {
	margin: 0.8333em 0;
	padding: 0 11px;
}

#mainContent .alert h3 {
	margin: 1.1111em 0 0.5555em 0;
	padding: 0 11px;
}

#mainContent .alert h4 {
	margin: 1.3333em 0 0.6666em 0;
	padding: 0 11px;
}

#mainContent .alert h5 {
	margin: 1.6666em 0 0.8333em 0;
	padding: 0 11px;
}

#mainContent .alert h6 {
	margin: 2em 0 1em 0;
	padding: 0 11px;
}

/* highlight panel */

.highlight {
	border: 1px solid #4B90CD;
	background-color: #FEFEFE;
	padding: 0.8em 0.8em 0.4em 0.8em;
	margin: 1.6666em 0;
}

.highlight p {
	margin: 0.8333em 0;
}

#mainContent .highlight h2 {
	background: #4B90CD url(../images/highlight_panel_head.jpg) repeat-x 0 0;
	color: #FEFEFE;
	font-size: 1.1666em;
	line-height: 1.4285em;
	margin: 0;
	padding: 3px 12px;
}

#mainContent .highlight h3 {
	margin: 1.1111em 0 0.5555em 0;
}

#mainContent .highlight h4 {
	margin: 1.3333em 0 0.6666em 0;
}

#mainContent .highlight h5 {
	margin: 1.6666em 0 0.8333em 0;
}

#mainContent .highlight h6 {
	margin: 2em 0 1em 0;
}


/* .highlight h3, 
.highlight h4,
.highlight h5,
.highlight h6,
.highlight p, 
.highlight form,
.highlight table {
	margin: 0.8333em 0;
	padding: 0 12px;
} */


/* news & publications Summary panel */

#mainContent .summary h3 {
	background: url(../images/horizontal_rule.gif) repeat-x top left;
	padding-top: 1em;
	margin-top: 1em;
}

#mainContent .summary h3:first-child {
	background: none;
}
	
#mainContent .summary p {
	margin: 0.3333em 0;
}

#mainContent .summary ul {
	margin-top: 0;
}

#mainContent .summary li {
	margin: 0.3333em 0;
}

/* !SIDEBAR PANELS ------------------------------------------------------*/ 

#rightColumn p {
	margin-top: 0;
}

#rightColumn .panel {
	border: 1px solid #DEDEDE;
	background-color: #FEFEFE;
	margin-bottom: 15px;
}

#rightColumn .panel h2 {
	font-size: 1em;
	line-height: 1.6666em;
	margin: 0;
	background: #4A90CD url(../images/sidepanel_h2_bg.gif) bottom center;
	border-top: 1px solid #4B90CD; 
	color: #FEFEFE;
	padding: 2px 8px 9px;
}

#rightColumn img {
	margin-bottom: 15px;
}

#rightColumn .panel img {
	margin-bottom: 0px;
}

#rightColumn .panel p {
	border-top: 1px solid #DEDEDE;
	font-size: 0.9166em;
	line-height: 1.8181em;
	padding: 3px 0;
	margin: 0 8px;
	color: #1D2172;
}

#rightColumn .panel p:first-child {
	border-top: 0;
}
	
#rightColumn .panel ul {
	margin: 0px 8px 0;
}

#rightColumn .panel li {
	border-top: 1px solid #DEDEDE;
	font-size: 0.9166em;
	line-height: 1.8181em;
	padding: 3px 0;
}

#rightColumn .panel li:first-child {
	border-top: none;
}

#rightColumn .panel li a:link,
#rightColumn .panel li a:visited {
	border-bottom: 1px solid #FEFEFE;
}

#rightColumn .panel p a:hover,
#rightColumn .panel p a:active,
#rightColumn .panel li a:hover,
#rightColumn .panel li a:active {
	color: #1D2172;
	border-bottom: 1px solid #999;
}

/* Picture with Caption panel */

#rightColumn .imageWithCaption {
	margin: 250px 0 1em 0;
	border: 0;
	background-color: #F2F2F2;
}

#rightColumn .imageWithCaption p:first-child , 
#rightColumn .imageWithCaption p {
	font-size: 0.95em;
	font-weight: bold;
	text-align: center;
	color: #000;
}

/* my story panel */

#rightColumn .myStory {
	background: #A6CE39 url(../images/myStory_panel_bg.jpg) no-repeat bottom right;
	border: none;
	min-height: 130px;
}

#rightColumn .myStory h2 {
	background: none;
	border: none;
	padding: 8px 8px 0;
	font-size: 1.1666em;
	color: #333;
}

#rightColumn .myStory p {
	color: #FEFEFE;
	border: none;
}

#rightColumn .myStory a:link, #rightColumn .myStory a:visited {
	color: #333;
	border-bottom: 1px solid #D3E756 !important;
}

#rightColumn .myStory a:hover, #rightColumn .myStory a:active {
	color: #000;
	border-bottom: 1px solid #FEFEFE !important;
}

/* !FEEDBACK PANEL ------------------------------------------------------ */

.feedback {
	border: 1px solid #DEDEDE;
	background-color: #FEFEFE;
	padding: 0 10px 40px 10px;
	margin-top: 40px;
	position: relative;
}

#mainContent .feedback h2 {
	font-size: 1.3333em;
	line-height: 1.25em;
}

#mainContent .feedback fieldset label {
	position: absolute;
	top: -999em;
	left: -999em;
}

.feedback #leavecomment {
	border-top: 1px solid #DEDEDE !important;
}

.feedback #leavecomment p {
	margin: 0.8333em 0 0 0;
}

.feedback #comments {
	width: 100%;
	border: 1px solid #DEDEDE;
	padding: 3px 0;
	font-size: 1em;
	line-height: 1.6666em;
	background-color: #FCFCFC;
	color: #555;
	margin-bottom: 10px;
	font-family: Verdana, Arial, "Lucida Grande", Helvetica, sans-serif;
}

.feedback #comments:focus {
	background-color: #FEFEFE;
	color: #000;
}

.feedback .open {
	background: url(../images/icon_feedback.gif) no-repeat 0 1px;
	padding-left: 16px;
	text-decoration: underline;
}

.feedback .hide .open {
	display: none;
}

.feedback .close {
	display: none;
}

.feedback .hide .close {
	display: block !important;
	background: url(../images/icon_close.gif) no-repeat 0 2px;
	padding-left: 17px;
	text-decoration: underline;
}

.leavefeedback {
	float: left;
	width: 60%;
	margin: 0;
	color: #2B6198;
	cursor: pointer;
}

.feedback .button {
	background: #DDD url(../images/button_bg.gif) repeat-x 0 0;
	border: 1px solid #999;
	padding: 3px 6px;
	font-size: 1.1666em;
	color: #333;
	text-shadow: #FEFEFE 0 1px 1px;
	position: absolute;
	bottom: 10px;
	right: 8px;
}

.not-useful {
	float: left;
	margin: 0 4px 10px 0;
	line-height: 1.3em;
}

.very-useful {
	float: left;
	margin: 0 0 10px 4px;
	line-height: 1.3em;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */

div.rating-cancel,div.star-rating {
	float: left;
	width: 17px;
	height: 15px;
	text-indent: -999em;
	cursor: pointer;
	display: block;
	background: transparent;
	overflow: hidden
}

div.rating-cancel,div.rating-cancel a {
	background: url(../images/delete.gif) no-repeat 0 -16px
}

div.star-rating,div.star-rating a {
	background: url(../images/star.gif) no-repeat 0 0px
}

div.rating-cancel a,div.star-rating a {
	display: block;
	width: 16px;
	height: 100%;
	background-position: 0 0px;
	border: 0
}

div.star-rating-on a {
	background-position: 0 -16px!important
}

div.star-rating-hover a {
	background-position: 0 -32px
}

/* Read Only CSS */
div.star-rating-readonly a {
	cursor:default !important
}

/* Partial Star CSS */
div.star-rating {
	background:transparent!important;
	overflow:hidden!important
}

/* END jQuery.Rating Plugin CSS */

/* !HOMEPAGE ------------------------------------------------------------ */

#home #contentWrap {
	width: 940px;  
	float: none;
}

#home #leftColumn,
#home #rightColumn {
	width: 460px;
	float: left;
	padding-bottom: 30px;
}

#home #leftColumn {
	margin: 0 20px 0 0;
}

#home #rightColumn {
	margin-right: 0;
}

/* banner */

#home #banner {
	width: 940px;
	min-height: 140px;
	margin-bottom: 20px;
	color: #FEFEFE;
	background: url(../images/banner_bg.gif) repeat-y;
	float: left;
}

#panel1, #panel2, #panel3 {
	float: left;
	min-height: 150px;}

#panel1 {
	width: 479px;
	margin-right: 1px;
	background: #3170B9 url(../images/home_banner1.jpg) repeat-y;
}

#panel1 h1 {
	font-size: 1.6em;
	line-height: 1.5em;
	margin: 17px 20px 5px 20px;
	color: #FEFEFE;
}

#panel1 p {
	margin: 0;
	background: url(../images/arrow_white.gif) no-repeat 104px 7px;
	padding-right: 10px;
	width: 100px;
	text-align: right;
	float: right;
	margin-right: 20px;
}

#home #banner a:link,
#home #banner a:visited {
	color: #FEFEFE;
	border-bottom: 1px solid #63B5DD !important;
}

#home #banner a:hover,
#home #banner a:active {
	border-color: #FEFEFE !important;
}

#panel2 {
	width: 219px;
	margin-right: 1px;
	padding-left: 10px;
	background: #1D2172 url(../images/home_banner2.jpg) no-repeat bottom right;
}

#panel2 h2 {
	font-size: 1.5em;
	line-height: 1.1111em;
	margin: 10px 20px 5px 0;
}

#panel2 p, #panel3 p {
	margin: 0;
	width: 135px;
	line-height: 1.5em;
}

#home #banner #panel2 a:link, #home #banner #panel2 a:visited {
	border-color: #5458B3 !important;
}

#home #banner #panel2 a:hover, #home #banner #panel2 a:active {
	border-color: #FEFEFE !important;
}

#panel3 {
	width: 220px;
	padding-left: 10px;
	background: #A6CE39 url(../images/home_banner3.jpg) no-repeat bottom right;
}

#panel3 h2 {
	font-size: 1.5em;
	line-height: 1.1111em;
	margin: 10px 100px 5px 0;
	color: #333;
}

#panel3 p {	
	background: url(../images/arrow_white.gif) no-repeat center right;
	padding-right: 8px;
	display: inline;
	color: #333 !important;
}

#home #banner #panel3 a:link, #home #banner #panel3 a:visited {
	color: #333;
	border-color: #D3E756 !important;
}

#home #banner #panel3 a:hover, #home #banner #panel3 a:active {
	color: #000;
	border-color: #FEFEFE !important;
}

/* panels */

#home #leftColumn .panel,
#home #rightColumn .panel {
	border: 1px solid #DEDEDE;
	margin-bottom: 10px;
	background: #FEFEFE url(../images/home_panel_bg.jpg) no-repeat left bottom;
	float: left;
	padding-bottom: 0.8333em;
	position: relative;
}

#home .panel h2 {
	font-size: 0.9166em;
	line-height: 1.8181em;
	border-top: none; 
	border-bottom: 1px solid #DEDEDE;
	padding: 2px 10px;
	background: #FEFEFE url(../images/home_panel_head.jpg) repeat-x left bottom;
	color: #555;
}

#home .panel h3,
#home .panel p,
#home .panel ul {
	padding-left: 10px;
	padding-right: 10px;
}

#home .panel h3 {
	font-size: 1.3333em;
	line-height: 1.25em;
	margin: 0.9375em 0 0.625em 0;
}

#home .panel p {
	border-top: none;
	font-size: 1em;
	line-height: 1.6666em;
	margin: 0 0 0.4166em 0;
	padding: 0 10px;
}

#home .panel ul {
	margin: 0.8333em 0;
}

#home .panel li {
	margin: 0 0 0.4166em 0;
	border-top: none;
	background: url(../images/arrow_purple.gif) no-repeat 0 0.6em;
	padding: 0 0 0 10px;
	font-size: 1em;
	line-height: 1.6666em;
}

#home .panel a:link,
#home .panel a:visited {
	border-bottom: 1px solid transparent !important;
}

#home .panel a:hover,
#home .panel a:active {
	border-bottom-color: #999 !important;
}

/* consumers panel */

#home .consumers {
	position: relative;
}

#home .consumers .image {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 130px;
	height: 160px;
	background: url(../images/home_people.jpg) no-repeat 0 0;
}

#home .consumers ul {
	margin-right: 130px;
}

/* businesses panel */

#home .business {
	min-height: 124px;
}

#home .business h3,
#home .business p,
#home .business ul {
	padding-right: 130px;
}


#home .business img {
	position: absolute;
	right: 0;
	bottom: 0;
}

/* accessibility panel */

#home #leftColumn .accessibility {
	background: #A6CE39 url(../images/accessibility_door.jpg) no-repeat bottom right;
	border: 1px solid #A6CE39;
	min-height: 130px;
}

#home #leftColumn .accessibility h2 {
	border-bottom: none;
	background-image: none;
	background-color: transparent;
	font-size: 1.3333em;
	line-height: 1.25em;
	margin: 0.625em 105px 0.625em 0;
	color: #333 !important;
}

#home #leftColumn .accessibility ul {
	margin-right: 88px;
}


#home #leftColumn .accessibility li {
	background-image: url(../images/arrow_white.gif);
}

#home #leftColumn .accessibility a:link,
#home #leftColumn .accessibility a:visited {
	color: #333;
	border-bottom-color: #D1E65C;
}

#home #leftColumn .accessibility a:hover,
#home #leftColumn .accessibility a:active {
	color: #000;
	border-bottom-color: #FEFEFE !important;
}

/* web focus panel */

.webfocus img {
	float: right;
	margin: 10px 10px 0;
}

.webfocus h3,
.webfocus p,
.webfocus li {
	color: #333333 !important;
	margin-right: 110px !important;
}

/* quick information panel */

 .findinfo ul {
	width: 208px;
	float: left;
}


#home #rightColumn .findinfo img {
	position: absolute;
	right: 0;
	bottom: 0 !important;
	margin-bottom: 0;
}

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

#footerContent {
	min-width: 940px;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	font-size: 0.9166em;
	line-height: 1.8181em;
	color: #666;
}

/* #home #footerContent {
	width: 940px;
}  */

#footerContent #footerMenu {
	margin-left: 15px;
}


#footerContent li {
	float: left;
	margin-right: 10px;
}

#footerContent li a:link,
#footerContent li a:visited {
	background: url(../images/footer_icons.gif) no-repeat 0 2px;
	padding-left: 25px;
	min-height: 23px;
	display: block;
}

#footerContent #menuListen a:hover,
#footerContent #menuListen a:active {
	background-position: -380px 2px;
}

#footerContent #menuBrowsealoud a {
	background-position: 0 -28px;
}

#footerContent #menuBrowsealoud a:hover,
#footerContent #menuBrowsealoud a:active {
	background-position: -380px -28px;
}

#footerContent #menuSignup a {
	background-position: 0 -58px;
}

#footerContent #menuSignup a:hover,
#footerContent #menuSignup a:active {
	background-position: -380px -58px;
}

#footerContent #menuHelp a {
	background-position: 0 -88px;
}

#footerContent #menuHelp a:hover,
#footerContent #menuHelp a:active {
	background-position: -380px -88px;
}

#footerContent #menuPDF a {
	background-position: 0 -118px;
}

#footerContent #menuPDF a:hover,
#footerContent #menuPDF a:active {
	background-position: -380px -118px;
}

#copyright {
	clear: left;
	float: left;
	margin-left: 20px;
}

/* #home #copyright {
	margin-left: 0;
} */

#toplink {
	float: right;
	margin-right: 20px;
}

/* #home #toplink {
	margin-right: 0;
} */

#toplink a:link, #toplink a:visited {
	background: url(../images/footer_icons.gif) no-repeat 0 -146px;
	padding-left: 25px;
	min-height: 23px;
	display: block;
}

#toplink a:hover, #toplink a:active {
	background-position: -380px -146px;
}

/* !TABLE ---------------------------------------------------------------
Financial Ombudsman Service - Data Tables Style Sheet

version: 1.2
last update: 14 November 2006
author: Andy Gosling
------------------------------------------------------------------------- */

table {
	font-size: 0.95em;
	border-collapse: collapse;
	margin: 1em 0 2em;
	width: 100%;
	border-top: 1px solid #C3C3DF;
	border-left: 1px solid #C3C3DF;
}

table caption {
	text-align: left;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #393996;
	padding: 0 0 0.7em 0;
}

th {
	padding: 2px 5px;
	background-color: #D1D1E7;
	border-right: 1px solid #C3C3DF;
	border-bottom: 1px solid #C3C3DF;
	text-align: left;
	color: #393996;
	font-weight: bold;
}

td {
	color: #000;
	padding: 2px 5px;
	border-right: 1px solid #C3C3DF;
	border-bottom: 1px solid #C3C3DF;
}

/* NUMERIC data tables */

table.numeric th,
table.numeric td {text-align: right;
}

table.numeric th:first-child,
table.numeric td:first-child  {text-align: left;
}

table.numeric td.tdLeft,
table.numeric th.tdLeft {
	text-align: left;
}

/* SPECIFIC TD alignment */
td.tdCentred,
th.tdCentred {
	text-align: center;
}

td.tdRight,
th.tdRight {
	text-align: right;
}

td.tdLeft,
th.tdLeft {
	text-align: left;
}
tfoot {
	font-weight: bold;
}

/* hover styles for regular style table */

.trHighlight,
.trHighlight2,
.trHighlight3,
.trHighlight4,
.trHighlight5 {
	background-color: #FEFEFE;
	color: #000;
/*f1F1F8;*/
}

.trHighlight td {
	border-bottom: 1px solid red;
}

.trHighlight2 td {
	border-bottom: 1px solid #000;
}

.trHighlight3 td {
	font-weight: bold;
	border-bottom: 1px solid #000;
}

.trHighlight3 td {
	font-weight: bold;
	border-bottom: 1px solid #000;
}

.trHighlight4 td {
	border-bottom: 3px double #000;
}

.trHighlight5 td {
	font-weight: bold;
	border-bottom: 3px double #000;
}

tr.ruleBelow td {
	border-bottom: 1px solid #000;
}

tr.doubleRuleBelow td {
	border-bottom: 3px double #000;
}

tr.ruleBelowBold td {
	font-weight: bold;
	border-bottom: 1px solid #000;
}

tr.doubleRuleBelowBold td {
	font-weight: bold;
	border-bottom: 3px double #000;
}

/* table alternative style */

table.altStyle {
	border-top: 1px solid #4386C7;
	border-left: 1px solid #4386C7;
	background-color: #EDF4FA;
}

table.altStyle th {
	padding: 2px 5px;
	background-color: #4386C7;
	border-right: 1px solid #4386C7;
	border-bottom: 1px solid #4386C7;
	text-align: left;
	color: #FEFEFE;
	font-weight: bold;
}

table.altStyle td {
	color: #333;
	padding: 2px 5px;
	border-right: 1px solid #4386C7;
	border-bottom: 1px solid #4386C7;
}

table.altStyle .odd {
  background-color: #FEFEFE;
}

table.altStyle td.tdCentred,
table.altStyle th.tdCentred {
	text-align: center;
}

table.altStyle td.tdRight,
table.altStyle th.tdRight {
	text-align: right;
}

table.altStyle .trHighlight {
	background-color: #FEFEFE;
}

table.altStyle tr.ruleBelow td {
	border-bottom: 1px solid #000;
}

table.altStyle tr.doubleRuleBelow td {
	border-bottom: 3px double #000;
}

table.altStyle tr.ruleBelowBold td {
	font-weight: bold;
	border-bottom: 1px solid #000;
}

table.altStyle tr.doubleRuleBelowBold td {
	font-weight: bold;
	border-bottom: 3px double #000;
}

/* hover styles for alternative style table */

table.altStyle .trHighlight,
table.altStyle .trHighlight2,
table.altStyle .trHighlight3,
table.altStyle .trHighlight4,
table.altStyle .trHighlight5 {
	background-color: #FEFEFE;
}

table.altStyle .trHighlight2 td {
	border-bottom: 1px solid #000;
}

table.altStyle .trHighlight3 td {
	font-weight: bold;
	border-bottom: 1px solid #000;
}

table.altStyle .trHighlight3 td {
	font-weight: bold;
	border-bottom: 1px solid #000;
}

table.altStyle .trHighlight4 td {
	border-bottom: 3px double #000;
}

table.altStyle .trHighlight5 td {
	font-weight: bold;
	border-bottom: 3px double #000;
}

tr.ruleBelow td {
	border-bottom: 1px solid #000;
}

tr.doubleRuleBelow td {
	border-bottom: 3px double #000;
}

tr.ruleBelowBold td {
	font-weight: bold;
	border-bottom: 1px solid #000;
}

tr.doubleRuleBelowBold td {
	font-weight: bold;
	border-bottom: 3px double #000;
}