/* CSS Document */

body{
	font-size:0.75em;
	/*padding:145px 0 0 0;*/
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(/_layouts/images/TateAndLyleImageAssets/bg-blue.gif) #7FB0DA top left repeat-x; 
	color:#4A4B48;
}

body.medium{
	font-size:0.88em; /* Font size 12px */
}

body.large{
	font-size:1em; /* Font size 12px*/
}

a{
	color:#104985;
	text-decoration:none;
}

a:hover{
	color:#BA8861;
	text-decoration:underline;	
}
   
h1, h1, h3, h4, h5{
	padding:0;
	margin:0;
	clear:both;	
}

h1{
	font-size:2em;
	color:#4E8ABE;
	padding:0 0 8px 0;
	width:470px;
	float:left;
}

h2{
	font-size:1.5em;
	color:#B98860;
	width:440px;
}

h2.pullout-home{
	font-size:1.42em;
	font-weight:bold;
	color:#B98860;
	width:330px;
}

h3{
	color:#ba8861;
	font-size:1.17em;
	padding:0 0 6px 0;
}

h4{
	color:#4a4b48;
	font-size:1.08em;
	padding:0 0 6px 0;
}

h4.table{
	color:#ba8861;
	font-size:1em;
	padding:0 0 3px 0;
	font-weight:normal;
}

ul, ol, dir{
	padding:0;
	margin:0;
}

ul li,
dir li
{
	list-style:none;
	padding:0 0 10px 14px;
	background:url(/_layouts/images/TateAndLyleImageAssets/bullet-list.gif) 0 4px no-repeat;
	color:#4a4b48;
}

ol li{
	margin:0 0 0 18px;
}

ul.links li,
dir li
{
	xfloat:left;
	background:none;
	padding:0 0 6px 0;
	clear:both;
}




p{
	color:#4A4B48;
	font-size:1em;
	padding:0 0 12px 0;
	margin:0;
}

img{
	border:none;
}

#container{
	margin: 0 auto 0 auto; 
	text-align:left;
	width:960px;
	/*z-index:999;*/
	position:relative;
}

/* Flash Navigation */

#flash-navigation{
	float:left;
	height:145px;
	width:960px;
}

/* Header Layout and Styles */

#header{
	float:left;
	background:#FFFFFF;
	width:920px;
	padding:20px 20px 20px 20px;
}

header #logo{
	float:left;
}

#header #logo img{
	display:none;
}

#header #logo h1,
#header #logo ul li{
	float:left;
	width:215px;
}

#header #logo ul li{
	padding:0;
	background:none;
	height:45px;
}

#header #logo h1 a{
	text-indent:-999em;
	background:url(/_layouts/images/TateAndLyleImageAssets/logo.jpg) top left no-repeat;
	width:215px;
	height:45px;
	display:block;
	overflow:hidden;
}

#header #logo ul li a{
	text-indent:-999em;
	background:url(/_layouts/images/TateAndLyleImageAssets/logo.jpg) top left no-repeat;
	width:215px;
	height:22px;
	display:block;
	overflow:hidden;
}

#header-right{
	float:right;
}

#header-right ul{
	float:left;
	padding:10px 25px 0 0;
}

#header-right ul li{
	float:left;
	background:url(/_layouts/images/TateAndLyleImageAssets/divider-utility.gif) center right no-repeat;
	padding:0 7px 0 7px;
}

#header-right ul li.first{
	padding:0 7px 0 0;
}

#header-right ul li.last{
	float:left;
	background:none;
	padding:0 0 0 7px;
}

#header-right ul li a{
	font-size:0.92em;
}

div.search{
	float:left;
}

div.search label{
	display:none;
}

div.search input{
	float:left;
	width:120px;
	font-size:0.92em;
	margin:8px 0 0 0;
}

#header-right div.search ul.advanced-search{
	float:none;
	clear:both;
	padding:2px 0 0 0;
}

#header-right div.search ul.advanced-search li{
	background:none;
	padding:0;
}

#header-right div.search ul.advanced-search li a{
	font-size:0.92em;
}

/* OLD BUTTON STYLE
div.search input.button{
	float:left;
	width:auto;
	font-size:0.75em;
	height:18px;
	margin:9px 0 0 6px;
}*/

div.search input.button{
	float:left;
	width:auto;
	font-size:0.92em;
	margin:7px 0 0 6px;
}

*:first-child+html div.search input.button{
	font-size:0.75em;
}

/* Main Navigation Layout */

#main-navigation{
	float:left;
	background:#FFFFFF;
	width:920px;
	padding:0 20px 5px 20px;
}

#main-navigation ul li{
	float:left;
	background:url(/_layouts/images/TateAndLyleImageAssets/nav-divider.gif) center right no-repeat; 
	padding:3px 25px 3px 25px;
}

#main-navigation ul li.home{
	padding:3px 27px 3px 0;
}

