/* CSS Document */
BODY{

  background-color: #000000;
  background-image: url('images/background.jpg');
  background-repeat: no-repeat;

  font-family: Verdana;
  font-size: 12px;
  color: #ffffff;

}

.main-table {
    padding:0px;
}

p,td {
    font-size: 12px;
	color: ffffff;
	vertical-align:top;
}

.placer {
  position: relative;
  padding: 0;
}

h1 {
  color: #A98F6C;
  font-size: 13px;
}

h3 {
  color : #A98F6C;
  margin-bottom: 0px;
}

.drinks_catlist {
  float : left;
  padding-left : 40px;
  width: 130px;
  padding-top: 4px;
}


.menu_div {
  position: absolute;
  top: 130px;
  left: 130px;
  width: 190px;
  height: 390px;
 text-align: center;
}

.content_div {
  position: absolute;
  top: 130px;
  left: 340px;

  height: 390px;
  /*background-color: black;*/
  overflow: hidden;
}

.footer_div {
  position: absolute;
  left: 120px;
  top: 550px;
  font-family: "Courier New";
  font-size: 11px;
  color: #887F78;
}

.text_scroller {
  padding-left: 6px;
  padding-right: 17px;
  padding-top: 3px;
}

.white_text {
  color: white;
}

ul.white_bullets {
  list-style-type: circle;/*url(image/white_bullet.jpg);*/
	list-style-image: url(images/white_bullet.jpg);
margin-left: 18px; padding-left: 0;

}

ul.black_bullets {
  list-style-image: url(images/black_bullet.jpg);
  margin-left: 18px; padding-left: 0;
}


a:link, a:active, a:visited {
  text-decoration : none;
  color :#BE9D77;
  font-weight: bold;
  font-size: 12px;
}
a:hover {
  color : #5C5250;
}

a.button_sub_link:link, a.button_sub_link:active, a.button_sub_link:visited {
  text-decoration : none;
  color :#FFFFFF;
  font-weight: bold;
  font-size: 13px;
}

a.button_sub_linkA:link, a.button_sub_linkA:active, a.button_sub_linkA:visited {
  text-decoration : none;
  color :#FFFFFF;
  font-weight: bold;
  font-size: 13px;
  font-style: italic;
}

a.button_sub_linkA:hover {
  color : #FFFFFF;
  font-style: italic;
  text-decoration :   underline;
}


.left_menu, a.left_menu:link, a.left_menu:active, a.left_menu:visited, a.left_menu_sel:link, a.left_menu_sel:active, a.left_menu_sel:visited {
    display: block;
    border : 1px solid white;
    background: #0C3784;
    text-align: right;
    font-family : 'Tahoma';
    text-decoration : none;
    font-weight: bold;
    color : white;
    font-size : 11px;
    padding-top : 3px;
    padding-bottom : 3px;
    padding-right : 3px;
    margin-top: 2px;
}

a.left_menu_sel:link, a.left_menu_sel:active, a.left_menu_sel:visited {
    background-image: url(images/button_selected_bg.png);
}

a.left_menu:hover{
    color : #ACAAAB;
    border : 1px solid yellow;
}

.item_link_top, a.item_link_top:link, a.item_link_top:active, a.item_link_top:visited {
  color : #887F78;
  font-size: 18px;
  font-weight: bold;
  font-family: "Courier New";
  text-decoration : none;
 
}

a.item_link_top_sel:link, a.item_link_top_sel:active, a.item_link_top_sel:visited {
  color : white;
  font-size: 22px;
}

.item_link, a.item_link:link, a.item_link:active, a.item_link:visited {
  color : #000000;
  font-size: 19px;
  font-weight: bold;
  text-decoration : none;
}

.item_link_sel, a.item_link_sel:link, a.item_link_sel:active, a.item_link_sel:visited {
  color : #AD0000;
  font-size: 19px;
  font-weight: bolder;
}

