@media screen and (min-width: 200px) {
.wrap input[type=text] {
    width: 190px!important;
}

  }

@media screen and (min-width: 400px) {
.wrap input[type=text] {
    width: 220px!important;
}

  }
  


.regwrap {
margin:auto;
display: block;
width:300px;
}
.wrap {
position: relative;
width:100%;
}
.reg-plate {
	background: linear-gradient(to bottom, #f8d038 0%,#f5ca2e 100%);
	padding: .25em 1em .25em 1.75em;
	font-weight: bold;
	font-size: 2em;
	border-radius: 5px;
	border: 1px solid #000;
	box-shadow: 1px 1px 1px #ddd;
	position: relative;
  font-family: helvetica, ariel, sans-serif;
}
.reg-plate-gb:before {
	content: 'GB';
	display: block;
	width: 30px;
	height: 93%;
	background: #063298;
	position: absolute;
	z-index:10;
	top: 0;
	border-radius: 5px 0 0 5px;
	color: #f8d038;
	font-size: 1em;
	line-height: 85px;
	padding-left: 5px;
}

.reg-plate-gb:after {
	content: '';
	display: block;
	position: absolute;
	z-index:10;
	top: 7px;
	left: 5px;
	width: 20px;
	height: 20px;
	border-radius: 30px;
	border: 1px dashed #f8d038;
}

.wrap input[type=text] {
height: 60px; 
width:300px;
padding: 12px 12px 12px 60px;
font-size: 21px !important;
font-weight:700;
margin:0;
color:#000;
border:1px solid #063298;
border-radius:2px; 
}
.regwrap input[type=submit] {
padding:0.8em 1.2em 0.8em 1.2em;
background: rgba(75,80,95, 1);
border:none;
font-size: 18px;
color:white;
cursor: pointer;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
border-radius: 3px;
}
.regwrap input[type=submit]:hover {
color:#f1ede6 !important;
background:rgba(42,44,52, 1);
text-decoration:none !important;
}


  
#quoteform input[type=submit] {
padding:0.8em 1.2em 0.8em 1.2em;
background: rgba(75,80,95, 1);
border:none;
font-size: 18px;
color:white;
cursor: pointer;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
border-radius: 3px;
    width: 180px;
 /*   float: right; */
	margin-right: 0%;
}
#quoteform input[type=submit]:hover {
color:#f1ede6 !important;
background:rgba(42,44,52, 1);
text-decoration:none !important;
}

@media screen and (max-width: 500px) {
#quoteform input[type=submit] {
	margin-right: 10%;
}
#quoteform input[type=submit]:hover {
margin-right: 10%;
}
  }

 #quoteform fieldset {
border:none;
}

#quoteform legend {
display: none;
}

#quoteform h2 {
    font-size: 1.6em;
    font-weight: 700;
    color: #222;
    margin: 1em 0 1em 0;
    padding: 0;
    line-height: 1.1em;
}


  @media screen and (min-width: 680px) {
#quoteform h2 {
    font-size: 1.6em;
    font-weight: 700;
    color: #222;
    margin: 1em 0 1em 0;
    padding: 0;
    line-height: 1.1em;
    margin-left: -70px;
    margin-right: -50px;
}
  }
  

#quoteform p {
margin-top: 10px;
margin-bottom: 10px
}


  @media screen and (min-width: 836px) {
  
#quoteform label {
	color:#fff;
width: 240px;
display: inline-block;
margin-bottom: 5px;
text-align: right;
padding-right: 20px;
}
 
#quoteform select {
width: 250px;
margin-bottom:3px;
  height: 40px;
    padding: 10px;
  padding-left: 15px;
    margin-left: 0px;
}

#quoteform input {
/* width: 250px; */
margin-bottom: 5px;
height: 40px;
  padding: 10px;
  padding-left: 60px;
}

#quoteform input#next {
/* background: url(/images/next.jpg) no-repeat; */
width:65px;
margin-top: 10px;
float: right;
height: 20px;
}

#quoteform input#submit {
/* background: url(/images/next.jpg) no-repeat; */
 /* width: 60px; */
  float: right;
  /* margin-right: 20px; */
    height: 20px;
	width: 200px;
}

 #top-content {
  background: none;
  padding: 10px;
 /*  border-top: 4px solid rgba(255, 255, 255, .5);
  border-bottom: 4px solid rgba(0, 0, 0, .5); */
  opacity: 0.9;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
