﻿html {height: 100%;}
body {
height: 100%;
background-color:#93AFC4;
text-align:center;
margin-top:0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
font-family:trebuchet, Arial, Helvetica, sans-serif;
color: #666666;
}
a 
{
	color: #3f9763;
}
a.large
{
	font-size: 14px;
	font-weight: bold;
}
div
{
	font-family:trebuchet, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

td.vertalign
{
	vertical-align: middle;
	white-space: nowrap;
}

/*Styles for Content*/
.header
{
	font-size: 22px;
}

.subHeader
{
	font-size: 16px;
	font-weight:bold;
}
.subtitle
{
	font-size: 15px;
}
.label
{
	font-weight: bold;
	text-align:right;
}
.greenText
{
	color: #3f9763;
}
.greenLabel
{
	color: #3f9763;
	font-size: 15px;
	font-weight:bold;
}
.error
{
	color: Red;
}

.smallspacer {
width: 230px; 
height: 1px; 
background-color: #e2e2e2;
float: left; 
}
/*End Styles for Content*/



/* LJG Specific Styles*/
#green {
border: 0px;
background-image: url(../images/mn_back.jpg);
background-repeat: repeat-x;
background-color: #93AFC4;
margin: 0 auto;
}

#maineverything {
width: 990px; 
margin: 0 auto; 
}

#top_bar {
float: right; 
padding-right: 85px; 
}

#green_nav {
background-image: url(../images/tp_menu.gif);
width: 286px;
height: 23px;
}

.topbar {
float: left;
}

.topbar a {
font-size: 10px;
line-height: 20px;
text-decoration: none;
color: #666666;
padding-left: 12px;
}

.topbar_2 a {
font-size: 10px;
line-height: 20px;
text-decoration: none;
color: #FFFFFF;
padding-left: 3px;
}


#logo {
float: left;
width: 295px;
text-align: left;
padding-left: 85px;
}

#searchbox {
float: right;
width: 400px;
text-align: right;
padding-right: 85px;
padding-top: 40px; 
}

input.srchText {
background-color: #FFF;
font-size: 10px;
color:#666;	
}

input.srchButton {
/*background-color: #E5E5E5;*/
background-color: #9FA665;
font-size: 10px;
color:#FFF;	
}

.srchOptions {
font-size:10px;
color: #9FA665;
}

#nav {
width: 890px; 
height: 31px;
margin: 0 auto; 
}

#nav .buttonOff {
float: left;
width: 178px;
height: 31px;
background-image: url(/NationalStarch/images/bt_off.gif);
background-repeat: no-repeat;
text-align: center;
font-size: 11px;
line-height: 30px;
}

#nav .buttonOn {
float: left;
width: 178px;
height: 31px;
background-image: url(../images/bt_on.jpg);
background-repeat: no-repeat;
text-align: center;
font-size: 11px;
line-height: 30px;
}

#nav .buttonOn_loggedIn {
float: left;
width: 178px;
height: 31px;
background-image: url(../images/bt_on1.jpg);
background-repeat: no-repeat;
text-align: center;
font-size: 11px;
line-height: 30px;
color: #fff;
}

#nav .buttonOn_loggedOut {
float: left;
width: 178px;
height: 31px;
background-image: url(../images/bt_on2.jpg);
background-repeat: no-repeat;
text-align: center;
font-size: 11px;
line-height: 30px;
}

#nav a {
color: #68480f;
line-height: 34px;
text-decoration: none;
}

#border_top_left {
background-image: url(../images/cv/cv_lf.gif);
background-repeat: no-repeat;
width: 10px; 
height: 6px; 
float: left;
margin: 0px;
padding: 0px;
}

#border_top_center {
padding: 0px;
width: 975px; 
height: 6px; 
border-top: 2px solid #dee3df; 
float: left;
margin: 0px;
background-color: #FFF; 
}

#border_top_right {
background-image: url(../images/cv/cv_rt.gif);
background-repeat: no-repeat;
width: 10px; 
height: 6px; 
float: right;
margin: 0px;
padding: 0px;
}

