form {
/*width:500px;*/
background:#FFF;
}

form h2 {
clear:both;
padding:1em 0 2px 0;
border-bottom:1px solid #000;
}
form ul,
form ol {
clear:both;
margin:0;
padding:0;
}
form li {
clear:both;
float:left;
width:100%;
margin:0;
padding:0;
border-bottom:1px solid #EEE;
list-style:none;

}

.wrapForm { 
clear:both;
width:456px;
}

/* Labels and Inputs */
li label,
li input,
li textarea {
margin-top:8px;
margin-bottom:4px;
font-size:16px;
padding:1px;
}
li label {
clear:left;
float:left;
width:180px;
text-align:right;
}
li input, li div.input, li#exp div, li.check label, li textarea {
float:right;
width:250px;
}
li textarea {
width:250px;
font-family:Arial, Helvetica, sans-serif;
position:relative;
}
div.input {
margin-top:10px;
}


/* Input checkboxes should float left, not right */
li.check {
padding-top:0px;
}
li.check label { 
clear:none;
text-align:left;
width:300px;
margin-right:50px;
}

li.check input {
clear:none;
float:right;
width:55px;
background:none;
margin-top:10px;
border:0;
}

.radio div.radios {
display:block;
float:right;
width:260px;
margin:0 0 5px 0;
padding:0;
}
.radios input {
border:2px solid blue;
float:left;
width:15px;
position:relative;
top:5px;
margin:0 0 0 10px;
}
.radios label {
display:block;
clear:right;
float:right;
margin:0;
width:220px;
text-align:left;
}
/* Backgrounds */
li input,
li textarea {
border:1px solid #999;
background:#FFFFFF url(../img/shared/layout/bg-input-d.gif) 0 0 repeat-x;
}

/* No backgrounds for radios and checks */
li.check input,
li.radio input {
background:none;
border:0;
}

/* Submit Buttons */
div.buttons {
clear:both;
padding-top:10px;
margin-bottom:15px;
text-align:center;
}
div.buttons input {
padding:2px 4px;
font-size:16px;
}

/* Individual widths cc expiry dates */

li#exp input {
float:none;
display:inline;
width:auto;
}
li#exp div {
position:relative;
left:-4px;
}

div#messageBox {
border:2px solid #000;
padding:1em;
}

/**
*** Send a card option
*/
#sendCard {
clear:both;
background:#EFEFEF;
margin-top:8px;
padding:4px 14px 18px 14px;
}

/**
*** Preview Card
**/
#wrapCard {
clear:both;
padding:15px;
background:#FFF;
border:1px solid #000;
margin:0 auto;
margin-top:20px;
text-align:center;
}
#previewCard {
border:1px solid #FF4040;
}

#cardBlurb {
display:block;
padding-top:35px;
margin:0px auto 0 auto;
}
#cardBy {
display:block;
margin:0 auto;
}
#cardLogo {
float:right;
}

#previewDescription {
margin-top:9px;
height:18px;
}

#previewSignature { 
height:18px;
margin-bottom:18px;
}
#previewMessage {
float:left;
height:95px;
width:315px;
padding-left:10px;
text-align:left;
}
#previewCard div {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-style:italic;
font-weight:normal;
}

