@import url(theOftAtWork.css);
@import url(adviceAndResources.css);
@import url(oftAndConsumerDirect.css);
/*---------------------------
Styles for the subLevel pages
---------------------------*/

* > .clear {height:1px;}

#masthead 
{
	clear: both;
	color: inherit;
	background-color: #20375C;
	background-image:none;
	min-width: 770px;
	height: 1%; /* Trigger hasLayout in IE */
	position: relative;
}

#feature {

}
#feature img {

}

a#print {


}

a#print:link, a#print:visited {
	text-decoration: none;
}

a#print:hover, a#print:active { 
	color: #fff;
	background-color: inherit;
}
/*-----------------
styles for branding
-----------------*/
#branding {

}

#logo 
{

}
#logo a {

}
#searchnav 
{
	margin:0;
	padding:0;
}
input.button {
	background-color: #705892!important;
	border:1px solid #fff;
	font-weight:bold;
	width:77px;
	color: #fff;
	padding: 1px 8px 3px 8px;
	margin: 0 0 0 10px;
	font-size: 1em;
}
/*--------------------------
styles for main content area
--------------------------*/
#mainContent 
{
	/*\*/
	clear:both;
	height:1%;
	/**/
	color: inherit;
	background: #fff url(../images/purple_tile.jpg) 0 0 repeat-x;
	padding:15px 0 0 0;
}
#contentwrappersub	
{
	color: inherit;
	background: #fff url(../images/tile_background.jpg) 0 0 repeat-y;
	width: auto;
	float:none;
	margin: 0px 0 0 0;
	}
address 
{
	font-weight: bold;
	font-style:normal;
	margin: auto auto auto 50px;
	}
/*---------------------------------------
Styles for the left navigation
---------------------------------------*/
#leftnav 
{
	float:left;
	width:150px;
	text-align:left;
	margin: 0px 0 0 -11px;
}
#leftnav li {margin: 0 0 1px -15px;}
#leftnav a,
#leftnav a:link,
#leftnav a:visited,
#leftnav a:hover,
#leftnav a:active 
{
	display:block;
	width:120px;
	text-decoration:none;
	padding: 5px 10px 5px 23px;
	color:#112347;
}	
#leftnav a.selected 
{
	letter-spacing:0.1em;
	font-weight:bold;
	
	}
	
#leftnav a:hover,
#leftnav a.selected,
#leftnav a.selected:hover 
{
	background-color:#755C9B;
	color:#fff;
	text-transform: none;
	
}
#leftnav a:hover {text-transform: none;}
#sublevel4 
{
	
	background-image:url(../images/sublevel_divider.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
	/*width: 133px;*/
	border:0px solid red;
	margin: 10px -10px 0px 4px;
	padding: 0 0 15px 0;
}

#subDivider {}


#sublevel4 li {margin: 0 0 5px -5px;}
#sublevel4 a,
#sublevel4 a:link,
#sublevel4 a:visited,
#sublevel4 a:hover,
#sublevel4 a:active 
{
	background: transparent url(../images/light_link_arrow.gif) 15px 4px no-repeat;
	color: inherit;
	padding: 0px 10px 0px 25px;
	text-transform: none;
	width:106px;
	}
#sublevel4 a:hover, 
#sublevel4 a.selected,
#sublevel4 a.selected:link,
#sublevel4 a.selected:visited,
#sublevel4 a.selected:hover,
#sublevel4 a.selected:active
{
	background: #ffffff url(../images/light_link_arrow_down.gif) 15px 4px no-repeat;
	color:#755C9B;
	font-weight: bold;
	text-decoration: underline;
	text-transform:none;
	letter-spacing:0;
	}
#sublevel5 
{
	margin: 7px 0 0 0;
	padding: 0;
	width: 120px;
 	}
#sublevel5 a,
#sublevel5 a:link,
#sublevel5 a:visited,
#sublevel5 a:hover,
#sublevel5 a:active 
{
	background: #fff url(../images/light_link_square.gif) 25px 5px no-repeat;
	color:#405678;
	font-size: 1em;
	font-weight: normal;
	padding: 0px 6px 0px 35px;
	text-transform: none;
	}
#sublevel5 a:hover, 
#sublevel5 a.selected,
#sublevel5 a.selected:link,
#sublevel5 a.selected:visited,
#sublevel5 a.selected:hover,
#sublevel5 a.selected:active
{
	background: #fff url(../images/light_link_square_down.gif) 25px 5px no-repeat;
	font-size: 1em;
	color:#755C9B;
	font-weight: normal;
	letter-spacing:0;
	text-decoration: underline;
	text-transform:none;
	padding: 0px 0px 0px 35px;
	}
/*-----------------------------
styles for the breadcrumb trail
-----------------------------*/

#breadcrumb 
{
	margin: 0 0 0 20px;
	background: #fff url(../images/dotted_line.jpg) bottom left repeat-x;
	color: inherit;
	padding: 10px 0 8px 0;
}
#breadcrumb li 
{
	display:inline;
	margin:0;
	padding:0;
	
}
#breadcrumb li strong {
	padding: 0 0 0 4px;
	font-weight: bold;
	text-decoration:underline;
}
#breadcrumb li a,
#breadcrumb li a:link,
#breadcrumb li a:visited,
#breadcrumb li a:hover,
#breadcrumb li a:active 
{
	background:url(../images/homepage_subnav_link_2.gif) center right no-repeat; 
	font-weight: normal;
	text-decoration:none;
	padding: 0 15px 0 0;
	text-decoration:none;
}
#breadcrumb li a:hover {color:#627EAA; background-color:inherit;}


