<style type="text/css">

	ul { margin-left:0px; padding-left:10px; }
	li { padding-left: 0px; margin-left: 0px; }

	.mainTable{
		border-collapse:collapse;border:1px solid gray;
	    font-family:Arial, Helvetica, sans-serif; 
	    font-size:13px;
		color:#000000;
		padding: 5px 5px 0px 5px;
	}
	
	.default {
	    font-family:Arial, Helvetica, sans-serif; 
	    font-size:13px;
		color:#000000;
	}

	.productImage { border: solid 5px silver; }
	
	.logoImage { }
	
	.imageSetImage-disabled { width:31%; margin-top:5px; margin-bottom:15px; margin-right:8px; vertical-align:middle; } // 3 across
	.imageSetImage { width:22%; margin-top:5px; margin-bottom:15px; margin-right:8px; vertical-align:middle; } // 4 across
	
	.logoSocket { padding: 10px 10px 10px 10px; vertical-align:top; width: 0px; }
	
	.descriptionSocket { padding: 10px 10px 10px 10px; vertical-align:top; }
	
	.productImageSocket { padding: 10px 5px 10px 10px; vertical-align:top; text-align: right; width: 0px; }
	
	.nutritionSocket { 
		vertical-align: top; 
		padding-top: 4px;	/* to align top of nutrition panel with top of first header on opposite side */
	}
	
	/* .nutritionalClaimsSocket { text-align: left; font-size:10px; font-weight: normal; padding-top: 10px; } */  /* scrum 30209 - increase font size. */
	.nutritionalClaimsSocket { text-align: left; font-size:11px; font-weight: normal; padding-top: 10px; }
	
	.memoSocket { vertical-align:top; }



	.title{
	     font-size:18px;
		 color:grey;
		 font-weight: bold;
	}
	
	.subTitle{
	    font-family:Arial, Helvetica, sans-serif; 
	    font-size:13px;
		color:grey;	
	}


	.headerDivider { color:#1a1a1a; width:100%; border-top: 0px solid gray; }

	
	.memoTextHeader{
		background-color: #999999;
		color:#FFFFFF;
		font-size:14px;
		font-weight: bold;
		padding: 2px 2px 2px 5px;
	}

	.memoText { padding-left:5px; padding-top:4px; vertical-align:top; font-size:11px; font-weight:normal; color:#1a1a1a;}
	
	.memoSubTypeLabel { font-weight: bold; }


	
	.specTable { width:100%; }
	
	.specTableRow {
		border-collapse: collapse;
		border: 1px solid Black;
		background-color : #FFFFFF;
		font-size:9px;
	}
	
	.specTableLabelOld {
		border-collapse:collapse;
		border: 0px solid 000000;
		background-color : silver;
		font-size:11px;
		font-weight: bold;
		color:white;
		vertical-align: top;
	}
	
	.specTableLabel {
		border-collapse: collapse;
		border: 1px solid gray;
		background-color : #FFFFFF;
		font-size:9px;
		font-weight:bold;
		vertical-align: top;
		color: 1a1a1a;
	}
	
	.specTableValue {
		border-collapse: collapse;
		border: 1px solid silver;
		background-color : #FFFFFF;
		font-size:9px;
		vertical-align: top;
		color: 1a1a1a;
	}
	

	.ingredients { }
	.subingredients { padding-top:4px; padding-bottom:4px; }

	
	.allergenSectionLabel { font-weight: normal; padding-bottom: 2px; }
	.allergenItem { padding-bottom: 5px; }

	
	.footer { vertical-align:bottom; width:100%; text-align:center; font-size:8px; color:gray; margin:0px; padding: 0px; }
	
	.spacerRow { height: 5px; }
	
	img.barcode { margin:0px 0px 0px 0px; }
	img.itf14 { height:.55in; width:auto; }
	img.upca { height:.65in; width:auto; }
	
</style>