/* css from http://2tbsp.com/content/flexible_and_efficient_htmlcss_form_layout  */
.compactform input.text,
.compactform select,
.compactform textarea {
  /* set width: auto to allow form element content
  to set width otherwise 90% is a good setting */
  width: 90%; /* determines space between form elements */
}
/* Increase width of elements in twoper
   columns to provide better alignment */
.compactform .twoper input.text,
.compactform .twoper select,
.compactform .twoper textarea {
  width: 95%;
}
/* Nested divs shouldn't clear floated elements
/* keeps nested divs from compounding margin value
.compactform div div {
  margin-bottom: 0;
  clear: none;
}
/* Nested div label contents should determine their own width
.compactform div div label {
  width: auto;
  white-space: normal;
  /* unccomment to stack form inputs inside a row */
  /* clear: left;
  margin-right: 1em;
}
/* Fix paragraph white space in Safari
.compactform div div p {
  margin: 0;
  padding: 0;
}*/

/* Compact layout - Set item width within rows */
.oneper label, .oneper div     { width: 99%; } /* can't be 100%, IE bug */
.threeper label, .threeper div { width: 32%; }
.fourper label, .fourper div   { width: 23%; }
.fiveper label, .fiveper div   { width: 19%; }
.sixper label, .sixper div     { width: 15%; }
.sevenper label, .sevenper div { width: 13%; }
.eightper label, .eightper div { width: 11%; }
.nineper label, .nineper div   { width: 10%; }
.tenper label, .tenper div     { width: 8.7%; }

.oneper label, .oneper div,
.threeper label, .threeper div,
.fourper label, .fourper div,
.fiveper label, .fiveper div,
.sixper label, .sixper div,
.sevenper label, .sevenper div,
.eightper label, .eightper div,
.nineper label, .nineper div,
.tenper label, .tenper div {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  border: none;
  border-collapse: collapse;
}
input#qty{ width:auto; max-width:50px; }