.button {
  display: inline-block;
  padding: 8px 16px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  color: #222222;
  text-align: center;
  line-height: 18px;
  text-decoration: none;
  cursor: pointer;
  background: #f9f9f9;
  background: -moz-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%); }
  .button:hover {
    background: #e6e6e6;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #e6e6e6));
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #e6e6e6 100%);
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); }
  .button:active {
    box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.1); }

/*@group dimensions */
.button.small {
  padding: 6px 12px;
  font-size: 11px; }

.button.large {
  padding: 7px 24px 4px;
  font-size: 18px;
  line-height: 34px; }

/*@end sizes */
/*@group primary*/
.button.primary {
  background: #e46d01;
  background: -moz-linear-gradient(top, #fd7901 0%, #e46d01 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd7901), color-stop(100%, #e46d01));
  background: -webkit-linear-gradient(top, #fd7901 0%, #e46d01 100%);
  background: -o-linear-gradient(top, #fd7901 0%, #e46d01 100%);
  background: -ms-linear-gradient(top, #fd7901 0%, #e46d01 100%);
  background: linear-gradient(to bottom, #fd7901 0%, #e46d01 100%);
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: #e6e6e6; }
  .button.primary:hover {
    background: #e46d01;
    background: -moz-linear-gradient(top, #e46d01 0%, #e46d01 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e46d01), color-stop(100%, #e46d01));
    background: -webkit-linear-gradient(top, #e46d01 0%, #e46d01 100%);
    background: -o-linear-gradient(top, #e46d01 0%, #e46d01 100%);
    background: -ms-linear-gradient(top, #e46d01 0%, #e46d01 100%);
    background: linear-gradient(to bottom, #e46d01 0%, #e46d01 100%);
    color: white;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }
  .button.primary:active {
    box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.3); }

/*@end primary*/
.offer_box .button {
  background: #cccccc;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #cccccc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #cccccc 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%, #cccccc 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%, #cccccc 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #cccccc 100%);
  border-color: rgba(0, 0, 0, 0.4);
  color: #222; }
  .offer_box .button:hover {
    background: #cccccc;
    background: -moz-linear-gradient(top, #cccccc 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #cccccc 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #cccccc 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #cccccc 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #cccccc 0%, #cccccc 100%); }