/*
Title:        	Master Styles (Global style sheet)
Author:       	Ben Usher Smith, ben@heehaw.co.uk
Updated:      	Thursday October 15th 2009
Notes:        	Hand-crafted by Heehaw Multimedia in Edinburgh, Scotland
Known issues: 	None

Colour Palette(HEX):
Byotrol Blue:		#00abef
Byotrol Green: 		#acbd56
Byotrol Light Grey:	#abb8c0
Byotrol Dark Grey:	#525151
*/

body,
body.mceContentBody {
	background:#fff;
	color:#525151;
	font:normal 62.5% Arial, Helvetica, sans-serif;
	/* font-size: 0.8125em; */
	text-align:center}
	
body.mceContentBody {
	text-align: left;
	width:90%;
}

/* Generic styles */
.access a {
	text-indent:-99999px;
	line-height:0.01em;
	color:#00abef;
	display:block;
	float:left}

.access a:focus {
	text-indent:0;
	line-height:2em;
	padding:10px;
	border:1px solid #acbd56;
	background-color:#F4FDE8}

.clear {
	clear:both;
	display:block}

strong {font-weight: bold}

em {font-style: italic}

p {margin-bottom:1em}

u {text-decoration:underline}

.left {float:left}

.right {float:right}

img.left {
	margin-right:15px;
	margin-bottom:10px}

img.right {
	margin-left:15px;
	margin-bottom:10px}
	
/* Link Styles - There are more of these further down the page... */
a,
a:link,
a:visited {
	background-color:transparent}
a:hover {
	background-color:#e6f8fe}	

#content a,	
#sidebar_1 a,
#sidebar_2 a  {color:#00abef}

/* Structure - Part I */
#wrapper {
	background:#fefefe;
	margin:0 auto;
	width:874px}

/* Header */
#header {
	background-color:#fff;
	padding:10px}

#header h1 {
	width:874px}

h1 a {
	outline:none}

#logo {
	outline:none;
	background:url(/images/global/byotrol.gif) 0 0 no-repeat;
	display:block;
	float:left;
	height:88px;
	text-indent:-99999px;
	width:155px}

#logo:hover {
	background:url(/images/global/byotrol.gif) 0 -88px no-repeat}

#strapline {
	background:url(/images/global/the_hygiene_revolution.gif) 0 0 no-repeat;
	display:block;
	float:right;
	height:19px;
	margin:60px 20px 0 0;
	text-indent:-99999px;
	width:195px}
	
body#root #logo:hover {
	background:url(/images/global/byotrol.gif) 0 0 no-repeat}
	
body#root #strapline {
	margin:40px 20px 0 0}

/* The primary navigation styles - This uses one image that is mapped to each element by coordinates */
#nav li {
	border:1px;
	display:block;
	float:left;
	list-style:none}

#nav li a {
	background-image:url(/images/global/nav_bg.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:27px;
	padding:0;
	outline:none;
	text-indent:-99999px}

li#home_tab a, li#home_tab a:link, li#home_tab a:visited {width:83px; background-position:0 -54px}
li#home_tab a:hover, #nav li#home_tab a.active:hover, li#home_tab a:focus {background-position:0 0}
body#home #nav li#home_tab a, #nav li#home_tab a:active, #nav li#home_tab a.active {background-position:0 -27px}

li#revo_tab a, li#revo_tab a:link, li#revo_tab a:visited {width:172px; background-position:-83px -54px}
li#revo_tab a:hover, #nav li#revo_tab a.active:hover, li#revo_tab a:focus {background-position:-83px 0}
body#the_hygiene_revolution #nav li#revo_tab a, #nav li#revo_tab a:active, #nav li#revo_tab a.active {background-position:-83px -27px}

li#science_tab a, li#science_tab a:link, li#science_tab a:visited {width:105px; background-position:-255px -54px}
li#science_tab a:hover, #nav li#science_tab a.active:hover, li#science_tab a:focus {background-position:-255px 0}
body#the_science #nav li#science_tab a, #nav li#science_tab a:active, #nav li#science_tab a.active {background-position:-255px -27px}

li#business_tab a, li#business_tab a:link, li#business_tab a:visited {width:109px; background-position:-360px -54px}
li#business_tab a:hover, #nav li#business_tab a.active:hover, li#business_tab a:focus {background-position:-360px 0}
body#byotrol_in_business #nav li#business_tab a, #nav li#business_tab a:active, #nav li#business_tab a.active {background-position:-360px -27px}

