body {
margin: 0px;
font-size: 12px;
font-family: arial, sans-serif;
}

h1 {
font-size: 16px;
color: #B77816;
font-family: arial, sans-serif;
font-weight: bold;
}

h2 {
font-size: 13px;
color: #5C3205;
padding-top: 4px;
}


h3 {
height: 25px;
padding: 5px 0px 0px 5px;
border-bottom: 1px solid #AAA;
border-right: 1px solid #AAA;
background-color: #FFF8EE;
}

h4 {
font-size: 13px;
font-weight: bold;
}


#banner {
font-size: 14px;
background-color: #B77816;
color: white;
padding: 6px;
}

.bold {
font-weight: bold;
}


#p_menu {
font-weight: normal;
font-size: 13px;
margin-top: 20px;
margin-bottom: 20px;
padding: 10px;
color: #FDEDD1;
background-color: #3D1E12;
}

#porridge h2 {
font-weight: bold;
font-size: 13px;
margin-top: 20px;
padding: 10px;
color: #431705;
border: 1px solid #3D1E12;
}


#p_menu a {
color: #FDEDD1;
text-decoration: none;
padding: 5px;
}

#p_menu a:hover {
color: white;
}


a {
color: #676200;
text-decoration: underline;
}

a:hover {
color: #B77816;
}

img {
border: 0px;
}

#page {
margin: auto;
margin-top: 3px;
width: 95%;
border: 1px solid #AAA;
padding: 3px;
}


#top {
height: 85px;
background-color: #FFF2DA;
border-bottom: 2px solid white;
}

 
#menu {
width: 135px;
float: left;
}

#menu ul {
margin-top: 0px;
list-style-type: none;
}

#menu li {
margin-left: -43px;
margin-bottom: 2px;
width: 110px;
padding: 10px 20px 10px 10px;
border-bottom: 1px solid #AAA;
border-right: 1px solid #AAA;
text-align: center;
background-color: #FFF8EE;
}


#menu a {
font-family: arial, verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: #676200;
text-decoration: none;
padding: 10px 0px 10px 0px;
}


#menu a:hover {
color: #B77816;
}


#content {
margin-left: 140px;
padding: 15px;
}


#footer {
clear: both;
height: 35px;
background-color: #676200;
text-align: center;
margin-top: 20px;
}

#credit {
font-family: verdana, sans-serif;
font-size: 10px;
text-align: right;
width: 95%;
margin: auto;
}


.frontright {
float: right;
}

.frontproduct {
margin: 10px 0px 10px 15px;
border: 1px dotted #AAA;
padding: 5px;
}

.ffbutton {
margin: 12px 80px 40px;
text-align: center;
}

.flippic {
float: left;
margin: 10px 20px 10px 0px;
}


.product {
float: left;
width: 300px;
border: 1px dotted #AAA;
padding: 5px;
margin: 0px 15px 10px 0px;
}

.productsml {
float: left;
border: 1px dotted #AAA;
padding: 5px;
margin: 0px 15px 10px 0px;
}


.product a, .product2 a {
font-family: verdana, sans-serif;
font-size: 10px;
text-decoration: none;
color: #676200;
}

.product a:hover, .product2 a:hover {
color: #676200;
cursor: crosshair;
}

.product2 {
float: left;
width: 30%;
height: 520px;
border: 1px dotted #AAA;
padding: 5px;
margin: 0px 5px 10px 0px;
}


.product2 img {
display: block;
margin-left: auto;
margin-right: auto;
}



.linkinfo {
display: block;
padding: 2px;
margin-bottom: -10px;
text-align: right;
}


.linkinfo2 {
display: block;
padding: 2px;
margin-bottom: -10px;
text-align: center;
}


.product img {
padding-top: 3px;
}


.prodtext {
margin-left: 330px;
}


.name {
font-size: 12px;
font-weight: bold;
}

table {
border-collapse: collapse;
}

td {
vertical-align: top;
border-top: 1px solid #AAA;
}

.blank td {
border-top: double #AAA;
}


.clr {
clear: left;
}


#content li {
margin-bottom: 8px;
}

.icon {
float: left;
width: 150px;
}

.whotext {
margin-left: 170px;
height: 160px;
}

.whotext2 {
margin-left: 170px;
height: 205px;
}


#where1 {
float: left;
padding: 0px 10px 0px 5px;
margin-right: 10px;
width: 45%;
border-right: 1px solid #AAA;
}

#where2 {
margin-left: 50%;
padding-top: 1px;
}

.wherecity {
color: #B77816;
font-weight: bold;
}


fieldset {
padding: 15px;
background-color: #FFF8EE;
}

.labels {
float: left;
width: 120px;
text-align: right;
padding-right: 10px;
}

.boxtext {
background-color: #BF741B;
color: white;
font-size: 13px;
/border: 1px dotted #AAA;
padding: 6px 10px;
}

.boxtext h2 {
color: #FEDE58;
}

.boxtext a {
color: white;
font-weight: bold;
}


label {
float: left;
width: 170px;
margin-top: 5px;
}

select {
font-size: 11px;
}

option {
margin-bottom: 35px;
}

.posttable td {
padding: 4px;
vertical-align: middle;
}

.orderthumb img {
margin: 0px 4px 4px 0px;
}

.order {
float: right;
margin: 6px;
}

.alert {
color: red;
}

.greencell {
background-color: #676200;
color: white;
font-size: 13px;
padding: 10px;
}

.ordertable td {
border: 1px solid #999; 
padding: 10px;
}

#discount {
border: 1px solid #AAA;
padding: 0px 10px 10px 10px;
}