.subheadcopy 
{
  font-size: 12px;                         
  line-height: 18px;
  font-weight: bold;                          
  color: #0b6727;                         
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;                         
}                         

.subheadcopy2 
{
  font-size: 14px;                         
  line-height: 18px;
  font-weight: bold;                          
  color: #0b6727;                         
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;                         
}                         

.bodycopy 
{
  font-size: 11px;                         
  line-height: 16px;                          
  color: #333333;                         
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}                         

.bodycopyRev 
{
  font-size: 11px;                         
  line-height: 16px;                          
  color: #dddddd;                         
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;                         
} 

.bodycopy   A:link 
{
  color: #116A2B; 
  text-decoration: underline;
}

.bodycopy   A:visited 
{
  color: #116A2B; 
  text-decoration: underline;
}

.bodycopy   A:active
{
  color: #116A2B; 
  text-decoration: underline;
}

.bodycopy   A:hover 	 
{
  color: #116A2B; 
  text-decoration: none;
}

.footer                  
{                         
  font-size: 10px;                         
  line-height: 12px;                          
  color: #3C8552;                         
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;                         
}

.footer   A:link 
{
  color: #3C8552; 
  text-decoration: none;
}

.footer   A:visited 
{
  color: #3C8552; 
  text-decoration: none;
}

.footer   A:active
{
  color: #3C8552; 
  text-decoration: none;
}

.footer   A:hover 	 
{
  color: #3C8552; 
  text-decoration: underline;
}

.userstat
{
  font-size: 9px;                         
  line-height: 12px;                          
  color: #333333;                         
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
  margin: 5px 5px 5px 5px;
}                         

.userstat   A:link 
{
  color: #116A2B; 
  text-decoration: none;
}

.userstat   A:visited 
{
  color: #116A2B; 
  text-decoration: none;
}

.userstat   A:active
{
  color: #116A2B; 
  text-decoration: underline;
}

.userstat   A:hover 	 
{
  color: #116A2B; 
  text-decoration: underline;
}


.balphanav
{
  color: #f0f0f0; 
  font-weight: bold;
}


.alphanav
{
  font-size: 11px;                         
  line-height: 16px;                          
  background: #156D30;
  color: #909090;                         
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  padding: 5px 5px 5px 5px;
}                         

.alphanav   A:link 
{
  color: #f0f0f0; 
  text-decoration: none;
}

.alphanav   A:visited 
{
  color: #f0f0f0; 
  text-decoration: none;
}

.alphanav   A:active
{
  color: #f0f0f0; 
  text-decoration: underline;
}

.alphanav   A:hover 	 
{
  color: #f0f0f0; 
  text-decoration: underline;
}

ul#indentme
{
  margin-left: 20px; paddding-left: 10px;
}

.clear {
	clear: both;
}

/* color & bitterness chart styles */
#chartPageBody {
	width: 635px;
	margin: 20px 0 0 100px;
}

#chartPageBody select, #chartPageBody input {
	font-size: 11px;                         
	line-height: 16px;  
}

#printChart {
	float: right;
	text-align: right;
	margin-top: 5px;
	width: 250px;
}

#brandList, #colorStyle, #retailerList {
	padding-top: 3px;
}

#colorBitterChartBox {
	margin: 15px 0;
}

#colorBitterChart {	
	padding: 0 9px 0 10px;
	width: 584px;
	font-size: 11px;                         
	line-height: 16px;  
	background: url("../images/dbbb/color_bit_chart_bg.gif") left top #5c9165 no-repeat;
}

.colorBitterChartContentBox {
	padding-bottom: 10px;
	width: 584px;
}

.colorBitterChartContent {
	padding: 10px 15px;
	background-color: #ffffff;
}

.bitterBarMiddle {
	float: left;
	height: 15px;
	padding-bottom: 1px;
	background: url("../images/dbbb/bitter_bar_bg.gif") repeat-x;
}

