/* .masthead { background-image: url( graphics/masthead.jpg ) !important; } */
/* new masthead uploaded by Yin Wu 04/18/2018 02:17:48 PM */
/* .masthead { background-image: url( graphics/baf_masthead041818021748.jpg ) !important; height:160px !important; } */
/* new masthead uploaded by Yin Wu 04/18/2018 02:19:01 PM */
/* .masthead { background-image: url( graphics/baf_masthead041818021901.jpg ) !important; height:160px !important; } */
/* new masthead uploaded by Christine Walker 04/23/2019 04:11:27 PM */
/* .masthead { background-image: url( graphics/baf_masthead042319041127.jpg ) !important; height:160px !important; } */
/* new masthead uploaded by Yin Wu 04/24/2019 08:05:58 AM */
/* .masthead { background-image: url( graphics/baf_masthead042419080558.jpg ) !important; height:160px !important; } */
/* new masthead uploaded by Yin Wu 04/30/2019 12:39:06 PM */
.masthead { background-image: url( graphics/baf_masthead043019123906.jpg ) !important; height:160px !important; }
.masthead .tag-line { color: #333333 !important; padding-left:156px !important; top:25px !important; }
.masthead .tag-line span{ visibility:hidden !important; }
.masthead .tag-line { visibility:hidden !important; }
.masthead .client-logo img { display:none !important; }

.content-introduction p	{
	font-family: arial, verdana;
	/*font-size: 15px!important;*/
	line-height: 16px!important;}

.content-introduction h3	{
	font-size: 15px!important;
	line-height: 18px;
	font-weight: bold;
	margin: 8px 0 6px 0;
	font-family: arial, verdana;
	color: #876028!important; }
	

.content-introduction a, .content-introduction a:active, .content-introduction a:visited	{
	color: #00467f!important;
	font-family: arial, verdana;
	/*font-size: 15px!important;*/}
	
.content-introduction a:hover	{
	color: #75b5e9!important;
	font-family: arial, verdana;
	/*font-size: 15px!important;*/
	text-decoration: underline!important;}
	
.content-item-title	{
		font-size: 1.9em;
	margin: 12px 0 14px 0!important;
	font-family: "calibri", arial, verdana;
	text-transform: uppercase;}

.content-container p {
	font-family: "calibri", arial, verdana;
	font-size: 1.3em;
	line-height: 20px!important;}
	
.content-container h1	{
	font-size: 1.7em;
	margin: 0 0 14px 0;
	font-family: "calibri", arial, verdana;}
	
.content-container h2	{
	font-size: 1.6em;
	line-height: 18px;
	font-weight: bold;
	margin: 0 0 10px 0;
	font-family: "calibri", arial, verdana;
	color: #876028!important; }	
	
	
.content-section  a, .content-section a:active, .content-section a:visited	{
		color: #00467f!important;}
	
.content-section a:hover	{
	color: #75b5e9!important;
	text-decoration: underline!important;}

.content-section p	{
	font-family: "calibri", arial, verdana;
	font-size: 1.3em;
	line-height: 20px!important;}
	
.content-section h1	{
	font-size: 1.9em;
	margin: 0 0 14px 0;
	font-family: "calibri", arial, verdana;
	text-transform: uppercase;}

.content-section h2	{
	font-size: 1.6em;
	line-height: 18px;
	font-weight: bold;
	margin: 0 0 10px 0;
	font-family: "calibri", arial, verdana;
	color: #876028!important; }
	
.content-container ul	{
	margin-top: 8px;}
	
.content-container ul li {

	font-family: "calibri", arial, verdana;
    font-size: 1.2em;
    line-height: 18px;
	margin-bottom: 8px;
    padding: 0 0 8px 12px;
}
.content-container ul li ul li {

	font-family: "calibri", arial, verdana;
    font-size: 1.2em;
    line-height: 18px;
	margin-bottom: 8px;
    padding: 0 0 8px 12px;
}

.content-container ol li {
    color: #666666;
	font-family: "calibri", arial, verdana;
    font-size: 1.2em;
    line-height: 18px;
    padding: 0 0 8px 12px;
}	

/* training styles  */
#trn-main h1	{
	font-size: 24px!important; margin-bottom: 16px!important; color: #333333!important;}
#trn-main h2	{
	font-size: 18px!important; margin-bottom: 14px!important; color: #625F59!important; line-height: 22px!important;}
#trn-main p		{
	font-size: 14px; line-height: 20px;}
.trn-content ul li {
    background: url("http://doclibrary.com/MFR201/IMG/bullet2.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0)!important;
    color: #666666;
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 8px 12px;
}
.trn-content ol li {
    color: #666666;
    font-size: 14px;
    line-height: 18px;
    padding: 0 0 8px 12px;
}
x.trn-app-container table {margin-left: 35px; font-size: 14px;}
.data-table	{padding: 8px 12px; margin: 0!important;}

/*  Sales Initiatives styles  */

#sim-ovrvw-tab h1	{color: #876028;
font-weight: strong;
    font-size: 20px;
    margin-bottom: 10px;}
	
#sim-ovrvw-tab h2	{
	color: #4c85b6!important;
    font-size: 14px;}
	
#sim-ovrvw-tab a, #sim-ovrvw-tab a:active, #sim-ovrvw-tab a:visited	{
	color: #00467f!important;}
	
#sim-ovrvw-tab a:hover	{
	color: #75b5e9!important;
	text-decoration: underline!important;}
	
/*  Sales Initiative home page I popup styles  */	
	
.marketingActivityPreview h1	{color: #876028;
font-weight: strong;
    font-size: 20px;
    margin-bottom: 10px;}

.marketingActivityPreview h2	{
	color: #4c85b6!important;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 8px;
    text-transform: uppercase;}
	
.marketingActivityPreview p	{
	    line-height: 18px;
    margin-bottom: 12px;
	padding-bottom: 0px!important}
	
.marketingActivityPreview ul li	{
	line-height: 16px;
    list-style: square outside none;
    margin-bottom: 8px;
	font-size: 1.1em;}
	
.marketingActivityPreview ol li	{
	line-height: 16px;
    margin-bottom: 8px;	
	font-size: 1.1em;}
	
.marketingActivityPreview a, .marketingActivityPreview a:active, .marketingActivityPreview a:visited	{
	color: #00467f!important;}
	
.marketingActivityPreview a:hover	{
	color: #75b5e9!important;
	text-decoration: underline!important;}


/* ------------------------------------------------------
BASIC AMERICAN FOODS TRAINING MODULE ARROW OVERLAYS
--------------------------------------------------------*/


#trn-arrow-left{
	position:absolute;
	width:140px;
	height:100%;
	top:0;
	left:0;
	opacity:0;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	 transition:.5s;
}

	#trn-arrow-left:hover{
		opacity:1;
	}

	#trn-arrow-left a{
		display:block;
		position:absolute;
		width:102px;
		height:102px;
		top:230px;
		left:45px;
		background:url('graphics/trn-arrow-prev.png') no-repeat;
	}



