body  {
	font-family : Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
}
.element  {
	font-family : Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.7em;
	text-align: left;
}
.element a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #005FA9;
}
.element a:hover{
	color: #0198DB;
}
.elementSub  {
	font-family : Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1.0em;
	text-align: left;
}
div#leftcol .elementSub p{
	padding: 0 0 0 0;	
}
.elementSub a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #005FA9;
}
.elementSub a:hover{
	color: #0198DB;
}


.recycling {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left: 15px;
	font-size: 0.7em;
	text-align: center;
}
.recycling a{
	color: #005FA9;
}
.recycling a:hover{
	color: #0198DB;
}


.element ol, .element ul {
		margin-left		      : 25px; 
		list-style-position : outside;
	}



.mceContentBody{
	font-size: 0.7em;
}

.mceContentBody a{
		color:#005FA9;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}

	.element ol, .element ul {
			margin-left		      : 18px; 
			list-style-position : outside;
	}
	.mceContentBody ol, .mceContentBody ul{
			margin-left		      : 18px; 
			list-style-position : outside;
	}






.sitemapimg {
	border: 0;
	height: 19px;
	width: 15px;
	vertical-align: middle;
	padding-right: 2px;
}
.sitemaptree {
	vertical-align: middle;
	height: 19px;
}


/*------------------------ GENERIC TEXT STYLES ----------------------------*/

/* These syles can be used for styling the text on most pages */

.left_column h1, .long_column h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	margin: 0 0 10px 14px;
}

.medium_column h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 0 10px 3px;
	font-size: 1.1em;
}


.left_column p, .long_column p, .medium_column p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	padding: 0 5px 10px 5px;
	line-height: 1.4em;
}
.left_column p img, .long_column p img  {
	float: left;
	margin: 10px 10px 4px 0;
}
.medium_column p img {
	float: left;
	margin: 5px 10px 4px 0;
}
.left_column p a, .long_column p a, .medium_column p a {
	color: #005FA9;
}
.left_column p a:hover, .long_column p a:hover, .medium_column p a:hover {
	color: #0198DB;
}
.left_column h2, .long_column h2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin: 10px 0 0 5px;
	padding: 0;
	line-height: 1.4em;
}
.medium_column h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 15px 0 15px 3px;
	padding: 0;
	line-height: 1.4em;
}
.medium_column h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin: 10px 0 0 5px;
	padding: 0;
	line-height: 1.4em;
}
.left_column ul, .long_column ul, .medium_column ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin: 0 0 0 10px;
	list-style: none none;
	line-height: 1.4em;
	padding-bottom: 10px;

}
/* the bullets are put into the list as a background images */
.left_column li, .long_column li, .medium_column li {
	padding: 0 0 0 10px;
	background:    url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/template/other_backgrounds/bullet.gif") 0 0.25em no-repeat;
	margin: 0;
}
.left_column blockquote, .long_column blockquote, .medium_column blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	background-color: #F0F3F7;
	border: 1px solid #99AEC9;
	font-style:italic;
	margin: 10px 0 20px 5px;
	padding: 4px 6px;
}
p.image_caption {
	padding: 0 0 5px 5px;
	margin-bottom: 10px;
	border-top: 1px solid #99AEC9;
	border-bottom: 1px solid #99AEC9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	line-height: 1.45em;
	color: #999999;
}
span.price {
	font-size: 1.95em;
	font-weight: bold;
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	color: #464646;
	margin: 3px 6px 2px 2px;
	/* line-height: 1.4em; */
	vertical-align: middle;
	
}

/*-------------------- STYLES FOR RIGHT COLUMN ----------------------------*/

.right_column ul {
	padding-top: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	margin: 0 0 0 10px;
	line-height: 1.6em;
	list-style: none none;
}
.right_column ul li{
	padding: 0 0 0 10px;
	background:    url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/template/other_backgrounds/bullet.gif") 0 50% no-repeat;
	margin: 0;
}
div.feature_box {
	border-top: 1px solid #D5D7DB;
	border-bottom: 1px solid #D5D7DB;
	background-color: #fff;
	margin: 10px 10px 0 10px; 
}
div.feature_box p {
	padding: 10px 30px 10px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #494949;
}
div.feature_box p a {
	color: #2777B6;
}
div.feature_box p a:hover {
	color: #0198DB;
}
div.feature_box p a:visited {
	color: #999;
}
div.feature_box img {
	float: left;
	margin: 0;
}
ul.image_list {
	list-style: none none outside;
	margin: 10px 0 0 0;
	padding: 0;
}
ul.image_list li{
	clear: both;
	padding: 0;
	margin: 0;
	background: none;

	}
