body {
margin: 10px;
font-size: 16px;
font-family: futura, arial, sans-serif;
height: 100%;
color: #444;
background-color: #f2f2f2;
}

#wrapper {
min-height: 720px;
width: 800px;
background-color: white;
margin-left: auto;
margin-right: auto;
border: 1px solid #ccc;
border-radius: 15px;
}


h1 {
font-size: 1.5em;
font-family: futura, arial, sans-serif;
font-weight: normal;
color: #6C7337;
text-align: center;
}

h2 {
font-size: 16px;
padding-top: 8px;
color: #6C7337;
}

h3 {
font-size: 12px;
font-weight: bold;
}


a {
color: #61672E;
padding: 2px;
}


a:hover {
color:white;
background-color: #61672E;
text-decoration: none;
}

#top a {
padding: 0px;
}


table, tr, td {
padding: 0;
margin: 0;
border: 0;
}

li {
margin-left: -20px;
margin-bottom: 10px;
}

.sublist {
list-style-type: circle;
}


ul {
margin-bottom: 20px;
}

#top {
display: block;
height: 100px;
width: 796px;
background-image: url(img/header.jpg);
background-color: white;
margin-bottom: 2px;
border: 0px;
border-radius: 15px 15px 0px 0px;
}


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

#menu img {
margin-bottom: 1px;
}

#menu a {
padding: 0px;
}

#menu a:hover {
background-color: white;
}

#content {
margin-left: 10px;
padding: 10px 15px 10px 15px;
height: 530px;
}


#centre {
text-align: center;
}

#current {
border: 1px solid #888;
color: #555;
padding: 10px 20px;
}


img {
border: 0px;
}

.rightpic {
float: right;
height: 100%;
text-align: center;
}

.rightpic img {
border: 1px solid #888;
padding: 6px;
margin: 20px 20px 5px 10px;
}


.credit {
font-family: verdana, sans-serif;
font-size: 10px;
margin-left: 20px ;
margin-bottom: 20px;
}

#sitecredit {
font-family: verdana, sans-serif;
font-size: 10px;
text-align: right ;
margin-top: 5px;
}


/*

#box {
height: 192px;
font-family: palatino, serif;
font-size: 14px;
border: 3px double #E40;
padding: 12px;
}


.boxtext {
background-color: #D4933B;
color: white;
font-size: 13px;
padding: 6px 10px;
height: 110px;
}

.boxtext h2 {
color: #FEDE58;
}

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

*/

#topboxes {
width: 100%;
}

.twoboxtext, .twoboxtext2 {
color: white;
font-size: 13px;
padding: 6px 10px;
min-height: 150px;
}

.twoboxtext {
background-color: #D4933B;
float:left; 
width: 58%;
}

.twoboxtext2 {
background-color: #676200;
margin-left: 61%;
width: 36%;
}

.twoboxtext h2, .twoboxtext2 h2 {
    color: #FEDE58;
}

.twoboxtext a, .twoboxtext2 a {
    color: white;
    font-weight: bold;
}


.twoboxtext img, .twoboxtext2 img {
float: left;
margin: 14px 10px 10px 0px;
}

.twoboxtext p {
margin-left: 110px;
}




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

.divider {
text-align: center;
}


#tips {
font-size: 14px;
font-family: arial, sans-serif;
margin-left: 5px;
color: #222;
}

.printlist {
line-height: 16px;
}


/*contact*/

fieldset {
padding: 15px;
border: 0px;
}

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

/*new version*/

#wrapper {
width: 800px;
margin-left: auto;
margin-right: auto;
}


#box {
border: 3px double #888;
padding: 0px 12px 12px 12px;
}

.leftpic {
float: left;
width: 400px;
margin: 10px 10px 10px 0px;
}

#orderform {
margin-left: 400px;
border: 1px solid black;
border-radius: 15px;
padding: 0px 10px;
}


#orderform2 {
margin-left: 410px;
border: 1px solid black;
padding: 10px;
border-radius: 15px;
}

#contbutton {
text-align: right;
padding: 10px 0px;
}


.btn:hover {
background-color: #F2E8CE;
color: #6C7337;
}


button {
font-family: futura, arial, sans-serif;
font-size: 14px;
background-color: #6C7337;
color: white;
border-radius: 5px;
}



#footer {
height: 42px;
background-color: #6C7337;
border-radius: 0px 0px 15px 15px;
border: 6px solid #6C7337;
padding-top: 16px;
padding-left: 90px;
font-size: 18px;
font-family: futura, arial, sans-serif;
font-weight: normal;

background-image: url(img/veg_in.jpg);
background-repeat: no-repeat;
background-position: 520px -91px;
background-size: 230px; 
}

#footer a {
color: white;
text-decoration: none;
}

#footer a:hover {
color: white;
background-color: #6C7337;
text-decoration: underline;
}


/*font sizing fix*/

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}