/*
==========================

width: 950px;
columns: 70px -> 10px x 12 = 950px; 

===========================
*/

html{
    background: #eee url(body.png) repeat-x top;
}

body {
	/* 
    background: url(header-images/easter.jpg) no-repeat center 35px; 
	background: url(header-images/header-anzac.gif) no-repeat center 35px; 
	background: url(header-images/header-mothers-day.gif) no-repeat center 35px; 
	background: url(header-images/header-queen.gif) no-repeat center 35px; 
	background: url(header-images/header-pudding.gif) no-repeat center 35px; 
	background: url(header-images/gingerbread-man.gif) no-repeat center 35px; 
	background: url(header-images/header-fathers-day.gif) no-repeat center 35px; 
    background: url(header-images/header-spring.gif) no-repeat center 35px;
    background: url(header-images/header-breast-cancer.gif) no-repeat center 35px; 
    */
    background: url(header-images/header-smalls.gif) no-repeat center 1px;
	color: #575a5d;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	line-height: 1.6em;
	text-shadow: 0 1px 0 #fff;
	}
 
body.food-services { background: url(header-images/header-food-services.gif) no-repeat center 35px; }	
/* Defaults */

hr, .hide, .accessibility, .print { display: none }
:active, :focus { outline: none }   

a {color: #0072cf; text-decoration: none;}
a:hover { text-decoration: underline;}
a:active {}

strong {}


p {
	margin: 0 0 1em 0;
	}
	
ul {
	margin: 0 0 1em 1em;
	padding: 0;
}	
	
ul li {
	list-style: square;
	margin: 0 0 .5em 0;
	padding: 0;
}

ol	{
	margin: 0 0 1em 1.5em;
	padding: 0;
	}

ol li {
	margin: 0 0 .5em 0;
	}
	
/* Breaks */
.ltb {
	margin-top: 3em;
	padding-top: 1em;
	border-top: 1px solid #ddd;
	}
	

		
/* Headers */

h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 0;
	color: #143d8d;
}

body.food-services h1, body.food-services h2, body.food-services h3, body.food-services h4, body.food-services h5, body.food-services h6 { color:#900d3b; }

h1	{
	font-size: 2.25em;
	font-weight: normal;
	margin: 0 0 .5em 0;
	line-height: 1.25em;
	}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 2em 0 .25em;
	line-height: 1em;
	}
	
	h1 + h2, img + h2 {
		margin-top: -.5em;
		}
	
h3 {
	font-size: 1em;
	font-weight: normal;
	margin: 2em 0 .25em;
	}
	
h4 {
	font-size: 1em;
	font-weight: normal;
	margin: 1em 0 0;
	font-style: italic;
	line-height: 1.25em;
	}
	
h5 {
	font-size: .875em;
	font-weight: normal;
	margin: 1em 0;
	line-height: 1.6em;
	}
	
h6 {
	font-size: .875em;
	font-weight: normal;
	margin: 1em 0;
	line-height: 1.25em;	
	}
	
dl {
	margin: 0;
	padding: 0;
	}

.left { float:left; }
.right { float:right; }



/*	
dl dt {
	position: relative;
	z-index: 0;
	
	margin: 0;
	padding: .5em 15px 0;
	background: #fff;
	
	color: #575a5d;
	
	font-size: 1em;
	line-height: 2em;	
	font-weight: bold;
	
	-moz-border-radius-topright: 15px;
	-webkit-border-radius-topright: 15px;
	border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-radius-topleft: 15px;
	border-radius-topleft: 15px;
	}
	
	* html dt, * html dd {	height: 1px;}
	
dl dd {
	position: relative;
	z-index: 1;	

	margin: 0 0 1em 0;
	padding: 0 50px 2em 15px;

	font-size: .875em;
	line-height: 1.5em;
	
	background: #fff;
	
	-moz-border-radius-bottomright: 15px;
	-webkit-border-radius-bottomright: 15px;
	border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-radius-bottomleft: 15px;
	border-radius-bottomleft: 15px;
	
	-moz-box-shadow: 0 1px 0 #ccc;
	-webkit-box-shadow: 0 1px 0 #ccc;
	box-shadow: 0 1px 0 #ccc;
		
	}
*/

