
/* CSS Document */

/* -------------------STANDARD LAYOUT FIX-------------------------*/	
	* {
	margin: 0;
	padding: 0;
	}
	
	img {
		border: 0;
	}
	
/* -------------------TOOLS FOR LAYOUT-------------------------*/	
/* clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* end clearing */


/* replace */
	.replace {
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;
		line-height: 1px;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	.replace a {
		text-indent:0;
		text-decoration: none;
	}
	.replace a span {
		text-indent:-10000px;
	}
/* end replace */


/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
/* end accessibility */


/*------------------------STYLES FOR THE BODY & HEADER-----------------------*/


/* site-wide layout */
    body {
        background: white;            
        text-align: left;
    }
    div#page {
        width: 600px;
        margin:  0;
        padding: 0;
        background: white;
        text-align: center;
    }

/* header */
	h1.headerlink {
	height: 30px;
	display: inline;

	}

	h1.headerlink a {

		position: relative;
		overflow: visible;
		height: 40px;
		top: 0;
		left: 10px;
		background: none;
		padding: 0;
		margin: 0;
	}
	div#header {
		background: none;
		height: 1%;
		display: none;
	}
	div#search {
		display: none;
	}	
	

/*-------------------- TOP MENU -----------------------*/
	div#topmenu {
		display: none;
	}
	
/*--------------------REST OF THE LEFT COLUMN-----------------------*/

	div#leftcol {
	display: none;

	}
	
/*-----------------------THE ROUNDED CORNERS FOR THE BOXES-------------------*/	
	
	div.bluebox {
		background:    url("/cms/cmsCustom/brotheruk/headers/default_v1.0.0/images/template/box_corners/bluebox_top_left.gif") top left no-repeat;
		width: 100%;
		text-align: left;
	}
	div.bluebox .top_right {
		background:    url("/cms/cmsCustom/brotheruk/headers/default_v1.0.0/images/template/box_corners/bluebox_top_right.gif") transparent top right no-repeat;
	}	
	div.bluebox .bottom_left {
		background:    url("/cms/cmsCustom/brotheruk/headers/default_v1.0.0/images/template/box_corners/bluebox_bottom_left.gif") transparent bottom left no-repeat;
	}
	.wbottom_left {
		background:    url("/cms/cmsCustom/brotheruk/headers/default_v1.0.0/images/template/box_corners/whitebox_bottom_left.gif") transparent bottom left no-repeat;	
	}	
		
	div.bluebox .bottom_right {
		background:    url("/cms/cmsCustom/brotheruk/headers/default_v1.0.0/images/template/box_corners/bluebox_bottom_right.gif") transparent bottom right no-repeat;
	}
	.wbottom_right {
		height: 5px;
		/* IE6 hack to get the right height */
		font-size: 1px; 
		line-height: 1px;
		/* end hack */
		background:    url("/cms/cmsCustom/brotheruk/headers/default_v1.0.0/images/template/box_corners/whitebox_bottom_right.gif") transparent bottom right no-repeat;
	}
	
/*--------------------------------THE STYLES FOR THE REST OF THE BOXES------------------------*/		
	div.mediumbox {
		width: 290px;
		margin-top: 9px;
		height: 150px;
	}
	div.mediumbox p {
		height: 31px;
	}
	div.bluebox h2 {
		font: 0.7em Arial, Helvetica, sans-serif;
		color: #505050;
		font-weight: bold;
		padding-top: 5px;
		padding-left: 11px;
		padding-bottom: 5px;
	}
	div#leftcol div.bluebox h2 {
		padding-bottom: 0;
	}
	div.bluebox p {
		background:    url("/cms/cmsCustom/brotheruk/headers/default_v1.0.0/images/template/box_corners/bluebox_top_right.gif") transparent center right no-repeat;
		padding: 8px 5px 1px 10px;
		font: 0.65em Verdana, Arial, Helvetica, sans-serif;
	}
	div#leftcol p {
		padding: 0 0 0 10px;	
	}
	div#leftcol div.bluebox a{
	padding-bottom: 7px;
		display: block;
	}
	div.bluebox a {
		color: #005FA9;
		text-decoration: underline;
	}
	div.bluebox a:hover {
		color: #0198DB;
		text-decoration: underline;
	}
	p.white {
		margin-left: 1px;
		border-top: 1px solid #DBDDE3;
		border-bottom: 1px solid #DBDDE3;
		background:    url("/cms/cmsCustom/brotheruk/headers/default_v1.0.0/images/template/box_corners/whitebox_bottom_right.gif") #fff center right no-repeat !important;
	}
	.nobottomborder {
		border-bottom: 0 !important;
	}	
	
	
/*--------------------------------THE STYLES FOR THE MAIN CONTENT------------------------*/	
	div#maincontentcontainer {
		float: right;
		padding-right: 17px;
		width: 585px;
		padding-left: 7px;
	}
	table.maincontent {
		width: 585px;
		margin-top: 8px;
	}
	img.homeboximage {
		padding-bottom: 0; 
		margin: 0 0 0 1px; 
		height: 123px; 
		border-right: 1px solid #B1BFD3;
	}
	.paddingr10 {
		padding-right: 10px;
	}
	
/*--------------------------------PUT THE BULLETS ON THE LIST------------------------*/	

li {
	list-style: disc inside;
	background: none !important;
}
ul.image_list li {
	list-style: none none;
}

/*-------------------- STYLES FOR THE TABS ----------------------------*/

div#tab_menu li a{
	color: #999;
}
div#tab_menu li.selected a{
	color: #005FA9;
	font-weight: bold;
}
div#tab_menu li:hover {
	background:    url("/cms/cmsCustom/brotheruk/headers/default_v1.0.0/images/template/other_backgrounds/tab_bg.gif") #fff top right no-repeat;
}
div#tab_container {
	background:    url("/cms/cmsCustom/brotheruk/headers/default_v1.0.0/images/template/box_corners/tab_bg_topleft_start.gif") transparent top left no-repeat;
	padding-left: 1px;
}

/* Hide from IE-mac \*/
* html div#tab_menu li {height: 1%;}
/* End hide from IE-mac */


/*--------------------------------THE STYLES FOR THE FOOTER------------------------*/	

	div#footer {
		display: none;
	} 