#trn-arrow-right{
	position:absolute;
	width:140px;
	height:100%;
	top:0;
	right:0;
	opacity:0;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	 transition:.5s;
}

	#trn-arrow-right:hover{
		opacity:1;
	}

	#trn-arrow-right a{
		display:block;
		position:absolute;
		width:102px;
		height:102px;
		top:230px;
		right:45px;
		background:url('graphics/trn-arrow-next.png') no-repeat;
	}






	
/* ------------------------------------------------------
BASIC AMERICAN FOODS TRAINING MODULE STYLES
--------------------------------------------------------*/

/* BAF Training Module Styles */

@font-face {
    font-family: 'Rockwell';
    src: url('rockweb-webfont.woff2') format('woff2'),
         url('rockweb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'TW Bold Condensed';
    src: url('twcenmtstd-boldcond-webfont.woff2') format('woff2'),
         url('twcenmtstd-boldcond-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'TW Medium Condensed';
    src: url('twcenmtstd-mediumcond-webfont.woff2') format('woff2'),
         url('twcenmtstd-mediumcond-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


html{
	margin:0;
	padding:0;
}


body{
	margin:0;
	padding:0;
}

.baftrn-content h1, h2, h3, h4{
	margin:0;
	padding:0;
}


.baftrn-content table{
	border-spacing: 0;
    border-collapse: collapse;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}


.center{
	text-align:center;
}


.baftrn-container{
	margin:10px auto 50px auto !important;
	padding:0 !important;
	/*width:815px !important;*/
	width:932px !important;
	background:#ffffff;
	
}

#baftrn-masthead{
	width:100% !important;
	height:95px !important;
	background:url('graphics/baf-logo.jpg') no-repeat #004c8d !important;
	border-bottom:9px solid #41B6E6 !important;
}

	#baftrn-masthead h1{
		width:auto !important;
		color:#ffffff !important;
		font-family: 'Rockwell', 'Georgia', serif !important;
		font-size:32px !important; /*24pt*/
		line-height:24px !important;
		margin-bottom:8px !important;
		text-align:right !important;
		padding-right:25px !important;
		padding-top:25px !important;
		text-transform: uppercase !important;
		letter-spacing:2px !important;
		margin:0 !important;
		padding-bottom:5px !important;
	}

	#baftrn-masthead h2{
		color:#ffffff !important;
		font-family: 'TW Medium Condensed', sans-serif !important;
		font-size: 29px !important; /*22pt*/
		text-align:right !important;
		padding-right:25px !important;
		margin:0 !important;
	}


#baftrn-content, .baftrn-content{
	width:95% !important;
	color:#25282A !important;
	font-family: 'TW Medium Condensed', sans-serif !important;
	margin:20px auto !important;
}

	#baftrn-content.fill,
	.baftrn-content.fill{
		margin:0 !important;
		padding:0 !important;
		width:100% !important;
		height:496px !important;
	}

		#baftrn-content.fill img,
		#baftrn-content.fill embed,
		#baftrn-content.fill iframe,
		#baftrn-content.fill video,
		.baftrn-content.fill img,
		.baftrn-content.fill embed,
		.baftrn-content.fill iframe,
		.baftrn-content.fill video{
			display:block;
			max-width:100%;
		}

	#baftrn-content.fill.short,
	.baftrn-content.fill.short{
		height:auto !important;
	}

	#baftrn-content h1,
	.baftrn-content h1{
		color:#004c8d !important;
		font-family: 'TW Medium Condensed', sans-serif !important;
		font-size:24px !important; /*18pt*/
		margin:0 0 10px 0 !important;
		text-transform:uppercase !important;
	}

		#baftrn-content h1 strong{
			font-family: 'TW Bold Condensed' !important;
		}


	#baftrn-content p{
		font-size:21px !important; /*16pt*/
		color:#25282A !important;
		font-family: 'TW Medium Condensed', sans-serif !important;
		margin:0 0 10px 0 !important;
	}

		#baftrn-content p strong{
			color:#004c8d !important;
			font-family: 'TW Bold Condensed' !important;
			font-size:24px !important; /*18pt*/
			text-transform:uppercase !important;
		}


