*
  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }

body
  {
    background-color: #222222;
    overflow: auto;

  }

body,td
  {
    font-size: 11px;
    color: #333333;
  }

ul
  {
    padding: 0px;
    margin: 0 0 0 17px;
    list-style-type: square;
  }

ol
  {
    padding: 0px;
    margin: 0 0 0 30px;
  }

li
  {
    padding: 0px;
    margin: 0px;
  }

ul.error, li.error
  {
    color: #FF0000;
  }

/* HEADER */

div#header
  {
    position: absolute;
    top: 0px;
    left: 50%;
    margin: 0 0 0 -389px;
    width: 779px;
    height: 35px;
    z-index: 1
  }

div#headerlogo
  {
    position: absolute;
    top: 0px;
    right: 4px;
    height: 35px;
    width: 230px;
    background-image: url('logo.jpg');
    background-position: top left;
    background-repeat: no-repeat
  }

/* CONTAINER */

div#container
  {
    position: absolute;
    top: 92px;
    left: 50%;
    margin: 0 0 0 -389px;
    padding: 0px;
    width: 779px;
    height: 478px;
    overflow: hidden;
    z-index: 1
  }

div#containertop
  {
    position: absolute;
    top: 0px;
    left: 5px;
    width: 770px;
    height: 9px;
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    overflow: hidden;
    z-index: 2;
  }

