@charset "utf-8";
@import "../compass/css3";
html {
	background: #fff;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
body {
		width: 100%;
		margin: 0 auto;
		background: #fff;
}

header {
	height: 410px;

}
.inner_clearfix {	
	width: 1200px;
    position: relative;
    margin: 0 auto;
}
.home-slider-wrapper {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.header_top {
	width: 100%;
	background-color: #fff;
	height: 100px;
	float:left;
	margin-bottom:10px;
}
.esuk_logo {
	float:left;
	width: 50%;
	height: 100px;
	background-image: url(../images/esuk-logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-left:10%;
}
	
.navigation_holder {
	float:left;
	width: 30%;
	margin-top: 20px;
	
}
.index_container {
	float:left;
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
.contact_container {
	float: left;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	background-color: #333;
}
.index_contact{
	float: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #0CF;
	margin-top: 20px;
	margin-right: 20px;
}
.index_contact a{
	text-decoration: none;
	color: #0CF;
}
.index_contact a:hover{
	color: #76b726;
}
.index_contact a:visited{
	color: #0CF;
}
.header_slider {
	clear: both;
	width: 100%;
	height: 300px;
}

article {
	width: 85%;
	min-height: 20em;
	margin-bottom: 1em;
	margin-left:auto;
	margin-right:auto;
}
.index_box {
	width: 45%;
	height: 350px;
	float: left;	
	margin-top:10px;
	margin-right: 1%;
	margin-left: 1%;
}
.index_box_alt {
	width: 45%;
	height: 350px;
	float: left;	
	margin-top:10px;
	margin-right: 1%;
	margin-left: 1%;
}
.index_box_1_top {
	width: 100%;
	height: 50px;
	border-radius: 10px;
	background-color: #76b726;

}
.index_box_2_top {
	width: 100%;
	height: 50px;
	border-radius: 10px;
	background-color: #009fe3;
}

.index_box_1_top_txt {
	font-size: 24px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 10px;
}
footer{
	clear: both;
	text-align:center;
	height: 50px;
	background: #009fe3
}
.copyright {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	margin-top:10px;
}
.navigation {
	list-style: none;
	margin: 0;
	margin-bottom:1em;
	background: #fff;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	justify-content: flex-end;
}
.navigation a {
	text-decoration: none;
	display: block;
	padding: 1em;
	color: 009fe3;
}
.navigation a:hover {
	background: darken(#989595, 2%);
	color: #0F9;
}

.box_procurement {
	float:left;
	height:194px;
	width:426px;
}
.ep {
	height: 194px;
	width: 426px;
}

.ep_txt {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}
.ep_txt a {
	text-decoration:none;
}
.ep_txt a:hover {
	color: #0C3;
}
.ep_txt a:visited {
	color: #00F;
}
.box_quote {
	width:60%;
	height:350px;
	text-align:center;
	}
.box_button {
	width:200px;
	text-align:center;
	float:right;
	}
.bq {
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #5A5A5A;
	margin-top: 100px;
}
.qu {
	float:right;
	width:250px;
	height:193px;
	margin-top: 60px;

}
#contact_form {  
	color: #2e2e2e; 
	border-radius:4px;
	-webkit-border-radius:4px; 
	-moz-border-radius:4px; 
	padding:25px; 
}
input { 
	display:block; 
	width:90%;
	border-radius:4px; 
	-webkit-border-radius:4px;
	-moz-border-radius:4px; 
	background-color:#f4f4f4; 
	color:#000; 
	border:1px solid #5f5f5f; 
	padding:10px;
	margin-bottom:25px; 
}

.sendButton { /* sendButton class */
	cursor:pointer; /* set cursor display to pointer */
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1; /* box shadow definition dependant on brower type */
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1; /* box shadow definition dependant on brower type */
	box-shadow:inset 0px 1px 0px 0px #fce2c1; /* box shadow definition dependant on brower type */
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77baff), color-stop(1, #2585fb) ); /* box color gradeient definition dependant on brower type */
	background:-moz-linear-gradient( center top, #77baff 5%, #fb9e25 100% ); /* box color gradeient definition dependant on brower type */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77baff', endColorstr='#2585fb'); /* box color gradeient definition dependant on brower type */
	background-color:#77baff; /* background color #77baff */
	-webkit-border-radius:16px; /* draw input box with corners curved 16 pixels dependant on browser type */
	-moz-border-radius:16px; /* draw input box with corners curved 16 pixels dependant on browser type */
	border-radius:16px; /* draw input box with corners curved 16 pixels dependant on browser type */
	border:1px solid #77baff; /* draw solid border around color #77baff */
	color:#ffffff; /* Set font colour white */
	font-family:Arial; /* Set font family */
	font-size:14px; /* Set font size */
	width:25%; /* Set width at 25% of parent element */
	font-weight:bold; /* Set font weight to bold */
	text-shadow:1px 1px 0px #cc9f52; /* text shadow definition */
}
.sendButton:hover { /* sendButton hover class */
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77baff), color-stop(1, #77baff) ); /* box color gradeient definition dependant on brower type */
	background:-moz-linear-gradient( center top, #2585fb 5%, #77baff 100% ); /* box color gradeient definition dependant on brower type */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2585fb', endColorstr='#77baff'); /* box color gradeient definition dependant on brower type */
	background-color:#2585fb; /* background color #2585fb */
}
.contact_container_one {
	float: left; /* Place element on left side of its parent element */
	width: 100%; /* Set width at 100% of parent element */
	text-align: center; /* Align to center */
	background: #fff; /*Set background colour grey18 */
	padding-bottom: 20px;
}

.contact_center_container { /* about_center_container class */
	text-align: left; /* Align to the left */
	width: 980px; /* Set width at 980 pixels */
	margin-top: 1px; /* Margin 1 pixel outside element top */
	margin-right: auto; /* Set left and right margin automatically to center element */
	margin-bottom: 5px; /* Margin 5 pixels outside element bottom */
	margin-left: auto; /* Set left and right margin automatically to center element */
	padding-top: 2px; /* Set internal spacing padding 2 pixels size from top */	
}


.contact_container_one_left { /* contact_container_one_left class */
	float:left; /* Place element on left side of its parent element */
	width:530px; /* Set width at 530 pixels */
	height:450px;/* Set height at 450 pixels */
}
.contact_container_one_right { /* contact_container_one_right class */
	float:left; /* Place element on left side of its parent element */
	width:450px; /* Set width at 530 pixels */
	height:auto; /* Auto set height based on width */
	padding-top:80px; /* Set internal spacing padding 80 pixels size from top */
}
#contact_logo {
	float: left;
	width: 181px;
	margin-left: 180px;
	margin-top: 100px;
}
#about_office {
	float: left;
	width: 400px;
	margin-left: 30px;
	margin-top: 10px;
}
.thankyou { /* thankyou class */
	text-align: center; /* Align to the center */
	width: 100%; /* Set width at 100% of parent element */
	margin-top: 10%; /* Margin 10% outside element top */
}
.about_container_one {
	float: left; /* Place element on left side of its parent element */
	width: 100%; /* Set width at 100% of parent element */
	text-align: center; /* Align to center */
	background: #fff; /*Set background colour grey18 */
	padding-bottom: 20px;
}

.about_center_container { /* about_center_container class */
	text-align: left; /* Align to the left */
	width: 980px; /* Set width at 980 pixels */
	margin-top: 1px; /* Margin 1 pixel outside element top */
	margin-right: auto; /* Set left and right margin automatically to center element */
	margin-bottom: 5px; /* Margin 5 pixels outside element bottom */
	margin-left: auto; /* Set left and right margin automatically to center element */
	padding-top: 2px; /* Set internal spacing padding 2 pixels size from top */	
}


.about_container_one_left { /* about_container_one_left class */
	float:left; /* Place element on left side of its parent element */
	width:530px; /* Set width at 530 pixels */
	height:560px;/* Set height at 450 pixels */
}
.about_container_one_right { /* about_container_one_right class */
	float:left; /* Place element on left side of its parent element */
	width:450px; /* Set width at 530 pixels */
	height:auto; /* Auto set height based on width */
	padding-top:80px; /* Set internal spacing padding 80 pixels size from top */
}
.quote_container_one {
	float: left; /* Place element on left side of its parent element */
	width: 100%; /* Set width at 100% of parent element */
	text-align: center; /* Align to center */
	background: #fff; /*Set background colour grey18 */
	padding-bottom: 20px;
}

.quote_center_container { /* about_center_container class */
	text-align: left; /* Align to the left */
	width: 980px; /* Set width at 980 pixels */
	margin-top: 1px; /* Margin 1 pixel outside element top */
	margin-right: auto; /* Set left and right margin automatically to center element */
	margin-bottom: 5px; /* Margin 5 pixels outside element bottom */
	margin-left: auto; /* Set left and right margin automatically to center element */
	padding-top: 2px; /* Set internal spacing padding 2 pixels size from top */	
}

#quote_form {
	color: #2e2e2e;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 25px;
	text-align: center;
}
.elec_holder {
	float: left;
	height: 80px;
	width: 400px;
}
.mpan_top {
	float:left;
	width:100px;
	height:40px;
	margin-left:27px;
}
.mpan_bottom {
	float:left;
	width:70px;
	height:40px;
	margin-left:25px;
}
.slet {
	font-size: 36px;	
}


.file-upload{display:block;text-align:center;font-family: Helvetica, Arial, sans-serif;font-size: 12px;}
.file-upload .file-select{display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button{background:#dce4ec;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:#34495e;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:#34495e;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#3fa46a;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}