#main-navigation ul li.careers{
	padding:3px 0 3px 27px;
}

#main-navigation ul li a{
	text-indent:-999em;
	display:block;
	overflow:hidden;
}

#main-navigation ul li.home a:hover,
#main-navigation ul li.home a.active{
	background:url(/_layouts/images/TateAndLyleImageAssets/nav-home.gif) 0 -12px no-repeat; 
}

#main-navigation ul li.home a{
	background:url(/_layouts/images/TateAndLyleImageAssets/nav-home.gif) 0 0 no-repeat; 
	width:41px;
	height:12px;
}

#main-navigation ul li.aboutus a:hover,
#main-navigation ul li.aboutus a.active{
	background:url(/_layouts/images/TateAndLyleImageAssets/nav-about.gif) 0 -12px no-repeat; 
}

#main-navigation ul li.aboutus a{
	background:url(/_layouts/images/TateAndLyleImageAssets/nav-about.gif) 0 0 no-repeat; 
	width:61px;
	height:12px;
}

#main-navigation ul li.ingredientsandservices a:hover,
#main-navigation ul li.ingredientsandservices a.active{
	background:url(/_layouts/images/TateAndLyleImageAssets/nav-ingredients.gif) 0 -14px no-repeat; 
}

#main-navigation ul li.ingredientsandservices a{
	background:url(/_layouts/images/TateAndLyleImageAssets/nav-ingredients.gif) 0 0 no-repeat; 
	width:151px;
	height:14px;
}

#main-navigation ul li.responsibility a:hover,
#main-navigation ul li.responsibility a.active{
	background:url(/_layouts/images/TateAndLyleImageAssets/nav-responsibility.gif) 0 -14px no-repeat; 
}

#main-navigation ul li.responsibility a{
	background:url(/_layouts/images/TateAndLyleImageAssets/nav-responsibility.gif) 0 0 no-repeat; 
	width:95px;
	height:14px;
}

#main-navigation ul li.investorrelations a:hover,
#main-navigation ul li.investorrelations a.active{
	background:url(/_layouts/images/TateAndLyleImageAssets/nav-investor.gif) 0 -12px no-repeat; 
}

#main-navigation ul li.investorrelations a{
	background:url(/_layouts/images/TateAndLyleImageAssets/nav-investor.gif) 0 0 no-repeat; 
	width:118px;
	height:12px;
}

#main-navigation ul li.mediacenter a:hover,
#main-navigation ul li.mediacenter a.active,
#main-navigation ul li.mediacentre a:hover,
#main-navigation ul li.mediacentre a.active{
	background:url(/_layouts/images/TateAndLyleImageAssets/nav-media.gif) 0 -12px no-repeat; 
}

#main-navigation ul li.mediacenter a,
#main-navigation ul li.mediacentre a{
	background:url(/_layouts/images/TateAndLyleImageAssets/nav-media.gif) 0 0 no-repeat; 
	width:91px;
	height:12px;
}

#main-navigation ul li.careers a:hover,
#main-navigation ul li.careers a.active{
	background:url(/_layouts/images/TateAndLyleImageAssets/nav-careers.gif) 0 -12px no-repeat; 
}

#main-navigation ul li.careers a{
	background:url(/_layouts/images/TateAndLyleImageAssets/nav-careers.gif) 0 0 no-repeat; 
	width:56px;
	height:12px;
}

/* Main Content Layout */

#main-content{
	float:left;
	background:url(/_layouts/images/TateAndLyleImageAssets/bg-content-home.gif) top left repeat-x; 
	padding:20px 0 0 20px;
	width:940px;
	min-height:200px;
	position:relative;
}

* html #main-content{
	height:200px;
}

#main-content-bottom-home{
	float:left;
	background:url(/_layouts/images/TateAndLyleImageAssets/bottom-corner-home.png) bottom left no-repeat; 
	width:960px;
	min-height:225px;
	margin-top:-200px;
	z-index:2;
}

#main-content-bottom{
	float:left;
	background:url(/_layouts/images/TateAndLyleImageAssets/bottom-corner.png) bottom left no-repeat; 
	width:960px;
	min-height:290px;
	z-index:2;
}

#main-content-bottom img{
	float:left;
}

/*#main-content-bottom.raspberry{
	margin:0;
	padding:30px 0 0 0;
	height:260px;
	background:url(../images/corner-white.png) bottom right no-repeat; 
}

#main-content-bottom.flapjack{
	margin:0;
	padding:30px 0 0 0;
	height:260px;
	background:url(../images/corner-flapjack.png) bottom right no-repeat; 
}*/

div.medium-content-column{
	float:left;
	width:335px;
	min-height:200px;
	margin:0 20px 0 0;
	display:inline;
}

* html div.medium-content-column{
	height:200px;
}

div.small-content-column{
	float:left;
	width:210px;
	margin:0 20px 0 0;
	display:inline;
}

div.content-row{
	float:left;
	width:710px;
}