#contentwrappersub{	min-width:770px;}

#contentsubcontainer 
{
	margin-left: 152px;
}
/*-------------------------------
Styles for content area
--------------------------------*/
#contentsub 
{
	background: #fff url(../images/right_col_bkg.jpg) top right repeat-y;
	color:inherit;
	/*\*/
	height:1%;
	/**/
	text-align:left;
	
}
#contentsub .innercontainer 
{
	width: 100%;
	float:left;
	margin-right: -210px;
	border:0px solid blue;
}
#contentsub .inner 
{
	margin: 0 230px 50px 20px;
	border:0px solid red;
}

#contentsub .innercontainer a:hover
{

	color:#112347; /* color change on 16-01-07 */
	background-color: inherit;
}
#contentsub .innercontainer p 
{
	margin: 20px auto;	
}
#contentsub .innercontainer a.clicktoexpand,
#contentsub .innercontainer a.clicktoexpand:link,
#contentsub .innercontainer a.clicktoexpand:visited,
#contentsub .innercontainer a.clicktoexpand:hover,
#contentsub .innercontainer a.clicktoexpand:active 
{
	background: url(../images/half_arrow_down.gif) 100% 3px no-repeat;
	padding: 0 15px 0 0;
	font-weight: bold;
	display: block;
	cursor: pointer;
	text-align: right;
}
#contentsub .innercontainer a.clicktoexpand:hover{ text-decoration: underline;}
#contentsub .innercontainer ul 
{
	margin: 20px 20px 20px 37px;
	
	}

#contentsub .innercontainer .interestLeft ul,
#contentsub .innercontainer .interestRight ul
{
	margin: 20px 20px 20px 5px;
	}

#contentsub .innercontainer ul li 
{
	list-style-type: disc;
	font-weight: normal; /*Change 17-01-07 */
	}
#contentsub .innercontainer  h1 
{
	font-size: 1.5em;
	margin-top: 35px;
}
#contentsub .innercontainer .backtotop 
{
	background: transparent url(../images/sub_purple_back_top.jpg) top right no-repeat;
	border-top: 1px solid #A4B2C5;
	padding: 6px 18px 5px 0;
	text-align: right;
}
#contentsub .innercontainer .backtotop1 
{
	background: transparent url(../images/sub_purple_back_top.jpg) top right no-repeat;
	padding: 6px 18px 5px 0;
	text-align: right;
}

//added james for anchorlist
#contentsub .innercontainer .backtotop_nobackground 
{
	background: transparent url(../images/sub_purple_back_top.jpg) top right no-repeat;
	border-top: 1px solid #A4B2C5;
  padding: 6px 18px 5px 0;
	text-align: right!important;
}
//end james for anchorlist
#contentsub .innercontainer .backtotop a,
#contentsub .innercontainer .backtotop a:link,
#contentsub .innercontainer .backtotop a:hover,
#contentsub .innercontainer .backtotop a:visited,
#contentsub .innercontainer .backtotop a:active 
{
	text-decoration: none;	
}