* html ul.image_list li {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}
ul.image_list img{
	float: left;
	margin: 10px 10px 0 10px;
}
ul.image_list li span {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	padding-top: 15px;
	margin-right: 20px;
	line-height: 1.2em;
	color: #464646;
}
div.hr {
  margin: 5px 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #99AEC9;
}
div.hr hr {
  display: none;
}

/* form.example.css */

div label:before {
  content: '';
}
 
textarea {
  overflow: auto;
}

p.error {
  background-color: #ff0000;
  background-image:   url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/template/icons/icon_error.gif");
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}




/* 

This file should contain the styles for the positioning of elements on each page

You should follow the style of the comments when adding your own styles for individual pages

Some standard site-wide CSS tools are created at the top of this page. You should familiarise 
yourself with them and try to use them where relevant

*/


/* -------------------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 */

/* This function hides elements from browsers using CSS */
     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;
        
    }


/* header */
	
	div#header {
		/* position: relative; */	/* TS: corr positon=position 15.8.06 */
		/* set default */
		
	}

	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;
	}

	

/*--------------------REST OF THE LEFT COLUMN-----------------------*/

	div#leftcol {
		width: 192px;
		/* hide from IE Mac \*/
		width: 192px;
		/* end hide */
		float: left;
	}
	
	div#leftcol div.bluebox {
		margin-top: 8px;
		margin-left: 15px;
	}
	
	img.leftcolimage {
		margin-top: 8px;
		margin-left: 15px;
	}	
	
/*-----------------------THE ROUNDED CORNERS FOR THE BOXES-------------------*/	
	
	div.bluebox {
		background:    url("/cms/cmsCustom/brotherbimh/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/brotherbimh/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/brotherbimh/headers/default_v1.0.0/images/template/box_corners/bluebox_bottom_left.gif") transparent bottom left no-repeat;
	}
	.wbottom_left {
		background:    url("/cms/cmsCustom/brotherbimh/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/brotherbimh/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/brotherbimh/headers/default_v1.0.0/images/template/box_corners/whitebox_bottom_right.gif") transparent bottom right no-repeat;
	}
	
	/* these styles used as the header for the second column */
	div.dark_box {
		background:    url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/template/box_corners/darkbox_top_left.gif") #D3DBE6 top left no-repeat;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	div.dark_box h2 {
		display: block;
		background:    url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/template/box_corners/darkbox_top_right.gif") transparent top right no-repeat;
		padding: 4px 15px;
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.75em;
	}
/*--------------------------------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/brotherbimh/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/brotherbimh/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;
		
		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;
	}

/*-------------------- COLUMNS ----------------------------*/
	
	.left_column {
		text-align: left;
		width: 255px;
		padding: 0 15px;
	}
	
	.left_column img {
		margin-left: 5px;
	}
	.long_column {
		text-align: left;
		width: 585px;
		padding: 0 15px;
	}
	.right_column {
		width: 288px;
		background: #F0F3F7;
		text-align: left;
	}
	
	.medium_column {
		text-align: left;
		width: 454px;
		padding: 0;
	}

/*--------------------------------THE STYLES FOR THE FOOTER------------------------*/	

	div#footer {
		background-color: #00349A;
		text-align: left;
		padding: 2px 0 4px 10px;
		color: #fff;
		font: 0.65em Verdana, Arial, Helvetica, sans-serif;
		margin: 15px 0 5px 0;
		clear: both;
	}
	div#footer a {
		color: #fff;
		text-decoration: none;
	}
	div#footer a:hover {
		color: #fff;
		text-decoration: underline;
	}
	div#signature {
		color: #999999;
		text-align: left;
		margin: 3px 0 0 10px;
		font: 0.65em Verdana, Arial, Helvetica, sans-serif;
	}
	