/* tables 
table{
    border: 1px solid #ccc;
    margin: 0 0 1em;
    border: none;
	background: #fff;
	width: 100%;
}

table td,
table th{
    border: none;
    padding: 8px 10px;
    text-align: left;
    font-size: .88em;
    line-height: 1.33em;
    border-top: dashed 1px #ddd;
	vertical-align: top;
}

table .alt td{
}

table th{
    background: #ddd;
    border-bottom: solid 1px #ccc;
	border-top: 1px solid #eee;
	font-size: .6875em;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
}
*/
/* vCard */
#content .vcard {
	margin: 2em 0;
	font-size: .875em;
	line-height: 1.5em;
	}
	
	#content .vcard .org {
		font-weight: bold;
		}
		
	#content .vcard  .type {
		color: #999;
		padding: 0 10px 0 0;
		display:block;
		float:left;
		clear:left;
		width:140px;
		}
	
	#content .vcard .value {
	    display:block;
	    float:left;	    
        }
		
/*
===========================
Sprites
===========================
*/

.sprite {
	display: inline-block;
	text-transform: uppercase;
	text-indent: -9000px;
	background: none;
	background-image: url(sprites.png);
	margin: .5em 0;
	border: none !important;
	cursor: pointer;
	}
	
.msie7 .sprite,
.msie6 .sprite 	
{
    display: block;             	
}
	
.sprite:hover {
	background-color: transparent;
	border: none;
	}
	
	
/*
.viewmap		{	width: 85px;	height: 21px;	background-position: 0 0;	}
.findoutmore 	{	width: 85px;	height: 21px;	background-position: 0 -25px;	}
.emailsignup 	{	width: 170px;	height: 26px;	background-position: 0 -50px;	}
*/
		

		

/*
===========================
Structural
==========================
*/

#eyebrow {
	position: relative;
    height: 35px;
	font-size: 13px;
}
	
	#eyebrow .container {
		position: relative;
		width: 950px;
		margin: 0 auto;
		}

		
	/* Social media */
	#socialmedia {
		position: absolute;
		top: 10px;
		left: 0;
		padding: 0;
		margin: 0;
        font-family: Arial,Helvetica,sans-serif;
		font-style: italic;
		}
		
		#socialmedia a {
			color: #143d8d;
			padding: 0 0 0 25px;
			line-height: 20px;
			display: block;
			width: auto;
			float: left;
			}
		
		#socialmedia li {
			margin: 0 30px 0 0;
			padding: 0;
			position: relative;
			float: left;
			list-style: none;
			}
			
		#twitter 	{	background: url(sprites.png) -5px -270px;			}
		#facebook 	{	background: url(sprites.png) -5px -250px;			}
		
			
/* Recipe club */
#recipeclub-accountpanel {
    position: absolute;
    right: 0;
    top: 8px;
	}

    #recipeclub-accountpanel h3{
        width: 150px;
        height: 20px;
        float: left;
        cursor: default;
        margin: 0;
        padding: 0;
        background-position: -5px -398px;
    }
    
    #recipeclub-accountpanel a.fs {
        width: 150px;
        height: 20px;
        float: left;
        margin: 0px 10px 0px 0px;
        padding: 0;
        background-position: 5px -474px;
    }
    
    #recipeclub-accountpanel a.fs:hover { background-position: -150px -474px; }
    
    #recipeclub-accountpanel .welcome_message{
        display: block;
        float: left;
        line-height: 20px;
        padding: 0 10px 0 0;
        background: url(welcome_message.png) no-repeat right center;
    }
    
    #recipeclub-accountpanel .accountpanel-login{
        width: 60px;
        float: left;
        height: 21px;
        background-position: -5px -350px; 
        margin: 0;
    } #recipeclub-accountpanel .accountpanel-login:hover{ background-position: -75px -350px }
    
    #recipeclub-accountpanel .accountpanel-logout{
        width: 70px;
        float: left;
        height: 21px;
        background-position: -5px -425px;
        margin: 0 0 0 5px;
    } #recipeclub-accountpanel .accountpanel-logout:hover{ background-position: -85px -425px }
    
    #recipeclub-accountpanel .accountpanel-register{
        width: 70px;
        float: left;
        height: 21px;
        background-position: -5px -375px;
        margin: 0 7px 0 0;
    } #recipeclub-accountpanel .accountpanel-register:hover{ background-position: -85px -375px }
    
    #recipeclub-accountpanel .accountpanel-account{
        width: 95px;
        float: left;
        height: 21px;
        background-position: -5px -450px;
        margin: 0 0 0 5px;
    } #recipeclub-accountpanel .accountpanel-account:hover{ background-position: -110px -450px }


