body {
  font-family : Hevetica, Verdana, Arial, Sans;
  font-size   : medium;
}

h2, h2 input {
  text-align : center;
}

textarea.description:empty {
  height : 1em;
}

textarea:empty, input[value=""] {
  border : 1px dashed #DDDDDD;
}

input, textarea {
  border    : 1px solid #FFFFFF;
  font-size : 1em;
}

input:focus, textarea:focus {
  border : 1px dotted #994444;
}

fieldset {
  width  : 40em;
  margin : 2em auto;
  border : 1px solid #000000;
}

input.section.name {
  width      : 15em;
  font-size  : 2em;
  text-align : center;
}

input.number {
  width      : 3em;
  text-align : center;
}

input.name {
  width : 30em;
}

ul.items li input.name, input.number {
  float : left;
}

input.price {
  width      : 4em;
  text-align : right;
  float      : right;
}

input.price::before {
  content : "$";
}

textarea.description {
  clear       : both;
  display     : block;
  margin      : .75em 1em .75em 2em;
  width       : 35em;
  font-family : Hevetica, Verdana, Arial, Sans;
  overflow    : visible;
}

ul.items {
  margin  : 0;
  padding : 0;
}

li { 
  list-style-type : none;
  margin          : .5em 0;
  padding         : 0;
  border-bottom   : 1px solid #9999DD; 
}

ul.modifiers li textarea.description {
  width : 30em;
}