/* 4 col table */

#baftrn-content table.col4{
	width:100% !important;
	/*width:780px;*/
	margin:40px auto 20px auto;
}

	#baftrn-content table.col4 td{
		vertical-align:top !important;
		border:1px solid #25282A !important;
		border-right:1px solid #004c8d !important;
		font-size:21px !important; /*16pt*/
		color:#25282A !important;
		font-family: 'TW Medium Condensed', sans-serif !important;
		padding:5px 8px !important;

	}

	#baftrn-content table.col4 th{
		font-size:30px !important; /*23pt*/
		letter-spacing:1px !important;
		font-family: 'TW Bold Condensed' !important;
		text-align:center !important;
		color:#004c8d !important;
		text-align:center !important;
	}

	#baftrn-content table.col4 tr.colhead td{
		font-family: 'TW Medium Condensed', sans-serif !important;
		background:#004c8d !important;
		color:#ffffff !important;
		font-size:24px !important; /*18pt*/
		text-align:center !important;
		padding:15px 15px 5px 15px !important;
		border-right:1px solid #ffffff !important;
		width:25% !important;
		text-transform:uppercase !important;
	}

		#baftrn-content table.col4 tr.colhead td:last-child{
			border-right:1px solid #25282A !important;
		}


	#baftrn-content table.col4 img{
		display:block !important;
		max-width:100% !important;
		margin:10px auto !important;
	}