#wrapper {
    width: 1030px;
    margin: 0 auto;
    z-index:1000;
    position: relative;
	}

/* Masthead */
    #masthead {
	height: 165px;
	position: relative;
	}
    #masthead.no-image, body.no-header-image
    {
    background-image: none;
    }
    #masthead.no-header-image h2.tagline
    {
      position: absolute;
       right: 30px;
    }
		
	#masthead .logo {
		position: absolute;
		margin: 0;
		top: 15px;
		left: 40px;
		width: 165px;
		height: 135px;
		}
		
		#masthead .logo a {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 165px;
			height: 135px;
			text-indent: -9000px;
			background: url(masthead.logo.gif);
			}
			
	body.food-services #masthead .logo a { width:328px; background:url(food-services-masthead.logo.gif); } 
		
	#masthead .tagline {
		position: absolute;
		margin: 0;		
		top: 40px;
		right: 220px;
		display: block;
		width: 315px;
		height: 25px;
		text-indent: -9000px;
		background: url(tagline.gif);
		}
		
#header-promo{
    width: 250px;
    position: absolute;
    font-size: 12px;
    line-height: 16px;
    color: #1d4491;
    text-align: right;
    top: 80px;
    right: 220px;
}
		
/* Simple Search */

#simple-search {
	position: absolute;
	top: 10px;
	right: 40px;
	width: 310px;	
	padding: 0;
	margin: 0;
	}
	
	#simple-search label,
	#simple-search legend {		display: none;		}
	
	#simple-search .button,
	#recipe-search .button,
	#site_search .button {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		width: 35px;
		height: 25px;
		border: none;
		background: url(sprites.png) -5px -5px;
		cursor: pointer;
		z-index: 50;
		text-transform: uppercase;
		text-indent: -9000px;
		}
		
	#simple-search .button:hover, #recipe-search .button:hover, #site_search .button:hover {		background-position: -50px -5px;		}		
		
	#simple-search .field {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 265px;
		height: 18px;
		margin: 0;
		padding: 3px 5px 2px;
		border: 1px solid #9a9b9d;
		font-size: 13px;
		color: #333;
		-moz-border-radius: 2px;
		-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1) inset, 0 1px 0 #fff;
		
		z-index: 50;
		}
		
	#simple-search .field.focus {
		border: 1px solid #143d8d;
		}
		
	#simple-search .watermark {
        font-family: Arial,Helvetica,sans-serif;
		font-style: italic;
		color: #999;
		}
		
/* Accessibility tools */
#accessibility-tools {
	min-height: 1px;
	position: absolute;
	right: 375px;
	top: 15px;
	}* html #accessibility-tools { height: 1px; } #accessibility-tools:after { content: "."; height:0; visibility: hidden; clear: both; display: block; }

body.food-services #accessibility-tools { right:40px; }
	
#accessibility-tools h5{
    margin: 0;
    padding: 0;
    color: #666;
    width: 55px;
    float: left;
    font-size: 12px;
    line-height: 18px;
}

#typesizes{
    margin: 0;
    padding: 0;
    min-height: 1px;
    list-style: none;
    width: 55px;
    float: left;
} 	

#typesizes li{
    float: left;
    display: inline;
    list-style: none;
    background: none;
    padding: 0;
    margin: 0;
    height: 18px;
    width: 18px;
    line-height: 18px;
}

#typesizes a{
    display: block;
    text-transform: uppercase;
    text-indent: -9000px;
    height: 18px;
    width: 18px;
    background-image: url(typesizes_sprite.png);
    background-repeat: no-repeat;
}