/*-------------------- STYLES FOR THE CFWINDOW ----------------------------*/
.cfWindow_content {
	font-size: 10px;
	width: 490px;
	height: 121px;
	padding: 4px 4px 4px 4px;
	border: 1px solid #BECADB;
	border-top: none;
	background-repeat: norepeat;
}
.cfWindow_content_left {
	width: 288px;
	height: 121px;
	padding: 0px 0px 0px 0px;
	float: left;
	overflow: auto;
}
.cfWindow_content_right {
	width: 192px;
	height: 121px;
	margin-left: 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	overflow: auto;
}
.cfWindow_spickel_box {
	width: 500px;
	height: 21px;
	padding:0px;
}
	
	
/*-------------------- STYLES FOR THE BREADCRUMBS ----------------------------*/

div#breadcrumbs {
	text-align: left;
	width: 100%;
	margin-left: 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #005FA9;
}
div#breadcrumbs a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/* font-size: 0.65em; */
	color: #005FA9;

}
div#breadcrumbs a:hover{
	color: #0198DB;
}
div#breadcrumbs span.linkspacer {
	font: 0.7em Arial, Helvetica, sans-serif;
}

/*-------------------- STYLES FOR THE TABS ----------------------------*/
div#tab_menu {
	width: 585px;
	background: url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/template/box_corners/tab_bg_topleft.gif") 100% 100% repeat-x;
	text-align: left;
	padding-top: 15px;
	margin-bottom: 15px;
	margin-left: 3px;
	font-size: 0.8em;
}
div#tab_menu ul {
	margin-left: 0px;
}
div#tab_menu li {
	display:inline;
	display: block;
	float: left;
	position: relative;
	background:    url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/template/other_backgrounds/tab_bg.gif") #F0F3F7 top right no-repeat;
}
div#tab_menu li a{
	
	font-family: Verdana;
	color: #005FA9;
	cursor: pointer;	
	float: left;
	display: block;
	background:    url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/template/box_corners/tab_bg_topleft.gif") transparent top left no-repeat;
	border-bottom: 1px solid #99AEC9;
	padding: 2px 7px 4px 7px;
	text-decoration: none;
	color: #999;
}
div#tab_menu li.selected {
	background-color: #fff;
}
div#tab_menu li.selected a{
	border-bottom: 1px solid #fff;
	color: #005FA9;
	font-weight: bold;
}
div#tab_menu li:hover {
	background:    url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/template/other_backgrounds/tab_bg.gif") #fff top right no-repeat;
}
div#tab_container {
	background:    url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/template/box_corners/tab_bg_topleft_start.gif") transparent top left no-repeat;
	padding-left: 1px;
	border: 0px solid red;
	height:100%;
}

/* Hide from IE-mac \*/
* html div#tab_menu li {height: 1%;}
/* End hide from IE-mac */


/*--------------------------------PUT THE BULLETS ON THE LIST------------------------*/	




/*------------------------STYLES FOR THE BODY & HEADER-----------------------*/


/* 
The syles in this page relate to the mandatory elements contained in the header 
and the navigational elements 
These styles should not be changed unless they are malfunctioning
*/


/* site-wide layout */
  
    div#page {
        width: 790px;
        margin:  0;
        padding: 0;
        background: white;
        
    }

