@charset "utf-8";
/* CSS Document */

/* colour card request form */

#colourcard_form {background:url(../images/form_bg.jpg) top repeat-x; width:96%; margin-top:1em; padding:3% 2% 2% 2%; height:240px; }
#primababy_form {background-color: #f5f6fa; width:96%; margin-top:1em; padding:3% 2% 2% 2%;}

label{float:left;}
label.top{display:block; float:none;}

.group1{width:50%; float:left; padding:0px; margin:0px;}
.group2{width:50%; float:left;}

input{background:url(../images/input_bg.gif) repeat-x; border:#D7DFE8 2px solid;}
input.send{width:150px; background:none; border:none;}

input:focus{border:#A7D51A 2px solid;}
input.submit:active{border:none;}

input.required:focus{border:#E50272 2px solid;}/*For validation (if the User has not silled in a field that is required

/*resit width of non-text inout fields*/

input.radio, input.checkbox, input.send {width:auto;}
input.radio {float:left; margin-right:1em;}

input.send {width:auto;}

.alignright{text-align:right; padding:5px;}

/*display labels next to for elements, add a class for when you want them to stack*/

label {float:left;}
label.top {display:block; float:none;}

/*form column ids*/

#formleftcol{width:45%; float:left; padding-right:1em; padding-left:1em; border-right:#D7DFE8 1px dashed;}
#formrightcol{width:47%; float:left; padding-left:1em;}

/*legend title*/

#PersonalInformation{margin-bottom:1em;}
.clear{clear:both;}

/*messages*/

p.message{color:#01A9E5;} /*error messages*/
p.required_fields{color:#00448A;} /*required*/