#border_top {
width: 995px; 
margin: 0 auto;
padding: 0px;
}

#border {
border-left: 2px solid #dee3df;
border-right: 2px solid #dee3df;
border-bottom: 2px solid #dee3df;
width: 991px; 
padding-top: 0px;
height: 100%;
margin: 0 auto; 
}


#mainwht {
background-color: #FFF;
margin: 0 auto;
width: 991px;
height: 100%;
border: 0px;
}

#topimage {
float: left;
width: 794px; 
height: 211px;
margin-top: 0px;
}

#topimage .topic {
float: left;
text-align: left;
font-weight: normal;
font-size: 12px;
padding-left: 35px;
padding-top: 30px;
	width:350px;
	position:absolute;
}

#topimage .sub {
text-align: left;
font-size: 40px;
padding-left: 35px;
line-height: 23px;
font-weight: thin;
padding-top: 3px;
}

#topimage .sub_green {
color: #267442;
}

#topimageright {
float: right;
background-image: url(../images/top_image_right_2.jpg);
background-repeat: no-repeat;
width: 192px;
height: 211px; 
padding-bottom: 0px;
margin-bottom: 0px;
}

#topimageright .toprightimagecolors {
height: 52px;
padding-left: 10px;
text-align: left;
padding-top: 25px;
font-size: 13px;
line-height: 16px;
}
#topimageright #top_subject a:hover{
	color: #3f9763;
}
#topimageright #bottom_subject a:hover{
	color: #3f9763;
}
#topimageright #top_subject {
font-size: 13px;
padding-left: 25px; 
text-align: left; 
padding-top: 100px; 
}

#topimageright #bottom_subject {
font-size: 11px; 
padding-left: 25px; 
text-align: left; 
padding-right: 15px;
color: #FFFFFF;
line-height: 13px; 
}

#right_col a:link {
color: #FFF;
text-decoration: none;
margin: auto 0px auto 0px; 
padding-top: 10px;
}

#topimageright2 {
float: right;
background-image: url(../images/top_right_image.jpg);
background-repeat: no-repeat;
width: 192px;
height: 211px; 
padding-right: 5px;
margin-top: 0px;
}

#topimageright2 .toprightimagecolors {
height: 52px;
padding-left: 90px;
text-align: left;
padding-top: 18px;
font-size: 13px;
line-height: 16px;
}

#topimageright2 a:link {
color: #FFF;
text-decoration: none;
margin: auto 0px auto 0px; 
padding-top: 10px;
}

#topimageright2 a:active {
margin: auto 0px auto 0px; 
color: #FFF;
text-decoration: none;
}

#topimageright2 a:visited {
margin: auto 0px auto 0px; 
color: #FFF;
text-decoration: none;
}

#right_col a:active {
margin: auto 0px auto 0px; 
color: #FFF;
text-decoration: none;
}

#right_col a:visited {
margin: auto 0px auto 0px; 
color: #FFF;
text-decoration: none;
}

#right_col a:link {
color: #FFF;
text-decoration: none;
margin: auto 0px auto 0px; 
padding-top: 10px;
}

#right_col a:active {
margin: auto 0px auto 0px; 
color: #FFF;
text-decoration: none;
}

#topimageright a:visited {
margin: auto 0px auto 0px; 
color: #FFF;
text-decoration: none;
}

#topimageright a:link {
margin: auto 0px auto 0px; 
color: #FFF;
text-decoration: none;
}

#topimageright a:active {
margin: auto 0px auto 0px; 
color: #FFF;
text-decoration: none;
}

#topimageright a:hover {
margin: auto 0px auto 0px; 
color: #FFF;
text-decoration: none;
}
#full_col {
float: left;
width: 500px;
text-align: left; 
padding-left: 5px;
padding-right: 10px;
}
#full_col p.title {
font-size: 22px;
}

#full_col p {
padding-left: 10px;
line-height: 18px;
padding-right: 10px;
}

#left_col p.subtitle {
font-size: 15px;
}