/* header */
	
	span.linkspacer {
		margin: 0 1px;
		color: #97aac5;
	}
	
	div#header h1{
		float: left;
	}
	
	.headerlink a{

		display: block;
		height: 0;
		width: 130px;
		overflow: hidden;
		padding-top: 30px;
		float: left;
		
		position: absolute;
		top:20px;
		left: 10px;		
		/* only for IE Mac \*/ /*/
		display: none;
		/* end hide */

	}
	.headerlink a:hover{
		cursor:pointer;
	}
	div#search {
		float: right;
		text-align: right;
		padding-right:15px;
		margin-right: 3px;
	}
	p.language {
		margin-top: 2px;
		/* holly hack */
		height: 1%;
	}
	p.language a {
		color: #005FA9;
		letter-spacing: 0em;
	}
	p.language a:hover {
		color: #243A64;
	}
	p.language select {
		width: 200px;
		color: #666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.6em;
	}
	div#search p.language a, div#search p.language span {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.6em;
	}
	div#search a, div#search span, div#search p.language img, div#search .go_button {
			vertical-align: middle;
	}
	div#search .inputfield, div#search p.search img, div#search p.search .go_button {
		vertical-align: top;
	}
	div#search img {
		margin-right: 3px;
	}
	div#search p.search img {
		margin-right: 10px;
	}
	p.search {
		margin-top: 15px;
	}
	p.search span {
		font: 0.7em Arial, Helvetica, sans-serif;
		background: transparent;
	}
	.searchText {
		font: 0.7em Arial, Helvetica, sans-serif;
		background: transparent;
	}
	p.search .inputfield {
		font: 0.7em Arial, Helvetica, sans-serif;
	}
	
	.go_button {
		border: 0;
		padding: 0 2px;
		background-color: #3C62A9;
		color: #fff;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		font-weight: bold;	
	}
	div#search p.search .go_button {
		position: relative;
		top: 2px;
	}
	div#search p.language .go_button {
		position: relative;
		top: -1px;	
	}

	div#topmenu {
		float: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		width: 634px;
		padding: 9px 0;
		margin-top: 6px;
		text-align: left;
		background:    url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/template/other_backgrounds/topmenu_bg.jpg") bottom right no-repeat;
	}
	div#topmenu ul{
		

		/* holly hack */
		height: 1%;
	}
	div#topmenu li{
		float: left;
		display: inline;
		padding-left: 5px;
	}
	div#topmenu li a {
		font-weight: bold;
		color: #1A6FB2;
		text-decoration: none;
		padding: 0 8px;
		
		/* to get rid of W cutoff in IE*/
		padding-left: 1px;
	}
	div#topmenu a:hover {
		
	}
	div#topmenu li a.last {
		background: none;
	}

/*---------------------------------LEFT NAVIGATION-----------------------*/

	div#leftnav {
		text-align: left;
		width: 192px;
		/* hide from IE Mac \*/
		width: 192px;
		/* end hide */
		margin-top: 8px;
		
		background:    url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/template/box_corners/top_left.gif") top left #00349A no-repeat;
	}

	div#leftnav h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		color: #fff;
		padding: 4px 0 4px 8px;
		display: block;
		background:    url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/template/box_corners/top_right.gif") transparent top right no-repeat;
	}
	
	/* these styles are used for the JavaScript Menu EXCEPT for IE/Mac OR SAFARI/Mac - USE js/data.js to format the styles in those browsers */
		.topItemNormal, .topItemOver, .itemNormal, .itemOver, .endItem, .endItemOver {
			background: #F0F3F7;
			border-bottom: 1px solid #D4D6DA;
			border-left: 1px solid #B1BFD3;
			border-right: 1px solid #B1BFD3;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.65em;
			color: #005FA9;
			cursor:pointer;
			line-height: 19px;
		
		}
		.itemNormal {
			background:  url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/nav/morearrow.gif") 95% 50% #F0F3F7 no-repeat;
		}
		.topItemOver, .itemOver  {
			background: #fff;
		}
		.itemOver  {
			background:  url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/nav/morearrow.gif") 95% 50% #fff no-repeat;
		}
		.endItem {
			background: #F0F3F7;
		}
		.endItemOver {
			background: #fff;
		}
		.leftnav {
			border-top: 1px solid #D4D6DA;
		}
	/* End JavaScript Menu */

	/* The bottom row of the menu */
		div.bottomright {
			background:    url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/template/box_corners/bottom_right.gif") bottom right no-repeat;
			/*border: 1px solid red;*/
		}
		div.bottomleft {
			background:    url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/template/box_corners/bottom_left.gif") transparent bottom left no-repeat;
			height: 8px;
			width: 8px;
		
			/*IE6 hack to get the right height*/
			font-size: 1px; 
			line-height: 1px;
		}
	/* End bottom row */

	/* used to hide blue background from IE Mac */
		div#menucontainer {
			background: #D4D6DA;
		}
	/* End IE Mac fix */





/*------------------------ BROTHER FORM STYLES ----------------------------*/

