/*
  Exempel:
    
    $html .= "<a href=\"xyz\" class=\"btn_yellow_button\"><span style="background-color: white; ">Beställ</span></a>";
*/

.btn_yellow_button
{
	display: inline-block;
  height: 18px;
  line-height: 18px;
  padding-right: 12px;
  background-image: url('/global/images/layout/common/btn/btn_yellow_button.png');
  background-repeat: no-repeat;
  background-position: right top;
  color: #fff;
  font-weight: bolder;
  text-decoration: none;
  cursor: pointer;
}

.btn_yellow_button span
{
	display: inline-block;
  height: 18px;
  line-height: 18px;
  padding-left: 12px;
  background-image: url('/global/images/layout/common/btn/btn_yellow_button.png');
  background-repeat: no-repeat;
  background-position: left top;
}

a.btn_yellow_button:hover
{
  background-position: right -28px;
}

a.btn_yellow_button:hover span
{
  background-position: left -28px;
}