body {
  background: #f5f5f5;
  margin: 0px;
}
form {
  margin: 0px;
}
table.surrounding {
  width: 808px;
  height: 100%;
  background: #e7d0a9;
}
td.leftsurrounding {
  width: 4px;
  height: 100%;
  vertical-align: bottom;
  background: url(leftsurrounding.gif);
}
td.rightsurrounding {
  width: 4px;
  height: 100%;
  vertical-align: bottom;
  background: url(rightsurrounding.gif);
}
td.mainsurrounding {
  width: 800px;
  background: #e7d0a9;
  font-size: 8px;
}
table.topheader {
  width: 800px;
  height: 80px;
  background: url(topgradient.gif);
}
table.topmenu {
  width: 800px;
  height: 50px;
  background: url(topmenu.gif);
}
td.menuseparator {
  width: 32px;
  height: 50px;
}
table.menubottom {
  width: 800px;
  height: 24px;
}
td.menubottomleft {
  width: 400px;
  height: 24px;
}
td.menubottomright {
  width: 400px;
  height: 24px;
}
div.topheaderleft {
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #b97d4a;
  margin: 8px;
  float: left;
}
div.topheaderright {
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #b97d4a;
  margin: 8px;
  float: right;
}
a.topheader {
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #b97d4a;
  text-decoration: none;
}
a.topheader:hover {
  color: #905e33;
  text-decoration: underline;
}
td.search {
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
  width: 200px;
}
input.searchfield {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  background: #ffffff;
  border-left: 1px solid #9c9b9a;
  border-top: 1px solid #9c9b9a;
  border-right: 1px solid #cbc4bd;
  border-bottom: 1px solid #cbc4bd;
  width: 120px;
  height: 20px;
  padding: 2px;
}
input.searchbutton {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #ffffff;
  background: url(searchbutton.gif);
  width: 64px;
  height: 20px;
  padding: 2px;
  border: 0px;
  cursor: hand;
}
a.advsearch {
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  color: #905e33;
  text-decoration: none;
}
a.advsearch:hover {
  color: #000000;
  text-decoration: underline;
}
td.menulink {
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  color: #000000;
  width: 150px;
}
a.menulink {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #905e33;
  text-decoration: none;
}
a.menulink:hover {
  color: #000000;
  text-decoration: underline;
}
table.byletter {
  width: 560px;
  height: 56px;
}
td.leftorange {
  width: 120px;
  height: 24px;
  background: url(tableleftorange.gif);
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
}
td.rightwhite {
  width: 440px;
  height: 24px;
  background: url(tablerightwhite.gif);
  font-family: Verdana;
  font-size: 11px;
}
td.bottomwhite {
  width: 560px;
  height: 32px;
  background: url(tablebottomwhite.gif);
  padding-bottom: 3px;
}
a.browseby {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
a.browseby:hover {
  color: #1f387e;
  text-decoration: underline;
}
span.browseby {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #1f387e;
}
a.byletter {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #1f387e;
  text-decoration: none;
  border: 1px solid #ffffff;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 1px;
}
a.byletter:hover {
  border: 1px solid #ff0000;
  color: #ff0000;
}
table.results {
  width: 560px;
}
td.resultsheader {
  width: 560px;
  height: 32px;
  background: url(tabletopgreen.gif);
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  padding-bottom: 4px;
}
td.recipeheader {
  width: 560px;
  height: 32px;
  background: url(tabletopblue.gif);
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  padding-bottom: 4px;
}
td.pagination {
  width: 560px;
  height: 20px;
  background: #e0e0e0;
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
  padding-left: 4px;
  padding-right: 4px;
}
a.pagination {
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #606060;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
}
a.pagination:hover {
  color: #000000;
  text-decoration: underline;
}
td.whitespacer {
  width: 560px;
  height: 5px;
  background: #ffffff;
}
td.resultsbody {
  width: 560px;
  background: #ffffff;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
}
td.resultsfooter {
  width: 560px;
  height: 12px;
}
table.resultsbody {
  width: 544px;
}
table.recipebody {
  width: 544px;
}
td.recipebody {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  line-height: 150%;
}
a.drinkname {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
a.drinkname:hover {
  color: #ff0000;
  text-decoration: underline;
}
td.glassimage {
  width: 32px;
  height: 32px;
}
td.drinkname {
  width: 512px;
  height: 16px;
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  padding-left: 5px;
}
td.drinkinfo {
  width: 512px;
  height: 16px;
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
  padding-left: 5px;
}
td.dots {
  width: 544px;
  height: 8px;
  background: url(dots.gif);
}
td.dotslarge {
  width: 544px;
  height: 20px;
  background: url(dotslarge.gif);
}
td.spacelarge {
  width: 544px;
  height: 20px;
  background: #ffffff;
}
td.comments {
  width: 560px;
  background: #e0e0e0;
}
table.twocolumns {
  width: 772px;
}
td.twocolumns {
  font-size: 8px;
}
table.leftcolumn {
  width: 200px;
}
td.leftcolumnhead {
  width: 200px;
  height: 270px;
  background: url(leftcolumnhead.jpg);
}
div.leftcolumnhead {
  width: 180px;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-align: left;
  line-height: 150%;
  padding-bottom: 6px;
}
td.leftcogwheel {
  width: 200px;
  height: 220px;
  background: url(cogwheel.jpg);
}
div.drinktools {
  width: 180px;
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
  text-align: right;
  line-height: 200%;
  padding-bottom: 6px;
}
span.tooltitle {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #e88227;
  text-decoration: underline;
}
a.drinktools {
  border: 1px solid #a0a0a0;
  color: #000000;
  background: #ffffff;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 1px;
  text-decoration: none;
}
a.drinktools:hover {
  border: 1px solid #e88227;
  background: #ffd6b2;
}
td.yellowtitle {
  height: 20px;
  background: #e3d977;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  padding-left: 5px;
  padding-top: 2px;
}
td.yellowtab {
  width: 16px;
  height: 20px;
  background: #ffffff;
}
td.whitetitle {
  height: 20px;
  background: #ffffff;
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}
td.leftpane {
  background: #e3d977;
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  padding: 4px;
  padding-left: 10px;
}
table.quicklinks {
  width: 160px;
}
td.quicklinks {
  width: 160px;
  height: 70px;
}
td.yellowbottom {
  width: 200px;
  height: 14px;
}
table.comments {
  width: 544px;
}
td.comments {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #606060;
  padding-left: 2px;
  padding-top: 2px;
}
span.comments {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #606060;
}
table.footer {
  width: 800px;
  height: 100px;
}
td.footerblank {
  width: 800px;
  height: 40px;
  background: #e7d0a9;
}
td.footer {
  width: 800px;
  height: 20px;
  background: #d6bfa1;
}
div.footerleft {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #8d7b66;
  float: left;
  padding-left: 10px;
}
div.footerright {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #8d7b66;
  float: right;
  padding-right: 10px;
}
a.footerlink {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #8d7b66;
  text-decoration: none;
}
a.footerlink:hover {
  color: #000000;
  text-decoration: underline;
}
td.bottom {
  width: 800px;
  height: 100%;
  background: #c1a98b;
}
td.searchinfo {
  width: 560px;
  height: 407px;
  background: #ffffff;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
}
table.searchinfo {
  width: 560px;
  height: 407px;
}
td.searchinfotop {
  width: 560px;
  height: 200px;
}
td.searchinfoleft {
  width: 260px;
  height: 207px;
}
td.searchinforight {
  width: 300px;
  height: 207px;
  background: url(searchinfo.gif);
}
div.searchinfo {
  padding: 10px;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
}
span.searchtiplarge {
  font-family: Verdana;
  font-size: 18px;
  font-weight: bold;
  color: #b07001;
}
span.searchtipsmall {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #b07001;
}
a.searchtip {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #d2372f;
  text-decoration: underline;
}
a.searchtip:hover {
  color: #000000;
}
td.cattop {
  width: 560px;
  height: 6px;
  background: #ffffff;
}
td.catback {
  width: 560px;
  background: #ffffff;
}
div.category {
  width: 540px;
  height: 18px;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-align: left;
  cursor: hand;
  display: block;
}
div.subcategory {
  width: 540px;
  height: 18px;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-align: left;
  padding-left: 14px;
  cursor: hand;
  display: none;
}
td.glassguideheader {
  width: 560px;
  height: 32px;
  background: url(tabletopred.gif);
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  padding-bottom: 4px;
}
table.glassguide {
  width: 544px;
}
td.glassguide {
  width: 50%;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  line-height: 150%;
}
span.glassize {
  font-size: 10px;
  font-weight: bold;
  color: #808080;
}



table.sendrecipe {
  width: 544px;
}
td.sendrecipe {
  width: 544px;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  line-height: 150%;
}
input.sendrecipe {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  background: #e0e0e0;
  border-top: 1px solid #404040;
  border-left: 1px solid #404040;
  border-right: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  width: 250px;
  height: 20px;
  padding: 2px;
}
textarea.sendrecipe {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  background: #e0e0e0;
  border-top: 1px solid #404040;
  border-left: 1px solid #404040;
  border-right: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  width: 250px;
  height: 100px;
  padding: 2px;
}
input.sendbutton {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #ffffff;
  background: url(sendbutton.gif);
  width: 128px;
  height: 20px;
  padding: 2px;
  border: 0px;
  cursor: hand;
}
td.topnumber {
  font-family: Impact;
  font-size: 24px;
  color: #ffffff;
}
td.topname {
  font-family: Verdana;
  font-size: 10px;
  color: #000000;
}
a.topname {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
a.topname:hover {
  text-decoration: underline;
}
div.flags {
  width: 490px;
  height: 380px;
  font-family: Verdana;
  font-size: 11px;
  color: #404040;
  text-align: left;
}
td.flags {
  font-family: Verdana;
  font-size: 11px;
  color: #404040;
}
a.flags {
  color: #404040;
  text-decoration: none;
}
a.flags:hover {
  color: #ff0000;
  text-decoration: underline;
}
div.itext {
  width: 230px;
  height: 460px;
  font-family: Verdana;
  font-size: 11px;
  color: #404040;
  text-align: left;
}