div.content-row.top{
	float:left;
	padding:0 0 12px 0;
}

#middle-column{
	float:left;
	width:710px;
}

#middle-content{
	float:left;
	/* width:465px; IR UPDATE */
	width:470px;
	margin:0 30px 0 30px;
	display:inline;
}

#wide-content{
	float:left;
	width:710px;
	margin:0 0 0 30px;
	display:inline;
}

#full-width-content{
	float:left;
	width:920px;
	min-height:200px;
	margin:0;
	display:inline;
}

* html #full-width-content{
	height:200px;
}

/* Right Content Layout */

#right-content{
	float:left;
	width:210px;
}

#right-content div.tout{
	float:left;
	width:210px;
	padding:10px 0 4px 0;
	border-bottom:1px solid #E5E5E5;
	position:relative;	
}
#right-content div.tout.investors{
	border-bottom:0px ;
}
#right-content div.tout img{
	float:left;
	padding:5px 0 5px 0;
}

#right-content div.tout h4{
	float:left;
	color:#b98860;
	font-weight:normal;
	padding:5px 0 4px 0;
	width:100%;
}

#right-content div.tout p{
	float:left;
	width:190px;
}

#right-content div.tout ul.links{
	float:left;
	padding:0 0 6px 0;
}

#right-content div.tout ul{
	float:left;
	padding:0 0 6px 0;
}

/*div.tout a{
	margin:0 0 0 -15px;
	padding:0 0 0 10px;
	background:#ffffff url(/_layouts/images/TateAndLyleImageAssets/bullet-link.gif) no-repeat 1px 5px;
}

#right-content div.tout ul.links li a,
#right-content div.tout ul.ajax-box-link li a{
	margin:0 0 0 0;
}*/

ul.links li a,
dir li a{
	clear:both;
}

#right-content div.address-group{
	float:left;
	padding:0 0 10px 0;
}
#right-content div.address-group p{
	padding:0;
}

#right-content div.tout.ajax-box-tout{
	float:left;
	width:210px;
	padding:0 0 4px 0;
	margin:15px 0 0 0;
	border-bottom:1px solid #E5E5E5;
	position:relative;	
}

div.ajax-box-container iframe{
	float:left;
	width:540px;
	height:450px;
	border:none;
	position:absolute;
	display:none;
	top:-429px;
	left:-519px;
	z-index:110;
	background:red;
}

* html div.ajax-box-container iframe{
	top:-433px;
}

#right-content div.tout.ajax-box-tout img{
	float:left;
	padding:0;
}

ul.ajax-box-link li a{
	text-indent:-999em;
	display:block;
	width:21px;
	height:21px;
	background:url(/_layouts/images/TateAndLyleImageAssets/bg-ajaxbox-link.gif) top left no-repeat;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
}

ul.ajax-box-link li{
	padding:0;
	background:none;
}

div.ajax-box{
	float:left;
	width:540px;
	height:450px;
	position:absolute;
	top:-429px;
	left:-519px;
	display:none;
	z-index:1200;
}

* html div.ajax-box{
	top:-433px;
}

div.ajax-box-top{
	float:left;
	width:540px;
	height:9px;
	background:url(/_layouts/images/TateAndLyleImageAssets/ajax-box-top.png) top left no-repeat;
}

* html div.ajax-box-top{
	background:url(/_layouts/images/TateAndLyleImageAssets/ajax-box-top.gif) top left no-repeat;
}

div.ajax-box-middle{
	float:left;
	width:519px;
	height:432px;
	padding:0 11px 0 10px;
	background:url(/_layouts/images/TateAndLyleImageAssets/ajax-box-middle.png) top left repeat-y;
}

* html div.ajax-box-middle{
	background:url(/_layouts/images/TateAndLyleImageAssets/ajax-box-middle.gif) top left repeat-y;
}

div.ajax-box-header{
	float:right;
	width:519px;
	padding:6px 0 6px 0;
	background:#577fa9;
}

* html div.ajax-box-header{
	padding:10px 0 10px 0;
}

div.ajax-box-header ul.close{
	float:right;
	padding:0;
	margin:0;
}

* html div.ajax-box-header ul.close{
	height:1px;
	clear:none;
	display:inline;
}

div.ajax-box-header ul.close li{
	float:right;
	background:none;
	padding:0;
}

div.ajax-box-header ul.close li a{
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	background:url(/_layouts/images/TateAndLyleImageAssets/button-ajax-close.gif) center right no-repeat;
	padding:4px 28px 4px 0;
	display:block;
	cursor:pointer;
}

* html div.ajax-box-header ul.close li a{
	padding:2px 28px 2px 0;
}

div.ajax-box-content{
	float:left;
	height:342px;
	width:496px;
	padding:20px 0 0 22px;
}

div.ajax-box-content img{
	float:left;
	padding:0 22px 0 0;
}

