/* 

Generic.css 
Provides generic styles that are included on every page regardless of section

*/
.nutritionTable		{ font-size:80%; }
BODY				{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-family:"Trebuchet MS", Verdana, Arial, Sans-Serif; font-size:100%; }
OL					{ text-align:left; list-style-type: decimal; }

.blurb				{ padding-top:0; text-align:left; margin-left:15px; margin-bottom:15px; margin-top:5px; font-size:80%; color:#666666; }
.footer 			{ color:#999999; width:760px; margin-left:auto; margin-right:auto; text-align:left; font-size:70%; }
.footerText 		{ width:540px; text-align:center; }
.footerText a		{ text-decoration:none; color:#000000; }
.footerText a:hover { text-decoration:underline; color:#333333; }
.welcomeback		{ float:left; font-size:70%; text-align:left; margin-left:-2px; margin-bottom:-7px; margin-top:3px; margin-right: 0px; }
.pfriendly			{ float:right; font-size:70%; text-align:right; margin-left:-2px; margin-bottom:-7px; margin-top:3px; margin-right: 7px; }
.pageTitle			{ color: white; border: 0px solid black; text-align:left; margin:0px 0px 5px 15px; font-size:125%; font-weight:bold; clear: both; padding: 0px 0px 0px 0px;}

/* cascaded - this has further references to define colour in each of the section stylesheets */
.contentSummary {font-weight: bold; margin-top: 15px;}

/* main section buttons div - Our Science, Our Brand, Our Tools */
#mainSectionButtons ul				{ font-size:120%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#mainSectionButtons ul li			{ float:left; list-style-type:none; list-style:none; text-align:center; vertical-align:middle; }
#mainSectionButtons a.science		{ display:block; background-color:#83CEE2; color:#fff; height:25px; width:180px; padding:0px; text-decoration:none;  font-weight:bold; font-size:100%; }
#mainSectionButtons a.science:hover	{ background-color:#55bdd7; text-decoration:underline; }
#mainSectionButtons a.brand			{ display:block; background-color:#91CE44; color:#fff; height:25px; width:180px; padding:0px; text-decoration:none;  font-weight:bold; font-size:100%; }
#mainSectionButtons a.brand:hover	{ background-color:#6cc200; text-decoration:underline; }
#mainSectionButtons a.tools			{ display:block; background-color:#F37E27; color:#fff; height:25px; width:180px; padding:0px; text-decoration:none;  font-weight:bold; font-size:100%; }
#mainSectionButtons a.tools:hover	{ background-color:#F1410E; text-decoration:underline; }

/* Header Image div */
#headerImage		{ float:none; clear:both; margin-bottom: 15px;}

.loginButtonArea				{ padding-left:15px; text-align:left; }

#breadcrumb						{	font-size:70%; border: 0px solid black; text-align:left; margin:0px 0px 0px 0px; padding:0px 0px 25px 0px; clear: right;}
#breadcrumb ul					{	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#breadcrumb ul li				{	white-space: nowrap; float:left; margin:0px 0px 0px 0px; padding:5px 0px 5px 15px; list-style-type:none; list-style:none; text-align:left; }
#breadcrumb a					{	color:#000; text-decoration:underline; display:block; padding:0px 0px 0px 2px;  font-weight:normal; font-size:10px; }
#breadcrumb a:hover				{	color:#000; text-decoration:underline; }
#breadcrumb li.noLink			{	color:#000; text-decoration:none; }
#breadcrumb li.chosenLink		{	color:#000; text-decoration:none; }



.Presentation {font-family: "trebuchet MS",arial; width: 480px; height: auto; border: 0px solid black; float: left; margin: 10px;}
.Presentation .Title {color: #FF5500; font-weight: bold; padding-bottom: 5px;}
.Presentation .Thumb  {float: left; height: 100px; padding-right: 10px; font-size: 80%; alpha: 0;}
.Presentation .Keywords  {float: none; height: 100px; font-size: 12px;}
.Presentation .Description { text-align: left; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; color:#000000; font-weight:normal; font-size:80%;}
.Presentation .AddToBasket {float: none; color: #FF5500; font-weight: bold;}
.Presentation .AddToBasketCheckbox {}

.registrationForm {font-size: 80%;}
.registrationForm .subText {font-size: 85%; color: #666666;}
.registrationForm .inputBox {border: 1px solid black; padding-left: 2px; font-family:"Trebuchet MS", Verdana, Arial, Sans-Serif;}

.restrictedContentBox {border: 1px solid #FFCC33; background-color: #FFFFCC; padding: 10px; color: black; font-size: 80%; margin: 15px; text-align: left; clear: both;}

.referenceTitle { font-size: 80%; font-weight: bold;}
.referenceText { font-size: 80%; font-weight: normal;}
/* .highlightedReference { border: 1px solid #FFCC33; background-color: #FFFFCC; padding: 10px; color: black; margin: 15px; text-align: left; } */
.highlightedReference { border: 1px solid #91CE44; background-color: #F4FAEC; padding: 10px; color: black; margin: 15px; text-align: left; }

.otherReferences { padding: 10px; color: black; margin: 15px; text-align: left; }

#basketButton {padding-top: 20px; padding-bottom: 20px; text-align: center; width: 100%;}
#basketButton a.empty {background-color:#EF3737; color:#ffffff; font-size:80%; border:1px solid #cc0000; padding: 2px 5px 2px 5px; font-size: 70%; font-weight: bold; text-decoration: none;}
#basketButton a.empty:hover {background-color:#EF3737; color:#ffffff; font-size:80%; border:1px solid #cc0000; padding: 2px 5px 2px 5px; font-size: 70%; font-weight: bold; text-decoration: none;}
#basketButton a.empty:active {background-color:#EF3737; color:#ffffff; font-size:80%; border:1px solid #cc0000; padding: 3px 4px 1px 6px; font-size: 70%; font-weight: bold; text-decoration: none;}

#basketButton .disabled {background-color: #cccccc; color:#888888; font-size:80%; border:1px solid #999999; padding: 2px 5px 2px 5px; font-size: 70%; font-weight: bold; text-decoration: none;}

#sitemap { font-size: 80%;}
.sitemapList { list-style-type: disc; color: #91CE45; }
.sitemapMainSection { font-size: larger; }
.sitemapList li { list-style-type: padding-left: 5px; color: #91CE45; margin-left: 0px; padding-left: 0px; font-size: 100%; }
.tableText				{ font-size:80%; color:#000000; }