/****************** Import menu stylesheet **********************/
@import url(menu.css);
@import url(shared.css );
@import url(form.css);
@import url(inktomi.css);
@import url(site_clientonly.css);
@import url(ppv.css); /*amend if site with coloured background */
/****************** End Import Menu Stylesheet *****************/

* {
	padding:0;
	margin:0;
}

body {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:76%;
	text-align:center;
	color:#807B88;
	line-height:1.3em;

}

strong {
	font-weight:bold;
}

img {
	border:none;
}

p {
	padding: .4em 0 .4em 0;
}
	
h1, .heading1, .maintitle-help, .maintitle-reference, .maintitle-home, .maintitle-admin, .maintitle-career, .maintitle-interact, .maintitle-news {
	font-size: 1.3em;
	font-weight: bold;
	color: #13007C;
	padding:.2em 0;
}

h2,	.heading2 {
	font-size: 1.25em;
	font-weight: bold;
	color: #13007C;
	padding:.5em 0;
}

h3, .heading3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #13007C;
	padding:.5em 0;
}

h6, .heading6 {
	font-size: 1em;
	font-weight: bold;
	color: #13007C;
	padding:.5em 0;
}

hr	{
	color: #13007C;
	height: 1px;
}/* Height does not work in NS4, as SIZE is used as property in tag (same in IE but appears to work)*/


	
/*list items*/
li {
	color: #13007C;
	padding: .6em 0 0 0;

}

ul, ol{
	padding: .8em 0 .8em 1.5em;
	list-style-type: circle;
}

li.err-msg {
	font-weight: bold;
	color: RED;
}/*used for form errors on Registration pages etc.*/


/*list-style-image: url(/images/stylesheets/list_icon.gif);*/
/*list image can be changed in the images folder or can be removed and list style type can 
be used (square, circle, disc). List image does not work in NS4 but list-style-type does so
leave in when using list-style-image.*/

/*links*/
a:active {
	color: #13007C;
	text-decoration: underline;
}
a:link {
	color: #13007C;
	text-decoration: underline;
}
a:visited {
	color: #13007C;
	text-decoration: underline;
}
a:hover {
	color: #13007C;
	text-decoration: none;
}

/**************************************************************************************************************************************************************/
/*XHTML Layout Styles*/
/**************************************************************************************************************************************************************/

#headerBg {
	width:100%;
	background:url(../../images/header_bg.jpg) top left repeat-x;
}

#footerBg { 
	width:100%;
	background:url(../../images/footer_bg.jpg) bottom left repeat-x;
}

#container{
	width:760px;
	margin:0 auto;

}

#header {
	height:147px;
	background:url(../../images/header_img.jpg) top left no-repeat;
}

#logo {}

#content {
	float:right;
	position:relative;
	margin:20px 0 0 0;
	height:auto !important; /*keeps footer pushed down below content*/
	height: /**/ 500px;		/*keeps footer pushed down below content*/
	height /**/: 500px;
	min-height:500px;		/*keeps footer pushed down below content*/
	padding:0;
	width:540px;
	text-align:left;
	
}

#content table {
	margin:10px 0 0 0;	
}


#indexPage { /* index page needs to be be 20px wider to remove left hand margin */
	float:right;
	position:relative;
	margin:20px 0 0 0;
	height:auto !important; /*keeps footer pushed down below content*/
	height: /**/ 500px;		/*keeps footer pushed down below content*/
	height /**/: 500px;
	min-height:500px;		/*keeps footer pushed down below content*/
	padding:0;
	width:560px;
	text-align:left;
	
}

#leftCol{
	float:left;	
	background:url(../../images/callout_info_footer.gif) bottom right no-repeat;
	padding-bottom:11px;
	width:200px;
}

#calloutCOA {
	width:200px;
	min-height:58px;
	*height:58px;
	background:url(../../images/callout_coa_bg2.gif) top right no-repeat;
	font: 12px arial;
}

#calloutCOA a, calloutCOA a:link, #calloutCOA a:active, #calloutCOA a:visited, #calloutInfo li, #calloutInfo a, #calloutInfo li a:link, #calloutInfo li a:active,  #calloutInfo li a:visited, #callouts a {
	color:#fff;
}

#calloutCOA #register {
	float:left;
	margin-top:40px;
	padding:0 10px 0 25px;
	color:#fff;	
	border-right:1px solid #fff;
}