div.ajax-box-content div.text{
	float:left;
	width:290px;
	overflow-y:scroll;
	height:320px;
}	

div.ajax-box-content div.text *{
	width:260px;
}

div.ajax-box-content ul.links li a{
	float:left;
	clear:both;
	width:250px;
}

div.ajax-box-content ul.links{
	float:left;
	padding:0 0 12px 0;
}

#right-content div.tout div.ajax-box-content div.text h3{
	color:#ba8861;
	font-size:1.50em;
}

#right-content div.tout div.ajax-box-content p{
	float:left;
	width:262px;
}

div.ajax-box-footer{
	float:left;
	width:517px;
	height:33px;
	background:#e8eaeb;
	margin:0 1px 0 1px;
	display:inline;
	border-top:1px solid #d6d6d6;
	border-bottom:1px solid #686868;
}

div.ajax-box-bottom{
	float:left;
	width:540px;
	height:9px;
	background:url(/_layouts/images/TateAndLyleImageAssets/ajax-box-bottom.png) top left no-repeat;
}

* html div.ajax-box-bottom{
	background:url(/_layouts/images/TateAndLyleImageAssets/ajax-box-bottom.gif) top left no-repeat;
}

/* Left Navigation Layout */

#left-navigation{
	float:left;
	width:185px;
	min-height:300px;
	padding:42px 0 0 0;
}

* html #left-navigation{
	height:300px;
}

#left-navigation ul{
	border-top:1px solid #E5E5E5;
}

#left-navigation ul li{
	background:none;
	border-bottom:1px solid #E5E5E5;
	width:100%;
	padding:7px 0 7px 0;
}

#left-navigation ul li.active a{
	color:#BA8861;
}

#left-navigation ul li a:hover{
	color:#BA8861;
	text-decoration:none;
}

/* lower level styles */
#left-navigation ul ul{
 border-top:0px solid #E5E5E5;
 font-size:0.9em;
}
#left-navigation ul ul ul{
 border-top:0px solid #E5E5E5;
 font-size:1em;
}
 
#left-navigation ul ul li{
 border-bottom:0px solid #E5E5E5;
 padding: 10px 0 0 0px;
}
 
#left-navigation ul ul li.selected{
 background:url(/_layouts/images/TateAndLyleImageAssets/arrow-country-hover.gif) -1px 14px no-repeat;
}

#left-navigation ul ul ul {
 padding-left:10px;
}
 
#left-navigation ul ul li a{
 padding-left:10px;
}

#left-navigation ul ul ul li a{
 padding-left:8px;
}

#left-navigation ul li.active a,
#left-navigation ul li.active ul li.active a,
#left-navigation ul li.active ul li.active ul li.active a,
#left-navigation ul li.active ul li.active ul li.active ul li.active a{
 color:#BA8861;
}
#left-navigation ul li a,
#left-navigation ul li.active ul li a,
#left-navigation ul li.active ul li.active ul li a,
#left-navigation ul li.active ul li.active ul li.active ul li a{
 color:#104985;
}
#left-navigation ul li a:hover,
#left-navigation ul li.active ul li a:hover,
#left-navigation ul li.active ul li.active ul li a:hover,
#left-navigation ul li.active ul li.active ul li.active ul li a:hover{
 color:#BA8861;
}

/* Footer Layout and Styles */

#footer{
	float:left;
	width:920px;
	padding:20px 20px 100px 20px;
}

* html #footer{
	margin:-1px;
}

#footer ul{
	float:left;
	clear:both;
	width:650px;
}

#footer ul li{
	float:left;
	background:url(/_layouts/images/TateAndLyleImageAssets/divider-footer.gif) center right no-repeat;
	padding:0 5px 0 5px;
}

#footer ul li.first{
	padding:0 5px 0 0;
}

#footer ul li.last{
	float:left;
	background:none;
	padding:0 0 0 5px;
}

#footer ul li a{
	float:left;
	color:#FFFFFF;
	font-size:0.83em;
}

#footer p{
	float:left;
	clear:both;
	color:#FFFFFF;
	font-size:0.83em;
	padding:4px 0 0 0;
	width:550px;
}

#footer div.footer-left{
	float:left;
	width:550px;
}

#footer div.footer-right{
	float:right;
	width:160px;
}

#footer div.footer-right ul{
	float:right;
	clear:none;
	width:160px;
}

/* Utility Navigation */

ul.utility-navigation{
	float:right;
	padding:6px 0 0 0;
	width:120px;
}

#right-content ul.utility-navigation{
	padding:10px 0 3px 0;
}

#wide-content ul.utility-navigation{
	padding:10px 0 0 0;
}

#footer div.footer-right ul{
	padding:0;
}

#footer div.footer-right ul li,
ul.utility-navigation li{
	background:none;
	padding:0 1px 0 1px;
	float:right;
}

#footer div.footer-right ul li.email,
ul.utility-navigation li.email{
	padding:0 1px 0 5px;
}