#colorChart {
	height: 300px;
	min-height: 300px;
}
/* MSIE 6 hack for min-height */
div[id] #colorChart {
	height: auto;
}

#colorChart table {
	font-size: 11px;                         
	line-height: 16px;  
	width: 564px;
}

#colorChart table th, #colorChart table td {
	font-weight: bold;
	border-bottom: 2px solid #ffffff;
}

#colorChart table th {
	padding:	1px 8px;
	color: #5e9868;
	vertical-align: bottom;
}

#colorChart table td {	
	color: #000000;
}

#colorChart table tr.rowColor {
	background-color: #dceee0;
}

#colorChart table tr.rowColor .lightCol {
	background-color: #e7f5e8;
}

#colorChart table tr.rowColorAlt {
	background-color: #c9e0cc;
}

#colorChart table tr.rowColorAlt .lightCol {
	background-color: #d8e8db;
}

#colorChart table th.col1, #colorChart table td.col1 {
	padding:	4px 8px;
	width: 122px;
}

#colorChart table th.col2, #colorChart table td.col2, #colorChart table th.col4, #colorChart table td.col4 {
	padding:	4px 8px;
	width: 30px;
}

#colorChart table th.col3 {
	padding: 4px 0;
	width: 48px;
}

#colorChart table td.col3 {
	padding: 0;
	width: 48px;
}

#colorChart table .col5 {
	padding:	4px 0 4px 3px;
	width: 267px;
}

#colorChart table .col5 img {
	float: left;
	vertical-align: bottom;
}

.alignCenter {
	text-align: center;
}

.footnote {
	font-size: .9em;
}

*html .IEFloat3pxGapHack {
	height: 1%;
 }
 
 #footerPrint {
 	display: none;
 }
 
 /* shelf talker styles */
#pricePointBox {
	padding-top: 3px;
}

#shelfTalkerBox {
	margin: 15px 0;
}

#shelfTalkerContentBG {	
	padding: 0 9px 0 10px;
	width: 624px;
	font-size: 12px;
	line-height: 16px;  
	background: url("../images/dbbb/shelf_talker_bg.gif") left top #5c9165 no-repeat;
}

.shelfTalkerContentBox {
	padding-bottom: 10px;
	width: 624px;
}

.shelfTalkerContentBoxContent {
	padding: 10px;
	background-color: #ffffff;
}

#shelfTalkerDisplay {
	width: 604px;
} 

#shelfTalkerDisplay {
	height: 200px;
	min-height: 200px;
}
/* MSIE 6 hack for min-height */
div[id] #shelfTalkerDisplay {
	height: auto;
}

.shelfTalker {
	page-break-inside: avoid;
	float: left;
	margin: 0 2px 10px 8px;
	border: 1px solid #0b3f18;
	width: 2.98in;
	height: 4.98in;
	background-color: #126a30;
	/* background: url("../images/dbbb/copyright_talkers.png") right 30px #126a30 no-repeat; */
}

.landscapeTalker .shelfTalker {
	float: none;
	height: 2.98in;
	width: 4.98in;
}

.shelfTalkerLandscapeLeft {
	float: left;
	width: 1.88in;
}

.shelfTalkerLandscapeRight {
	float: right;
	width: 2.5in;
}



.shelfTalkerContent {
	margin: 10px 15px 0 15px;
	padding: 5px 10px 10px 10px;
	background-color: #ffffff;
}

.landscapeTalker .shelfTalker .shelfTalkerContent {
	padding: 5px 10px 5px 10px;
}

.shelfTalkerCallout {
	font-family: helvetica;
	font-size: 13px;
	font-weight: bold;
	/* line-height: 14px; */
	font-style: italic;
	color: #ffffff;
	text-align: center;
}

.shelfTalkerBrand {
	height: .72in;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;
}

.shelfTalkerBrand .vhCenterO {
	height: .72in;
}

