body {
  background: #9ab3cf;
  margin: 0px;
}
form {
  margin: 0px;
}
table.surrounding {
  width: 808px;
  height: 100%;
  background: #5b71a8;
}
td.leftsurrounding {
  width: 4px;
  height: 100%;
  vertical-align: bottom;
  background: url(/img/leftsurrounding.gif);
}
td.rightsurrounding {
  width: 4px;
  height: 100%;
  vertical-align: bottom;
  background: url(/img/rightsurrounding.gif);
}
td.mainsurrounding {
  width: 800px;
  background: #5b71a8;
  font-size: 8px;
}
table.topheader {
  width: 800px;
  height: 80px;
  background: url(/img/topgradient.gif);
}
table.topmenu {
  width: 800px;
  height: 50px;
  background: url(/img/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: #cae6f7;
  margin: 8px;
  float: left;
}
div.topheaderright {
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #cae6f7;
  margin: 8px;
  float: right;
}
a.topheader {
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #cae6f7;
  text-decoration: none;
}
a.topheader:hover {
  color: #ffffff;
  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 #5b71a8;
  border-top: 1px solid #5b71a8;
  border-right: 1px solid #c7e5f6;
  border-bottom: 1px solid #c7e5f6;
  width: 120px;
  height: 20px;
  padding: 2px;
}
input.searchbutton {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #ffffff;
  background: url(/img/searchbutton.gif);
  width: 64px;
  height: 20px;
  padding: 2px;
  border: 0px;
  cursor: hand;
}
a.advsearch {
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  color: #425584;
  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: 140px;
}
a.menulink {
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #425584;
  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(/img/tableleftorange.gif);
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
}
td.rightwhite {
  width: 440px;
  height: 24px;
  background: url(/img/tablerightwhite.gif);
  font-family: Verdana;
  font-size: 11px;
}
td.bottomwhite {
  width: 560px;
  height: 32px;
  background: url(/img/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(/img/tabletopgreen.gif);
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  padding-bottom: 4px;
}
td.recipeheader {
  width: 560px;
  height: 32px;
  background: url(/img/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;
}
span.nopagination {
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;   
  color: #909090; 
  padding-left: 2px;
  padding-right: 2px;
}
span.thispage {
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #ff0000;
  padding-left: 2px;
  padding-right: 2px;
}
td.whitespacer {
  width: 560px;
  height: 5px;
  background: #ffffff;
}
td.bottomspacer {
  width: 560px;
  height: 3px;
  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(/img/dots.gif);
}
td.dotslarge {
  width: 544px;
  height: 20px;
  background: url(/img/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(/img/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(/img/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: #5b71a8;
}
td.footer {
  width: 800px;
  height: 20px;
  background: #c5e4f6;
}
div.footerleft {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #425584;
  float: left;
  padding-left: 10px;
}
div.footerright {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #425584;
  float: right;
  padding-right: 10px;
}
a.footerlink {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #425584;
  text-decoration: none;
}
a.footerlink:hover {
  color: #000000;
  text-decoration: underline;
}
td.bottom {
  width: 800px;
  height: 100%;
  background: #2d3d63;
}
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(/img/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;
  padding-left: 10px;
}
div.category {
  height: 18px;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-align: left;
  display: block;
}
div.subcategory {
  height: 18px;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-align: left;
  padding-left: 16px;
  display: none;
}
div.endcategory {
  height: 18px;
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #000000;      
  text-align: left;
  padding-left: 32px;
  display: none;
}
img.treeicon {
  cursor: hand;
}
a.category {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
a.category:hover {
  color: #ff0000;
  text-decoration: underline;
}
td.glassguideheader {
  width: 560px;
  height: 32px;
  background: url(/img/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;
}
span.listspacer {
  font-size: 10px;
}
td.favoritecount {
  width: 175px;
  font-family: Impact;
  font-size: 22px;
  font-weight: normal;
  color: #f00000;
  padding-left: 8px;
}
span.favoritehits {
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #008000;
}
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: 300px;
  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: 300px;
  height: 100px;
  padding: 2px;
}
input.sendbutton {
  font-family: Verdana;
  font-size: 11px;
  font-weight: normal;
  color: #ffffff;
  background: url(/img/sendbutton.gif);
  width: 128px;
  height: 20px;
  padding: 2px;
  border: 0px;
  cursor: hand;
}
span.showcat {
  cursor: hand;
  font-size: 10px;
  font-weight: bold;
}
div.showcat {
  display: none;
  border: 1px dotted #000000;
  padding: 4px;
  width: 300px;
}
td.selglass {
  font-family: Verdana;
  font-size: 9px;
  border: 2px solid #ffffff;
  cursor: hand;
}
.bacardi {
  margin-left: 17px;
}
.topads {
  position: absolute;
  top: 31px;
  bottom: 0px;
}