#footer div.footer-right ul li.print,
ul.utility-navigation li.print{
	padding:0 0 0 2px;
}

#footer div.footer-right ul li a,
ul.utility-navigation li a{
	text-indent:-999em;
	display:block;
	overflow:hidden;
}

#footer div.footer-right ul li.contrast,
ul.utility-navigation li.contrast{
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	margin:0 0 0 3px;
	padding:0 3px 0 3px;
}

#full-width-content ul.utility-navigation li.contrast,
#wide-content ul.utility-navigation li.contrast,
#right-content ul.utility-navigation li.contrast{
	border-left:1px solid #104985;
	border-right:1px solid #104985;
}

#footer div.footer-right ul li.contrast a,
ul.utility-navigation li.contrast a{
	text-indent:0;
	font-size:1em;
}

ul.utility-navigation li.small-text a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-small-text-blue.gif) 0 0 no-repeat;
	width:7px;
	height:15px;
}

#footer div.footer-right ul li.small-text a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-small-text.gif) 0 0 no-repeat;
	width:7px;
	height:15px;
}

ul.utility-navigation li.medium-text a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-medium-text-blue.gif) 0 0 no-repeat;
	width:7px;
	height:15px;
}

#footer div.footer-right ul li.medium-text a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-medium-text.gif) 0 0 no-repeat;
	width:7px;
	height:15px;
} 

ul.utility-navigation li.large-text a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-large-text-blue.gif) 0 0 no-repeat;
	width:9px;
	height:15px;
}

#footer div.footer-right ul li.large-text a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-large-text.gif) 0 0 no-repeat;
	width:9px;
	height:15px;
}

ul.utility-navigation li.email a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-email-blue.gif) 0 0 no-repeat;
	width:11px;
	height:15px;
}

#footer div.footer-right ul li.email a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-email.gif) 0 0 no-repeat;
	width:11px;
	height:15px;
}

ul.utility-navigation li.print a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-print-blue.gif) 0 0 no-repeat;
	width:14px;
	height:15px;
}

#footer div.footer-right ul li.print a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-print.gif) 0 0 no-repeat;
	width:14px;
	height:15px;
}

/* Breadcrumb Styles */

#breadcrumb{
	float:left;
	width:100%;
	padding:0 0 12px 0;
}

#breadcrumb img{
	float:left;
}

#breadcrumb ul li{
	background:none;
	float:left;
	padding:0 5px 0 0;
}

#breadcrumb ul li a{
	background:url(/_layouts/images/TateAndLyleImageAssets/bullet-link.gif) center left no-repeat;
	padding:0 0 0 10px;
}

#breadcrumb ul li a.active{
	color:#BA8861;
}

#breadcrumb span span{
	background:none;
	float:left;
	padding:0 5px 0 0;
}

#breadcrumb span span a{
	background:url(/_layouts/images/TateAndLyleImageAssets/bullet-link.gif) center left no-repeat;
	padding:0 0 0 10px;
}

#breadcrumb span span.active
{
	background:url(/_layouts/images/TateAndLyleImageAssets/bullet-link.gif) center left no-repeat;
	padding:0 0 0 10px;	
	color:#BA8861;
}
/* Main Content Styles */

div.medium-content-column div.tout p{
	width:300px;
}

h4.date{
	padding:0;
	color:#b98860;
	font-weight:normal;
	font-size:1em;
}

ul.links{
	clear:both;
}

ul.links li a,
dir li a{
	float:left;
	background:url(/_layouts/images/TateAndLyleImageAssets/bullet-link.gif) 0 5px no-repeat;
	padding:0 0 0 10px;
	color:#104985;
	display:block;
}

#right-content div.tout ul.links a:hover,
ul.links li a:hover{
	color:#BA8861;
}

#right-content div.tout ul.links li a{
	display:block;
}

ul li.rss span{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-rss.gif) center right no-repeat;
	padding:4px 24px 1px 0;
}

#right-content div.tout ul.links li.rss a{
	display:inline;
}

ul.downloads li{
	padding:0 0 10px 0;
}

ul.downloads li.pdf a{
	background:url(/_layouts/images/TateAndLyleImageAssets/icon-pdf.gif) center left no-repeat;
	padding:1px 4px 0 26px;
	color:#104985;
}

div.tabbed-content-container ul li.pdf a:hover,
ul.downloads li.pdf a:hover{
	color:#BA8861;
}

ul.downloads li span{
	font-size:0.92em;
	padding:0 0 0 5px;
}

div.tout{
	float:left;
	padding:0 0 12px 0;
	width:335px;
	position:relative;
}

#middle-column div.tout{
	margin:0 20px 0 0;
	display:inline;
}

div.tout h3{
	padding:0 0 10px 0;
	font-size:1.17em;
}

div.tout-section{
	float:left;
	border-bottom:1px solid #EFEDEC;
	padding:0 0 2px 0;
	margin:0 0 10px 0;
	width:210px;
}