#contentsub .innercontainer .backtotop_nobackground a,
#contentsub .innercontainer .backtotop_nobackground a:link,
#contentsub .innercontainer .backtotop_nobackground a:hover,
#contentsub .innercontainer .backtotop_nobackground a:visited,
#contentsub .innercontainer .backtotop_nobackground a:active 
{	
	text-decoration: none;	
}
/*-------------------------------------------------
Styles for the boxes 
-------------------------------------------------*/
.leftpanel,
.rightpanel
{
	float:left;
	width: 50%;
	margin: 0px 0 50px 0;
}
.news_rightpanel
{
	float:right;
	width: 48%;
	margin: 0px 0 15px 0;
}
.news_leftpanel
{
	float:left;
	width: 48%;
	margin: 0px 0 15px 0;
}
.enewsToppanel
{
	float:right;
	width:100%;
	margin: 0px 0 10px 0;
}
.anglebrkt_text
{
	width:95%;
	float:right;
	font-size:16px !important;
}
.news_leftpanel .anglebrkt_text a:link, 
.news_leftpanel .anglebrkt_text a:visited, 
.news_leftpanel .anglebrkt_text a:hover, 
.news_leftpanel .anglebrkt_text a:ctive
{
	color:#596D8A !important;
	text-decoration:none  !important;
	font-weight:normal !important;
}
.news_rightpanel .anglebrkt,
.news_leftpanel .anglebrkt,
.leftpanel .anglebrkt,
.enewsToppanel .anglebrkt,
.rightpanel .anglebrkt
{
color:#BB8D09;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
font-weight:bold;
float:left;
width:5px;
margin-top:10px;
margin-bottom:2px;
}
.rightpanel p,
.leftpanel p
{
	margin: 0px 0 4px 13px;
	padding:0;
}
.news_rightpanel p,
.news_leftpanel p
{
	margin: 10px 0px 2px 0px !important;
	padding:0;
}
.news_rightpanel p a link,
.news_leftpanel p a link
{
	text-decoration:none  !important;
}
.newshdr u, .news_rightpanel u, .news_leftpanel u {
color:#002F65 !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:16px !important;
font-weight:normal !important;
text-decoration:none  !important;
}
.newshdr u a, .innercontainer .inner .news_leftpanel u a, .innercontainer .inner .news_rightpanel u a,
.innercontainer .inner .news_leftpanel  a:link, 
.innercontainer .inner .news_leftpanel  a:visited, 
.innercontainer .inner .news_leftpanel  a:active,
.innercontainer .inner .news_rightpanel  a:link, 
.innercontainer .inner .news_rightpanel  a:visited, 
.innercontainer .inner .news_rightpanel  a:active,
.innercontainer .inner .enewsToppanel  a:link, 
.innercontainer .inner .enewsToppanel  a:visited, 
.innercontainer .inner .enewsToppanel  a:active
{
color:#002F65 !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:16px !important;
text-decoration:none  !important;
}
.newsletterhdrtitle
{
margin-top:10px;
margin-top:10px;
}
.newsletterhdrbody
{
margin-top:0px;
margin-bottom:5px;
}
.newsletterhdrtitletext
{
width:97%;
float:right;
margin-top:10px;
margin-bottom:2px;
}
.newsletterhdrtext
{
width:97%;
float:right;
}
.newssubitemtext
{
width:94%;
float:right;
margin-top:10px;
margin-bottom:2px;
}
.newssubitemcontainer
{
width:94%;
float:right;
margin-bottom:6px;
margin-top:2px;
}
.leftpanel .headertext,
.enewsToppanel .headertext,
.rightpanel .headertext 
{
color:#002F65;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold !important;
}
.rightpanel {width:50%;}
.leftpanel .newsbox,
.rightpanel .newsbox 
{
	width: 96%;
	margin: 20px 0 0 0;
}
.newsbox .rightpanel {width: 49%;}
.rightpanel .newsbox {width: 100%;}
.newsbox .content {
	border-right:2px solid #A4B2C5;
	border-left:1px solid #A4B2C5;
	border-bottom:4px solid #A4B2C5;
	height:1%;
	margin:0;
	padding:0 0 5px 0;
	border-top: 1px solid #A4B2C5;
}
.newsbox h2
{
	margin:0;
	padding:0;
}
.newsbox h2 a,
.newsbox h2 a:link,
.newsbox h2 a:visited,
.newsbox h2 a:hover,
.newsbox h2 a:active{
	background:#677F9F url(../images/feature_arrow_yellow.gif) left center no-repeat;
	color: #fff;
	display: block;
	margin:0;
	padding:4px 0 4px 13px;
	text-decoration:none;
}
.newsbox h2 a:hover
{
	color: #fff!important;
	background-color:#677F9F!important;
	text-decoration: underline;
}
.newsbox h3 a,
.newsbox h3 a:link,
.newsbox h3 a:visited,
.newsbox h3 a:hover,
.newsbox h3 a:active {
	background:#D7DEE9 url(../images/feature_arrow_subfeature.gif) left center no-repeat;
	color: #405678!important;
	display: block;
	margin: 10px 0 10px 0;
	padding:4px 0 4px 13px;
	text-decoration:none;
}
.newsbox h3 a:hover {
	color: #405678!important;
	background-color:#D7DEE9!important;
	text-decoration: underline;
}
.newsbox .content ol li a:link 
{
	color:#4646D3 !important;
}
#contentsub .innercontainer .newsbox h3,
#contentsub .innercontainer .newsbox p,
#contentsub .innercontainer .newsbox ul,
#contentsub .innercontainer .newsbox ol
{
	margin: 0px 0 4px 13px;
	padding:0;
}
#contentsub .innercontainer .newsbox ul,
#contentsub .innercontainer .newsbox ol
{
	border-bottom: 1px solid #A4B2C5;
	margin-right: 5px;
}
#contentsub .innercontainer .newsbox ul li, 
#contentsub .innercontainer .newsbox ol li 
{
	list-style-type: none;
	padding:0;
	margin: 8px 0 8px 0;
	font-weight: normal;
}
#contentsub .innercontainer  .newsbox h3
{	
	background:#D7DEE9 url(../images/feature_arrow_subfeature.gif) left center no-repeat;
	font-size: 1.2em;
	/*padding:4px 0 4px 13px;*/
}
#contentsub .innercontainer .newsbox img,
#contentsub .innercontainer .newsbox img 
{
	float:right;
	margin: 5px;
}
#contentsub .innercontainer .newsbox p,
#contentsub .innercontainer .newsbox p 
{
	margin: 8px 5px 5px 13px;
}
#contentsub .innercontainer .newsbox ul li a:active,
#contentsub .innercontainer .newsbox ol li a:active {
	display: inline;
	
}
#contentsub .innercontainer .newsbox td p a {
	background: transparent url(../images/light_link_arrow.gif) 0 4px no-repeat;
	padding: 0px 0px 4px 10px;
	text-decoration: none;
} 
/*----------------------------------------------
Related information and fast track boxes
----------------------------------------------*/
/* Change 17-01-07 */

