@charset "utf-8";

/* **************** form on contact page ************* */
*{ 
margin:0; 
padding:0; 
outline:none; 
}
#contact_form{ 
width:600px;
margin:0 auto; 
height:430px; 
padding:0px 0px;
position:relative; 
}
form fieldset{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:14px;
margin:0px 0px 20px 0px; 
width:578px; 
position:relative;
border:0;
display:block; 
padding: 0px 10px 8px;
}
form fieldset legend{ 
border-width:1px; 
border-style:solid; 
border-color:#BBBB66; 
color:#3D7169;
font-weight:bold; 
font-variant:small-caps; 
font-size:140%; 
padding:4px 8px;
margin:0px 0px 10px 0px; 
position:relative; 
top: -12px; 
background:white;
}

label{ 
font-size:15px;
display:block;
float:left;
text-align:right;
margin:0px 0px 0px 0px; 
color:#fff; 
font-weight:bold;
padding:8px 0px; 
}
label.error{
font-weight:normal;
color:red;
text-align:left;
width:140px;
padding-left:25px;
}
input.text-input{ 
padding:2px 0px 2px 10px;
color:#333;
}
/* ** SURNAME ** */
label#surname_label{
position:absolute;
color:#333;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:-6px 0px 0px 97px;
font-size:15px;
}
input#surname{
position:absolute;
margin:0px 0px 0px 170px;
}
label#surname_error {
position:absolute;
color:red;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:-5px 0px 0px 362px;
font-size:15px;
}
/* ** FORENAME ** */
label#forname_label{
position:absolute;
color:#333;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:24px 0px 0px 98px;
font-size:15px;
}
input#forname{
position:absolute;
margin:30px 0px 0px 170px;
}
label#forname_error {
position:absolute;
color:red;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:25px 0px 0px 362px;
font-size:15px;
}
/* ** POSITION ** */
label#position_label{
position:absolute;
color:#333;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:54px 0px 0px 105px;
font-size:15px;
}
input#position{ 
position:absolute;
margin:60px 0px 0px 170px;
}
label#position_error{
position:absolute;
color:red;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:54px 0px 0px 362px;
font-size:15px;
}
/* ** ADDRESS ** */
label#address_label{
position:absolute;
color:#333;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:84px 0px 0px 103px;
font-size:15px;
}
input#address{ 
position:absolute;
margin:90px 0px 0px 170px;
}
label#address_error{
position:absolute;
color:red;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:85px 0px 0px 482px;
font-size:15px;
}
/* ** POSTCODE ** */
label#postcode_label{
position:absolute;
color:#333;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:115px 0px 0px 95px;
font-size:15px;
}
input#postcode{ 
position:absolute;
margin:120px 0px 0px 170px;
}
label#postcode_error{
position:absolute;
color:red;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:115px 0px 0px 302px;
font-size:15px;
}
/* ** EMAIL ** */
label#email_label{
position:absolute;
color:#333;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:145px 0px 0px 72px;
font-size:15px;
}
input#email{ 
position:absolute;
margin:150px 0px 0px 170px;
}
label#email_error{
position:absolute;
color:red;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:144px 0px 0px 362px;
font-size:15px;
}
/* ** PHONE ** */
label#phone_label{
position:absolute;
color:#333;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:174px 0px 0px 67px;
font-size:15px;
}
input#phone{ 
position:absolute;
margin:180px 0px 0px 170px;
}
label#phone_error{ 
position:absolute;
color:red;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:174px 0px 0px 305px;
font-size:15px;
}
/* ** NUMBER OF TESTS ** */
label#tests_label{
position:absolute;
color:#333;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:204px 0px 0px 53px;
font-size:15px;
}
input#tests{ 
position:absolute;
margin:210px 0px 0px 170px;
}
label#tests_error{ 
position:absolute;
color:red;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:205px 0px 0px 363px;
font-size:15px;
}
/* ** TEST DATE ** */
label#testdate_label{
position:absolute;
color:#333;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:234px 0px 0px 21px;
font-size:15px;
}
input#testdate{ 
position:absolute;
margin:240px 0px 0px 170px; 
}
label#testdate_error{ 
position:absolute;
color:red;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:235px 0px 0px 362px;
font-size:15px;
}
/* ** COMPANY/ORGANISATION ** */
label#company_label{
position:absolute;
color:#333;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:264px 0px 0px 94px;
font-size:15px;
}
input#company{ 
position:absolute;
margin:270px 0px 0px 170px; 
}
label#company_error{ 
position:absolute;
color:red;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:265px 0px 0px 362px;
font-size:15px;
}
/* ** OTHERINFO ** */
label#otherinfo_label{
position:absolute;
color:#333;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:294px 0px 0px 35px;
font-size:15px;
}
input#otherinfo{ 
position:absolute;
margin:300px 0px 0px 170px; 
}
label#otherinfo_error{ 
position:absolute;
color:red;
font-weight:300;
font-family:Arial, Helvetica, sans-serif;
margin:319px 0px 0px 146px;
font-size:15px;
}


input.button{ 
position:absolute;
padding:3px 6px;
border:2px solid #333;
margin:332px 0px 0px 170px;
color:#fff; 
font-family:Arial, Helvetica, sans-serif;
background:#111;
-moz-border-radius:4px;
font-weight:700;
}
input.button:hover{ 
background:red none repeat scroll 0% 0%; 
color:#fff;
font-weight:700;
}
#message{ 
width:300px;
margin:20px 0px 0px 100px;
}
#message h2{
width:300px;
font-size:20px;
color:#333;
}
#message p{
width:300px;
font-size:16px; 
color:#333;
font-weight:bold;
margin:4px 0px 0px 42px;
}
#checkmark{ 
position:relative;
margin:4px 0px 0px 94px;
}