/* This forms the outer border with padding so
   the inner rules don't touch the outer border*/
div.outerborder
{
	width: 260px;
	padding: 5px;
	padding-bottom: 0px;
	border: 2px solid #000;
	background-color: #fff;
	float: left;
}

/**
 * Define the table to be of the class "nutrition"
 */
table.nutrition {
	width : 260px;
	margin-left : 0;
	margin-right : 0;

	border-collapse : collapse;
	table-layout : auto;

}


/** 
 * Format the tr ids 
 */
.nutrition tr#servings td {
	border-bottom : 4px solid black;
	padding-top: 0px;
}

.nutrition tr#iron td {
	border-bottom : 0;
}

.nutrition tr#minerals td {
	border-top : 4px solid black;
}

.nutrition tr#amount td
{
	font-size: 7pt;
	padding: 0;
}

 /**
  * Format the header, which is basically the text "Nutrition Facts"
  */
.nutrition th {
	background-color : transparent;
	padding : 0;
	border : 0;
	font-family : Arial;
	font-size : 12pt;
	font-weight : bolder;
	text-align: left;
}	

 /**
  * Define the baseline style for cells
  */
.nutrition td {
	padding : 4px;
	padding-left: 0;
	font-family : Arial;
	font-size : 8pt;
	border : 0;
	border-bottom : 1px solid black;
	
	text-align : left;
}

 /**
  * Define the cell for Daily Values
  */
.nutrition td.dv {
	font-weight : bold;
	text-align : right;
}

.nutrition td.dv_light
{
	font-weight : normal;
	text-align : right;
}

 /**
  * Set an indent for subordinate nutrients
  */
.nutrition td.sub
{
	padding-left : 10px;
}


 /**
  * Use the strong tag to set emphasis on particular text
  */
.nutrition strong {
	font-weight : x-bolder;
}