html {
	height: 100%;
}

body {
	margin: 0;
	/*max-width: 75em;//1024px;*/
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	color: #000;
	background-color: #ffffff;//#336622;//#e6e9f2;//#606878;//#d5e6e0;/* for body color */
	font-family: arial, "Trebuchet MS", verdana, helvetica, sans-serif;
	font-size: 85%;
	line-height:1.35;
}

#toptable {
	width: 95%;//760px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#top {
	background-color: #ffffff;
	border-bottom: 1px solid #b8ac88;//#880018;
	border: //1px solid #b8ac88;			/* for body color */
	padding: 10px 0 10px 0;
	height: 80px;
}

#telephone {
	font-family : "Trebuchet MS", verdana, arial, sans-serif;
	font-size: 110%;
	color : #006000;
	float : right;
	margin-top : 15px;
	margin-right : 5px;
	font-weight : bold;
}

#label {
	margin: 20px 0 10px 10px;
}

#pic {
	margin: 10px;
}

.thumb {
	border: none;
}

#left {
	background-color: #bde708;
	width : 125px;
	height: 100%;
	text-align : left;
	border-left: //1px solid #b8ac88;		/* for body color */	
}

#button {
	width: 125px;
	padding: 0;
	font : bold 8pt verdana, arial, "ms sans serif", helvetica;
}

#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
        width: 125px;
}
		
#button li {
	border-bottom: 1px solid #b8ac88;
	margin: 0;
}

#button .fixed {
	background-color: #ffffff;
	color: #502c18;
	padding: 5px;
}

#button li a {
	display: block;
	padding: 5px;
	background-color: #336622;
	color: #fff;
	text-decoration: none;
}

#button li a:hover {
	background-color: #ffffff;
	color: #502c18;
}

#button .header {
	background-color: #336622;//#ffffff;//#f0fff0;//#bde708;//
	border-bottom: 1px solid #fff;
	display: none;
}

#button .buy {
	background-color: #ffffff;//#f0fff0;//#880018;//
	color: //#880018;
	border-bottom: 1px solid #fff;
}

#button .ourbeers {
	color: blue;
	text-align: right;
	text-decoration: underline;
}

#button .beer {
	text-align: right;
	font-size: 90%;
	font-weight: normal;
}

#mainpanelcell {
	background-color:#ffffff;
	border-right: 1px solid #b8ac88;
	width: 100%;
}

#mainpanel {
	background-color:#ffffff;
	border-bottom:1px solid #ffffff;
	padding:10px 20px 10px 20px;
	margin-top:0;
}

#mainpanel h1 {
	margin : 0;
}

#mainpanel p {
	margin-top : 0.5em;
}

#rightcell {
	background-color: #bde708;
	border-right:1px solid #b8ac88;
	height:100%;
}

#images {
	background-image: url(images-bg/rotator.php);
	background-repeat: no-repeat;
	height:100%;
}

#imageindex {
	background-image: url(images-bg/rotator.php?img=hops2.jpg);
	background-repeat: no-repeat;
	height:100%;
}

#right {
 	padding: 0.5em;
 	background-color: #ffffff;
	border-bottom: 1px solid #b8ac88;
 	text-align: left;
	font-size: 85%;
}

#right h2 {
	margin : 0;
}

#right p {
	margin-top:0.25em;
	margin-bottom:0.25em;
}

#cartvalue {
 	padding: 0.5em;
 	background-color: #f0fff0;//#d5e6e0;//
	border-bottom: 1px solid #b8ac88;
 	text-align: left;
	font-size: 85%;
}

#cartvalue p {
	margin-top:0.25em;
	margin-bottom:0.25em;
}

#cart-contents {
	border-collapse: collapse;
	border: none;
	width: 100%;
}

table .addtocart {
	background-color: #f0ece0;
	border:1px solid #b8ac88;
	margin-top: 0;
	border-collapse: collapse;
}

table .addtocart td {
	font-weight: normal;
	font-size: 85%;
	white-space: nowrap;
	padding: 5px;
}

.review a {
	background-color: #f88828;
	color: #fff;
	border: 1px solid #b8ac88;
	padding: 5px;
	text-decoration: none;
	font: bold 8pt verdana;
}

#footer {
	text-align: center;
	font-size: 85%;
	clear: both;
}

h1,h2,h3,h4 {
	font-size: 140%;
	color: #880018;

}

.merchandise {
	font-size: //90%;
	background-color: #ffffff;
	border-collapse: collapse;
}

.merchandise input, select {
	font-size: 100%;
	background-color: #ffffff;
} 

.merchandise td {
	padding: 6px;
        border-bottom: 1px solid #b8ac88;
}

.merchandise .rh {
        border-right: 1px solid #b8ac88;
	text-align: center;
}

.beerlist {
	font-size: //90%;
	background-color: #ffffff;
	border-collapse: collapse;
} 

.beerlist td {
	padding: 6px;
	background-color: #ffffff;
        border-bottom: 1px solid #b8ac88;
}

.beerlist .rh {
        border-right: 1px solid #b8ac88;
}

.beerlistfood {
	background-color: #ffffff;
	border-collapse: collapse;
}

.beerlistfood td {
	padding: 5px;
	background-color: #ffffff;
        border-bottom: 1px solid #b8ac88;
}
 
.abv {
	font-weight: bold;
	color: #336622;
	background-color: #ffffff;
	border: 1px solid #b8ac88;
	padding: 1px 2px 1px 2px;
}

form {
	margin: 0 0 20px 0;
}

#form {
 	border: 1px solid #000;
	background-color: #f0ece0;
}

.mixedcase {
	width: 25px;//0.8em;//6em;//
}

#mixedcasetable {
	background-color: #f0ece0;
	border:1px solid #b8ac88;
	margin-top: 0;
	border-collapse: collapse;
	width: //90%;
}

#mixedcasetable td {
	font-size: 85%;
	white-space: nowrap;
	padding: 5px;
}

.signature {
   	font : 21px "comic sans ms"; 
   	color : #880018;
}

p.breadcrumb {
	font-size : 85%;
	white-space: nowrap;
}

.quotations {

}

#quotations-title {
	font-size: 110%;
	color: #880018;
}

hr {
	color: #000;
	height: 1px;
}