@font-face {
    font-family: 'roboto_condensedbold';
    src: url('RobotoCondensed-Bold-webfont.eot');
    src: url('RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  background: #ffffff;
  text-align:center;
	}
	
.main {
	padding: 0;
	width: 911px;
	margin: 20px auto;
	}	
	



textarea[name=property_type] 	{
    position:relative;float:left;width:98%;height:70px;resize: none;
}

textarea[name=difficulty] 	{
    position:relative;float:left;width:98%;height:70px;resize: none;
}

textarea[name=comments] 	{
    position:relative;float:left;width:99%;height:70px;resize: none;
}

.formcontainer	{
    width:100%;
    height:auto;
    margin-bottom:30px;
}



.formcontainershed	{
    width:100%;
    height:auto;
    margin-top:-20px;
    margin-bottom:50px;
}

.formcontainercomments	{
    width:100%;
    height:auto;
    margin-top:-20px;
    margin-bottom:50px;
}

.logo	{
    float:left;
}

.logocontainer	{
    width:100%;
    height:95px;
    display:block;
    margin-bottom:30px;
    background:#0b2a6f;
}


ul.formfour{
	clear: none;
	margin:0;padding:0;
	list-style: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;font-size: 12px;
	color: #333333;
	text-align:left;
	width: 100%;
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
    -webkit-column-width: 25%; /* Chrome, Safari, Opera */
    column-width: 25%;}
    
ul.formfour li {
    margin:0;
    height:35px;
    line-height: 30px;
    padding: 0;
} 

 
    
    


ul.formtwo{
	clear: none;
	margin:0;padding:0;
	list-style: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;font-size: 12px;
	color: #333333;
	text-align:left;
	width: 100%;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
    -webkit-column-width: 50%; /* Chrome, Safari, Opera */
    column-width: 50%;}    
    

    
ul.formone{
	clear: none;
	margin:0;padding:0;
	list-style: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;font-size: 12px;
	color: #333333;
	text-align:left;
	width: 50%;
} 

input	{
    position:relative;float:right;
}

input[name=email] 	{
    width:96%;height:20px;margin-bottom:15px;margin-top:5px;position:relative;float:left;
}

input[name=shed_size] 	{
    width:96%;height:20px;margin-bottom:0;margin-top:0;position:relative;float:left;
}

input[name=submit] 	{
    position:relative;float:left;margin-bottom:40px;margin-top:40px;
}



input[name=quote_value]{width:98%;height:20px;margin-bottom:15px;margin-top:5px;}
input[name=quote_company]{width:98%;height:20px;margin-bottom:15px;margin-top:5px;}
input[name=name]{width:98%;height:20px;margin-bottom:15px;margin-top:5px;}
input[name=from_address1]{width:98%;height:20px;margin-bottom:15px;margin-top:5px;}
input[name=from_address2]{width:98%;height:20px;margin-bottom:15px;margin-top:5px;}
input[name=from_town]{width:98%;height:20px;margin-bottom:15px;margin-top:5px;}
input[name=from_county]{width:98%;height:20px;margin-bottom:15px;margin-top:5px;}
input[name=from_postcode]{width:98%;height:20px;margin-bottom:15px;margin-top:5px;}
input[name=from_phone]{width:98%;height:20px;margin-bottom:15px;margin-top:5px;}
input[name=moving_date]{width:98%;height:20px;margin-bottom:15px;margin-top:5px;}
input[name=to_address1]{width:98%;height:20px;margin-bottom:15px;margin-top:5px;}
input[name=to_address2]{width:98%;height:20px;margin-bottom:15px;margin-top:5px;}
input[name=to_town]{width:98%;height:20px;margin-bottom:15px;margin-top:5px;}
input[name=to_county]{width:98%;height:20px;margin-bottom:15px;margin-top:5px;}
input[name=to_postcode]{width:98%;height:20px;margin-bottom:15px;margin-top:5px;}
input[name=to_phone]{width:98%;height:20px;margin-bottom:15px;margin-top:5px;}


     
    
ul.proptype li {
    margin:0;
    height:35px;
    line-height: 15px;
    padding: 0;
}

ul.proptype{
	clear: none;
	margin:0;padding:0;
	list-style: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;font-size: 12px;
	color: #333333;
	text-align:left;
	width: 100%;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
    -webkit-column-width: 50%; /* Chrome, Safari, Opera */
    column-width: 50%;}        


h2.formtitle {
	font-family: Arial;
	font-weight:bold;display:block;
	width:98%;
	height:auto;
	line-height:18px;
	padding-left: 1%;
	padding-right: 1%;
	padding-top:8px;
	padding-bottom:8px;
	color:#ffffff;
	vertical-align: bottom;
	background: #b1006d;
	text-align:left;
	font-size: 18px;}   
	
h2.maintitle {
	display:block;font-family: Arial;
	font-weight:bold;display:block;
	height:18px;
	line-height:18px;
	padding-top: 64px;
	color:#ffffff;
	vertical-align: bottom;
	text-align:left;
	font-size: 18px;}   	
	

	
p {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:left;
	}	
	
p.ulintro {
	margin-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;font-size: 13px;
	color: #333333;
	text-align:left;
	}	
	
p.intro {
	margin-bottom:20px;
	}		
	
.orange {
	font-weight:bold;color: #fd9501;
	}		
	
em {
	font-weight:bold;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal; color: #CC0000;
	text-align:left;
		}	
		
em.requiredone {
	font-weight:bold;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal; color: #CC0000;
	text-align:left;
		}			
		


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {

.main {
	padding: 0;
	width: 660px;
	margin: 20px auto;
	}	
	


ul.formfour{
	width: 100%;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
    -webkit-column-width: 33%; /* Chrome, Safari, Opera */
    column-width: 33%;}		
					
	
}

/************************************************************************************** for 700px or less */
@media screen and (max-width: 660px) {

 ul.formfour{
	width: 100%;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
    -webkit-column-width: 50%; /* Chrome, Safari, Opera */
    column-width: 50%;}		
					
.formcontainer	{
    width:100%;
    height:auto;
}
   				
.main {
	padding: 0;
	width: 100%;
	margin: 20px auto;
	}	
	
		
}


/************************************************************************************** for 480px or less */
@media screen and (max-width: 480px) {

ul.formfour{
	margin-left:40px;width: 60%;
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
        -webkit-column-width: 100%; /* Chrome, Safari, Opera */
    column-width: 100%;}		
			
ul.formtwo{
	clear: none;
	height:auto;
	margin-bottom:50px;
	padding:0;
	list-style: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;font-size: 12px;
	color: #333333;
	text-align:left;
	width: 100%;
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    
    column-count: 1;
    -webkit-column-width: 100%; /* Chrome, Safari, Opera */
    column-width: 100%;}    
    
.formcontainer	{
    width:100%;
    height:auto;
    }
    
ul.formone{
	clear: none;
	margin:0;padding:0;
	list-style: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;font-size: 12px;
	color: #333333;
	text-align:left;
	width: 100%;
} 

ul.proptype{
	clear: none;
	margin:0;padding:0;
	list-style: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;font-size: 12px;
	color: #333333;
	text-align:left;
	width: 100%;
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    -webkit-column-width: 100%; /* Chrome, Safari, Opera */
    column-width: 100%;}        
 	    
 ul.proptype li {
    margin:0;
    height:auto;
    line-height: 15px;
    padding: 0;
}

em.requiredone {
	display:none;
		}		
h2.maintitle {
	display:none;}   	
        
}