#relatedinformation #fastrack ul li a:link {color:#112347 !important;}
#relatedinformation #fastrack ul li a:active {color:#4646D3 !important;}
#relatedinformation #fastrack ul li a:hover {color:#4646D3 !important;}

/* End change 17-01-07 */

#relatedinformation 
{
	float:right;
	width: 205px;
	color: inherit;
	background-color: #fff;
}
#relatedinformation a {width:165px;}
#relateditems, 
#mediaenquiries,
#fastrack {
	/*border-left:1px solid #CAD2DD;*/
	}
#relatedinformation  h3 
{
	background: #fff url(../images/right_col_bkg.jpg) top right repeat-y;
	border-bottom:1px solid #C6CFDB;
	color:#112347;
	padding: 6px 5px 6px 7px;
	margin: 0;
	font-size: 1em;
	}
#relateditems h2,
#mediaenquiries h2, 
#fastrack h2
{
	background:#20375C url(../images/about_related_icon.gif) left center no-repeat;
	color:#fff;
	padding: 2px 0 1px 27px;
	margin:13px 0 2px 0;
	text-transform:uppercase;
	}
#fastrack h2 
{
	margin:0px 0 2px 0;
	background:#20375C url(../images/about_fastrack_icon.gif) left center no-repeat;
}
#relateditems ul,
#fastrack ul 
{
	border-left:1px solid #AAB7CA;
	background-color: #D7DEE9;
	color: inherit;
	padding: 8px 0 33px 0;
	margin:0;
}

#relateditems ul
{
	background-color:#fff;
	/* 15-01-07 */
	color: 112347;
	padding-bottom:10px;
	margin:0;
	}
	
	
/* Color change made 16-01-07 */

#relateditems ul li a:link {color:#112347 !important;	text-decoration:none !important;} 
#relateditems ul li a:active {color:#4646D3 !important;	text-decoration:none !important;}   
#relateditems ul li a:visited {color:#596D8A !important; text-decoration:none !important;}  
#relateditems ul li a:hover {color:#4646D3 !important;	text-decoration:none !important;} 

#fastrack ul  ul li a:link {color:#112347 !important;	text-decoration:none !important;} 
#fastrack ul  ul li a:active {color:#4646D3 !important;	text-decoration:none !important;}   
#fastrack ul  ul li a:visited {color:#596D8A !important; text-decoration:none !important;}  
#fastrack ul  ul li a:hover {color:#4646D3 !important;	text-decoration:none !important;} 


/* End color change made 16-01-07 */
	
	
	