#calloutCOA #login {
	float:left;
	margin-top:40px;
	padding:0 5px 0 10px;
	color:#fff;	
}

#calloutInfo {
	width:200px;
	height:60px;
	background:url(../../images/callout_info_repeat-y_bg.gif) top right repeat-y;
	text-align:left;
}

#calloutInfo ul {
	padding:40px 0 0 40px;
	margin:0;
	font:.8em/1.3em arial;
	color:#fff;
	background:url(../../images/callout_info_bg.gif) top right no-repeat;
}

#calloutInfo ul li {
	padding:0;
	margin:0;
}	
	
#welcome {	
	background:url(../../images/welcome_top_bg.jpg) top left no-repeat;
}

#welcome div {
	background:url(../../images/welcome_bg.jpg) bottom left no-repeat;	
	padding-left:206px;
	height:auto !important;
	height: /**/ 212px;
	height /**/:212px;
	min-height:212px;
}

#welcome h1 {
	padding:0 0 1em 0;
	font-size: 13px;	
}

#callouts p {
	line-height:1.3em;
	color:#fff;
}

#callouts {
	background:url(../../images/callouts_bg.gif) bottom left no-repeat;
	padding-bottom:9px;
}

#calloutBusiness {	
	height:auto !important;
	height: /**/ 50px;
	height /**/:50px;
	min-height:50px;
	background:url(../../images/callout_business_bg.gif) top left no-repeat;
	padding: 8px 15px 0 206px;
}

#calloutPersonal {
	height:auto !important;
	height: /**/ 53px;
	height /**/:53px;
	min-height:53px;	
	background:url(../../images/callout_personal_bg.gif) top left no-repeat;
	padding: 10px 15px 0 206px;
}

#calloutTax {	
	height:auto !important;
	height: /**/ 60px;
	height /**/:60px;
	min-height:60px;
	background:url(../../images/callout_tax_bg.gif) top left no-repeat;
	padding: 13px 15px 0 206px;
}

#footerLinks{
	clear:both;
	width:100%;
	text-align:center;
	color:#13007C;
	font-size:.9em;
	padding: 10px 0;
}

/*Footer styles*/
#footer {
	clear:both;
	background:url(../../images/footer_img.jpg) top left no-repeat;
	height:107px;
}

#footer .footerLogo {
	float:right;
	margin: 21px 0 0 18px;
}

#footer a:active {
	color:#13007C;
	text-decoration:none;
}

#footer a:link {
	color:#13007C;
	text-decoration:underline;
}

#footer a:visited {
	color:#13007C;
	text-decoration:underline;
}

#footer a:hover {
	color:#13007C;
	text-decoration:none;
}

/*navigation links which are not footer links - DO NOT MAKE THIS FONT SIZE SMALLER AS IT APPEARS IN TABLES VERY SMALL*/
a.subnav:active {
	font-size: .9em;
	font-weight: bold;
	color: #13007C;
	text-decoration: underline;
}
a.subnav:link {
	font-size: .9em;
	font-weight: bold;
	color: #13007C;
	text-decoration: underline;
}
a.subnav:visited  {
	font-size: .9em;
	font-weight: bold;
	color: #13007C;
	text-decoration: underline;
}
a.subnav:hover {
	font-size: .9em;
	font-weight: bold;
	color: #13007C;
	text-decoration: none;
}

/*navigation links which are not footer end*/
/*smalllinks - used in PPV*/
a.smalllink:active  {
	font-size: 10px;
	font-weight: bold;
	color: #13007C;
	text-decoration: underline;
}

a.smalllink:link  {
	font-size: 10px;
	font-weight: bold;
	color: #13007C;
	text-decoration: underline;
}
	
a.smalllink:visited  {
	font-size: 10px;
	font-weight: bold;
	color: #13007C;
	text-decoration: underline;
}

a.smalllink:hover  {
	font-size: 10px;
	font-weight: bold;
	color: #13007C;
	text-decoration: none;
}

.smalltext {
	font-size: 10px;
	color: #13007C;
}

.smalltextbold {
	font-size: 10px;
	font-weight: bold;
	color: #13007C;
}
/* Inktomi Styles End */

/*format tables*/
.tablelines {
	background-color: #AB6951;
}/*color of the narrow line deviding up the table cells*/