#left_col {
float: left;
width: 220px;
text-align: left; 
padding-top:5px;
padding-left: 5px;
padding-right: 10px;
}


#left_col p.title {
font-size: 22px;
}

#left_col p {
padding-left: 10px;
line-height: 18px;
padding-right: 10px;
}

#left_col ul li {
font-size: 12px;
text-decoration: none;
line-height: 18px;
padding: 0px; 
margin: 0px; 
} 


#left_col ul li#active a {
color: #3f9763;
}

#middle_col_1 {
float: left;  
text-align: left; 
width:  240px;
padding-right: 15px;
padding-left: 15px;
}

#middle_col_1 p.title {
font-size: 22px;
line-height: 25px;
}

#middle_col_1 p {
padding-left: 10px;
font-size: 12px;
line-height: 18px;
padding-right: 10px;
}

#middle_col_2 {
float: left;  
text-align: left; 
width:  240px;
padding-right: 15px;
padding-left: 15px;
}

#middle_col_2 p.title {
font-size: 22px;
line-height: 25px;
padding-left: 10px;
}

#middle_col_2 p.green_title {
font-size: 12px;
line-height: 0px;
margin: 0px;
padding: 0px;
padding-top: 3px;
color: #267442;
cursor: pointer;
}

#middle_col_2 span.green_text {
color: #267442;
cursor: pointer;
font-weight: bold;
}

#middle_col_2 div.topic_divider {
clear: both;
height: 10px;
}

#middle_col_2 div.industry_topic_text {
width: 160px;
float: right;
font-size: 12px;
line-height: 18px;
padding: 0px;
padding-top: 3px;
margin: 0px;
}

#middle_col_2 div.industry_topic_image {
width: 60px;
height: 50px;
float: left;
padding-left: 10px;
padding-right: 10px;
margin: 0px;
}

#learn_more_button {
float: right;
background-image: url(../images/industry_learn_button.jpg);
width: 91px;
height: 29px;
cursor: pointer;
}

.spacer {
width: 1px;
background-color: #e2e2e2;
height: 400px;
float: left;
margin-top: 10px;
}

#divider {
background-image: url(../images/divider.jpg);
background-repeat: no-repeat; 
width: 11px;
height: 477px;
margin-top: 20px;
}

.sub_sections {
color: #007530;
font-size: 12px;
text-align: left;
}

#right_col {
/*float: right;*/
background-image: url(../images/right.jpg);
background-repeat: no-repeat; 
width:  191px;
height: 25;
margin-right: 3px; 
}

#right_col p {
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
}

#topimageright .toprightimagecolors {
height: 52px;
padding-left: 10px;
text-align: left;
padding-top: 25px;
font-size: 13px;
line-height: 16px;
}
#right_col #top_subject_2 a:hover{
	color: #3f9763;
}
#right_col #bottom_subject_2 a:hover{
	color: #3f9763;
}
#right_col #top_subject_3 a:hover{
	color: #3f9763;
}
#right_col #bottom_subject_4 a:hover{
	color: #3f9763;
}
#right_col #top_subject_3 {
font-size: 13px;
padding-left: 25px; 
text-align: left; 
padding-top: 100px; 
}

#right_col #bottom_subject_4 {
font-size: 11px; 
padding-left: 25px; 
text-align: left; 
padding-right: 15px;
color: #FFFFFF;
line-height: 13px; 
}

#right_col #top_subject_2 {
font-size: 13px;
padding-left: 25px; 
text-align: left; 
padding-top: 120px; 
}

#right_col #bottom_subject_2 {
font-size: 11px; 
padding-left: 25px; 
text-align: left; 
padding-right: 15px;
color: #FFFFFF;
line-height: 13px; 
padding-bottom: 0px; 
margin: 0px;
}

#footer {
background-image: url(../images/body_footer_expand2.jpg);
background-repeat: no-repeat;
width: 991px;
padding: 140px 0px 30px 0px;
margin: 0 auto;
height: 100%;
background-color: #93AFC4;
}