div.form-row{
	float:left;
	clear:both;
	width:100%;
	padding:0 0 10px 0;
}

div.form-row label{
	float:left;
	width:100%;
	padding:0 0 2px 0;
	color:#444444;
}

div.form-row select{
	margin:0 20px 0 0;
	width:230px;
}

input.go{
	text-indent:-999em;
	background:url(/_layouts/images/TateAndLyleImageAssets/bg-button.gif) 0 0 no-repeat;
	width:19px;
	height:19px;
	border:0;
	cursor:pointer;
}

/* IMPORTANT - Home Right Column Settings for transparent area  */

div.small-content-column div.tout{
	float:left;
	padding:30px 0 25px 0;
	width:210px;
	background:#FFFFFF;
}

div.small-content-column div.tout.transparent{
	float:left;
	padding:15px 0 0 0;
	width:210px;
	background:none;
	position:relative;
}

div.small-content-column div.transparent-corner{
	background:url(/_layouts/images/TateAndLyleImageAssets/bg-transparent-col-ie.png) bottom left no-repeat;
	width:210px;
	height:41px;
}

div.small-content-column div.tout.transparent h3{
	float:left;
	background:url(/_layouts/images/TateAndLyleImageAssets/divider-line-dash.gif) bottom left repeat-x;
	width:200px;
	padding:0 0 12px 10px;
	margin:0 0 10px 0;
	color:#FFFFFF;
}

div.small-content-column div.tout.transparent p{
	float:left;
	color:#FFFFFF;
	padding:0 20px 12px 10px;
}

* html div.small-content-column div.tout.transparent p{
	padding:0 20px 12px 10px;
	margin:0 0 12px 0;
}

div.small-content-column div.tout.transparent ul.links{
	padding:0 0 5px 10px;
}

div.small-content-column div.tout.transparent ul.links li a{
	background:url(/_layouts/images/TateAndLyleImageAssets/bullet-link-white.gif) center left no-repeat;
	color:#FFFFFF;
}

/* Investors Tout */

div.share-information{
	float:left;
	width:210px;
	padding:0 0 0 0;
	color:#404040;
}

div.share-market{
	float:left;
	width:20%;
	font-weight:bold;
}

* html div.share-market{
	margin:5px 0 0 0;
} 

div.share-price{
	float:left;
	width:60%;
	text-align:center;
	font-size:1.67em;
	font-weight:bold;
	margin:-6px 0 0 0;
}

* html div.share-price{
	margin:0;
}

div.share-change{
	float:left;
	width:20%;
}

* html div.share-change{
	margin:5px 0 0 0;
} 

p.share-info-date{
	font-size:0.92em;
	padding:0;
	color:#918479;
}

p.investors{
	font-size:0.83em;
	padding:0;
}
	
p.investors a{
	float:left;
	padding:0 0 10px 0;
}

/* Spotlight Tout */

#main-content div.tout.spotlight p{
	width:180px;
}

#main-content div.tout.spotlight h4{
	color:#b98860;
	font-weight:normal;
}

div.tout.splenda img{
	position:absolute;
	top:65px;
	right:0;
}

/* Careers Tout */

div.tout.careers img{
	position:absolute;
	bottom:0;
	right:0;
}

#main-content div.tout.careers h4{
	color:#b98860;
	font-weight:normal;
}

#main-content div.tout.careers p{
	width:165px;
}

/* Homepage Background Layout

#home-backgrounds{
    position:relative;
	float:left;
	width:100%;
	height:100%;
}

#home-backgrounds div{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	width:280px;
	height:280px;
	float:left;
	display:none;
}

#home-backgrounds div.active{
    z-index:10;
    opacity:1.0;
		display:block;
}

#home-backgrounds div.last-active{
    z-index:9;
}*/

#home-backgrounds {
	position:relative;
	float:left;
	width:100%;
	height:100%;
}

#home-backgrounds div {
    position:absolute;
    top:0;
    left:0;
	display:none;
}

/* OLD BUTTON STYLE
input.button{
	float:left;
	width:auto;
	font-size:0.63em;
	height:18px;
}*/

input.button{
	float:left;
	width:auto;
	font-size:0.92em;
}

/* Year Tabbed Navigation */

div.tabbed-content-container{
	float:left;
	width:100%;
	position:relative;
}

div.tabbed-content{
	float:left;
	width:100%;
	height:auto;
	clear:both;
	position:relative;
	padding:0 0 0 0;
}

div.tabbed-content-container h3.tabbed-content{
	float:left;
	clear:both;
	font-size:1.17em;
	padding:0 0 12px 0;
	margin:0 0 0 0;
	width:100%;
}

div.tabbed-content-item{
	float:left;
	width:100%;
}

div.tabbed-content-container ul{
	clear:both;
}	

div.tabbed-container ul.tabbed-navigation,
div.tabbed-content-container ul.tabbed-navigation{
	float:left;
	width:100%;
	display:none;
	margin:0 0 1px 0;
}