form fieldset {
  border-color: #99AEC9;
  border-width: 1px;
  border-style: solid;
  padding: 9px 9px 26px 9px;
  margin: 0px 0px 17px 0px;
}
form fieldset legend {
  font-weight: bold;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px;
  font: 1.6em Arial, Helvetica, sans-serif;
  color: #1A6FB2;
}
form fieldset input, form fieldset select, form fieldset textarea {
  background-color: #F0F3F7;
  border-width: 1px;
  border-style: solid;
  border-color: #99AEC9;
  margin: 3px 3px 3px 3px;
	height: 1.1em;
}
form div fieldset legend {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;;
  padding: 0px 3px 0px 9px;
  margin-bottom: 5px;
}
form fieldset div.notes {
  font: 0.9em Verdana, Arial, Helvetica, sans-serif;
  float: right;
  width: 131px;
  height: auto;
  margin: 0px 0px 9px 0;
  padding: 5px 5px 10px 5px;
	border: 1px solid #99AEC9;
  color: #666666;
}
form fieldset div.notes h4 {
  background-image:   url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/forms//icon_info.gif");
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0px 3px 27px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  margin-bottom: 10px;
  font: 1.1em Arial, Helvetica, sans-serif;
  font-weight: bold;
}
form fieldset div.notes p {
  margin: 1.2em 0em 0em 0em;
  color: #666666;
}
form fieldset td.fielddesc {
 width: 130px;
 text-align: right;
 vertical-align: middle;
}
form fieldset td.fieldentry {
 width: 270px;
 text-align: left;
}
p.formerrormessage {
  background-color: #ff0000;
  background-image:   url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/forms//icon_error.gif");
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
	display: none;
}
form fieldset .fieldbox {
	width: 400px;
}
form fieldset .fielderrorbox {
  background-color: #ffffe1;
  background-image:   url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/forms//required_bg.gif");
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
	width: 400px;
}
form fieldset p.fieldmsg {
  background-image:   url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/forms//icon_error.gif");
  background-repeat: no-repeat;
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-weight: bold;
  margin: 0px 0px 0px 118px;
	padding-left: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
  color: #ff0000;
	height: 18px;
	display: none;
}
form fieldset td.required { 
	font-weight:bold;
}
form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0px;
  padding: 0px;
	margin: 10px 0px 0px 15px;
}
form fieldset input.inputButton {
	width: 100px;
  float: right;
  margin: 0px 0px 0px 5px;
	background-color: #3C62A9;
	color: #fff;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	height: 1.5em;
}

form fieldset select {
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	height: 1.5em;
}



#maincontentcontainerPortal{
	margin: 0;
	padding: 0;
	width: 100%;
	float: none;
	background: url(/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/flags/europemap.gif) 445px 30px  no-repeat;
	height: 22em;
}

#portallinks {
	text-align: left;
	position: relative;
}
#portallinks h2 {
	position: relative;
	left: 25px;
	top: 20px;
	display: block;
	width: 305px;
	height: 23px;
	background: url(/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/titles/welcome_to_brother_europe.gif) top left no-repeat;
}

/* separate the list from surrounding elements */
#portallinks ul
{
	margin: 0;
  padding: 0;
  list-style: none none outside;
}

/* IE MAC \*//*/
#portallinks ul.column1 { 
float: left;
}

#portallinks ul li
{
  margin: 0;
  padding: 0;
  height: 2em;
  line-height: 150%;
  color: #005FA9;
  white-space: nowrap;
}


/* horizontal position of each column */

#portallinks ul.column1 { 
	position: absolute;
	top: 65px;
	left: 27px;
}
#portallinks ul.column2 { 
	position: absolute;
	top: 65px;
	left: 18em; 
}

.textPortal
{
	color: #005FA9;
  font: 0.65em Verdana, Arial, Helvetica, sans-serif;
}

/* anchor styling */
#portallinks ul li a
{
	color: #005FA9;
  font: 0.65em Verdana, Arial, Helvetica, sans-serif;
}
#portallinks ul li a:hover
{
  color: #0198DB;
}
#portallinks ul li img {
	position: relative;
	top: 2px;
	margin-right: 3px;
}



/*---------------------------------------------
01. header
---------------------------------------------*/
#newheader     { width: 790px; height: 59px; font-size: 70%; line-height: 1.1em; color: #666; font-family: sans-serif; background: url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/NEW_header/head_bg.jpg") repeat-y 100% 0% #039; }
#newheader *   { margin: 0px; padding: 0px; font-size: 100%; vertical-align: top; }
#newheader img { border: 0px; }

#newheader #brotherLogo { float: left; width: 122px; padding: 11px 0px 8px; text-align: right; }

#newheader #formArea { clear:right; float: right; width: 263px; padding-top: 6px; text-align: left; }

