/* Colors
 * ------
 * black:#012
 * dblue:#046
 * mblue:#07C
 * lblue:#BDF
 * lgray:#CCD
 * lgreen:#BDA
 */

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

body
{
  font-size: 14px;
  font-family: gisha, arial, helvetica, sans serif;
  background-color: #046;
  padding: 0px 10px;
}

A, A:visited
{  
  color: #bda;
  text-decoration: underline;
}

A:active, A:hover
{
  color: #fff;
}

EM
{
  font-style: normal;
  font-weight: bold;
}

H3
{
  clear: left;
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0px;
  color: #bdf;
}

H3 A, H3 A:visited
{
  text-decoration: none;
}

H4
{
  clear: left;
  font-size: 14px;
  font-weight: bold;
  padding-top: 10px;
  margin-bottom: 10px;
  color: #bdf;
}

P
{
  margin-bottom: 10px;
  clear: left;
}

HR
{
  color: #012;
  border: solid 0px #012;
  margin-bottom: 10px;
  clear: left;
}

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

LI
{
  margin-bottom: 5px;
}

/*
 * Box with tables
 */

.box
{
  border: none 0px #fff;
  border-spacing: 0px;
  width: 100%;
}

.tlbox
{
  background-image: url('tlbox2.png');
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}

.tbox
{
  background-image: url('tbox2.png');
  background-repeat: repeat-x;
  height: 16px;
}

.trbox
{
  background-image: url('trbox2.png');
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}

.lbox
{
  background-image: url('lbox2.png');
  background-repeat: repeat-y;
  width: 16px;
}

.mbox
{
  background-color: #012;
  padding: 5px 10px;
  overflow: hidden;
  vertical-align: text-top;
}

.rbox
{
  background-image: url('rbox2.png');
  background-repeat: repeat-y;
  width: 16px;
}

.blbox
{
  background-image: url('blbox2.png');
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}

.bbox
{
  background-image: url('bbox2.png');
  background-repeat: repeat-x;
  height: 16px;
}

.brbox
{
  background-image: url('brbox2.png');
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}

.box P
{
  margin-top: 10px;
}

/*
 * Selected box
 */
 
.box3
{
  border: none 0px #fff;
  border-spacing: 0px;
  width: 100%;
}

.tlbox3
{
  background-image: url('tlbox3.png');
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}

.tbox3
{
  background-image: url('tbox3.png');
  background-repeat: repeat-x;
  height: 16px;
}

.trbox3
{
  background-image: url('trbox3.png');
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}

.lbox3
{
  background-image: url('lbox3.png');
  background-repeat: repeat-y;
  width: 16px;
}

.mbox3
{
  background-color: #012;
  padding: 5px 10px;
  overflow: hidden;
}

.rbox3
{
  background-image: url('rbox3.png');
  background-repeat: repeat-y;
  width: 16px;
}

.blbox3
{
  background-image: url('blbox3.png');
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}

.bbox3
{
  background-image: url('bbox3.png');
  background-repeat: repeat-x;
  height: 16px;
}

.brbox3
{
  background-image: url('brbox3.png');
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}
 
/*
 * Sections
 */

.bar
{
  width: 970px;
  margin: 0px auto;
  clear: both;
}

.header
{
  margin: 0px auto;
  width: 360px;
}

.logo
{
  background-image: url('logo.png');
  background-repeat: no-repeat;
  width: 285px;
  height: 80px;
  margin: 0px auto;
}

.headerlinks
{
  margin: 10px 0px 0px 10px;
  /*width: auto;*/
  text-align: center;
}

.full
{
  width: 970px;
  color: #fff;
}

.content
{
  width: 640px;
  color: #fff;
  float: left;
}

.content UL.flat
{
  /*font-size: 12px;*/
}

.rightalign
{
  float: right;
}

.padleft
{
  padding-left: 5px;
}

.padtop
{
  padding-top: 5px;
}

.side
{
  width: 330px;
  float: right;
  color: #fff;
  font-size: 12px;
}

.split
{
  width: 320px;
  float: left;
  color: #fff;
}

UL.flat
{
  margin-left: 0px;
  margin-bottom: 0px;
/*  list-style-type: none;
  clear: both;*/
}

UL.flat2
{
  margin-left: 0px;
  margin-bottom: 0px;
/*  list-style-type: none;*/
}

UL.flat LI
{
  display: inline;
  list-style-type: none;
  /*float: left;*/
  padding-right: 10px;
  margin-bottom: 10px;
}

UL.flat2 LI
{
  display: inline;
  list-style-type: none;
  /*float: left;*/
  padding-right: 10px;
  margin-bottom: 10px;
}

.footer
{
  color: #ccd;
  font-size: 10px;
  width: 730px;
}

.comments
{
  float: right;
  width: 240px;
  color: #eef;
  font-size: 10px;
}

.comments TEXTAREA
{
  background-color: #CEF;
  border: solid 1px #046;
  color: #012;
  font-size: 12px;
  font-family: Gisha, arial, helvetica, sans serif;
  width: 180px;
}

.comments INPUT
{
  background-color: #046;
  color: #e0e0ff;
  border: solid 1px #ccd;
  font-size: 10px;
}

.warning
{
}

.notice
{
  font-size: 12px;
  color: #ccd;
}

.mobileimg
{
  border: solid 1px #88a;
}

.shoplist IMG
{
  vertical-align: middle;
  padding-right: 10px;
}

.shoplist A, .shoplist A:visited
{
  text-decoration: none;
  border-bottom: none 0px #004066;
}

/*
 * Feedback
 */
 
.feedback P
{
  line-height: 20px;
}


/*
 * Help
 */
 
.help
{
  max-width: 600px;
}

.hotkeys
{
  clear: both;
}

.hotkeys IMG
{
  float: left;
  padding-bottom: 8px;
}

LI.subitem
{
  margin-left: 20px;
}

/*
 * HISTORY 
 */

.popableVersion
{
  text-decoration: underline;
  cursor: pointer;
}

.popupVersion
{
  display: none;
  font-size: 12px;
}

.popupVersion LI
{
  padding-top: 0px;
  padding-bottom: 2px;
  margin-top: 0px;
  margin-bottom: 0px;
  list-style-type: square;
}