div.tabbed-container ul.tabbed-navigation li,
div.tabbed-content-container ul.tabbed-navigation li{
	float:left;
	background:none;
	padding:0;
}

div.tabbed-container ul.tabbed-navigation li a,
div.tabbed-content-container ul.tabbed-navigation li a{
	float:left;
	background:url(/_layouts/images/TateAndLyleImageAssets/bg-year-tab.gif) top left repeat-x;
	margin:0 1px 0 0;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	display:inline;
	cursor:pointer;
}

div.tabbed-container ul.tabbed-navigation li a span,
div.tabbed-content-container ul.tabbed-navigation li a span{
	float:left;
	background:url(/_layouts/images/TateAndLyleImageAssets/bg-year-tab-corner.gif) top right no-repeat;
	padding:4px 10px 5px 10px;
	color:#FFFFFF;
}

div.tabbed-container ul.tabbed-navigation li a:hover,
div.tabbed-container ul.tabbed-navigation li a.active,
div.tabbed-content-container ul.tabbed-navigation li a:hover,
div.tabbed-content-container ul.tabbed-navigation li a.active{
	background:url(/_layouts/images/TateAndLyleImageAssets/bg-year-tab-hover.gif) top left repeat-x;
}

div.tabbed-container ul.tabbed-navigation li a:hover span,
div.tabbed-container ul.tabbed-navigation li a.active span,
div.tabbed-content-container ul.tabbed-navigation li a:hover span,
div.tabbed-content-container ul.tabbed-navigation li a.active span{
	background:url(/_layouts/images/TateAndLyleImageAssets/bg-year-tab-corner-hover.gif) top right no-repeat;
}

/* Form Styles */

#form-container{
	float:left;
	background:url(/_layouts/images/TateAndLyleImageAssets/bg-form.gif) top left repeat-x;
	padding:20px 50px 0 50px;
	width:370px;
}

#form-container div.form-row{
	padding:0 0 12px 0;
}

#form-container div.form-group-wide,
#form-container div.form-group,
#form-container div.form-group-right{
	float:left;
	padding:0 0 8px 0;
	margin:0 0 18px 0;
	border-bottom:1px solid #e5e5e5;
	width:371px;
}

#form-container input{
	float:left;
	width:367px;
	margin:0;
}

#form-container textarea{
	float:left;
	width:367px;
	height:115px;
	margin:0;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
}

#form-container input.radio,
#form-container input.check{
	float:left;
	width:auto;	
}

#form-container select{
	width:180px;
	margin:0 0 0 0;
}

#form-container select.small{
	width:85px;
	margin:0 0 0 0;
}

#form-container label{
	float:left;
	color:#404040;
	padding:0 0 2px 0;
	font-weight:bold;
}

div.form-left{
	float:left;
	width:150px;
	padding:0 20px 0 0;
}

div.form-right{
	float:right;
	width:190px;
}

#form-container div.form-group-right div.form-row label{
	float:right;
	text-align:right;
	padding:3px 0 0 0;
	width:auto;
}

#form-container div.form-group-right select{
	float:right;
	margin:0 0 0 10px;
	display:inline;
}

#form-container div.form-group-right select.small{
	margin:0 0 0 10px;
}

#form-container div.form-group-wide div.form-row label{
	float:left;
	padding:0 10px 5px 0;
	width:auto;
}

#form-container div.form-group div.form-row label{
	float:left;
	padding:0 10px 0 0;
	width:auto;
}

#form-container div.form-group div.form-row input.radio,
#form-container div.form-group div.form-row input.check{
	float:left;
	margin:-2px 20px 0 0;
}

#form-container div.form-group div.form-row{
	padding:0 0 8px 0;
}

#form-container div.buttons{
	float:right;
	width:auto;
	padding:0 0 16px 0;
}

#form-container div.buttons input{
	clear:none;
	width:auto;
	font-size:0.92em;
	margin:0 0 0 3px;
}
#middle-content table{
	float:left;
	width:470px;
}
#middle-content img {
	padding: 0 10px 0 0;
}
#wide-content table{
	float:left;
	width:710px;
}

#middle-column div.tout.market-solutions{
	float:left;
	width:335px;
	min-height:189px;
}	

* html #middle-column div.tout.market-solutions{
	height:189px;
}	

#middle-column div.tout.market-solutions img{
	position:absolute;
	bottom:0;
	right:0;
}	

#middle-column div.tout p.market-solutions{
	float:left;
	color:#8e989e;
	font-size:2.17em;
	font-weight:bold;
	width:250px;
}

#middle-column div.tout.market-solutions ul.links li{
	width:150px;
}

/* Addthis Layout Right Column*/

div.addthis-tout{
	float:left;
	width:207px;
	padding:5px 0 0 0;
}
div.addthis-tout a.addthis_button_compact img{
	float:left;
	padding:1px 10px 0 0;
}
div.addthis-tout a{
	float:left;
	font-size:0.83em;
	color:#000000;
}