/* 5 col table */


#baftrn-content table.col5{
	width:100%;
	margin:40px auto 20px auto;
}

	#baftrn-content table.col5 td{
		vertical-align:top !important;
		font-size:21.333333333333332px !important; /*16pt*/
		color:#25282A !important;
		font-family: 'TW Medium Condensed', sans-serif !important;
		padding:5px 8px !important;
		border-bottom:1px solid #004c8d !important;
		border-right:1px solid #004c8d !important;
		text-align:center !important;
	}

		#baftrn-content table.col5 td.highlight{
			background:#d8f0fb !important;
			color:#004c8d !important;
			font-family: 'TW Bold Condensed' !important;
			text-transform:lowercase !important;
		}

		#baftrn-content table.col5 td.strong, table.col5 td strong{
			font-family: 'TW Bold Condensed' !important;
		}

	#baftrn-content table.col5 th{
		font-size:30px !important; /*23pt*/
		letter-spacing:1px !important;
		font-family: 'TW Bold Condensed' !important;
		text-align:center !important;
		color:#004c8d !important;
		text-align:center !important;
	}

	#baftrn-content table.col5 tr.colhead-a td{
		font-family: 'TW Medium Condensed', sans-serif !important;
		background:#004c8d !important;
		color:#ffffff !important;
		font-size:24px !important; /*18pt*/
		text-align:center !important;
		padding:15px 15px 5px 15px !important;
		border-right:1px solid #ffffff !important;
		width:16.6% !important;
		text-transform:uppercase !important;
	}

		#baftrn-content table.col5 tr.colhead-a td:first-child{
			background:#ffffff !important;
			border-bottom:0 !important;
		}

		#baftrn-content table.col5 tr.colhead-a td:last-child{
			border-right:1px solid #25282A !important;
		}

	#baftrn-content table.col5 td.colhead-b{
		text-align:center !important;
		vertical-align:middle !important;
		color:#004c8d !important;
		font-family: 'TW Bold Condensed' !important;
		text-transform: uppercase !important;
		font-size:22px !important; /*17px*/
	}



/* sales tip */

#baftrn-content #sales-tip{
	width:450px !important;
	float:right !important;
	font-family: 'Rockwell', 'Georgia', serif !important;
	display:none;
}

	#baftrn-content #sales-tip.med{
		width:550px !important;
	}

	#baftrn-content #sales-tip.long{
		width:750px !important;
	}

	#baftrn-content #sales-tip h1{
		font-size:28px !important; /*21pt*/
		font-family: 'Rockwell', 'Georgia', serif !important;
		color:#41b6e6 !important;
		margin-bottom:4px !important;
		text-transform:lowercase !important;
	}


	#baftrn-content #sales-tip p{
		width:100% !important;
		background:#41b6e6 !important;
		color:#ffffff !important;
		font-size:21px !important; /*16pt*/
		font-family: 'TW Bold Condensed' !important;
		margin:0 !important;
		height:112px !important;
		overflow:hidden !important;
	}

		#baftrn-content #sales-tip p span{
			display:block !important;
			padding:12px !important; /*9pt*/
			font-size: 21px !important;
    		font-family: 'TW Bold Condensed' !important;

		}


		#baftrn-content #sales-tip p strong{
			font-family: 'TW Bold Condensed' !important;
			font-size:22px !important; /*17pt*/
		}


/* zoom */

#baftrn-content #zoom-module{
	width:885px !important;
	/*margin-left:auto;
	margin-right:auto;*/
	margin-top:40px;
	margin-bottom:50px;
	/*border:1px solid #cccccc;*/
}

