.default
{
  min-width: 300px;
  text-align: left;
  #font-family: "Arial, Sans-serif"; 
  #font-size: medium;
}

.err
{
  color: white;
  background-color: red;
  padding: 2px;
}

font.std_fnt
{
  font-family: Arial, Sans-serif;
  font-size: medium;
}

td.sec_hdr
{
  font-size: larger;
  color: white;
}

a.fix
{
  color: blue;
  text-decoration: none;
}

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

a.lnk
{
  text-decoration: none;
}

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

a.ftr
{
  color: white;
  text-decoration: none;
}

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

div.dld
{
  width: 300px;
  height: 115px;
  display: table-cell;
  border-radius: 10px;
  text-align: center;
  vertical-align: middle;
  color: white;
  background-color: green;
  background: linear-gradient(#8f8, #484);
}

div.dld:hover
{
  color: yellow;
}

div.dld_sm
{
  width: 300px;
  height: 80px;
  display: table-cell;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  color: white;
  background-color: green;
  background: linear-gradient(#8f8, #484);
}

div.dld_sm:hover
{
  color: yellow;
}

div.buy
{
  width: 300px;
  height: 115px;
  display: table-cell;
  border-radius: 10px;
  text-align: center;
  vertical-align: middle;
  color: white;
  background-color: blue;
  background: linear-gradient(#88f, #448);
}

div.buy:hover
{
  color: yellow;
}

div.buy_sm
{
  width: 300px;
  height: 64px;
  display: table-cell;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  color: white;
  background-color: blue;
  background: linear-gradient(#88f, #448);
}

div.buy_sm:hover
{
  color: yellow;
}

div.xmas_sale
{
  width: 300px;
  height: 115px;
  display: table-cell;
  border-radius: 10px;
  text-align: center;
  vertical-align: middle;
  color: white;
  background-color: red;
  background: linear-gradient(#f88, #800);
}

div.xmas_sale:hover
{
  color: yellow;
}

div.blk_frd
{
  width: 300px;
  height: 115px;
  display: table-cell;
  border-radius: 10px;
  text-align: center;
  vertical-align: middle;
  color: white;
  background-color: black;
  background: linear-gradient(#444, #000);
}

div.blk_frd:hover
{
  color: yellow;
}

div.ftr
{
  width: 226px;
  margin-left: 8px;
  float: left;
}

div.btn
{
  width: 100%;
  padding-top: 1px;
  padding-bottom: 1px;
}

a.flag
{
  vertical-align: 15%;
  opacity: 0.5;
  filter:alpha(opacity=50); /* For IE8 and earlier */
}

a.flag:hover
{
  opacity: 1;
  filter:alpha(opacity=100); /* For IE8 and earlier */  
}

@media only screen and (min-device-width: 601px)
{
  .default
  {
    max-width: 960px;
  }

  font.std_fnt
  {
    font-size: small;
  }

  .half_width
  {
    max-width: 460px;
	padding-right: 16px;
  }
  
  .left-320
  {
    min-width: 302px;
	margin-right: 16px;
	margin-bottom: 20px;
	float: left;
  }	

  .mid-320
  {
    min-width: 302px;
	margin-right: 16px;
	margin-bottom: 20px;
	float: left;
  }	

  .right-320
  {
    width: 320px;
	margin-bottom: 20px;
	float: left;
  }	

  .hide_on_pc
  {
    display: none;
  }
  
  .pic_scl
  {
    width: 640px;
  }

  img.img_scl
  {
    width: auto;
  }
}  

@media only screen and (min-device-width: 481px) and (max-device-width: 600px)
{
  .hide_on_pda
  {
    display: none;
  }

  .mid-320
  {
    min-width: 302px;
	margin-top: 20px;
	margin-bottom: 20px;
  }	

  .pic_scl
  {
    width: 580px;
  }

  img.img_scl
  {
    width: auto;
  }  
}  

@media only screen and (max-device-width: 480px)
{
  .hide_on_pda
  {
    display: none;
  }
  
  .mid-320
  {
    min-width: 302px;
	margin-top: 20px;
	margin-bottom: 20px;
  }	

  .pic_scl
  {
    width: 300px;
  }

  img.img_scl
  {
    width: 300px;
  }

  .spc_up
  {
    margin-top: 6px;
  }

  .spc_dn
  {
    margin-bottom: 6px;
  }
  
  .fnt_fix
  {
    font-size: smaller;
  }

  div.ftr
  {
    width: 100%;
    margin-left: 6px;
  }

  div.btn
  {
	width: 95%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #bbb;
  }
}

@media only screen and (max-device-width: 480px)
{
  .hide_on_phone
  {
    display: none;
  }
}