#typesizes .small a{ background-position: 0 0; } #typesizes .small a:hover{ background-position: 0 -18px; } #typesizes .small a.active{ background-position: 0 -36px; }
#typesizes .medium a{ background-position: -18px 0; } #typesizes .medium a:hover{ background-position: -18px -18px; } #typesizes .medium a.active{ background-position: -18px -36px; }
#typesizes .large a{ background-position: -36px 0; } #typesizes .large a:hover{ background-position: -36px -18px; } #typesizes .large a.active{ background-position: -36px -36px; }

/* Auxnav 
#auxnav {
	position: absolute;
	top: -1px;
	right: 210px;
	margin: 0;
	padding: 6px 15px 0 0;
	
	font-size: .6875em;
	line-height: 25px;
	
	border-right: 1px solid #d3222a;
	text-shadow: 0 1px 0 #fff;
	}
	
	#auxnav li {
		float: left;
		margin: 0 0 0 15px;
		padding: 0;
		list-style: none;
		}
		
	#auxnav a {
		color: #8c8f8c;
		text-decoration: none;
		}
		
		#auxnav a:hover {
			color: #d3222a;
			text-decoration: underline;
			}
			
		#auxnav a:active {
			color: #d3222a;
			background: none;
			}
	
*/		

/* Main Nav -- see /css/objects/mainnav */

/* Page Header */
#page-header {
	position: relative;
	background: url(page-header.png);
	height: 46px;
	z-index: 888;
	}
	
body.food-services #page-header	{ background:url(food-services-page-header.png); }
	
#page-header-content{
    position: absolute;
    left: 50px;
    top: 15px;
    line-height: 1.2em;
    font-size: .75em;
}

#page-header-content a{
    background: #e4e4e4;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 3px 10px;
    display: block;
    float: left;
    border-bottom: solid 1px #fff;
    border-top: solid 1px #bdbdbd;
}
#page-header-content a:hover{
    background: #dcdcdc;
}
	
/* Page */
#page {
	min-height: 500px;
	background: url(page.gif);
	padding: 0 30px 0px;
	z-index: 555;
	}
	
	* html #page {		height: 1px;	}
	#page:after {		content: ".";		height:0;		visibility: hidden;		clear: both;		display: block;		}	
	
/* Footer */

#footer-wrapper{
    background: url(page.gif) repeat-y 0 0;
	padding: 0px 30px 0;
	width: 970px;
	min-height: 1px; 
	margin: 0 auto;
	z-index:10;
	position: relative;
}

#footer {
	min-height: 1px;
    background: #f2f2f2 url(footer-random-image/random_image.aspx) no-repeat 0 bottom;
    
	color: #797979;
	font-size: .75em; /* 12px */
	line-height: 1.5em;
	text-shadow: 0 1px 0 #fff;
	}
	
#footer .container {
	position: relative;
	background:  url(footer.gif) repeat-x 0 0;
	padding: 20px 10px 3em;
	min-height: 1px; 
	
	}	* html #footer .container { height: 1px; }
	
#footer a {	color: #8c8d8e;	}
	
	
/* Sitemap */
#footer-sitemap {
	margin: 10px 0;
	padding: 0;
	min-height: 1px;
	font-size: .916em; /* 11px / 12px */	
	}
	
	* html #footer-sitemap {	height: 1px; 	}
	#footer-sitemap:after {		content: ".";		height: 0;		visibility: hidden;		display: block;		clear: both;		}

#footer-sitemap li {
	list-style: none;
	float: left;
	width: 155px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	background: none;
	}
	
	#footer-sitemap a{
	    color: #666666;
	}
	
	#footer-sitemap ul a{
	    color: #8c8d8e;
	}
	
	#footer-sitemap li.last {		width: 150px;		}

#footer-sitemap li ul {
	margin: 0;
	padding: 0;
	}
	
#footer-sitemap li ul ul {
	display: none;
	}	
	
#footer-sitemap li li {
	float: none;
	width: auto;
	line-height: 1.2em;
	margin: 0 0 5px;
	text-transform: none;
	font-weight: normal;
	}


/* legal footer */
	
#legal_footer{
    width: 390px;
    margin: 3em auto 0;
    padding: 0 55px;
    text-align: center;
    min-height: 1px;
    color: #797979;
    font-size: 0.91em;
    line-height: 1.4em;
}

