/*
========================
Vitaly Eremenko
GEM_SHOP.CSS
 2017-05-21; 2019-04-03;
========================
*/
H1
{
  font-family: Arial;
  font-weight: bold;
  font-size: 32px;
  color: #804000;
}

H2
{
  font-family: 'Times New Roman';
  font-weight: bold;
  font-size: 24px;
  color: #402000;
}

.ButtonA 
{
  border: 1px solid #80C0FF; 
  border-radius: 8px; 
  background-image: linear-gradient(#F0B040, #603000); 
  text-decoration: none;
  font-size: 16px;
  font-weight: 400; /* 700; */
  width: 90px;
  height: 27px;
  color: #FFFFFF;
}

.ButtonA:hover 
{
  border: 1px solid #90D0FF;
  background-image: linear-gradient(#C08040, #D06030);
  color: #FFFF00;
}

.BtnSmallDown
{
  height: 34px; 
  width:  65px; 
  border: 4px inset #E080C0; 
  border-radius: 7px; 
  background-color: #80E0FF; 
  background-image: linear-gradient(to bottom, #F0C040, #D06020); 
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
  color: #802000;
}

.BtnSmallDown:hover
{
  background-color: #90FFF0; 
  text-decoration: none;
  background-image: linear-gradient(to bottom, #E06020, #F08040); 
  font-weight: bold;
  color: #C0400;
}

.BtnSmallUp
{
  height: 34px; 
  width:  65px; 
  border: 4px outset #800000; 
  border-radius: 7px; 
  background-color: #80E0FF; 
  background-image: linear-gradient(to top, #FFD040, #C04020); 
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
  color: #804000;
}

.BtnSmallUp:hover
{
  background-color: #C0F0E0; 
  text-decoration: none;
  background-image: linear-gradient(to top, #C04000, #FF8000); 
  font-weight: bold;
  color: #804000;
}

.PageDivBG 
{
  width: 90%; 
  padding: 20px; 
  border: 2px solid #804000;
  border-radius: 20px; 
}

/* ===== END CSS ===== */