#newheader #country						{ padding-bottom: 3px; }
#newheader #country option				{ font-family: sans-serif; }
#newheader #country .countrySelect		{ font-family: sans-serif; width: 220px; height: 19px; margin-right: 5px; color:#000000;}


/*#newheader #newsearch				{ border: 1px solid yellow;}*/
#newheader #newsearch input			{ font-family: sans-serif; }
#newheader #newsearch .searchTxt	{ width: 220px; height: 16px; margin-right: 5px; padding: 2px 0px 0px 2px;}


/*  clearfix Style
---------------------------------------------*/

#newheader:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#newheader {
	display: inline-block;
}

/*Hides from IE-mac\*/
* html #newheader { height: 1%; }
#newheader { display: block; }
/*End hide from IE-mac*/


/*---------------------------------------------
00. except for ie5.x win
---------------------------------------------*/
#newheader #newsearch .searchTxt { voice-family: "\"}\""; voice-family: inherit; width: 214px; height: 14px; }





h1{font-size: 2.2em;}
h2{font-size: 1.9em;}
h3{font-size: 1.6em;}
h4{font-size: 1.5em;}
h5{font-size: 1.1em;}


	#glossarHeaderBox1 {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		height: 54px;
		min-width: 455px;
		background: url(/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/glossar/header_verlauf.jpg) top left repeat-y;
		background-color: #94B6DB;
	}
	#glossarHeaderBox1Sp1 {
		padding: 0px 0px 0px 9px;
		height: 49px;
		float: left;
		widht: 200px;
	}
	#glossarHeaderBox1Sp2 {
		padding: 12px 10px 0px 0px;
		float: right;
	}
	.glossarMenuBox {
		padding: 10px 0px 0px 0px;
		border-bottom: 1px solid #cccccc;
		cursor: pointer;
	}
	.glossarMenuItemInactive {
		background: url(/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/glossar/reiterMitteInaktiv.gif) top repeat-x;
		float: left;
		margin-bottom: -1px;
		margin-right: -1px;
	}
	.glossarMenuItemInactive2 {
		background: url(/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/glossar/reiterLinksInaktiv.gif) top left no-repeat;
	}
	.glossarMenuItemInactive3 {
		height: 17px;
		padding: 6px 11px 0px 11px;
		background: url(/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/glossar/reiterRechtsInaktiv.gif) top right no-repeat;
	}
	.glossarMenuItemActive {
		background: url(/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/glossar/reiterMitteAktiv.gif) top repeat-x;
		float: left;
		margin-bottom: -1px;
		margin-right: -1px;
	}
	.glossarMenuItemActive2 {
		background: url(/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/glossar/reiterLinksAktiv.gif) top left no-repeat;
	}
	.glossarMenuItemActive3 {
		height: 17px;
		padding: 6px 11px 0px 11px;
		background: url(/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/glossar/reiterRechtsAktiv.gif) top right no-repeat;
	}
	.contentGlossarBox {
		margin: 0;
		padding: 0;
		border: 0;
	}
	.contentGlossarDetailBox {
		padding: 15px 0px 0px 0px;
	}
	.contentGlossarDetailBox ul {
		list-style-image: url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/list_icon.gif");
	}
	div.contentGlossarBox ul {
		margin: 0 0 0 0;
		padding: 0;
		list-style: none;
		list-style-image: none;
		list-style-image: url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/space.gif");
		background-image: url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/space.gif");
	}
	.contentGlossarBox ul li {
		margin: 0 0 5px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #DADADA;
		color: #00628C;
		font-weight: bold;
		list-style-image: url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/space.gif");
		background-image: url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/space.gif");
	}
	.contentGlossarBox ul ul li {
		margin: 0 0 0 24px;
		padding: 0 0 0 0;
		border-bottom: 0px solid #DADADA;
		color: #545454;
		font-weight: normal;
	}
	.contentGlossarBox .glossarDesc {
		margin: 0 0 12px 28px;
	}
	.contentGlossarBox .glossarToggle {
		margin: 0 0 12px 28px;
	}
	.contentGlossarBox .glossarTitleClosed, .contentGlossarBox .glossarTitleOpened {
		font-weight: bold;
	}
	.contentGlossarBox ul .glossarContentClosed {
		display: none;
	}
	.contentGlossarBox ul .glossarContentOpened {
		display: visible;
	}
	div.contentGlossarBox .glossarTitleOpened {
		margin: 0;
		padding: 8px 0px 8px 28px;
		background-image: url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/glossar/glossarOpened.png");
		background-repeat: no-repeat;
	}
	div.contentGlossarBox .glossarTitleClosed {
		margin: 0;
		padding: 8px 0px 8px 28px;
		background-image: url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/glossar/glossarClosed.png");
		background-repeat: no-repeat;
	}
	div.contentGlossarBox .glossarTreeLink {
		margin: 0;
		padding: 2px 0px 2px 5px;
	}
	.glossarTreeLink a:link {
		color: #545454;
		text-decoration: underline;
	}
	.glossarTreeLink a:visited {
		color: #545454;
		text-decoration: underline;
	}
	.glossarTreeLink a:active {
		color: #545454;
		text-decoration: underline;
	}
	.glossarTreeLink:hover {
		color: #545454;
		text-decoration: none;
	}
	.glossarDetailLead {
		padding: 10px 0px 0px 0px;
		font-weight: normal;
		text-align: left;
	}
	.glossarBlaseLead {
		padding: 10px 0px 0px 0px;
		text-align: justify;
	}
	.glossarDetailDesc {
		padding: 25px 0px 0px 0px;
		text-align: left;
	}
	.glossarBlaseLink:link {
		color: #005FA9;
	}
	.glossarBlaseLink:visited {
		color: #005FA9;
	}
	.glossarBlaseLink:active {
		color: #0198DB;
	}
	.glossarBlaseLink:hover {
		color: #0198DB;
	}
	.glossarDetailDesc ul li {
		margin-left: 11px;
		border-bottom: none;
		font-weight: normal;
		background-image: none;
		list-style-image: url("/cms/cmsCustom/brotherbimh/headers/default_v1.0.0/images/list_icon.gif");
		color: #545454;
		margin: 0pt 0pt 0pt 10pt;
		padding: 0pt 0pt 0pt 0pt;
	}
	.glossarEditorLink {
		TEXT-DECORATION: none;
		font-family: Arial,Helvetica,sans-serif;
		
		cursor: pointer;
		color: #000000;
	}
	a.glossarEditorLink:link {
		TEXT-DECORATION: none;
		font-family: Arial,Helvetica,sans-serif;
		border-bottom: 1px dotted #808080;
		color: #000000;
		
	}
	a.glossarEditorLink:active {
		TEXT-DECORATION: none;
		font-family: Arial,Helvetica,sans-serif;
		border-bottom: 1px dotted #808080;
		color: #000000;
		
	}
	a.glossarEditorLink:visited {
		TEXT-DECORATION: none;
		font-family: Arial,Helvetica,sans-serif;
		border-bottom: 1px dotted #808080;
		color: #000000;
		
	}
	a.glossarEditorLink:hover {
		TEXT-DECORATION: none;
		color: #808080;
		border-bottom: 1px dotted #808080;
	}
	



