body{ color:#222; margin:0px; padding:0px; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#topNavigationContainer { margin:0px; padding:0px;  background:url(../images/interface/nav_header.gif) no-repeat top left;   }
#topnav { list-style:none; margin:0px; padding:0px; float:right;  }
#topnav li { list-style:none; margin:0px; padding:10px 5px 10px 32px; float:left; background:url(../images/interface/nav_heart_seperator.jpg) no-repeat left center; }
#topnav li.first { list-style:none; margin:0px; padding:10px 10px 10px 32px; float:left; background:none; }
#topnav li a { font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#0d2677; text-decoration:none; }
#topnav li a:hover { color:#CC0000; }

#topnav ul { list-style:none; margin:0px; width:130px; padding:0px 0px 0px 0px; background:url(../images/interface/white-75.png) ; }
#topnav ul li { background:#FFF; list-style:none; margin:0px; padding:0px; width:130px; }
#topnav ul li a { display:block; margin:2px 0px; padding:3px 0px 3px 5px; font-size:12px; }
#topnav ul li a:hover { background:#EEE; }

#header { position:relative; }

#headerNav  { list-style:none; margin:0px; padding:0px; position:absolute; top:40px; right:42px; }
#headerNav a { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none}
#headerNav a:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; font-weight:normal;  }
#headerNav a:visited {color:#0d2677;font-weight:normal;}
#headerNav a:hover { color:#D3011C; font-weight:normal; }
#headerNav a:active { color:#0d2677; font-weight:normal;s }
#headerNav a.active { font-weight:bold; color:#0d2677; }

a { color: #0C2577; font-weight:normal; text-decoration: none; }
a:link { color: #0C2577; font-weight:bold; text-decoration: none; }
a:visited  { font-weight:normal; text-decoration: none; color: #0C2577; }
a:hover { color: #D3011C; text-decoration:underline; }
a:active { color: #0C2577; font-weight:normal; text-decoration: none;}

a.landingLinks { font-size:12px; font-weight:bold; color:#0C2577; text-decoration:none; display:block; padding:5px 0px; }
a.landingLinks:link {font-size:12px; font-weight:bold; color:#0C2577; text-decoration:none; display:block; padding:5px 0px;  }
a.landingLinks:visited {font-size:12px; font-weight:bold; color:#0C2577; text-decoration:none; display:block; padding:5px 0px;  }
a.landingLinks:hover {font-size:12px; font-weight:bold; color:#D3011C; text-decoration:none; display:block; padding:5px 0px;  }
a.landingLinks:active {font-size:12px; font-weight:bold; color:#0C2577; text-decoration:none; display:block; padding:5px 0px;  }


.bgcolor_blue { background: #0C2577; padding: 0px 0px 0px 0px; text-decoration: none; }
.bgcolor_red { background: #D3011C; padding: 0px 0px 0px 0px; }
.bgcolor_green { background: #76A73D; padding: 0px 0px 0px 0px; }


.sidebar_box{ border-bottom:1px solid #CCC; padding-bottom:17px; padding-top:17px;  }
.sidebar_box_first {border-bottom:1px solid #CCC; padding-bottom:17px; }
.sidebar_box_last { margin-top:17px; }

.row1 { background:#EEE; }
.row0 {background:#FFF; }

.sidebar_news_business { height:255px; overflow:auto;}
.sidebar_news_members { overflow:auto;}
.sidebar_news { height:185px; overflow:auto; text-align:left; }
#sidebar_news { list-style:none; margin:0px; padding:0px; }
#sidebar_news li { list-style:none; margin:5px 0px 5px 0px; border-bottom:1px dotted #EEE; padding:0px; }
#sidebar_news li a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#1b367e; }
#sidebar_news li a:hover { color:#CC0000; text-decoration:none; }
#sidebar_news li p { color:#838383; font-weight:normal; font-size:11px; padding:0px; line-height:1.3em; margin:0px; }


/*Side Accordian Navigation*/

#sidebar_nav { width:225px;}
#sidebar_nav ul { list-style:none; margin:0px; padding:0px; }
#sidebar_nav ul li { list-style:none; margin:0px; padding:0px;  background-color:#FFF; }
#sidebar_nav ul li a { display:block; text-decoration:none; padding:5px 3px; margin:0px; border-bottom:1px solid #0d2677; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#0d2677;}
#sidebar_nav ul li a:hover{ display:block; text-decoration:none; color:red; }

.Menu-open { background:url(../images/interface/sidemenu_arrow_down.gif) no-repeat 0px 7px; background-position: 0px 7px;  }
.Menu { background:url(../images/interface/sidemenu_arrow_right.gif) no-repeat 0px 7px; }

 
#sidebar_nav ul li ul li a{ font-weight:normal; font-size:12px; color:#CC0000; }
#sidebar_nav ul li ul li a:hover { color:#0d2677; }
#sidebar_nav ul li ul li ul li {  }

#sidebar_nav ul li a{ padding-left: 15px; display:block;} 
#sidebar_nav ul li ul li a{ padding-left:15px; margin-left:10px; display:block; }
#sidebar_nav ul li ul li ul li a{ padding-left:20px;border-bottom:0px; }

.imagePlaceholderHorizontal { background:#CCC; border:1px solid #999; height:100px; }

.recipe_caption { background:url(../images/consumer_pics/recipe_underimage.gif) no-repeat top center; height:22px; }
a.recipe_link{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-transform:uppercase; text-decoration:none; margin:3px 0px; display:block;  }
a.recipe_link:link{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-transform:uppercase; text-decoration:none; margin:3px 0px; display:block;  }
a.recipe_link:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-transform:uppercase; text-decoration:none; margin:3px 0px; display:block;  }
a.recipe_link:hover { color:#0C2577; }
a.recipe_link:active{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-transform:uppercase; text-decoration:none; margin:3px 0px; display:block;  }

.tableColHeader1 { font-weight:bold; background:#0C2577; color:white; }
.tableColHeader2 { font-weight:bold; background:#D3011C; color:white; }

a.arrowLink{ font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding-left:11px; font-size:10px; color:#D3011C; text-decoration:none; margin:3px 0px; display:block; background: url(http://staging.hellman.com/swissvalley/images/interface/helpers/arrow_red_sml.gif) no-repeat left center; }
a.arrowLink:link{ font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#D3011C;  text-decoration:none; margin:3px 0px; display:block;  }
a.arrowLink:visited { font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#D3011C; text-decoration:none; margin:3px 0px; display:block;  }
a.arrowLink:hover { font-weight:normal; color:#0C2577; }
a.arrowLink:active{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#D3011C; text-decoration:none; margin:3px 0px; display:block;  }

.landingPageCopy { padding:10px; }

/* Global CSS Styles */
#siteContainer { width:780px; margin:0px auto; padding:0px 0px 10px 0px; background:#FFF; background: #FFF;}
.siteBottom  { width:780px; margin:0px auto; padding:0px; }
#site { width:760px; margin:0px 10px 0px 10px; background:#FFF; }

.content {
	float:left;
	width:524px;
	margin-left:10px;
	margin-top:4px;
}
#sidebar_nav { float:left;  }

#footerContainer {  padding:10px; margin:10px 0px 0px 0px }
#footer { width:780px; margin:0px auto; }

td.padding_left { background:#FFFFFF; padding: 0px 0px 0px 10px; }
td.padding_right { background:#FFFFFF; padding: 0px 10px 0px 0px; }

#padding-right10 { padding-right: 10px; } 
#padding-left10 { padding-right: 10px; } 

.l_img  { text-align: left; float: left; clear: left; margin: 0px 10px 10px 0px; padding: 0px; border: solid 0px; }
.r_img   { text-align: left; float: right; clear: right; margin: 0px 0px 10px 10px; padding: 0px; border: solid 0px; }

.reverse { color: #F5F5F5; font-size: 9px; line-height: 11px; text-decoration: none; }
.reverse_sml { color: #F5F5F5; font-size: 8px; line-height: 10px; text-decoration: none; }
.disclaimer { color: #000000; font-size: 11px; line-height: 12px; text-decoration: none; }

.small { font-size: 10px; line-height: 13px; }
a.small:link { font-weight:normal; font-size: 10px; line-height: 13px; text-decoration:none; }
a.small:visited { font-weight:normal; font-size: 10px; line-height: 13px; text-decoration:none; }
a.small:hover { font-weight:normal; color:#D3011C; text-decoration:none; }
a.small:active { font-weight:normal; font-size: 10px; line-height: 13px; text-decoration:none; }

.header { font-size:14px; font-weight:bold; }
.header_red { 
	color:#D3011C;
	font-size:16px;
	font-weight:bold;
	line-height:26px; 
	padding-top:4px;
}
.subhead {
	color:#D3011C;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
}

.title     { color: #000000;
	font-size: 22px;
	line-height: 26px;
	text-decoration: none;
	font-weight:bold;
}

.pictureFrame { border:1px solid #EEE; padding:3px; }
.pictureFrame p { padding:3px; font-size:10px; color:#666; }

p.subrule,.subrule { font-size: 10px; line-height: 12px; background:#FFFFFF; border-bottom: 1px solid #1d264d; padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px; }
p.blkrule { font-size: 14px; line-height: 18px; background:#FFFFFF; border-bottom: 1px solid #000000; padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px; }

h1 { font-size:22px; font-family:Tahoma, Geneva, sans-serif; color:#d3011c; margin:5px 0px; padding:0px;  }
h2 { font-size:19px; font-weight:normal; color:#D3011C; margin:0px 0px 5px 0px; padding:0px;  }
h3 { font-size:14px; font-weight:bold; color:#818181; font-family:Arial, Helvetica, sans-serif; margin:0px 0px 5px 0px; padding:0px; }
h4 { font-size:14px; font-weight:bold; }
h5 { font-size:10px; font-weight:bold; }
p { line-height:1.5em; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
img { border:0px; }
hr.box { color:#c00; background-color:#ddd; height:1px; border:none; width:225; }
hr.light { color:#c00; background-color:#ddd; height:1px; border:none; width:100%; }

a.sublink:link  { color: FFF; }
a.sublink:visited  { color: #FFF; }
a.sublink:hover  { color: #FFF; }


a.reverse:link, a.reverse:visited, a.reverse.active { color:#FFF; line-height:14px; text-decoration:none;}
a.reverse:hover { color:#FFCC00;  }

.clearFix { clear:both; margin:0px; padding:0px; height:0px; overflow:hidden; }

ul.bullets { list-style: none; padding-left: 15px; margin-left:0px; }

li.bullets {
	list-style-image:url(../images/interface/bullet_red.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: 15px;
	padding-top: 4px;
}

ul.bullets2 {
	list-style: none; padding-left: 40px; margin-left:0px; }

li.bullets2 {
	list-style-type: square; }


/* End Global CSS Styles */