#legal_footer p{
    margin: 0px 0px 8px 0px;
}
	
/* Legal Nav */

#legalnav {
	margin: 0 0;
	padding: 0;
	min-height: 1px;
	} * html #legalnav{ height: 1px; } #legalnav:after {		content: ".";		height: 0;		visibility: hidden;		display: block;		clear: both;		}
	
	#legalnav li {
		padding: 0 .40em 0 .40em;
		list-style: none;
		line-height: 1em;
		border-right: 1px solid #a1a1a1;
		background: none;
		display: inline;
		}
		
	#legalnav li.last {
		border-right: none;
		}
		
	#legalnav a{ color: #797979; }
	
	#legalnav li.social {
		float: right;
		padding: 0 0 0 1em;
		margin: 1em 0 1em 1em;
		border-right: none;
		border-left: 1px solid #434443;		
		}
		
	#legalnav li.break,
	#legalnav li.last  {
		border: none;
		}
	
	#legalnav li a {
		position: relative;
		}
		
	#legalnav li.social a {
		padding-left: 20px;
		}
	
	#legalnav img {
		position: absolute;
		top: 0;
		left: 0;
		}

    #legal_footer .site_credit{
        margin: .5em 0;
    }
	
	
/* Search Preview Panel */

#searchPreview {
	position: absolute;
	top: 24px;
	left: 0;
	width: 310px;
	background: #143d8d;
	min-height: 30px;
	z-index: 100;
	font-size: 11px;
	line-height: 1.3em;
	-moz-box-shadow: 0 1px 5px rgba(20,61,141,.7);
	margin-top: 0px;
	}
	
#searchPreview ul {
	margin: 0px 0px 0px 0px;
	padding: 0;
	}
	
#searchPreview li {
	position: relative;
	background: #fff;
	margin: 1px 10px;
	padding: 5px 5px 10px 70px;
	list-style: none;
	min-height: 60px;
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.2);
	}
	
	#searchPreview li.focus {
		background: #eaf4fc;
		cursor: pointer;
		}
	
#searchPreview .title {
	font-size: 12px;
	margin: 0 0 3px 0;
	line-height: 1.2em;
	}
	
#searchPreview .thumb {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 60px;
	height: 60px;
	background: #ccc;
	}
	
#searchPreview img {
	width: 60px;
	height: 60px;
	}
	
#searchPreview .description {
	margin: 3px 0;
	}
	
#searchPreview .category {
	color: #999;
	font-style: italic;
	}
#simpleSearchCrawler li 
{
    padding: 5px;
    margin: 0px 10px;
    min-height: inherit;
} 

	
#searchPreviewShowAll {
	display: block;
	cursor: pointer;
	padding: 5px;
	margin: 0px 10px 10px;
	color: #fff;
	background: #0072cf;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	text-align: right;
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.2);
	}
	
	#searchPreviewShowAllOther {
	display: block;
	cursor: pointer;
	padding: 5px;
	margin: 0px 10px 10px;
	color: #fff;
	background: #0072cf;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	text-align: right;
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.2);
	}
#searchPreviewShowAll:hover, #searchPreviewShowAllOther:hover {text-decoration: underline;}

 #searchPreview h5 
 {
     font-size: 1.4em;
     font-style: normal;
     background-color: #ffffff;
     display: block;
     margin: 10px 10px 0px;
     text-shadow: 0 1px 0 rgba(0,0,0,.2);
     text-indent: 1px;
     position: relative;
     top: 1px;
     padding: 5px;
}
/* this really should be in an ie6.css but there isn't one */
.msie6 #searchPreview li { padding-left:5px; height: 60px; }
.msie6 #searchPreview .title, .msie6 #searchPreview .description { margin-left:67px; }
.msie6 #searchPreview .focus { border:none; }
	
/* tags / links */

.tags{
    min-height: 1px;
    margin: 0 -5px 0 0;
    list-style: none;
    padding:5px 0px 0px 5px;
    background:#ffffff;
        
} * html .tags { height: 1px; } 
 .tags:after 
 {
     content: "."; 
     height:0; 
     visibility: hidden; 
     clear: both; 
     display: block; 
  }

.tags li{
    margin:  0 5px 1px 0;
    padding: 0;
    background: none;
    float: left;
    list-style: none;
    }

