/* for the options thingy */

ul.options{display: block;}

.options li{display: block; border-top:1px solid #ddd; position: relative; background: none;}
.options li .select{width: 47px; height: 47px; background: url(../images/options/circles.jpg) no-repeat 0 -47px; position: absolute; top:50px; left: 4px;}
.options li .select input{position: absolute; top:50%; left: 50%; margin: -7px 0 0 -7px;}
.options li .thumb{position: absolute; height: 90px; width: 142px; position: absolute; top:26px; left: 65px; background: url(../images/options/arrow.jpg) no-repeat left; padding: 0 0 0 6px;}
.options li .thumb a{display: block; height: 90px; padding: 0 0 9px}
.options li .thumb a img{border: 3px solid #000;}

.options li h3, .options li p{padding-left: 210px;}
.options li h3{padding-top: 20px; padding-bottom: 0; width: 100%;}
.options li h3 span{ display: block; font-size: 16px; margin: -6px 0px 0px 0px;}

/* active states for more links */
.options li em{display: block;}
.options li strong{display: none;}
.options li .more{display: none;}

.options li.active em{display: none;}
.options li.active strong{display: block;}
.options li.active .more{display: block;}


.options li.checked .select{background-position: 0 0;}


p.someInputs{position: relative; padding-left: 240px;}
p.someInputs label{width: 230px; position: absolute; top: 0; left: 0; padding: 5px; background: #f9f9f9;}
p.someInputs input, p.someInputs textarea{border: 1px solid #ccc; padding: 5px; font-size: 16px; width: 330px; color: #555;}
p.someInputs textarea{font-family: inherit;}

p.someInputsSubmit input{width: 340px;}


.optionsFormSuccess{padding: 20px; border: 2px solid #2c9100; background: #f0ffea;}