#footer_2 {
width: 870px;
margin: 0 auto;
height: 100%;
}

#footer .links {
font-size: 11px;
font-family: trebuchet MS; 
color: #FFF;

}

#footer a:link {
color: #FFF;
text-decoration: none;

}

#footer a:visited {
color: #FFFFFF;
text-decoration: none;
}

/*--- Expansion Table CSS ----*/
#right_expansion_table {
height: 100%;
margin: 0;
width: 995px;
padding: 0px;
}

#right_expansion_table td {
width: auto;
text-align:left;
margin-top: 0px;
margin: 0px;
}

#right_expansion_table td.top_image {
margin-left: 0px;
padding-left: 3px;
}

#right_expansion_table td.right_image {
margin-left: 0px;
padding-top: 5px;
padding-left: 1px;
}

#right_expansion_table td.content_cell {
padding-top: 5px;
}

#right_expansion_table td.pattern_container {
width: auto;
height: 100%;
margin-left: 0px;
padding-left: 1px;

background-image: url(../images/pattern_3.jpg);
background-repeat: repeat-y;
background-position: 1px 0px;
}

#right_expansion_table_two {
width: auto;
margin: 0px;
padding: 0px;
}

#right_expansion_table_two td.pattern_cell {
width: auto;
text-align: left;
margin-top: 0px;
padding-top: 4px;
padding-bottom: 0px;
margin-bottom: 0px;
background-color: #fff;
}

#right_expansion_table_two td.images_cell {
height: 25px;
padding-top: 2px;
text-align: left;
background-color: #fff;
}

/* Selection */
#select_industry {
height: 152px;
width: 200px;
padding-left: 10px;
overflow-y: hidden;
}

#select_industry div {
padding: 0px;
margin: 0px;
width: 13px;
height: 19px;
background-repeat: no-repeat;
float: left;
}

#select_industry .clear {
clear: both;
float: none;
line-height: 0px;
height: 0px;
visibility: hidden;
display: none;
}

#select_industry .left_bg_inactive {
background-image: url(../images/select_industry_left.gif);
}

#select_industry .mid_bg_inactive {
background-image: url(../images/select_industry_mid.gif);
background-repeat: repeat-x;
line-height: 18px;
color: #777;
width: 170px;
font-size: 11px;
}
#select_industry .mid_bg_inactive a 
{
	text-decoration:none;
	cursor:pointer;
}

#select_industry .right_bg_inactive {
background-image: url(../images/select_industry_right.gif);
}

#select_industry .left_bg_active {
background-image: url(../images/select_industry_left_active.gif);
}

#select_industry .mid_bg_active {
background-image: url(../images/select_industry_mid_active.gif);
background-repeat: repeat-x;
line-height: 18px;
color: #fff;
width: 170px;
font-size: 11px;
}

#select_industry .right_bg_active {
background-image: url(../images/select_industry_right_active.gif);
}
#select_industry .mid_bg_active a{
	text-decoration:none;
	color: #ffffff;
	cursor:pointer;
}

div.mid_bg_arrows {
background-image: url(../images/select_industry_mid.gif);
background-repeat: repeat-x;
line-height: 18px;
color: #fff;
width: 170px;
font-size: 11px;
text-align: right;
padding: 0px;
margin: 0px;
height: 19px;
background-repeat: no-repeat;
float: left;
}

div.left_bg_arrows {
padding: 0px;
margin: 0px;
width: 13px;
height: 19px;
background-repeat: no-repeat;
float: left;
background-image: url(../images/select_industry_left.gif);
}

div.right_bg_arrows {
padding: 0px;
margin: 0px;
width: 13px;
height: 19px;
background-repeat: no-repeat;
float: left;
background-image: url(../images/select_industry_right.gif);
}

div.select_industry_arrows {
padding-left: 10px;
}

img.select_industry_arrow_img {
cursor: pointer;
}

.hor_spacer {
width: 640px; 
margin: 25px 0px 0px 0px;  
float: left; 
height: 1px;
background-color: #e2e2e2; 
}