/*   min-height: 350px; */
  width: 560px;
  margin-bottom: 30px;
}

#quote-top {
/* background: url(images/quote-top.png) no-repeat; */
/* width:190px; */
height:20px;
/* margin-left:0px; */
}

#quote-base {
/* background: url(images/quote-base.png) no-repeat; */
/* width:190px; */
 height:20px;
/* margin-left:0px; */
}

#quoteform {
/*   position: absolute;
  left: 822px;
  top: 140px; */
 /*  min-height:300px; */
}

#quote-main {
/* background: url(quote-bg.png) repeat-y;  */
width:500px; 
position:relative;
margin-left:auto; 
margin-right:auto;
}

}
#quotemessage {
/*   position: absolute;
  left: 250px;
  top: 140px;
  width:520px; */
}

#quote-main p {
/* 	margin-top:0px;
	padding-left:30px;
	padding-top: 20px; */
}
#headerarea {
	width:1000px;
	height:125px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
/* 
  input:required:invalid, input:focus:invalid, select:required:invalid, select:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
	padding-left:5px;
  }
  input:required:valid, select:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
	padding-left:5px;
  } */
  
  select:focus, input:focus { 
    background-color: yellow;
}
  
  @media screen and (max-width: 736px) {
  
  
 #quote-main {
/* background: url(quote-bg.png) repeat-y;  */
width:300px; 
position:relative;
margin-left:auto; 
margin-right:auto;
}
 
 #quote-top {
/* background: url(images/quote-top.png) no-repeat; */
/* width:190px; */
/* height:40px; */
/* margin-left:0px; */
}

#quote-base {
/* background: url(images/quote-base.png) no-repeat; */
/* width:190px; */
/*  height:40px; */
/* margin-left:0px; */
}

 #quoteform label {
width: 250px;
display: inline-block;
margin-bottom: 5px;
text-align: left;
padding-right: 20px;
 color:#fff; 
  text-shadow: none;
 display: none;
}

#quoteform select {
width: 250px;
margin-bottom:10px;
  height: 40px;
}

#quoteform input {
/* width: 250px; */
margin-bottom: 5px;
  height: 40px;
   /*  padding: 10px; */
text-align: center;
}

#quoteform input#next {
/* 
background: url(/images/next.jpg) no-repeat;
width:65px;
margin-top: 10px;
float: right;
height: 20px;
  margin-right: 25px; */
}

#quoteform input#submit {
/* background: url(/images/next.jpg) no-repeat;
  width: 60px;
  float: right;
   margin-right: 20px;
    height: 20px;
	  margin-right: 25px;
	  margin-top: 10px */
} 

#top-content {
 /*  background: #383E4E; */
  /* padding: 10px; */
 /*  border-top: 4px solid rgba(255, 255, 255, .5); */
 /*  border-bottom: 4px solid rgba(0, 0, 0, .5); */
  opacity: 0.9;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  /* min-height: 350px; */
  width: 95%;
  margin-bottom: 30px;
}
  
  }
  
    label#name-error.error {
    color: red;
    width: 100%;
    background: none;
	float: right;
	margin-right: 0px;
	padding-right: 10px;
	font-weight: bold;
}

label#firstname-error.error {
    color: red;
    width: 100%;
    background: none;
	float: right;
	margin-right: 0px;
	padding-right: 10px;
	font-weight: bold;
} 
label#lastname-error.error {
    color: red;
    width: 100%;
    background: none;
	float: right;
	margin-right: 0px;
	padding-right: 10px;
	font-weight: bold;
}
label#town-error.error {
        color: red;
    width: 100%;
    background: none;
	float: right;
	margin-right: 0px;
	padding-right: 10px;
	font-weight: bold;
}
label#email-error.error {
        color: red;
    width: 100%;
    background: none;
	float: right;
	margin-right: 0px;
	padding-right: 10px;
	font-weight: bold;
}
label#phone-error.error {
       color: red;
    width: 100%;
    background: none;
	float: right;
	margin-right: 10px;
	padding-right: 0px;
	font-weight: bold;
}
label#phone2-error.error {
       color: red;
    width: 100%;
    background: none;
	float: right;
	margin-right: 10px;
	padding-right: 0px;
	font-weight: bold;
}

#titleBar {
	display:none;
}