#baftrn-content #gallery-thumbs{
	float:left !important;
	width:150px !important;
}

	#baftrn-content #gallery-thumbs .thumb-hold{
			float:left !important;
			width:90px !important;
			height:90px !important;
			line-height:90px !important;
			padding:8px !important;
			margin:10px 5px 10px 0 !important;
			border:1px solid #d6d6d6 !important;
			cursor:pointer !important;
			/*display:table;*/
	}

		#baftrn-content #gallery-thumbs .thumb-hold:first-child{
			margin-top:0 !important;
		}

		#baftrn-content .thumb-hold img{
			max-width:95% !important;
			margin-left:auto !important;
			margin-right:auto !important;
			/*display:table-cell;*/
			vertical-align:middle !important;
		}

#baftrn-content #bigimage{
	float:right !important;
	width:735px !important;
}

	#baftrn-content #bigimage img{
		display:block !important;
		max-width:100% !important;
		margin-left:auto;
		margin-right:auto;
	}






/* new full-size left piece masthead uploaded by Yin Wu 10/28/2020 11:41:53 AM */
/* .masthead.fullWidth #masthead-inside-left { float:left; background-image: url( graphics/baf_leftmasthead102820114153.png ) !important; background-repeat:no-repeat; background-position:left; width:475px !important; height:93px !important; border-top-left-radius:5px; } */
/* new full-size left piece masthead uploaded by Yin Wu 10/28/2020 11:50:19 AM */
.masthead.fullWidth #masthead-inside-left { float:left; background-image: url( graphics/baf_leftmasthead102820115019.png ) !important; background-repeat:no-repeat; background-position:left; width:475px !important; height:93px !important; border-top-left-radius:5px; }


/* new full-size right piece masthead uploaded by Yin Wu 10/28/2020 11:41:53 AM */
/* .masthead.fullWidth #masthead-inside-right { float:right; background-image: url( graphics/baf_rightmasthead102820114153.jpg ) !important; background-repeat:no-repeat; background-position:right; width:475px !important; height:93px !important; border-top-right-radius:5px; } */
/* new full-size right piece masthead uploaded by Yin Wu 10/28/2020 11:50:19 AM */
.masthead.fullWidth #masthead-inside-right { float:right; background-image: url( graphics/baf_rightmasthead102820115019.jpg ) !important; background-repeat:no-repeat; background-position:right; width:475px !important; height:93px !important; border-top-right-radius:5px; }


/* new full-size background piece masthead uploaded by Yin Wu 10/28/2020 11:41:53 AM */
/* .masthead.fullWidth { background-image:url( graphics/baf_bgmasthead102820114153.png ) !important; background-repeat:repeat-x; height:93px !important; border-top-left-radius:5px; border-top-right-radius:5px; } */
/* new full-size background piece masthead uploaded by Yin Wu 10/28/2020 11:50:19 AM */
/* .masthead.fullWidth { background-image:url( graphics/baf_bgmasthead102820115019.png ) !important; background-repeat:repeat-x; height:93px !important; border-top-left-radius:5px; border-top-right-radius:5px; } */
/* new full-size background piece masthead uploaded by Christine Walker 12/14/2021 11:04:32 AM */
.masthead.fullWidth.foodservice { background-image:url( graphics/baf_bgmasthead121421110432.png ) !important; background-repeat:repeat-x; height:93px !important; border-top-left-radius:5px; border-top-right-radius:5px; }





/* new full-size left piece masthead uploaded by Christine Walker 12/14/2021 11:04:32 AM */
.masthead.fullWidth.foodservice #masthead-inside-left { float:left; background-image: url( graphics/baf_leftmasthead121421110432.png ) !important; background-repeat:no-repeat; background-position:left; width:475px !important; height:93px !important; border-top-left-radius:5px; }


/* new full-size right piece masthead uploaded by Christine Walker 12/14/2021 11:04:32 AM */
.masthead.fullWidth.foodservice #masthead-inside-right { float:right; background-image: url( graphics/baf_rightmasthead121421110432.jpg ) !important; background-repeat:no-repeat; background-position:right; width:475px !important; height:93px !important; border-top-right-radius:5px; }