li#inhome_tab a, li#inhome_tab a:link, li#inhome_tab a:visited {width:94px; background-position:-469px -54px}
li#inhome_tab a:hover, #nav li#inhome_tab a.active:hover, li#inhome_tab a:focus {background-position:-469px 0}
body#byotrol_in_the_home #nav li#inhome_tab a, #nav li#inhome_tab a:active, #nav li#inhome_tab a.active {background-position:-469px -27px}

li#swineflu_tab a, li#swineflu_tab a:link, li#swineflu_tab a:visited {width:90px; background-position:-563px -54px}
li#swineflu_tab a:hover, #nav li#swineflu_tab a.active:hover, li#swineflu_tab a:focus {background-position:-563px 0}
body#swine-flu #nav li#swineflu_tab a, #nav li#swineflu_tab a:active, #nav li#swineflu_tab a.active {background-position:-563px -27px}

li#news_tab a, li#news_tab a:link, li#news_tab a:visited {width:68px; background-position:-653px -54px}
li#news_tab a:hover, #nav li#news_tab a.active:hover, li#news_tab a:focus {background-position:-653px 0}
body#news #nav li#news_tab a, #nav li#news_tab a:active, #nav li#news_tab a.active {background-position:-653px -27px}

li#media_tab a, li#media_tab a:link, li#media_tab a:visited {width:69px; background-position:-721px -54px}
li#media_tab a:hover, #nav li#media_tab a.active:hover, li#media_tab a:focus {background-position:-721px 0}
body#media #nav li#media_tab a, #nav li#media_tab a:active, #nav li#media_tab a.active {background-position:-721px -27px}

li#investors_tab a, li#investors_tab a:link, li#investors_tab a:visited {width:84px; background-position:-790px -54px}
li#investors_tab a:hover, #nav li#investors_tab a.active:hover, li#investors_tab a:focus {background-position:-790px 0}
body#investors #nav li#investors_tab a, #nav li#investors_tab a:active, #nav li#investors_tab a.active {background-position:-790px -27px}

