/* CSS Document */

/* Overwrite Global Styles Starts */

body{
	padding:20px 0 0 0;
	background:url(/_layouts/images/TateAndLyleImageAssets/bg-blue.gif) #7FB0DA top left repeat-x; 
}

#main-content{
	background:url(/_layouts/images/TateAndLyleImageAssets/bg-content.gif) #FFFFFF top left repeat-x; 
	padding:8px 0 0 20px;
}

/* IR Styles */

#wide-content p {
	float:left;
	width:100%;
}	

div.content-banner{
	float:left;
	position:relative;	
	padding:0 0 5px 0;
}
#middle-content div.content-banner img{
	padding:0;
}
div.content-banner-text{
	position:absolute;
	top:16px;
	left:12px;
	width:270px;
}

div.content-banner-text h3,
div.content-banner-text p{
	color:#FFFFFF;
}

div.content-banner-text h3{
	font-weight:normal;
	font-size:2.00em;
	padding:1px 0 12px 0;
}

div.content-banner-text p{
	font-size:1.17em;
}
div.content-banner-text ul li {
	background:url(/_layouts/images/TateAndLyleImageAssets/bullet-link-white.gif) 0px 5px no-repeat;
	color:#FFFFFF;
}
div.content-banner-text ul.links li a{
	background:url(/_layouts/images/TateAndLyleImageAssets/bullet-link-white.gif) center left no-repeat;
	color:#FFFFFF;
}

div.section-highlight-container{
	float:left;
	width:100%;
	margin:5px 0 0 0;
	padding:0 0 70px 0;
}

div.section-highlight{
	float:left;
	border-bottom:1px solid #E5E5E5;
	width:100%;
	padding:18px 0 18px 0;
	position:relative;
}

div.section-highlight ul li{
	width:280px;
}

div.section-highlight h3{
	padding:0 0 5px 0;
	font-size:1.17em;
}

div.section-highlight.picture-bg div.text{
	float:left;
}

div.section-highlight.picture-bg img{
	float:right;
	position:absolute;
	bottom:0;
	right:0;
	padding:0;
}

div.section-highlight.picture-bg img.director-image{
	position:absolute;
	bottom:0;
	right:0;
}

#middle-content div.section-highlight.picture-bg p{
	width:300px;
}

div.section-highlight.picture-bg ul.links{
	padding:0 0 5px 0;
}

p.management-details{
	font-size:0.92em;	
	font-style:italic;
}

h4.date{
	color:#404040;
	font-weight:normal;
}

/* Article */

div.article-container{
	float:left;
	width:100%;
	padding:18px 0 0 0;
}

div.article-container div.article{
	float:left;
	border-bottom:1px solid #E5E5E5;
	padding:0 0 14px 0;
	margin:0 0 15px 0;
}

div.article-container div.article img{
	float:left;
	padding:0 10px 0 0;
}

div.article-container div.article h4{
	font-size:1em;
	font-weight:normal;
	padding:0 0 4px 0;
}

div.article-container div.article p{
	padding:0;
}

div.article-container div.article h4,
div.article-container div.article p{
	float:left;
	clear:none;
	width:350px;
}
/* Annual Report Download Layout */

div.annual-report-container{
	float:left;
	width:100%;
	border-top:1px solid #c6d5e5;
}

div.annual-report{
	float:left;
	width:100%;
	border-bottom:1px solid #c6d5e5;
	padding:25px 0 0 0;
}

div.annual-report img{
	float:left;	
	padding-bottom:10px;
}

#wide-content div.annual-report-info{
	float:left;	
	padding:0 0 0 20px;
	clear:none;
	max-width:600px;
}

div.annual-report-info h3{
	color:#ba8861;
	font-size:1em;
	padding:0 0 15px 0;
	font-weight:normal;
}

div.annual-report-info ul.links li{
	float:left;
	clear:both;
	padding:0 0 15px 0;
	color:#404040;
	font-size:0.92em;
}

/*div.annual-report-info ul.links li a span{
	font-size:0.92em;
	color:#404040;
	padding:0 0 0 3px;
}*/

div.annual-report-info ul.links li span{
	font-size:1em;
	color:#404040;
	padding:0 0 0 3px;
}

div.annual-report-info ul.links li a{
	font-size:1.09em;
}

#wide-content div.annual-report-info p{
	width:auto;
}

/* Results Table */

div table.results{
	float:left;
	width:100%;
	margin:0 0 20px 0;
	text-align:center;
}

div table.results th{
	font-size:0.92em;
	background:#577fa9;
	color:#FFFFFF;
	border-right:1px solid #FFFFFF;
	padding:10px 4px 8px 4px;
}

div table.results th.first{
	border-left:1px solid #577fa9;
	padding:10px 0 8px 12px;
	text-align:left;
}

div table.results th.last{
	border-right:1px solid #577fa9;
}

div table.results td{	
	border-right:1px solid #d4dfeb;
	border-bottom:1px solid #d4dfeb;
	text-align:center;
}

div table.results td.first{
	border-left:1px solid #d4dfeb;
	padding:20px 0 20px 12px;
	text-align:left;
}

div table.results td a{	
	font-size:0.92em;
	font-weight:normal;
	padding:0 0 6px 0;

}

div table.results td p{	
	float:left;
	clear:both;
	padding:0;
	width:290px;
}

div table.results td{	
	text-align:center;
	padding:0;
}

div table.results td ul{
	background:none;
	padding:0;
}

