.checkbox,
.radio {
  width: 94px;
  height: 30px;
  padding: 0 0px 0 0;
  background: url(../img/checkbox.html) no-repeat;
  display: block;
  clear: left;
  float: left; }
  @media (max-width: 480px) {
    .checkbox,
    .radio {
      width: 100%;
      height: 100%; } }

.radio {
  background-color: #9D9F9F; }

.select {
  position: absolute;
  width: 286px;
  /* With the padding included, the width is 190 pixels: the actual width of the image. */
  height: 30px;
  padding: 0 10px 0 10px;
  color: #53c8ea;
  font: 20px/30px "DukeFill", Arial;
  overflow: hidden;
  background: #3e4141; }
  @media (max-width: 480px) {
    .select {
      width: 100%;
      height: 50px;
      font-size: 34px;
      line-height: 42px; } }
  .select:after {
    content: '\25bc';
    color: #ffffff;
    position: absolute;
    right: 0;
    background-color: #9D9F9F;
    border-left: 2px solid #fff;
    width: 30px;
    height: 30px;
    font-size: 20px;
    text-align: center; }
    @media (max-width: 480px) {
      .select:after {
        content: '\25bc';
        color: #ffffff;
        position: absolute;
        right: 0;
        background: #9D9F9F;
        border-left: 2px solid #fff;
        width: 50px;
        height: 50px;
        font-size: 25px;
        text-align: center;
        line-height: 50px; } }

.single-wpsc-product .select {
  position: absolute;
  width: 133px;
  /* With the padding included, the width is 190 pixels: the actual width of the image. */
  height: 30px;
  padding: 0 0px 0 10px;
  color: #53c8ea;
  font: 20px/30px "DukeFill", Arial;
  background: #3e4141;
  overflow: hidden; }
  @media (max-width: 480px) {
    .single-wpsc-product .select {
      width: 373px;
      height: 50px;
      font: 40px/45px "DukeFill", Arial;
      background: #3e4141;
      overflow: hidden; } }

/*# sourceMappingURL=form.css.map */