div#containerleft
  {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 5px;
    height: 535px;
    margin: 0px;
    padding: 0px;
    background-image: url('containerleft.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 2;
  }

div#containerright
  {
    position: absolute;
    bottom: 0px;
    left: 775px;
    width: 4px;
    height: 535px;
    margin: 0px;
    padding: 0px;
    background-image: url('containerright.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 2;
  }

div#containerbottom
  {
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 779px;
    height: 5px;
    margin: 0px;
    padding: 0px;
    background-image: url('containerbottom.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 2;
  }


div#footer
  {
    color: #FFFFFF;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin: 0 0 0 -389px;
    padding: 0px;
    width: 779px;
    height: 15px;
    z-index: 3;
    text-align: center;
  }

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

/* MENU */

div#menu
  {
    position: absolute;
    top: 35px;
    left: 50%;
    margin: 0 0 0 -384px;
    width: 770px;
    height: 57px;
    padding: 0px;
    background-color: #000000;
    overflow: hidden;
    z-index: 2;
  }

div#menu_text
  {
    position: absolute;
    top: 0px;
    left: 5px;
    width: 760px;
    height: 57px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    z-index: 3;
  }

div#menu_row1
  {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 760px;
    height: 23px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    z-index: 4;
  }

div#menu_row2
  {
    position: absolute;
    top: 22px;
    left: 0px;
    width: 760px;
    height: 30px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    z-index: 4;
  }

div.menuitem
  {
    float: left;
    height: 15px;
    margin: 0 10px 0 0;
  }

div.submenu
  {
    width: 100%;
    height: 15px;
    margin: 0px;
    padding: 0px;
  }

div.submenuitem
  {
    float: left;
    height: 15px;
    margin: 0 10px 0 0;
    padding: 0px;
  }

div.menuitemright
  {
    float: right;
    height: 23px;
    color: #FFFFFF;
    margin: 0 0 0 10px;
  }

a.menuitem
  {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    font-family: Helvetica, Verdana;
    line-height: 23px;
    text-decoration: none;
  }

a.menuitem:hover
  {
    color: #EFC3A1;
  }

a.menuitem_selected
  {
    color: #EFC3A1;
    font-size: 13px;
    font-weight: bold;
    font-family: Helvetica, Verdana;
    line-height: 23px;
    text-decoration: none;
  }

a.submenuitem
  {
    color: #AAAA00;
    font-size: 11px;
    font-weight: bold;
    font-family: Helvetica, Verdana;
    line-height: 15px;
    text-decoration: none;
  }

a.submenuitem:hover
  {
    color: #FFFF00;
  }

a.submenuitem_selected
  {
    color: #FFFF00;
    font-size: 11px;
    font-weight: bold;
    font-family: Helvetica, Verdana;
    line-height: 15px;
    text-decoration: none;
  }



a.topsubmenuitem
  {
    color: #FFFF00;
    font-size: 11px;
    font-weight: bold;
    font-family: Helvetica, Verdana;
    line-height: 23px;
    text-decoration: none;
  }

a.topsubmenuitem:hover
  {
    color: #CD7F32;
  }

a.topsubmenuitem_selected
  {
    color: #CD7F32;
    font-size: 11px;
    font-weight: bold;
    font-family: Helvetica, Verdana;
    line-height: 23px;
    text-decoration: none;
  }

/* SHOP - SCREEN */

div#container_shop
  {
    position: absolute;
    top: 9px;
    left: 5px;
    width: 770px;
    height: 465px;
    margin: 0px;
    padding: 0px;
    background-image: url('container_shop.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 2;
  }

div#container_shop_shop
  {
    position: absolute;
    top: 1px;
    left: 42px;
    width: 503px;
    height: 460px;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    z-index: 3;
  }

div#container_shop_text
  {
    position: absolute;
    top: 1px;
    left: 550px;
    width: 210px;
    height: 460px;
    margin: 0px;
    padding: 0px;
    background-color: #D5A28D;
    background-image: url('container_shop_text.jpg');
    background-repeat: repeat-x;
    background-position: bottom left;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 3;
  }

table#shop
  {
    margin: 0px;
    padding: 0px;
    width: 471px;
    border-width: 4px;
    border-style: solid none none solid;
    border-color: #AAAA00;
  }

table#shopnavigation
  {
    margin: 0px;
    padding: 0px;
    width: 471px;
  }

table#demo
  {
    margin: 0px;
    padding: 0px;
    width: 471px;
  }

td.demo
  {
    height: 110px;
    width: 157px;
  }

td.shop
  {
    height: 110px;
    width: 150px;
    background-color: #FFFFFF;
    border-width: 4px;
    border-style: none solid solid none;
    border-color: #AAAA00;
  }

div.shop_image
  {
    text-align: center;
    height: 100px;
  }

a.shop_image, img.shop_image
  {
    margin: 0px;
    padding: 0px;
  }

div.shop_text
  {
    padding: 3px;
    text-align: left;
  }

a.shop_text
  {
    font-weight: bold;
    text-decoration: none;
  }

div.shop_price
  {
    padding: 3px;
    text-align: left;
  }

div.shop_button
  {
    padding: 3px;
    text-align: left;
  }

table#subcat
  {
    margin: 0px;
    padding: 0px;
    width: 471px;
  }

td.subcat
  {
    height: 110px;
    width: 157px;
  }

div.subcat_image
  {
    text-align: center;
    height: 100px;
  }

a.subcat_image, img.subcat_image
  {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
  }

input.orderbutton
  {
    font-size: 9px;
    font-family: verdana, arial, sans-serif;
    background: url(button.gif);
    border-width: 1px;
    border-style: solid;
    border-color: Silver Black Black Silver;
  }

input.orderbutton_color
  {
    font-size: 9px;
    font-family: verdana, arial, sans-serif;
    background: url(button_color.gif);
    border-width: 1px;
    border-style: solid;
    border-color: #E9A238;
  }

input.order
  {
    font-size: 9px;
    font-family: verdana, arial, sans-serif;
    width: 250px;
  }

textarea.order
  {
    font-size: 9px;
    font-family: verdana, arial, sans-serif;
    width: 250px;
    height: 50px;
    overflow: auto;
  }

select.order, option.order
  {
    font-size: 9px;
    font-family: verdana, arial, sans-serif;
    border: 1px solid Black;
    border-color: Silver Black Black Silver;
  }

/* TEXT-SCREEN */

div#container_text
  {
    position: absolute;
    top: 9px;
    left: 5px;
    width: 770px;
    height: 465px;
    margin: 0px;
    padding: 0px;
    background-image: url('container_text.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 2;
  }

div#container_text_text
  {
    position: absolute;
    top: 1px;
    left: 42px;
    width: 718px;
    height: 460px;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    z-index: 3;
  }

/* INTRO - SCREEN */

div#container_intro
  {
    position: absolute;
    top: 9px;
    left: 5px;
    width: 770px;
    height: 465px;
    margin: 0px;
    padding: 0px;
    background-image: url('container_intro.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 2;
  }

div#container_intro_image
  {
    position: absolute;
    top: 0px;
    left: 407px;
    width: 363px;
    height: 465px;
    margin: 0px;
    padding: 0px;
    background-image: url('container_intro_image.jpg');
    background-position: top left;
    background-repeat: repeat-x;
    overflow: hidden;
    z-index: 3;
  }

div#container_intro_text
  {
    position: absolute;
    top: 1px;
    left: 42px;
    width: 365px;
    height: 460px;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    z-index: 3;
  }

/* BASKET */

table#basket
  {
    margin: 0px;
    padding: 0px;
    width: 471px;
  }

a.basket
  {
    text-decoration: none;
  }

a.basket:hover
  {
    text-decoration: underline;
  }

/* GENERAL TEXT */

div.text
  {
    padding: 5px;
  }

div.title
  {
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 20px 0;
  }