.tabletitle {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	background-color: #AB6951;
	padding:.3em;
}/*alter background color and font color. 
Not on all tables, only present if table has an extra heading*/

.tablehead {
	font-size: .9em;
	font-weight: bold;
	color: #13007C;
	background-color: #FFFFFF;
	padding:3px;
}/*alter background color and font color. 
Contains headings of table rows or columns.*/

.tablebody {
	font-size: .9em;
	color: #13007C;
	background-color: #FFFFFF;
	padding:3px;
}/*alter background color and font color. 
Contains main body of the table.*/

.tabletotal {
	font-size: .9em;
	font-weight: bold;
	color: #13007C;
	background-color: #FFFFFF;
	
}/*alter background color and font color. 
Contains total, or highlighted areas.*/

/* styles to make round cornered boxes, can also be square depending on images used*/
.tableSubHeading {
	font-weight: bold;
	color: #13007C;
	padding:.2em;
}

.bgTop {
	background: url(/images/stylesheets/bg_top.gif);
	font-size: 1.4em;
	font-weight: bold;
	text-align:left;
	color: #fff;
}

.bgColorContent {
	font-size: 1em;
	background-color: #fff;
}

.cornerTopLeft {
	background-image: url(/images/stylesheets/corner_top_lft.gif);
}

.cornerTopRight {
	background-image: url(/images/stylesheets/corner_top_rgt.gif);
}

.cornerBottomLeft {
	background-image: url(/images/stylesheets/corner_bottom_lft.gif);
}

.cornerBottomRight {
	background-image: url(/images/stylesheets/corner_bottom_rgt.gif);
}

.bgLeft {
	background-image: url(/images/stylesheets/bg_lft.gif);
}

.bgRight {
	background-image: url(/images/stylesheets/bg_rgt.gif);
}

.bgBottom {
	background-image: url(/images/stylesheets/bg_bottom.gif);
}
/* styles to make round cordered boxes end*/

/* styles to make borders/dotted lines start*/ 
.borderhorizontal {
	background-image: url(/images/stylesheets/borderhorizontal.gif);
}

.bordervertical {
	background-image: url(/images/stylesheets/bordervertical.gif);
}
/* styles to make borders/dotted lines end*/

.redtext {
	color: #F42A41;
}


/*Index page styles*/


#promo {

}

#businessNews {

}

#businessNews th {
	display:none;
}

#firmNews {

}

#firmNews th {
	display:none;
}

#printNews {
	margin:0 20px 20px 20px;
}

#mailafriend {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#iconMailaFriend {
	vertical-align : bottom;
}

/*End Index page styles*/



/*Our Services styles*/
#ourservices {
	height:auto !important;
	height /**/:450px;
	min-height: 450px;
}

#ourservices_content {
	margin-right: 200px;
}

#ourservices_nav {
	float: right;
	width:169px;
	margin:0 5px 0 10px;
	margin-right /**/:20px;
	padding:0;
	background-color:#AB6951;
	
}

#ourservices_nav div { 
	background:url(../../images/corner_tl.gif) top left no-repeat;
}

#ourservices_nav div div { 
	background:url(../../images/corner_br.gif) bottom right no-repeat;
	padding-bottom:5px;
}

#ourservices_nav h3 {
	padding:12px 0 3px 12px;
	color: #fff;
}

#ourservices_nav ul {
	margin:0;
	padding:0;	
}

#ourservices_nav ul li {
	margin:0 5px 0 30px;
	padding:0;
	color: #fff;
}

#ourservices_nav a, #ourservices_nav a:link, #ourservices_nav a:active  {
	color: #fff;
	text-decoration: none;
}

#ourservices_nav a:visited {
	color: #DEC4B7;
	text-decoration: none;
}

#ourservices_nav a:hover {
	color: #fff;
	text-decoration: underline;
}

/*Start Contacts Styles*/
#contactsForm {
	margin:0 0 0 0;
}

/*Start News Detail Styles*/
#newsOptions img {
	vertical-align:middle;
}

/*Start Business News Page Styles*/
#businessNewsPage th {
	display:none;
}

#qbeTable th {
	display:none;
}

#BBCNews {
	text-align:left;
	padding-left:20px;
}

#businessNewsPage .newsDate, #businessNewsPage .newsTitle {
	padding-right:10px;
	line-height:1.5em;
}