#dirformcon img { border: none; }
#dirformcon p{margin: 0 0 1em 0;}
#dirformcon h2 { font-size: 14px; margin: 0 0 12px; }
#dirformcon{margin: 0px auto;width: 810px;}
#dirformcon {margin: 0 0 0px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#dirformcon ol{list-style-type: none;padding: 0;margin: 0;}
#dirformcon li{margin: 0 0 20px;position: relative;}
#dirformcon label{width: 150px;display: inline-block;vertical-align: top; margin-left:70px; font-size:14px; font-weight:normal; padding-top:5px;}
legend{ color:#00C492;}

    
#dirformcon  input,#dirformcon  select{background: #fff; /*url(../images/ico_validation.png) 310px 6px no-repeat;*/display: inline-block;width: 300px;border: 1px solid #b082ea;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease; background-color:#f6eeff; outline:0px;}
#dirformcon  .mobiletextbox{background: #fff; /*url(../images/ico_validation.png) 310px 6px no-repeat;*/display: inline-block;width: 270px;border: 1px solid #b082ea;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease; background-color:#f6eeff;outline:0px;}
#dirformcon  .emailtextbox{background: #fff; /*url(../images/ico_validation.png) 310px 6px no-repeat;*/display: inline-block;width: 253px;border: 1px solid #b082ea;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease; background-color:#f6eeff;outline:0px;}

#dirformcon  textarea{display: inline-block;width: 300px;border: 1px solid #b082ea;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease; resize:none; background-color:#f6eeff;outline:0px;}
#dirformcon  input[type="checkbox"]{width:20px;}
#dirformcon  input[type="radio"]{width:20px;}
#dirformcon  select{ width: 300px; padding: 5px; padding-left:0px; outline:0px;}
#dirformcon  #postcode{ padding: 3px; width: 270px; }
#dirformcon input::-webkit-input-placeholder,#dirformcon input:-moz-placeholder input:placeholder{color: #f2f2f2;}
#dirformcon .validation01{background: #F08080;color: #fff;display: none;font-size: 12px;padding: 3px;position: absolute;right: -10px;text-align: center;top: 0;width: 250px;outline: 0;-moz-box-shadow: 0px 0px 4px #ffffff;-webkit-box-shadow: 0px 0px 4px #ffffff;box-shadow: 0px 0px 4px #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#dirformcon input:focus + .validation01{ display: block; }
#dirformcon input:focus:required:invalid + .validation01 .valid,#dirformcon input.error:focus + .validation01 .valid,#dirformcon input.required:focus + .validation01 .valid,#dirformcon input:focus + .validation01 .valid{ display: none; }
#dirformcon input:focus:required:valid + .validation01,#dirformcon input.valid:focus + .validation01{ background: green; }
#dirformcon input:focus:required:valid + .validation01 .invalid,#dirformcon input.valid:focus + .validation01 .invalid{ display: none; }
#dirformcon input:focus:required:valid + .validation01 .valid,#dirformcon input.valid:focus + .validation01 .valid{ display: block; }
#dirformcon  input:required:valid{background-color: #fff;background-position: 260px -61px;}
#dirformcon input.error{background-color: #F08080; background-position: 260px 3px;outline: none; }
#dirformcon input.required{background-color: #fff; background-position: 260px -30px;}
#dirformcon input.valid { background-color: #fff;background-position: 260px -61px;}
#dirformcon input.error::-webkit-input-placeholder,#dirformcon inputerror :-moz-placeholder {color: #f2f2f2;}
#dirformcon input[type="submit"]{background:#ff6a00; border:none; width:200px; margin-right:348px; margin-top:10px; margin-bottom:30px; float:right; padding:2px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer; font-size:18px; outline:0px;}

.checkusername
{
    padding: 5px 0 0 5px; width:150px; float:right; margin-right:5px;
   
}
.checkusernamee
{
   display:none;
   
   
}
.dealdetailstitle
{
     background-color:#b082ea;
     color:#fff;
     padding-left:10px;
     padding-top:1px;
     padding-bottom:1px;
     font-size:18px;
     
}
@media only screen and (max-width : 1200px) {
    .checkusername
{
    padding: 5px 0 0 5px; width:150px; float:right; margin-right:5px;
   
}
    .checkusernamee
{
   padding: 5px 0 0 5px; width:150px;  margin-right:5px;
   
   
}
}
@media only screen and (max-width : 1024px) {
     .checkusername
{
    padding: 5px 0 0 5px; width:150px; float:right; margin-right:5px;
   
}
     .checkusernamee
{
   padding: 5px 0 0 5px; width:150px;  margin-right:5px;
   
   
}
}
@media only screen and (max-width : 992px) {
    .checkusername
{
    padding: 5px 0 0 5px; width:150px; float:right; margin-right:5px;
   
}
    .checkusernamee
{
   padding: 5px 0 0 5px; width:150px;  margin-right:5px;
   
   
}
    #dirformcon{width: 750px;}
}
@media only screen and (max-width : 768px) {
     .checkusername
{
    padding: 5px 0 0 5px; width:150px; float:right; margin-right:95px;
    
}
     .checkusernamee
{
   padding: 5px 0 0 5px; width:150px;  margin-right:5px;
   
   
}
    #dirformcon label{width: 120px;margin-left:40px; }
    #dirformcon  input,#dirformcon  select{width: 250px;}
#dirformcon  textarea{width: 250px;}
#dirformcon  select{ width: 250px;  }
    #dirformcon .mobiletextbox {
        width: 220px;
    }
     #dirformcon .emailtextbox {
        width: 203px;
    }
    #dirformcon input[type="submit"]{margin-right:348px; }
    #dirformcon .validation01{right:100px; width:160px;}
    #dirformcon{width: 640px;}
}
@media only screen and (max-width : 640px) {
    #dirformcon label{width: 120px;margin-left:40px; float:none; }
    #dirformcon  input,#dirformcon  select{width: 250px;float:none;}
#dirformcon  textarea{width: 250px;float:none;}
#dirformcon  select{ width: 250px;  float:none;}
    #dirformcon .mobiletextbox {
        width: 220px;
    }
    .checkusername
{
    background-color:red;
}
    #dirformcon input[type="submit"]{margin-right:348px; }
    #dirformcon .validation01{right:100px; width:160px;}
   .checkusernamee
{
   padding: 5px 0 0 5px; width:375px;   height:35px; background-color:#F08080;  margin-left:40px; margin-right:auto;
   float:none;
   display:block;
   
}
   #dirformcon{width: 480px;}
}
@media only screen and (max-width : 480px) {

}
@media only screen and (max-width : 320px) {
}