div table.results td ul li{
	background:none;
	padding:0;
}

div table.results td ul li a{
	text-indent:-999em;
	display:block;
	margin:auto;
}

div table.results td ul li.press-release a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-press-release.gif) 0 2px no-repeat;
	width:16px;
	height:16px;
	overflow:hidden;
}

div table.results td ul li.pdf a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-pdf.gif) 0 2px no-repeat;
	width:16px;
	height:16px;
	overflow:hidden;
}

div table.results td ul li.video-webcast a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-videocast.gif) 0 2px no-repeat;
	width:15px;
	height:10px;
	overflow:hidden;
}

div table.results td ul li.audio-webcast a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-audiocast.gif) 0 2px no-repeat;
	width:14px;
	height:12px;
	overflow:hidden;
}

/*div table.results td span{
}

div table.results td span a{
	text-indent:-999em;
	display:block;
	margin:auto;
}

div table.results td span.press-release a{
	background:url(../images/icon-press-release.gif) 0 2px no-repeat;
	width:16px;
	height:16px;
}

div table.results td span.pdf a{
	background:url(../images/icon-pdf.gif) 0 2px no-repeat;
	width:16px;
	height:16px;
}

div table.results td span.video-webcast a{
	background:url(../images/icon-videocast.gif) 0 2px no-repeat;
	width:15px;
	height:10px;
}

div table.results td span.audio-webcast a{
	background:url(../images/icon-audiocast.gif) 0 2px no-repeat;
	width:14px;
	height:12px;
}*/

/* Calendar Filter */

#calendar-filter{
	float:left;
	width:450px;
	padding:7px 10px 7px 10px;
	background:#e8eef2;	
	margin:0 0 20px 0;
}

#calendar-filter select{
	float:left;
}

#calendar-filter input{
	float:left;
	width:auto;
	font-size:0.63em;
	height:18px;
	margin:2px 0 0 6px;
}

#calendar-filter ul{
	margin:4px 0 0 0;
	float:right;
}	

#calendar-filter ul li{
	background:none;
	padding:0;
}	

/* Financial Calendar Table */

div table.financial-calendar{
	float:left;
	width:100%;
	margin:0 0 20px 0;
}

div table.financial-calendar th{
	background:#577fa9;
	color:#FFFFFF;
	border-right:1px solid #FFFFFF;
	padding:10px 10px 8px 10px;
}

div table.financial-calendar th.first{
	border-left:1px solid #577fa9;
}

div table.financial-calendar th.last{
	border-right:1px solid #577fa9;
}

div table.financial-calendar td{	
	border-right:1px solid #d4dfeb;
	border-bottom:1px solid #d4dfeb;
	padding:12px 10px 9px 10px;
}

div table.financial-calendar td.first{
	border-left:1px solid #d4dfeb;
	width:75px;
}

div table.financial-calendar td.download{
	text-align:center;
	width:60px;
}

div table.financial-calendar td.download ul{
	padding:0 0 0 8px;
}

div table.financial-calendar td.download ul li{
	padding:0;
	background:none;
	float:left;
	padding:0 0 0 4px;
}

div table.financial-calendar td.download ul li a{
	text-indent:-999em;
	height:14px;
	width:14px;
	display:block;
	padding:0 0 2px 0;
	overflow:hidden;
}

div table.financial-calendar td.download ul li.outlook a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-outlook.gif) 0 2px no-repeat;
}

div table.financial-calendar td.download ul li.ical a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-ical.gif) 0 2px no-repeat;
}

div table.financial-calendar td.download ul li.calendars a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-calendars.gif) 0 2px no-repeat;
}

/* Downloads */

ul.calendar{
	float:left;
	clear:both;
	padding:8px 0 0 0;
	width:100%;
}

ul.calendar li{
	background:none;
	padding:0 0 8px 0;
}
ul.calendar li a{
	display:block;
}

ul.calendar li.outlook a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-outlook.gif) 0 2px no-repeat;
	padding:2px 0 0 21px;
}

ul.calendar li.ical a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-ical.gif) 0 2px no-repeat;
	padding:2px 0 0 21px;
}

ul.calendar li.calendars a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-calendars.gif) 0 2px no-repeat;
	padding:2px 0 0 21px;
}


/* Share Chart */

#share-chart-container{
	float:left;
	border-top:1px solid #c6d5e5;
	padding:20px 0 0 0;
}

#share-chart-filter{
	float:left;
	padding:12px 0 0 0;
	width:470px;
}

#share-chart-filter p{
	float:left;
	width:185px;
	padding:3px 5px 0 0;
	color:#404040;
	font-weight:bold;
}

#share-chart-filter div.filter-row{
	float:left;
	padding:0 0 8px 0;
	width:470px;
}

div.filter-row-left{
	float:left;	
}

div.filter-row-middle{
	float:left;	
	width:170px;
}

div.filter-row-right{
	float:left;	
	padding:0 0 0 25px;
}

div.date,
div.time-period,
div.filter-row-middle label{
	float:left;
	clear:both;
	padding:0 0 4px 0;
}

div.filter-row-middle label{
	color:#424242;	
}

div.time-period select{
	width:100px;
}

div.date{
	float:left;
	width:170px;
}

div.date select{
	float:left;
	margin:0 5px 0 0;
	display:inline;
}

/* Share Price Tout */

#right-content div.tout p{
	width:195px;
}

p.share-info-date{
	font-size:0.83em;
}

#right-content div.tout.investors ul.links{
	padding:0 0 2px 0;
}