#lunchbox {
background: #FF7616;
margin: 18px 78px;
border: 3px solid #ffe;
padding: 9px;
position: relative;
float: left; }

#lunchbox form {
display: block;
width: 216px;
height: 216px;
margin: 9px;
padding: 0;
background: url(http://orangesplotch.com/media/images/site/buttonFreelunch.jpg) -42px -42px no-repeat;
position: relative;
float: left; }

#lunchbox form input.submit {
display: block;
width: 216px;
height: 216px;
padding: 0;
margin: 0;
border: 0;
text-indent: -99999px;
overflow: hidden; }

#opt-1 input.submit {
background: url(http://orangesplotch.com/media/images/site/buttonFreelunch.jpg) -42px -542px no-repeat; }
#opt-1 input:hover {
background: url(http://orangesplotch.com/media/images/site/buttonFreelunch.jpg) -292px -542px no-repeat;
cursor: pointer; }

#opt-2 input.submit {
background: url(http://orangesplotch.com/media/images/site/buttonFreelunch.jpg) -42px -292px no-repeat; }
#opt-2 input:hover {
background: url(http://orangesplotch.com/media/images/site/buttonFreelunch.jpg) -292px -292px no-repeat; 
cursor: pointer; }

#opt-3 input.submit {
background: url(http://orangesplotch.com/media/images/site/buttonFreelunch.jpg) -42px -42px no-repeat; }
#opt-3 input:hover {
background: url(http://orangesplotch.com/media/images/site/buttonFreelunch.jpg) -292px -42px no-repeat;
cursor: pointer; }

#lunchbox h3 {
height: 88px;
text-indent: -999999px;
overflow: hidden;
background: #fff url(http://orangesplotch.com/media/images/site/donation.jpg) center -9px no-repeat;
margin: 0;
border: 1px solid #999; }

#lunchbox p {
text-align: center;
color: #333;
margin: 15px 0 3px; }

#lunchbox p sup {
color: #B2DBF6; }