a.item_link:hover, a.item_link_top:hover{
  color : #7B3829;


}


.newsletter_link, a.newsletter_link:link, a.newsletter_link:active, a.newsletter_link:visited {
  color : #B53139;
  font-size: 11px;
  font-weight: bolder;
  font-family: "Comic Sans MS";
  font-size: 14px;
}

a.newsletter_link:hover{
  color : #48CD40;

}

/******************************************************************************
 * SHOP STYLES
 ******************************************************************************/

div.shop_cart_button {
	background-color: #AE0001;
	background-image: url(images/shop_cart_button.png);
	background-repeat: no-repeat;
	color: #ffffff;
	width: 100px;
	height: 19px;
	font-weight:bold;
	float:right;
	text-align:right;
	margin-right:5px;
	padding:2px 4px 0px 0px;
}
.shop_cart_button:hover, a.shop_cart_link:hover {
	color: yellow;
}

input.shop_cart_input {
	font-size:10px;
}


a.shop_buttons:link, a.shop_buttons:active, a.shop_buttons:visited {
    color: #AD0000;
    font-weight: bold;
    font-size:12px;
    display: block;
    /*background : #D3B38D;*/
    padding: 2px 0px 2px 0px;
    /*border : 1px solid white;*/
    margin: 0px 20px 0px 20px;
    text-decoration : underline;
}

a.shop_buttons:hover {
    /*background : #D6718F;*/
    color: #DD0000;
}

/******************************************************************************
 * END STYLES
 ******************************************************************************/


/******************************************************************************
 * TOP MENU STYLES
 ******************************************************************************/

/******************************************************************************
 * END TOP MENU STYLES
 ******************************************************************************/

div.example {border: #603 dotted; padding: 0.6em; margin: 1em 2em}

/* First example */
div.items p:not(:target) {display: none}
div.items p:target {display: block}
p.menu {margin: 0; padding: 0.4em; background: silver; color: black}
p.menu a {color: black; border: thin outset silver; padding: 0.1em 0.3em}
div.items p {height: 6em; overflow: auto; text-align: center; margin: 0}
#item1 {color: red}
#item2 {color: green}
#item3 {color: blue}

/*

bright: rgb(234,242,255);
normal: rgb(120,172,255);
dark:	rgb(0,66,174);

*/



#bullet-list {
  padding:0px;
  margin-left:6px;
  margin-top:12px;
  margin-right:8px;
}

#bullet-list li {
  padding:2x;
  margin-left:10px;
  list-style: square;
 
  border-bottom: 1px solid #eeffee;
  vertical-align: top;
}

/* Turn off list bullets */
ul.mktree  li { list-style: none; }
/* Control how "spaced out" the tree is */
ul.mktree, ul.mktree ul , ul.mktree li { margin:0px; padding:0px; }
/* Provide space for our own "bullet" inside the LI */
ul.mktree  li           .bullet { padding-left: 15px; }
/* Show "bullets" in the links, depending on the class of the LI that the link's in */
ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(images/minus.gif)  center left no-repeat; }
ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(images/plus.gif)   center left no-repeat; }
ul.mktree  li.liBullet  .bullet { cursor: default; background: url(images/bullet.gif) center left no-repeat; }
/* Sublists are visible or not based on class of parent LI */
ul.mktree  li.liOpen    ul { display: block; }
ul.mktree  li.liClosed  ul { display: none; }
/* Format menu items differently depending on what level of the tree they are in */
ul.mktree  li { font-size: 12px; padding-top:7px;  border-bottom: 0px solid #FFFFFF;}
ul.mktree  li ul li { font-size: 11px; padding-top:0px; border-bottom: 0px solid #B5B6B5; padding-left:7px;}
ul.mktree  li ul li ul li { font-size: 10px; border-bottom: 0px solid #B5B6B5;}
ul.mktree  li ul li ul li ul li { font-size: 9px; }