.tags a{
    color: #0072cf;
    font-size: .79em;
    padding: 4px 7px;
    margin: 0px;
    line-height: 1.2em;
    width: auto;
    white-space: nowrap;  
}
.tags a:hover{
    background: #fff;
}
.tags li:after 
{
    content: "| "; 
    font-size: 75%;
    position: relative;
    top: -0px;
    }
.tags li:last-child:after { content: ""; }
/*IE workaround*/
/*All IE browsers*/
* html .tags li
{
border-left: 1px solid #CCC;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html .tags ul { height: 1%; }

* html .tags li
{
display: block;
float: left;
}


div.browse-links ul.tags {background-color: #fff; border-bottom: 1px solid #dadada; padding: 5px;}

/* ratings */
.rating{
    display: block;
    width: 60px;
    height: 10px;
    text-transform: uppercase;
    text-indent: -9000px;
    background-repeat: no-repeat;
    background-image: url(rating.gif);
    line-height: 10px;
}
.rating_1{ background-position: 0 0; }
.rating_2{ background-position: 0 -10px; }
.rating_3{ background-position: 0 -20px; }
.rating_4{ background-position: 0 -30px; }
.rating_5{ background-position: 0 -40px; }

/* pagination */

.pagination{
    background: #ececec;
    margin: 0 0 1.5em;
    padding: 10px 20px;
    position: relative;
    border-bottom: solid 1px #b8b8b8;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: .86em;
}

.pagination p{
    margin: 0 0 7px;
    padding: 0 0 5px;
    border-bottom: 1px dotted #b8b8b8;
    line-height: 20px;
}

.pagination .page_buttons{
    font-size: 11px;
}

.pagination .page_buttons a{
    padding: 4px 7px;
    line-height: 14px;
    background: #d9d9d9;
    border-bottom: solid 1px #b8b8b8;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 0 0 0 3px;
}

.pagination .page_buttons a.selected{
    color: #fff;
    text-shadow: 0 -1px 0 #666;
    background: #1294fd;
}

.pagination .page_buttons a:hover{
    background: #fff;
}

/* table styling */

table{
    border: none;
    width: 100%;
    margin: 0 0 2em;
    border-collapse: separate;
    border-left: solid 1px #fff;
}


table th{
    background: #ececec;
    border: none;
    padding: 5px 10px;
    text-align: left;
    border-bottom: solid 1px #dadada;
    border-right: solid 1px #dadada;
    vertical-align: top;
}

table thead th,
table thead td{
    border: none;
    border-bottom: solid 1px #b8b8b8;
}


table td{
    border: none;
    padding: 5px 10px;
    text-align: left;
    background: #fff;
    border-bottom: solid 1px #ececec;
    border-right: solid 1px #ececec;
}

table.nutrition thead th, table.nutrition tbody td { text-align:center; }

table.fsnutrition thead td, table.fsnutrition thead th 
{
    background-color: #b3013f !important;

}

/* table tr:nth-child(odd) td{
    background: #ececec;
    border-bottom: solid 1px #fff;
} */

#recipeclub-accountpanel a.accountpanel-go { background:url(a-go-to.gif) no-repeat 0px 0px; width:149px; height:0px; margin:0px 7px 0px 0px; padding:21px 0px 0px 0px; display:block; overflow:hidden; float:left; }
#recipeclub-accountpanel a.accountpanel-go:hover { background-position:0px -30px; }
#recipeclub-accountpanel h3.accountpanel-food { width:80px; height:0px; overflow:hidden; margin:0px 7px 0px 7px; padding:21px 0px 0px 0px; background:url(h3-food-services.gif) no-repeat 0px 6px; }

p.tour-button 
{
    background: #e1e4eb;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 10px !important;
    text-align: center;
    display: inline-table;
    float: right;
    position: relative;
    top: 20px;
    text-transform: uppercase;
    color: #0072d5 !important;
    font-weight: bold;
}
p.tour-button:hover { background-color: #fff; }

#content ul.alpha-links {
    background: #ECECEC url(alpha-links.gif) no-repeat 4px 4px;
    border-bottom: 1px solid #B8B8B8;
    height: 21px;
    margin: 0px 0px 15px 0px;
    overflow: hidden;
    padding: 4px 0px 2px 4px;
}

#content ul.alpha-links li {
    background: none;
    display: block;
    float: left;
    margin:0px 2px 0px 0px;
    padding: 0px;
    width: 19px;    
}

#content ul.alpha-links li a {
    display: block;
    float: left;
    height: 0px;
    overflow: hidden;
    padding: 19px 0px 0px 0px;
    width: 19px;    
}
p.expand {clear: both; display: block; margin-top: 10px;}

