body{
    margin: 0;
    text-align: center;
    overflow: scroll;
}

div#bubbles{
	width:100%;
	height:100px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 190px;
	background: url("images/banner.gif");
	position: absolute top left;
}

div#bubblesStore{
	width:100%;
	height:50px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 190px;
	background: url("images/bannerStore.gif");
	position: absolute top left;
}

div#logo{
	width: 550px;
	height: 200px;
	margin-left: -275px;
	position: absolute;
	left:50%;
	top:5px;
}

div#logoStore{
	width: 280px;
	height: 100px;
	margin-left:0px;
	position: absolute;
	left:0px;
	top:5px;
}

img#storeTitle{
	width: 400px;
	height: 50px;
	margin-left:0;
	position: absolute;
	right:0;
	top:50px;
}

div#storeSlogan{
	height: 25px;
	position: absolute;
	right:0px;;
	top:50px;
    text-align:right;
 }

div#menu{
	width:100%;
	height: 55px;
	margin-left: auto;
	margin-right: auto;
	background-color: black;
	position: absolute;
	top: 210px;
	left: 0px;
	text-align:center;
}

div#storeContentArea{
    top:110px;
    left:50%;
    position:absolute;
    width: 800px;
	margin-left: -400px;;
	margin-right: auto;
	text-align:center;
}

div.prodOdd{
   width:700px;
   margin-left:auto;
   margin-right:auto;
   text-align:left;
   background-color:white;
   margin-top:40px;
   height:75px;
   background-color:#ffff99;
   font-family:Arial;
 }
 
 div.prodEven{
   width:700px;
   margin-left:auto;
   margin-right:auto;
   text-align:left;
   background-color:#ffffcc;
   color:white;
   margin-top:40px;
   height:75px;
   font-family:Arial;
 }

p{
	font-family: Arial;
	font-size: 12pt;
    text-align:justify;
}

img#jb{
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
    border:none;
    border-style:none;
}

img#jbStore{
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
    border:none;
    border-style:none;
}

img#brewsup{
	position: relative;
	top: 50px;
	float: right;
    border:hidden;
    border:none;
    border-style:none;
}

img#brewsupStore{
	position: relative;
	top: 25px;
	float: right;
    border:hidden;
    border:none;
    border-style:none;
}

h2#slogan{
	font-size:14pt;
	font-weight: bold;
	font-style: italic;
	font-family: Arial;
	text-align: center;
	position:relative;
	top:50px;
}

h2#sSlogan{
	font-size:7pt;
	font-weight: bold;
	font-style: italic;
	font-family: Arial;
	text-align: center;
	position:relative;
	top:25px;
}

table#menuTable{
	border:0;
	margin-left:auto;
	margin-right:auto;
}

a.menuLinks{
	border:0;
}

img.menuLinks{
	border:0;
}

div#prodMonth{
	background: url("images/botrightcorner.gif") bottom right no-repeat;
	background-color: #ffcc33;
}

div.contentArea{
    top:275px;
    left:50%;
    position:absolute;
    width: 800px;
	margin-left: -400px;;
	margin-right: auto;
	text-align:left;
}

div#alignctrFeatured{
	text-align:center;
	position: relative;
	top: -50px;
}

div#alignctr{
	text-align:center;
	position: relative;
}
	

img#tlcorner{
	width: 76px;
	height:76px;
	border: 0;
	text-align: left;
}

h1{
	margin:0;
	text-align:center;
	font-family: Arial;
	font-weight: bold;
}

.extraImportant{
   color:red;
    }

img.centered{
	display: block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

h2{
	margin:0;
	font-family:arial;
	font-style:italic;
	text-align: center;
	font-size:12pt;
}

p.featuredProd{
	margin-left:40px;
	margin-right:40px;
	text-align:justify;
    font-style:italic;
}

p.footer{
    font-family:arial;
    font-size:10px;
    text-align:center;
}

.highlight{
   font-weight:bold;
}

.normalArea{
   color:#ffcc33;
}

.title{
   margin-left:auto;
   margin-right:auto;
   text-align:center;
   display:block;
 }
 
 ol{
    font-family:Arial;
}

table{
    border:0;
    font-family: Arial; 
}
    
a:link{
  color:#A68D00;
  font-family: Arial;
  font-weight: bold;
  text-decoration:none;
}
  
a:visited{
   color:#a68d00;
   font-family: Arial;
  font-weight: bold;
  text-decoration:none;
}

a:hover{
  color:red;
  font-family: Arial;
  font-weight: bold;
  text-decoration:none;
}       

dt{
   font-family:Arial;
}

dd{
   font-family:Arial;
   margin-bottom: 10px;
}

table.calcTable{
   background-color:#ffcc33;
   border:none;
   margin-left:auto;
   margin-right:auto;
 }
 
 td.col1{
   border:none;
   text-align:right;
}

 td.col2{
   border:none;
   text-align:center;
}

 td.col3{
   border:none;
   text-align:left;
}

td.submitCell{
   border:none;
   text-align:center; 
}

.calcTableDiv{
   width:100%;
   text-align:center;
}

p.calcWarn{
   text-align:center;
   font-family:Arial;
}

#fullWidthButt{
   width:100%;
}