#fastrack li 
{
	border-bottom:1px solid #fff;
	
}
#fastrack li a,
#fastrack li a:link,
#fastrack li a:visited,
#fastrack li a:hover,
#fastrack li a:active
{
	background:url(../images/fasttrack_arrow.jpg) 12px 4px no-repeat; 
	padding: 3px 5px 5px 25px;
	text-decoration:none;
	display: block;
}


#fastrack li a:hover 
{
/* colour change made 16-01-07 */	
	color:#4646D3;
	background-color: inherit;
	text-decoration:none;
	}

	
#relateditems li 
{
	padding:0;
	margin: 0;
}	
#relateditems li a,
#relateditems li a:link,
#relateditems li a:visited,
#relateditems li a:hover,
#relateditems li a:active
{
	background:url(../images/arrow_relateditems.jpg) 2px 4px no-repeat; 
	padding: 3px 5px 5px 25px;
	text-decoration: none;
	display: block;
}
.pdf, .word, .excel, .ppoint,.www,
#relateditems li a.pdf,
#relateditems li a.pdf:link,
#relateditems li a.pdf:visited,
#relateditems li a.pdf:hover,
#relateditems li a.pdf:active {
	background:url(../images/pdf_icon.gif) 2px 4px no-repeat; 
	padding: 3px 5px 5px 25px;
	text-decoration: none;
	display: block;
}
#relateditems li a.word,
#relateditems li a.word:link,
#relateditems li a.word:visited,
#relateditems li a.word:hover,
#relateditems li a.word:active
{
	background:url(../images/icon_word.gif) 2px 4px no-repeat;
}
#relateditems li a.excel,
#relateditems li a.excel:link,
#relateditems li a.excel:visited,
#relateditems li a.excel:hover,
#relateditems li a.excel:active 
{
	background:url(../images/icon_excel.gif) 2px 4px no-repeat;
}
#relateditems li a.ppoint,
#relateditems li a.ppoint:link,
#relateditems li a.ppoint:visited,
#relateditems li a.ppoint:hover,
#relateditems li a.ppoint:active 
{
	background:url(../images/icon_ppoint.gif) 2px 4px no-repeat;
}
#relateditems li a.www,
#relateditems li a.www:link,
#relateditems li a.www:visited,
#relateditems li a.www:hover,
#relateditems li a.www:active 
{
	background:url(../images/icon_www.gif) 2px 4px no-repeat;
}
.swf,
#relateditems li a.swf,
#relateditems li a.swf:link,
#relateditems li a.swf:visited,
#relateditems li a.swf:hover,
#relateditems li a.swf:active {
	background:url(../images/icon_flash.gif) 2px 4px no-repeat; 
	padding: 3px 5px 5px 25px;
	text-decoration: none;
	display: block;
}

#relateditems .othersites li a,  
#relateditems .othersites li a:link,
#relateditems .othersites li a:visited,
#relateditems .othersites li a:hover,
#relateditems .othersites li a:active
{
	background: url(../images/link_icon.gif) 8px 2px no-repeat; 
	padding: 0 0 4px 25px;
	text-decoration: none;
	display: block;
}


/* Color change 16-01-07 */
#relateditems li a:hover {color:#4646D3; background-color:inherit;}
/* End color change 16-01-07 */


/*----------------
bottom navigation
----------------*/
#bottom 
{
	/*\ hide from mac/ie*/
	clear:both;
	width: 100%;
	/*stop hidding*/
	border:none;
	color: inherit;
	background: #fff url(../images/tile_background.jpg) 0 0 repeat-y;
	padding: 0px 0 0 0;
}
#backtop	{
	position:relative;
	top:-4px;
}
#terms 
{
	width: 150px;
}
#terms p 
{
	margin:5px 0 0 0;
	padding:0;
}

#bottomrightpanel 
{
	color: inherit;
	background: #fff url(../images/bottomnavigation_tile.jpg) 0 0 repeat-x;
	padding: 3px 0 0 0;
	margin: 0px 0 0 150px;
	border: 0px solid red;
}
#bottom .minHeight 
{
	float: left;
	height: 67px;
	width: 1px;
	border: 0px solid red;
}
#contactdetails 
{
	float:left;
	width:99%;
	padding-bottom: 0px;
	border:0px solid red; 
	min-height: 65px;
}
#bottom #contactdetails 
{
	padding-bottom: 0px;
}
#contactdetails .minHeight {height: 40px; border: 0px solid red;}
#contactdetails ul 
{
	float:left; 
	width: auto; 
	padding-right: 50px;
	}
#signup 
{
	padding-bottom: 0px;
}

/**ADDED FRO MERGERS CASES INDEX*/
.mergersIndexLeft,
.mergersIndexRight
{
	float:left;
	/** width: 35%;*/
	margin:0 0 10px;
}