/* Structure - Part II */
#main {
	background-color:#fff;
	background-image:none;
	text-align:left}

	/* Main Content area - This also has styles for tinyMCE incorporated so that web editors can get visual feedback of styles they are applying without having to preview */
	#content,
	.mceContentBody {
		text-align:left;
		float:left;
		font-size:1em /* 12px */;
		margin:0 0 10px 10px; /* margin:0 0 10px 30px; */
		padding:0 16px 11px;
		width:442px}
		
	* html #main #content {
		width:438px
	}
		
	body#root #content{
		margin:0;
		padding:0;
		width:100%}
		
	body#root #alt_content {
		margin:0 auto;
		width: 600px}
		
	/* Main Content - Elemental styles; h3, h4, h5, h6, p, strong, ul, table, img */
	#content h3,
	.mceContentBody h3 {
		color:#00abef;
		font-weight:800;
		padding:0;
		margin:0;
		font-size:2.5em}
		
	#content h3.sIFR-replaced {
		padding:4px 0 0 0;}
		
	#content h3 .sIFR-alternate {
		display:none}
		
	#content h4,
	.mceContentBody h4 {
		color:#00abef; /* #acbd56 */
		font-weight:800;
		font-size:1.2em;
		margin-bottom:.4em}
		
	#content h5,
	.mceContentBody h5 {
		color:#525151;
		font-weight:800;
		font-size:1.1em}
	
	#content h6,
	.mceContentBody h6 {
		color:#525151;
		font-weight:800}
	
	#content p,
	.mceContentBody p {
		color:#525151;
		font-size:1.2em;
		line-height:1.5em}
		
		#content .box_out_blue,
		.mceContentBody .box_out_blue {
			color:#647983;
			padding:8px;
			border:1px solid #00abef;
			background-color:#E3F7FD}
			
			#content .box_out_blue a:hover,
			.mceContentBody .box_out_blue a:hover {
				background-color:#cbf2fe}
			
		#content .box_out_green,
		.mceContentBody .box_out_green {
			color:#647983;
			padding:8px;
			border:1px solid #acbd56;
			background-color:#F4FDE8}
			
			#content .box_out_green a:hover,
			.mceContentBody .box_out_green a:hover {
				background-color:#e1fac0}
	
	/* Link styles */	
	a
	a:link,
	a:visited,
	.mceContentBody a,
	.mceContentBody a:link,
	.mceContentBody a:visited {
		background-color:transparent;
		color:#00abef;
		padding:0 3px}
		
	a:hover,
	.mceContentBody a:hover {
	background-color:#e6f8fe}	
	
	#content strong,
	.mceContentBody strong {
		font-weight:800}
		
	#content em,
	.mceContentBody em {
		font-style:italic}
	
	/* List styles */
	#content ul,
	.mceContentBody ul,
	#content ol,
	.mceContentBody ol {
		font-size:1.2em;
		margin:10px;}
	
	#content ul li,
	.mceContentBody ul li {
		margin:0 0 0 10px;
		line-height:1.5em;
		list-style:disc;
		color:#525151}
		
	#content ol li,
	.mceContentBody ol li {
		margin:0 0 10px 20px;
		list-style-type:decimal}
		
	#content ol li ol li,
	.mceContentBody ol li ol li {
		list-style-type:lower-alpha}
	
	/* Table formating */
	#content table,
	.mceContentBody table {
		color:#656464;
		background:#e3f7fd;
		border-collapse:collapse;
		font-size:1.2em;
		width:100%;
		margin:0 0 14px 0;
		/*border:1px solid #9fcede*/}
	
	#content tbody,
	.mceContentBody tbody {
		border:1px solid #9fcede}
	
	#content thead th,
	.mceContentBody thead th {
		padding:10px 20px;
	 	border:1px solid #00abef;
		color:#fff;
		background:#00abef;
	 	
		font-weight:800;
	 	text-align:left}
		
	#content tfoot td,
	.mceContentBody tfoot td {
		padding:10px 20px;
		background:#ecf4ed;
		border-top:1px solid #9fcede}
	
		#content table tbody tr td,
		.mceContentBody table tbody tr td {
			padding:10px 20px;
			border-bottom:1px solid #9fcede;
			border-left: 1px solid #9fcede}	
	
	/* These style are applied via javascript! */		
	.even_row {
		background-color:#eaf4f3}
		
	.odd_row {
		background-color:#fff}	
	
	/* Image styles - This includes title styles applied via javascript! */		
	#content .show_image_title_left,
	#content .show_image_title_right {
		color:#8c8c8d;
		font-weight:400;
		font-size:1em}
		
		/* Border Image styles  */		
		#content .left_img_border,
		.mceContentBody .left_img_border,
		#content .right_img_border,
		.mceContentBody .right_img_border {
			border:1px solid #ccc}

	#content .show_image_title_left,
	.mceContentBody .show_image_title_left,
	#content .left_img_border,
	.mceContentBody .left_img_border {
		margin:4px 10px 0 0;
		float:left}

	#content .show_image_title_right,
	.mceContentBody .show_image_title_right,
	#content .right_img_border,
	.mceContentBody .right_img_border {
		margin:4px 0 0 10px;
		float:right}
	
	#content span.image_title {
		padding:5px 0;
		display:block}
		
	

/*		
	#content img,
	.mceContentBody img,
	#content .show_image_title_left img,
	.mceContentBody .show_image_title_left img,
	#content .show_image_title_right img,
	.mceContentBody .show_image_title_right img {
		border:solid 1px #bebebe}
*/

	/* Link Styles */
	/* Default - Left align */
	a.science_link,
	a.business_link,
	a.residential_link,
	a.news_link,
	a.media_link,
	a.investors_link,
	a.pdf_link,
	a.doc_link,
	a.rsslink,
	.mceContentBody a.science_link,
	.mceContentBody a.business_link,
	.mceContentBody a.residential_link,
	.mceContentBody a.news_link,
	.mceContentBody a.media_link,
	.mceContentBody a.investors_link,
	.mceContentBody a.pdf_link,
	.mceContentBody a.doc_link,
	.mceContentBody a.rsslink {
		background-position:0 50%;
		background-repeat:no-repeat;
		background-color:transparent;
		padding:6px 3px 6px 36px}
	
	/* Link Styles */
	/* Default - Right align */
	a.contact_link,
	a.lightgreyarrow,
	a.darkgreyarrow,
	a.bluearrow,
	a.greenarrow {
		background-position:100% 50%;
		background-repeat:no-repeat;
		background-color:transparent;
		padding:6px 20px 6px 3px}
		
	a.science_link,
	.mceContentBody a.science_link {
		background-image:url(/images/global/science_link.gif)}
	/*
	#content a.business_link,
	.mceContentBody a.business_link {
		background-image:url(/images/global/science.gif)}
	
	#content a.residential_link,
	.mceContentBody a.residential_link {
		padding:0 20px 0 3px;
		background-image:url(/images/global/science.gif}
	*/	
	a.news_link,
	.mceContentBody a.news_link {
		background-image:url(/images/global/news_link.gif)}
		
	a.doc_link,
	.mceContentBody a.doc_link {
		background-image:url(/images/global/doc_link.gif)}
	
	/*
	a.media_link,
	.mceContentBody a.media_link {
		background-image:url(/images/global/science.gif)}

	a.investors_link,
	.mceContentBody a.investors-link {
		background-image:url(/images/global/science.gif)}
	*/
	a.contact_link,
	.mceContentBody a.contact_link {
		background-image:url(/images/global/contact_link.gif)}
	
	a.pdf_link,
	.mceContentBody a.pdf_link {
		background-image:url(/images/global/pdf_link.gif)}
		
	a.rsslink,
	.mceContentBody a.rsslink {
		background-image:url(/images/global/rss_icon.gif)}
	
	a.lightgreyarrow,
	.mceContentBody a.lightgreyarrow {
		background-image:url(/images/global/lightgreyarrow.gif)}

	a.darkgreyarrow,
	.mceContentBody a.darkgreyarrow {
		background-image:url(/images/global/darkgreyarrow.gif)}
	
	a.bluearrow,
	.mceContentBody a.bluearrow {
		background-image:url(/images/global/bluearrow.gif)}

	a.greenarrow,
	.mceContentBody a.greenarrow {
		background-image:url(/images/global/greenarrow.gif)}
	
	a.science_link:hover,
	a.business_link:hover,
	a.residential_link:hover,
	a.news_link:hover,
	a.media_link:hover,
	a.investors_link:hover,
	a.contact_link:hover,
	a.pdf_link:hover,
	a.lightgreyarrow:hover,
	a.darkgreyarrow:hover,
	a.bluearrow:hover,
	a.greenarrow:hover {
		background-color:#e6f8fe}

/* Side bars */
#sidebar_1,
#sidebar_2 {
	font-size:1.2em;
	float:left;
	padding:0;
	width:190px} /* width:170px */
	
#sidebar_1 address {
	font-size:1.2em;
	line-height:1.5em;
	margin:14px 0 0 0;
	padding:0}

/* Footer */
#footer {
	background:url(/images/global/bg_btm_footer.gif) bottom center no-repeat;
	color:#00abef;
	font-size:1.1em;
	margin:14px 0;
	padding:0;
	text-align:left}

#footer .foot_logo {
	background:url(/images/global/mini_byotrol.gif) no-repeat 756px 16px}

#footer p.links {
	background:url(/images/global/bg_top_footer.gif) top center no-repeat;
	margin-bottom:0;
	padding:30px 0 0 30px}

#footer p.copyright {
	margin-bottom:0;
	padding:0 0 30px 33px}

#footer a {
	padding:0 3px;
	color:#00abef;
	font-weight:800} 

/* Self-clearing floats */
#header:after,
#nav:after,
#interactivity:after,
#main:after,
#footer:after {
    clear:both;
	content:".";
    display:block;
    height:0;
    visibility:hidden}
    
/* Extras */
.blue_text,
.mceContentBody .blue_text {color:#00abef}

#share_price_txt {
	background:url(/images/standard_page/blue_dashed.gif) repeat-x 0 100%;
	color:#00abef;
	margin:0 21px 8px 21px;
	padding:4px 0}

#share_price_txt strong {
	font-size:1.8em}
	
#share_price_txt small {
	font-size:.9em;
	margin:0 0 0 60px;} /* 79px */
	
#content p.special_box_left,
.mceContentBody p.special_box_left {
	background-color:#fcfef9;
	border:1px solid #b2e5fb;
	color:#00abef;
	display:block;
	float:left;
	font-size:1.7em;
	font-weight:800;
	padding:18px;
	line-height:1.1em;
	margin:0 16px 16px 0;
	width:288px;
	}
	
#content p.special_box_right,
.mceContentBody p.special_box_right {
	background-color:#fcfef9;
	border:1px solid #b2e5fb;
	color:#00abef;
	display:block;
	float:right;
	font-size:1.7em;
	font-weight:800;
	padding:18px;
	line-height:1.1em;
	margin:0 0 16px 16px;
	width:288px;
	}
	
/* Downloads */
h4.download {
	background:transparent url(/images/standard_page/blue_dashed.gif) repeat-x scroll left bottom;
	color:#00ABEF;
	line-height:normal;
	margin:0;
	/* padding:1px 0 6px; OLD */
	padding:18px 0 24px;
	width:422px;}

a.download_link {
	background:transparent url(/images/standard_page/pdf_icon_mid.gif) no-repeat scroll 2% 50%;
	color:#00ABEF;
	display:block;
	font-size:1.2em;
	font-weight:800;
	line-height:1.1em;
	padding:6px 3px 6px 46px;
	text-decoration:none}

a.download_link:hover {
	background-color:#E6F8FE}
table a.download_link:hover {
	text-decoration: underline;}

a.download_link span {
	color:#525151;
	font-size:0.8em;
	font-weight:normal}