.shelfTalkerBeer {
	height: .20in;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: -10px;
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;	
}

.shelfTalkerBeer .vhCenterO {
	height: .20in;
}

.shelfTalkerLandscapeLeft .shelfTalkerBeer, .shelfTalkerLandscapeLeft .shelfTalkerBeer .vhCenterO  {
	height: .4in
}

.shelfTalkerDescription {
	height: 1in;
	font-weight: bold;
	color: #087035;
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;	
}

.shelfTalkerLandscapeLeft .shelfTalkerDescription {
	border-bottom: none;
	height: 1.3in;
	overflow: visible;
}

.shelfTalkerDescription .vhCenterO {
	height: 1in;
}

.shelfTalkerLandscapeLeft .shelfTalkerDescription .vhCenterO {
	height: 1.3in;
}

.shelfTalkerPricePoint {
	height: .43in;
	color: #087035;
	overflow: hidden;	
}

.shelfTalkerPricePoint .vhCenterO {
	height: .43in;	
}

.shelfTalkerPrice {
	padding-right: 5px;
	font-weight: bold;
	font-size: 24px;	
	line-height: 28px;
	overflow: hidden;	
}

.shelfTalkerPriceSmall {
	padding-right: 3px;
	font-weight: bold;
	font-size: 17px;	
	line-height: 22px;
	overflow: hidden;	
}

.shelfTalkerPriceExtraSmall {
	padding-right: 3px;
	font-weight: bold;
	font-size: 14px;	
	line-height: 22px;
	overflow: hidden;	
}

.shelfTalkerQuantity {
	font-size: 14px;	
}
.shelfTalkerQuantitySmall {
	font-size: 12px;	
}
.shelfTalkerQuantityExtraSmall {
	font-size: 11px;	
}

.shelfTalkerSRMIBU {
	position: relative;
	margin-bottom: 10px;	
	height: 1.34in;	
}

.shelfTalkerSRMBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 118px;
	height: 1.34in;
	text-align: center;
	background-color: #e6e7e9;
	overflow: hidden;
}

.shelfTalkerSRMBox img {
	margin-top: 8px;
}

.shelfTalkerIBUBox {
	position: relative;
	margin-left: 119px;
	height: 1.34in;
	background-color: #e6e7e9;
}

.shelfTalkerIBUScaleImg {
	position: absolute;
	left: 36px;
	top: 30px;
}

.shelfTalkerIBUScalePtr {
	position: absolute;
	left: 67px;
	bottom: 33px;
}

.shelfTalkerValueBox {
	position: absolute;
	left: 3px;
	bottom: 3px;
	padding-top: 2px;
	width: 112px;	
	text-align: center;
	background-color: #d0d1d3;
	font-weight: bold;
}

.shelfTalkerFood {
	height: .35in;
	font-weight: bold;
	background-color: #e6e7e9;	
	overflow: hidden;	
}

.shelfTalkerFood .vhCenterO {
	height: .35in;
}

.shelfTalkerBoxHeader {
	padding: 1px 0;
	font-weight: bold;
	color: #ffffff;
	background-color: #087035;
	text-align: center;
}

/* styles for vertically and horizontally centering dynamic content */
.vhCenterO  {
	position: static; 
	#position: relative; /* only IE browsers see */
	text-align: center;
	display: table;	
	width: 100%;
}

.vhCenterM {
	position: static;
	#position: absolute;  /* only IE browsers see */
	left: 50%; 
	top: 50%; 
	width:100%;
	display: table-cell; 
	vertical-align: middle;
}

.vhCenterI {
	position: relative; 
	left: 0;
	#left: -50%;  /* only IE browsers see */
	top: -50%;
}

#menuOptionForm {

	padding: 20px;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;

}

.beergeneratorheading {

	font-size: 10pt;
	font-weight: bold;
}

#beerListTable td, #menuInfoTable td {
	font-size: 10pt;
}
