/* general styles */
.enquiryForm {
width:94%; margin:0 auto; display:block;
}
.enquiryForm h2 {
   font-size: 1.2em;
   margin-right:5.88235%;  /* 8px  /  272px */
   color: #114076;
   border-bottom:1pt solid #113a26;
   padding-bottom:4px;
}
.enquiryForm h3 {
   font-size: 1.5em;
   color: #114076;
   padding:0px;
   margin:20px 0 0 0;
}
.enquiryForm li {
   list-style: none;
   margin-bottom: 15px;
   margin-left: -20px;
   width:100%;
   border:0pt solid red;
   clear:both;
}

/* aligning the labels and form elements */
label {
  display: block;
  float: left;
  width:41%;  /* 102px  /  272px */
  text-align: right;  
}
p.checkboxIntro {
  float: left;
  width:100%;  /* 102px  /  272px */
  text-align: center;
  margin:0;  
}
ul li.checkBox {
line-height:20px; padding:0; margin:0 0 0 -16px; 
}
ul li.topcheckBox {
padding-top:10px;
}
ul li.bottomcheckBox {
padding-bottom:20px; 
}



input:hover,input:hover:required:invalid,input:hover:required:valid, input:focus, textarea:hover, textarea:hover:required, textarea:focus, select:hover, select:focus {
   background-color:#fff;
}
input[type=file] {
   padding: 6px 0px;
   font-size:  1.3em;
   width:auto;  /* 130px  /  272px */
}
input[type=checkbox] {
   padding: 1px 0px;
   font-size:  1.5em;
   width:auto;
   height:1em;
}
input[type=submit], input[type=reset] {
   width:80px;
   font-size: 1.3em;
   margin:10px 0;
}
input, select, textarea {
   /*margin-left: 1em*/ margin-left:2%;  /* 8px  /  272px */
   width:52%;  /* 130px  /  272px */
   margin-bottom:10px;
}
input[type=submit] {
float:right; margin:0 -10px 0 0; display: block;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
input[type=submit] {
float:right; margin:0 2px 0 0; display: block;
}
}
input[type=reset] {
float:left; margin:0;
}
li span.reset {
  display: block;
  margin-left:43%;
  margin-right:5%;
  text-align: right;
  width:52%;
  height:34px;
  border:0pt solid red;  
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
li span.reset {
  display: block;
  margin-left:2%;
  margin-right:2%;
  text-align: right;
  width:auto;
  height:34px;
  border:0pt solid red;  
}
}
input[type=text], input[type=submit], input[type=reset], input[type=file], input[type=password], input[type=radio], textarea, legend, fieldset, select {
	padding: 3px;
   border-radius : 5px;
   -o-border-radius : 5px;
   -moz-border-radius : 5px;
   -webkit-border-radius : 5px;
}
input:focus:required:invalid, textarea:focus:required:invalid {
  /*background-color:#fff;*/
  background:url('../img/validation_icons.gif') 108% 4px no-repeat;
}
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
input:focus:required:invalid, textarea:focus:required:invalid {
  /*background-color:#fff;*/
  background:url('../img/validation_icons.gif') 119% 4px no-repeat;
}
}
input:focus:required:valid, textarea:focus:required:valid {
  /*background-color:#fff;*/
  background:#ebf2f1 url('../img/validation_icons.gif') 100% -25px no-repeat;
}

input, textarea, select, input:required, textarea:required {border: 2px solid #236d86; background-color:#e2eaee;}

::-webkit-input-placeholder {color:#94a8b5;}
:-moz-placeholder {color:#94a8b5;}

#enquiryForm p {width:100%;}


/* positioning the nested form elements */
#enquiryForm li ul li {
   margin-bottom: 0;
}

/* specific color rules */
fieldset {
   background-color: #fff;
   margin: 20px 0;
   border: 3px solid #236d86;
   padding:0;
}
legend {
   background-color: #236d86;
   padding: 7px 10px;
   font-size: 1.2em;
   color:#fff;
   font-weight:bold;
   margin:0 4%;
}
label p span {
color:#af4553; 
}
.enquiryForm span {
color:#c51c23;
}
section#contactUs {
   border-radius : 5px;
   -o-border-radius : 5px;
   -moz-border-radius : 5px;
   -webkit-border-radius : 5px;
   border: 4px solid #113a26;
   padding:0 8px 8px 8px;	
   background-color: #ebf2f1;
   margin:30px 0 40px 0;
}