.searchResultTitle {
	font-weight: bold;
	color: #000000;
}
.searchResultLine {
	font-weight: normal;
	color: #000000;
}
.searchResultText {
	font-weight: normal;
	color: #000000;
}
.searchFormInput {
	width: 150px;
	border: solid 1px #000000;
	color: #000000;
	margin: 0px 5px 0px 0px;
}
.searchFormButton {
	height: 18px;
	border: solid 1px #000000;
	color: #CCA168;
	background: #FFFFFF;
}
.searchKey {
	background-color: #FFFF90;
}



#searchBox {
	position: absolute;
	width: 212px;
	height: 200px;
	background-color: white;
	overflow: auto;
	border: 1px solid #00628C;
	padding: 2px 3px 2px 3px;
}
#searchBox a {
	display: block;
	text-decoration: none;
	width: 160px;
	float:left;
}
#searchBox a:hover {
	background-color: silver;
}

#searchBoxGlos {
	position: absolute;
	width: 116px;
	height: 200px;
	background-color: white;
	overflow: auto;
	border: 1px solid #00628C;
	padding: 2px 3px 2px 3px;
}
#searchBoxGlos a {
	display: block;
	text-decoration: none;
	width: 100px;
	float:left;
}
#searchBoxGlos a:hover {
	background-color: silver;
}