@charset "utf-8";
@import url('body.css');
h1.title {
	width: 657px;
	height: 25px;
	background: url(../images/headers/nutritional-information.png) 0 0 no-repeat;	
}
/* Nutrition chart */
#qr-wrapper {
	width: 320px;
	margin: 0 auto;
}
#qr-wrapper .inner {
	float: left;
	width: 308px;
	padding: 6px 6px 20px;	
}
#qr-wrapper h1 {
	display: block;
	width: 308px;
	text-align: center;
	line-height: 1em;
	font-size: 18px;
	color: #626367;
	margin: 0 auto 7px;
	padding-bottom: 7px;
	background: url(../images/qr-nutritionals/bottom-divider.jpg) bottom center no-repeat;
}
	#qr-wrapper h1 span {
		display: block;
		font-size: 14px;
		padding-top: 4px;	
	}
/*-- Left --*/
#left {
	float: left;
	width: 115px;
	padding-right: 6px;	
}
img.flavor-image {
	display: block;
	max-width: 115px;
	margin: 0 auto 15px;
}
.icons-wrapper {
	float: left;
	width: 115px;
}
.icon-cell {
	float: left;
	width: 53px;
	padding: 0 2px 8px;
	text-align: center;
}
	.icon-cell .image {
		width: 53px;
		height: 46px;
	}
	.icon-cell strong {
		display: block;
		font-size: 9px;
		color: #919194;
		line-height: 1.1em;
	}
/*-- Right --*/
#right {
	float: right;
	width: 165px;
	padding: 25px 6px 6px;
	border: 2px solid #231f20;
	background: url(../images/qr-nutritionals/nutrition-facts.jpg) top center no-repeat;
}
	#right div {
		clear: both;
		float: left;
		width: 100%;
		padding: 3px 0 4px;	
	}
		#right div.clear {
			clear: both;
			float: none;
			padding: 0;	
		}
		#right div.indented {
			width: 153px;
			margin-left: 12px;
			text-indent: 2px;
		}
		#right div.nopadding-bottom {
			padding-bottom: 0;	
		}
		/* Various Borders */
		#right div.border-thicker {
			border-bottom: 4px solid #231f20;	
		}
		#right div.border-thick {
			border-bottom: 2px solid #231f20;	
		}
		#right div.border-thin {
			border-bottom: 1px solid #5a5758;	
		}
	#right p {
		display: block;
		font-size: 11px;
		color: #231f20;
		line-height: 1em;
		padding: 0;
	}	
		#right p.right {
			text-align: right;	
		}
		#right p span.small {
			font-size: 9px;
		}	
		#right p span.left {
			float: left;
		}
		#right p span.right {
			float: right;
			text-align: right;	
		}
		
/*-- Bottom --*/
#bottom {
	width: 100%;
	margin-top: 8px;
	padding-top: 9px;
	background: url(../images/qr-nutritionals/bottom-divider.jpg) top center no-repeat;
}
	#bottom p {
		font-size: 10px;
		color: #626367;
		line-height: 1.25em;
		padding-bottom: 0;
	}