div.addthis-tout a:hover{
	text-decoration:none;
}

/* Addthis Layout Middle Column*/

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

div.addthis-container p{
	padding:0 0 2px 0;
}

div.addthis-container a{
	margin:0 10px 0 0;
}

div.addthis-container .at300bs{
	padding:0 5px 0 0;
}

/*CMS Friendlier Additions*/


div.ms-formfieldvaluecontainer input.ms-long,
div.ms-formfieldvaluecontainer textarea.ms-long{
	width:95%
}

div.ms-formfieldvaluecontainer div#footer{
	height:auto;
	width:auto;
	padding:0;
}

div.ms-toolbarItem{
	padding-right:5px;
	display:block;
	float:left;
}
div.ms-toolbarItem img,
div.ms-formfieldvaluecontainer img {
	position:static !important;
	background:none !important;
}

* html div.ms-toolbarContainer{
	height:25px !important;
}

div.ms-toolbarContainer{
	min-height:25px !important;
	xwidth:280px !important;
}

ul.links li div.ms-formfieldvaluecontainer{
	width:250px;
}

div.ms-formfieldcontainer{
	clear:both;
}
div.ms-toolbarContainer a{	
	clear:none !important;
	background:none !important;
}


table.ms-rtetoolbarmenu{
	z-index:10000 !important;
	font-size:12px;
}

table.ms-rtetoolbarmenu *{
	width:auto !important;
	Padding:0 0 0 0 !important; 
	margin:0 0 0 0 !important;
	border:0px !important;
	font-size:1em !important;
}

#right-content div.tout{
	z-index:100 !important;
	position: relative;

}
#left-navigation ul li.active{
	color:#BA8861;
}

table.ms-long{
	border:0px solid white !important;

}
table.ms-long td{
	border:0px solid white!important;

}

table.ms-long td.ms-input div,
table.ms-long td.ms-input div select{
	width:160px !important;
}

div.ms-formfieldvaluecontainer span{display:block;}

#left-navigation ul li.active ul,
#left-navigation ul li.active ul li.active ul,
#left-navigation ul li.active ul li.active ul li.active ul{
 display:block;
}

#left-navigation ul li ul,
#left-navigation ul li.active ul li ul,
#left-navigation ul li.active ul li.active ul li ul,
#left-navigation ul li.active ul li.active ul li.active ul li ul{
 display:none;
}

/* Contact form styles */


#form-container div.form-group-products div.form-right input,
#form-container div.form-row-sample input  {
float:left;
margin:-2px 20px 15px 0;
width:auto;
clear:left;
}

#form-container {
	background-color:#f9fbfb;
}

#form-container div.form-success,
#form-container div.form-error
{
	clear:both;
	padding: 0 0 20px 0;
}

#form-container div.form-error,
#form-container div.form-error ul li
{
	color:red;
}

#form-container div.form-success ul, 
#form-container div.form-error ul{
	float:none;
	list-style:auto;
	margin: 5px 0 0 0 ;
}

#form-container div.form-success ul li,
#form-container div.form-error ul li{
	float:none;
	list-style:disc;
	margin: 0 0 5px 20px ;
}

/* Form Span styling */

span.contact-ingredient,
span.contact-region{
	font-weight:bold;
}

/* Ingredient Search Styles */

div.tout select{
	float:left;
	width:190px;
	margin:0 0 10px 0;
}

div.tout.tout-search select{
	width:175px;
}

#right-content div.tout.tout-search{
	padding:10px 0 18px 0;
}

#right-content div.tout h3{
	/*font-size:1em;
	font-weight:normal;*/
	color:#104985;
	padding:0 0 6px 0;
}

#right-content div.tout.tout-search h3{
	color:#104985;
	font-size: 1.17em;
	font-weight:bold;
}

div.tout label{
	float:left;
	clear:both;
	width:100%;
	padding:0 0 2px 0;
	color:#404040;
}

div.tout input{
	width:132px;
	margin:0;
}

div.tout input.button{
	margin:0 0 0 5px;
	width:auto;
}

div.tout input.go{
	float:left;
	width:19px;
	margin:0 0 0 10px;
	display:inline;
}
div.tout.contact-address select,
div.tout select{
	width:175px;
}


div#wide-content div{clear:both; float:none; display:block;}
div#wide-content div#flash-map{padding:0 0 20px 0;}

#main-content table.ms-rteTable-5{
border-right:none;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 10px 0;
}

#main-content table.ms-rteTable-5 td{
border-left:none;
padding: 5px 0 5px 5px;
text-align:right;
}

#main-content table.ms-rteTable-5 td.ms-rteTableFirstCol-5{
text-align:left;
padding: 5px 0 5px 0;
}


#main-content table.ms-rteTable-5 td p {
margin:0;
padding:0;
}