/* eBI Specific Styles*/
#topimage .img 
{
	position:absolute;
	z-index:1;
}

/* Dynamic Size Navigation */
.MenuHorizontalTabsMenuItem * div
{
	width: 178px;
	height: 31px;
	background-image: url(../images/bt_off.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 11px;
	line-height: 30px;
    cursor: pointer;
}
.MenuHorizontalTabsHoverMenuItem * div
{
	width: 178px;
	height: 31px;
	background-image: url(../images/bt_on.jpg);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 11px;
	line-height: 30px;
}

.MenuHorizontalDynamicMenuItem
{
	background-color: #94B0C6;
	/* #EBA837; */
    font-size: 11px; 
    width:178px;
	margin: 0 auto;
}
.MenuHorizontalDynamicMenuItem * div
{
	background-color: #94B0C6;
	/* #EBA837; */
    font-size: 11px; 
    width:178px;
	margin: 0 auto;
    cursor: pointer;
}
.MenuHorizontalDynamicMenuItem * div.green
{
	background-color: #94B0C6;
	/* #3f9763; */
    font-size: 11px; 
    width:178px;
	margin: 0 auto;
    cursor: pointer;
    color:White;
}

.MenuHorizontalDynamicHoverMenuItem
{
	background-color: #94B0C6;
	/* #FFFFFF; */
    font-size: 11px; 
	margin: 0 auto;
}
.MenuHorizontalDynamicHoverMenuItem * div
{
	background-color: #94B0C6;
	/* #FFFFFF; */
    font-size: 11px; 
	margin: 0 auto;
    cursor: pointer;
}
.MenuHorizontalDynamicHoverMenuItem * div.green
{
	background-color: #94B0C6;
	/* #FFFFFF; */
    font-size: 11px; 
	margin: 0 auto;
    cursor: pointer;
    color: #666666;
}
#full_col 
{
	float: left;
	width: 965px;
	text-align: left; 
	padding-left: 15px;
	padding-top: 15px;
}

#full_col p 
{
	font-size: 12px;
	line-height: 16px;
	padding-right: 35px;
}


#full_col ul li a 
{
	font-size: 13px;
	text-decoration: none;
}

#full_col ul 
{ 
} 

#full_col ul li#active a 
{
	color: #3f9763;
}
#middle_col 
{
	float: right;  
	text-align: left; 
	width:  695px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

#middle_col a img 
{
	padding-top: 6px;
}

#middle_col img 
{
	float: left;
}

.arrow 
{
	color: #007530;
}

#middle_col p 
{
	font-size: 12px;
	text-align: left;
	padding-right: 10px;
	line-height: 16px;
}

.formulationSearchResults
{
	margin-left: 60px;
}

.gridResultsLarge
{
	font-size: 14px;
}

.gridHeaderLarge
{
	color: #FFFFFF;
	background-color:#4b5b51;
	font-size: 13px; 
	padding-left: 15px; 
	padding-right: 15px; 
	text-align: center; 
	height: 19px; 
	margin: 0 auto;
	padding: 0px; 
}

.gridHeader 
{
	color: #FFFFFF;
	background-color:#4b5b51;
	font-size: 11px; 
	padding-left: 15px; 
	padding-right: 15px; 
	text-align: center; 
	height: 19px; 
	margin: 0 auto;
	padding: 0px; 
}
.gridItem
{
	font-size: 12px; 
	color: #4b5b52; 
	text-align: left;
	padding-left: 15px; 
	padding-right: 15px; 
}
.gridAltItem
{
	background-color: #f2f4f3;
	font-size: 12px; 
	color: #4b5b52; 
	text-align: left;
	padding-left: 15px; 
	padding-right: 15px; 
}

#submit {
float: right;
padding-right: 0px;
margin:0px;
}

.horizontal_line {
margin: 0px;
height: 1px;
background-color: #CCC;
}

.horizontal_spacer {
clear: both;
height:10px;
}
.orderSample
{
	background-image: url('../images/shp_crt1.gif');
	width: 236px;
	height: 23px;
}
.orderSample a
{
color: #58615C;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin-left:60px;
}
.productDoc
{
	background-image: url('../images/shp_crt2.gif');
	width: 236px;
	height: 23px;
}
.productDoc a
{
color: #58615C;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin-left:60px;
}

.kosher
{
	width: 236px;
	height: 23px;
}
.kosher a
{
color: #58615C;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin-left:60px;
}

#ProductDetails td.label {
font-weight: bold;
text-align: right;
padding: 0px 5px 0px 0px;
color: #333;
width: 230px;
}

