/* Financial Ombudsman  - MAIN STYLESHEET */
/* 
box  grey = #DBDBDB;
text grey = #333333;
head blue = #0677BD;
link blue = #1A6fA2;
*/

*		{margin: 0; padding: 0; border: 0;}

body	{text-align: center; color: #30373A; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;}

h1, h2, h3, h4	{padding: 3px; line-height: 1.3em;}
h1 	{font-size: 110%; color: #0677BD;}
h2 	{font-size: 80%;  color: #0677BD;}
h3 	{font-size: 80%;}
h4 	{font-size: 75%;}
p  	{font-size: 70%; line-height: 1.3em; padding: 4px;}
p.fixed	{font-size: 11px;}
p span	{font-weight: bold;}
p.ombud	{font-weight: bold;  color: #0677BD;}
p.archive	{padding-left: 30px; font-weight: bold; color: #0677BD; }
p.ita	{ font-style:italic;}
p.small	{font-size: 60%;}
span.und	{text-decoration: underline; font-weight: bold;}

a:link, a:visited	{color: #1A6fA2; text-decoration: underline;}
a:hover				{color: #30373A; text-decoration: none;} 


h3 a:link, h3 a:visited	{color: #30373a; text-decoration: none;}
h3 a:hover				{color: #30373a; text-decoration: underline;} 

#notice { background:#d3eefe; border-top:3px solid #0678be; border-bottom:3px solid #0678be; color:#000; font-size:13px; margin:15px 0; padding:5px; }
#notice2 { background:#d3eefe; border-bottom:3px solid #0678be; color:#000; font-size:13px; margin:0 0 15px 0; padding:8px 5px; }

/* **** LAYOUT MAIN **** */
#contain		{margin: 0 auto; width: 758px; text-align: left; border: 1px solid #DBDBDB; border-width: 0 1px 1px 1px;}

#header			{padding: 0 5px 5px 5px; color: #666;}
	#top	{float: right; width: 500px; text-align: right; color: #666;}
		#headnavfrm	{float: right; width: 150px; margin-top: 2px;}
			#top a:link, #top a:visited	{color: #666; text-decoration: none;}
			#top a:hover					{color: #1A6fA2; text-decoration: underline;} 


#banner			{width: 758px; height: 241px; background: #0677BD url(/images/banner.jpg) no-repeat top left; overflow: visible;}
	.colA		{float: left; display: inline; width: 208px; padding-left: 10px; margin-top: 16px; color: #FFF;}
	.colB		{margin-left: 1px; float: left; display: inline; width: 514px; }
	.colC		{margin-top: 1px; float: left; display: inline; width: 126px; border-right: 1px dashed #E9E9E9; padding: 5px 5px 2px 5px;}
	.colD		{float: left; display: inline; width: 377px;}

#divide			{width: 758px; height: 20px; background: #0677BD url(/images/divide.jpg) no-repeat top left; overflow: visible;}

#navigationA	{border-bottom: 8px solid #0678BE; height: 27px;}
#navigationB	{border-top: 8px solid #0678BE; height: 27px;}

#contentA		{width: 758px; background: url(/images/contentA_grad.gif) repeat-y top left; border-bottom: 1px dashed #EBEBEB;}	
	.colE		{float: left; display: inline; width: 355px;}
	.colF		{margin-left: 1px; float: left; display: inline; width: 377px;}

#contentB		{width: 758px; background: url(/images/contentB_grad.gif) repeat-y top left;  border-bottom: 1px dashed #EBEBEB;}	
	.colG		{float: left; display: inline; width: 200px;}
	.colH		{margin-left: 1px; float: left; display: inline; width: 556px;}

#press			{border-bottom: 1px dashed #EBEBEB;}

#footer			{color: #666;}
	.colI		{float: left; display: inline; width: 174px; min-height: 80px;}
		.colIpad	{margin-left: 10px;}
	.colJ		{float: right; width: 174px; margin-right: 20px;}
		.colJ img	{border: 1px solid #EBEBEB; padding: 1px;}
	.colK		{width: 522px;}
		.colK a.sing:link, .colK a.sing:visited	{color: #1A6fA2; text-decoration: underline;}
		.colK a.sing:hover					{color: 666#; text-decoration: none;} 

		.colK a:link, .colK a:visited	{color: #666; text-decoration: none;}
		.colK a:hover					{color: #1A6fA2; text-decoration: underline;} 

#design			{margin: 5px auto; width: 760px; text-align: right; color: #999;}
	#design	a:link, #design	 a:visited	{color: #999; text-decoration: none;}
	#design	a:hover				{color: #999; text-decoration: underline;} 

/* **** NAVIGATION **** */
ul#navA				{list-style: none; margin-left: 10px;}
ul#navA	li			{float: left; display: inline;}
ul#navA	li a		{float: left; display: inline; color: #333; text-decoration: none; font-size: 11px; padding: 7px 8px; font-weight: bold;}
ul#navA li a:hover	{color: #006EAE; background: url(/images/arrowA.gif) no-repeat top center;}

ul#navB				{list-style: none; margin-left: 10px;}
ul#navB	li			{float: left; display: inline;}
ul#navB	li a		{float: left; display: inline; color: #333; text-decoration: none; font-size: 11px; padding: 7px 8px; font-weight: bold;}
ul#navB li a:hover	{color: #006EAE; background: url(/images/arrowB.gif) no-repeat bottom center;}

ul#subnav			{width: 200px;}
ul#subnav li		{list-style: none; display: inline;}
ul#subnav li.head 	{margin-top: 1px; width: 190px; padding: 5px; display: block; background: #0677BC; color: #FFF; font-size: 70%;}
ul#subnav li a		{margin-top: 1px; width: 180px; padding: 5px 5px 5px 15px; display: block; background: #85CFFC; color: #0C75b5; font-size: 70%; text-decoration: none;}
ul#subnav li a:hover	{background: #D3EEFE;}

ul#subnav li ul li  {list-style: none; display: inline; background: #E6F3FA;}
ul#subnav li ul li a {margin-top: 1px; width: 165px; padding: 5px 5px 5px 30px; display: block; background: #E6F3FA; color: #0C75b5; font-size: 70%; text-decoration: none;}
/* CURRENT PAGE HIGHTLIGHT FOOTER */

/* HOMEPAGE */
body#pA ul#navA li#nA a {font-weight: bold; background: url(/images/arrowA.gif) no-repeat top center;color: #006EAE;}

/* TOP NAV */
body#pA ul#navB li#nA a, body#pB ul#navB li#nB a, body#pC ul#navB li#nC a,body#pD ul#navB li#nD a, body#pE ul#navB li#nE a, body#pF ul#navB li#nF a, body#pG ul#navB li#nG a {font-weight: bold; background: url(/images/arrowB.gif) no-repeat bottom center; color: #006EAE;}
/* FOOTER NAV */
body#pA a#nAA, body#pB a#nBB, body#pC a#nCC, body#pD a#nDD, body#pE a#nEE, body#pF a#nFF, body#pG a#nGG, body#pH a#nHH, body#pI a#nII {font-weight: bold;}


/* MAKING A COMPLAINT */
body#pBA ul#navB li#nB a,
body#pBB ul#navB li#nB a,
body#pBC ul#navB li#nB a,
body#pBD ul#navB li#nB a,
body#pBE ul#navB li#nB a, 
body#pBF ul#navB li#nB a {font-weight: bold; background: url(/images/arrowB.gif) no-repeat bottom center; color: #006EAE;}

body#pBA a#nBB, 
body#pBB a#nBB,
body#pBC a#nBB,
body#pBD a#nBB,
body#pBE a#nBB,
body#pBF a#nBB {font-weight: bold;}

body#pBA li#nB_A a,
body#pBB li#nB_B a,
body#pBC li#nB_C a,
body#pBD li#nB_D a,
body#pBE li#nB_E a, 
body#pBF li#nB_F a {background: #D3EEFE;}

/* COMPLAINTS PROCEDURE */
body#pCA ul#navB li#nC a,
body#pCB ul#navB li#nC a,
body#pCC ul#navB li#nC a,
body#pCD ul#navB li#nC a,
body#pCE ul#navB li#nC a, 
body#pCF ul#navB li#nC a, 
body#pCG ul#navB li#nC a,
body#pCH ul#navB li#nC a,
body#pCI ul#navB li#nC a  {font-weight: bold; background: url(/images/arrowB.gif) no-repeat bottom center; color: #006EAE;}	

body#pCA a#nCC, 
body#pCB a#nCC,
body#pCC a#nCC,
body#pCD a#nCC,
body#pCE a#nCC,
body#pCF a#nCC,
body#pCG a#nCC,
body#pCH a#nCC,
body#pCI a#nCC {font-weight: bold;}

body#pCA li#nC_A a,
body#pCB li#nC_B a,
body#pCC li#nC_C a,
body#pCD li#nC_D a,
body#pCE li#nC_E a, 
body#pCF li#nC_F a, 
body#pCG li#nC_G a, 
body#pCH li#nC_H a,
body#pCI li#nC_I a {background: #D3EEFE;}

/* ABOUT US */
body#pDA ul#navB li#nD a,
body#pDB ul#navB li#nD a,
body#pDC ul#navB li#nD a,
body#pDD ul#navB li#nD a,
body#pDE ul#navB li#nD a, 
body#pDF ul#navB li#nD a, 
body#pDG ul#navB li#nD a,
body#pDH ul#navB li#nD a,
body#pDI ul#navB li#nD a,
body#pDJ ul#navB li#nD a,
body#pDK ul#navB li#nD a,
body#pDL ul#navB li#nD a {font-weight: bold; background: url(/images/arrowB.gif) no-repeat bottom center; color: #006EAE;}	

body#pDA a#nDD, 
body#pDB a#nDD,
body#pDC a#nDD,
body#pDD a#nDD,
body#pDE a#nDD,
body#pDF a#nDD,
body#pDG a#nDD,
body#pDH a#nDD,
body#pDI a#nDD,
body#pDJ a#nDD,
body#pDK a#nDD,
body#pDL a#nDD {font-weight: bold;}

body#pDA li#nD_A a,
body#pDB li#nD_B a,
body#pDC li#nD_C a,
body#pDD li#nD_D a,
body#pDE li#nD_E a, 
body#pDF li#nD_F a, 
body#pDG li#nD_G a,
body#pDH li#nD_H a,
body#pDI li#nD_I a,
body#pDJ li#nD_J a,
body#pDK li#nD_K a,
body#pDL li#nD_L a {background: #D3EEFE;}

/* LEGISLATION & REGULATIONS */
body#pGA ul#navB li#nG a,
body#pGB ul#navB li#nG a,
body#pGC ul#navB li#nG a {font-weight: bold; background: url(/images/arrowB.gif) no-repeat bottom center; color: #006EAE;}	

body#pGA a#nGG, 
body#pGB a#nGG,
body#pGC a#nGG {font-weight: bold;}

body#pGA li#nG_A a,
body#pGB li#nG_B a,
body#pGC li#nG_C a {background: #D3EEFE;}

/* CASE STUDIES */
body#pFA ul#navB li#nF a,
body#pFB ul#navB li#nF a,
body#pFC ul#navB li#nF a {font-weight: bold; background: url(/images/arrowB.gif) no-repeat bottom center; color: #006EAE;}	

body#pFA a#nFF, 
body#pFB a#nFF,
body#pFC a#nFF {font-weight: bold;}

body#pFA li#nF_A a,
body#pFB li#nF_B a,
body#pFC li#nF_C a {background: #D3EEFE;}

/* IRISH */
body#pIR li#IR_A a {background: #D3EEFE;}

/* **** LAYOUT - ELEMENTS */
ul.bullet		{list-style: none; padding: 5px;}
ul.bullet li	{background: url(/images/bullet.gif) no-repeat top left; margin-top: 5px; padding-left: 16px; line-height: 1.3em; font-size: 70%;}


ul.homebullet		{list-style: none; padding: 1px 2px;}
ul.homebullet li	{background: url(/images/bullet.gif) no-repeat top left; margin-top: 1px; padding-left: 16px; line-height: 1.3em; font-size: 70%;}


ul.arrow		{list-style: none; padding: 5px;}
ul.arrow li		{background: url(/images/arrow_point.gif) no-repeat top left; margin-top: 5px; padding-left: 15px; line-height: 1.3em; font-size: 70%;}
ul.arrow li	span	{font-weight: bold; float: left; width: 300px; display: block; }
ul.arrow ul		{list-style: none; padding: 5px 5px 5px 15px;}
ul.arrow li ul	li	{background: url(/images/arrow_pointB.gif) no-repeat top left; margin-top: 5px; padding-left: 15px; line-height: 1.3em; font-size: 100%;}

ol.alpha		{list-style: lower-latin; padding: 5px 5px 5px 30px;}
ol.alpha li		{margin-top: 5px; padding-left: 15px; line-height: 1.3em; font-size: 70%;}
ol.alpha li ul	{margin-left: 15px;}
ol.alpha li ul li {list-style: disc; margin-top: 5px; padding-left: 15px; line-height: 1.3em; font-size: 100%;}

ol.num		{list-style: decimal; padding: 5px 5px 5px 30px;}
ol.num li		{margin-top: 5px; padding-left: 15px; line-height: 1.3em; font-size: 70%;}
ol.num li ol	{margin-left: 15px; list-style: lower-latin;}
ol.num li ol li {margin-top: 5px; padding-left: 15px; line-height: 1.3em; font-size: 100%;}
ol.num li ol li ol	{margin-left: 15px; list-style: lower-latin;}
ol.num li ol li ol li {list-style: lower-roman; margin-top: 5px; padding-left: 15px; line-height: 1.3em; font-size: 100%;}
ol.num li ul	{margin-left: 15px;}
ol.num li ul li {list-style: none; margin-top: 5px; padding-left: 15px; line-height: 1.3em; font-size: 100%;}

dl.news			{padding: 5px;}
dl.news dt		{background: url(/images/bullet.gif) no-repeat center left; padding: 2px 2px 0 25px; font-weight: bold; font-size: 70%; line-height: 1.3em; color: #0677BD;}
dl.news dd		{padding: 5px 5px 10px 25px; font-size: 70%;}

dl.news dd a:link, dl.news dd a:visited	{color: #1A6fA2; text-decoration: underline;}
dl.news dd a:hover						{color: #30373A; text-decoration: none;} 
dl.news dd a.norm:link, dl.news dd a.norm:visited	{color: #1A6fA2; text-decoration: underline;}
dl.news dd a.norm:hover						{color: #30373A; text-decoration: none;} 

.picture	{width: 540px; display: block;}
.picture img {float: left; border: 1px solid #EBEBEB; padding: 2px; margin: 5px;}

div.hr {margin: 10px auto 10px auto; height: 1px; border-top: 1px dashed #666; width: 100%; }
div.hr hr { display: none;}

.frame			{margin-left: 5px; width: 400px; border-top: 1px solid #333333;}

#map			{padding-left: 5px;}
/* **** FORMS **** */
form#frmSearch				{}
form#frmSearch input		{border: 1px solid #333; width: 80px; padding: 0 1px;}
form#frmSearch input.btn	{border:0; width: auto; vertical-align: middle;}


.require				{color: #CC0000; font-weight: bold;}
form#ocf				{margin: 5px; }
form#ocf fieldset		{border: 1px dashed #666; display: block; width: 540px;}
form#ocf legend			{background: #FFF; font-size: 80%; color: #0677BD; padding: 5px; line-height: 1.3em; font-weight: bold;}

form#ocf label span		{color: #CC0000; font-weight: bold;}
form#ocf label.typeA	{float: left; display: block; width: 275px; font-size: 70%; margin-top: 7px;}
form#ocf label.typeB	{float: left; display: block; width: 200px; font-size: 70%; margin-top: 8px; margin-left: 5px;}
form#ocf label.typeC	{float: left; display: block; width: 50px; font-size: 70%; margin-top: 6px; margin-left: 5px;}
form#ocf label.typeD	{float: left; display: block; width: 500px; font-size: 70%; margin-top: 6px; margin-left: 5px;}

form#ocf input.typeAA	{width: 240px; padding: 2px; border: 1px solid #333; margin-top: 3px;}
form#ocf input.typeBB	{width: 300px; padding: 2px; border: 1px solid #333; margin-top: 3px;}
form#ocf input.typeCC	{float: left; width: 20px; border: 1px solid #333; padding: 2px; border: none; margin-top: 3px; margin-right: 50px;}

form#ocf textarea.typeAAA	{width: 300px; height: 100px; padding: 2px; border: 1px solid #333; margin-top: 3px;}
form#ocf textarea.typeBBB	{width: 300px; height: 50px; padding: 2px; border: 1px solid #333; margin-top: 3px;}
form#ocf textarea.typeCCC	{width: 500px; height: 200px; padding: 2px; border: 1px solid #333; margin-top: 3px; margin-left: 5px;}

form#ocf input.button		{width: 200px; margin: 5px 0 5px 310px; border:  1px solid #333; padding: 4px; color: #0677BD; font-weight: bold; background: #FFF; }



/* **** MISC **** */
/* text size switcher */
.txtNor	{font-size: 70%;}
.txtLar	{font-size: 125%;}
.txtHug	{font-size: 150%;}

.bold		{font-weight: bold;}
.SSL		{margin: 5px; float: left;}
.fso		{margin: 20px 0;}
.fixedplug	{background-color: #FFF;}
.logo	 	{vertical-align: text-top;}
.pic		{padding: 5px; text-align: left; border-right: 1px dashed #E8E8E8;}
.space		{margin-top: 20px; margin-left: 30px; color: #FFF;}
.iepad		{padding: 0 12px;}
.clear 		{clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0;}
.gmap		{font-size: 10px; color: #30373A; width: 250px;}
.gmap span 	{color: #0677BD; font-weight: bold;}


/* **** sIFR **** */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {	position: absolute;	left: 0;top: 0;	width: 0; height: 0; display: block; overflow: hidden;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
visibility: hidden; 
width: 350px;
padding: 5px 0 0 5px; 
line-height: 1.3em;
color: #0677BD; }

.sIFR-hasFlash h1.in {
visibility: hidden; 
width: 530px;
padding: 5px 0 0 5px; 
line-height: 1.3em;
color: #0677BD; }