a.expand-btn 
{
-moz-border-radius:3px 3px 3px 3px;
background-color:#1D99FD;
border:1px solid #294E97;
color:#FFFFFF;
font-size:0.75em;
line-height:2.8em;
margin:5px 0;
padding:4px 10px;
text-shadow:0 1px 0 #777777;
text-transform:uppercase;
}
a.expand-btn:hover 
{
background-color:#0072CF;
border:1px solid #294E97;
color:#FFFFFF;
}

/* Career site specific */

#sh_Menu 
{
  margin-top: 30px !important;
}

#sh_Menu li.heading.sIFR-replaced 
{
    margin-bottom: 20px;
}

/* Styling for Site Search (non Recipe search landing page at /net/search/default.aspx */

#site_search p.search_information 
{
    display: block;
    clear: left;
    padding-top: 5px;
    font-size: 90%;
    font-style: italic;
 }

#site_search{
    position: relative;
    border-bottom: 1px dotted #b8b8b8;
    z-index: 500;
    margin: 0 0 1.5em;
    min-height: 1px;
} * html #site_search{ height: 1px; }

#site_search .field-group{
    margin: 0;
}

#site_search .field{
    margin-right: 10px;
}

#site_search fieldset{
    margin-top: 0;
    margin-bottom: 1.5em;
}

#site_search fieldset .content{
    padding-top: 20px;
}


#site_search .button{
    position: relative;
    float: left;
    margin: 0 0 0 -2px; 
}

#site_search label{
    width: auto;
    float: left;
    padding: 6px 7px 0 0;
    position: relative;
    font-size: .86em;
}

#site_search .text{
    min-height: 18px;
    float: left;
}
div.module.result 
    {
    border-color:#FFFFFF #DFDFDF;
    border-left:medium none;
    border-right:medium none;
    border-style:solid none;
    border-width:1px medium;
    line-height:1.4em;
    padding: 0px 10px; 
}
div.module.result h3 
{
    font-size: 1.2em;
    padding-top: 0px;
    margin: 15px 0px 10px;
}
.pagination 
{
    margin-top: 5px;
}

div.capcha img {
  display: block;
  margin-top: 20px;
  border: 1px solid #CCC;
  }
div.faux-terms {
  font-size: 12px;
  line-height: 16px;
	color: #333;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1) inset, 0 1px 0 #fff;
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1) inset, 0 1px 0 #fff;
	padding: 3px 5px 2px;
	border: 1px solid #9a9b9d;
	min-height: 22px; 
	width: 435px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #fff;
  max-height : 200px;
	height: 200px;
	margin: 0px 0px 15px 0px;
}
div.faux-terms ol li {margin-bottom: 6px; padding-left: 5px;}

/* The following CSS would remove the Snaphire branding
 from the footer of the careers site pages, switched off for now, 
awaiting decision on whether it stays or not 

#sh_Footer {display: none;}

form[name="WM"] {text-align: center;}

*/




/*Small hack for z-index issue on the hint dropdown*/

.dd-select-list {
    z-index:1000;
}

.hint-index, .dd-list-panel {
    z-index:3000;
}

.description-index {
    z-index:10;

}

.recipe-costing-calculator {
    background:url(Foodservice-rcc_small.png) no-repeat; /* Swap to recipe-costing-calculator.sidebar to make active.gif */
    background-position:0 0;
    width:210px;
    height:60px;
    display:block;
    text-indent:-9000px;
    margin:20px 0;
    opacity: .9;

}

    .recipe-costing-calculator:hover {
        opacity: 1; 
    }

/* I have no idea why this is happening. Fixing, will look later */

a img, fieldset {
    border-width: 0 !important;
}