#ProductDetailsAttributes td.label {
font-weight: bold;
text-align: right;
padding: 0px 5px 0px 0px;
color: #333;
width: 230px;
}

/* Global Splash Page */
#greenGlobal {
border: 0px;
background-image: url(../images/mn_back.jpg);
background-repeat: repeat-x;
background-color: #93AFC4;
width: 1044px;
padding: 0px;
margin: 0 auto;
}

#maineverythingGlobal {
width: 1044px; 
margin: 0 auto; 
}

#logo {
float: left;
width: 295px;
text-align: left;
padding-left: 72px;
}

div.landing_container {
background-image: url(../images/landing_main_bg.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 1044px;
height: 560px;
}

div.landing_text_container_size {
width: 1044px;
height: 97px;
overflow: hidden;
}

div.landing_text_container {
padding: 10px 0px 0px 69px;
margin: 0px;
text-align: left;
}

div.region_images_container_size {
height: 207px;
width: 1044px;
overflow: hidden;
}

div.region_images_container {
padding: 0px 25px 0px 19px;
text-align: left;
}

div.region_images_container div {
overflow: hidden;
float: left;
height: 207px;
}

div.region_images_container div.n_america {
width: 227px;
}

div.region_images_container div.s_america {
width: 152px;
}

div.region_images_container div.africa {
width: 227px;
}

div.region_images_container div.europe {
width: 195px;
}

div.region_images_container div.asia {
width: 198px;
}

div.region_titles_container_position {
position: relative;
text-align: left;
top: -120px;
}

div.region_titles_container {
width: 1100px;
height: 47px;
position: absolute;
z-index: 10;
background-image: url(../images/global_strip_bg.jpg);
background-repeat: no-repeat;
}

div.region_titles_container_padding {
padding: 0px 0px 0px 34px;
}

div.region_titles_container_padding div {
width: 195px;
height: 47px;
overflow: hidden;
float: left;
cursor: pointer;
}

div.region_titles_container_padding div.asia {
width: 218px;
cursor: none;
}

/* Drop-down selection */
div.region_titles_container_padding div.drop_down_pos {
visibility: hidden;
position: absolute;
z-index: 100;
overflow: visible;
float: none;
cursor: default;
}

div.region_titles_container_padding div.drop_down_size {
position: relative;
background-image: url(../images/global_asia_dropdown_bg.jpg);
background-repeat: no-repeat;
top: -2px;
left: 2px;
width: 195px;
height: 110px;
cursor: default;
}

div.region_titles_container_padding div.drop_down_item {
padding: 5px 0px 0px 38px;
height: auto;
width: auto;
float: none;
font-family: Arial Bold;
color: #fff;
font-weight: bold;
font-size: 15px;
cursor: default;
}

div.region_titles_container_padding div.drop_down_item a {
text-decoration: none;
color: #fff;
}


/* Additions for Ingredients worth searching for */
div.right_col_row {
padding: 0px;
margin: 0px;
border: 1px solid #fff;
}

div.right_col_cell {
float: left;
width: 335px;
}

div.right_col_cell_padding {
padding-right: 30px;
}

div.right_col_cell_button {
padding-bottom: 30px;
}


div.right_col_cell_title {
font-family: Arial;
font-size: 18px;
color: #333;
padding-bottom: 10px;
}

div.right_col_cell_content {
font-family: Arial;
font-size: 12px;
color: #666;
line-height: 150%;
padding-bottom: 10px;
}