@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

	body {font-family: 'Arial', sans-serif;}

	html, body  { font-family:  'Arial', sans-serif!important;; font-weight: 300}


	h1,h2,h3 {font-family:  'Arial', sans-serif}	

/* client colours #004D97 #E2001A */ 

	#gateway #retailercarousel .carousel-control, #gateway .colour1shell .container .panel-body p {color: #FFF;}
	
	#gateway .btn-success {background: 	#00aa7e; border-color: #00aa7e; border-radius: 0!important}

	#gateway .colour1shell p, .colour1shell h2, .colour2shell h2 {color: #FFF;}
	.colour2shell p {color: #2d383f}
	#gateway .colour1shell .btn-default {color: #004b8d; border: none}
	
	#gateway .colour1shell {background: #004b8d; color: #FFF;}
	#gateway .colour2shell {background: #d5d5d5;}
	#gateway .colour3shell {background: #FFFFFF;}

	#gateway .testimonialshell img {
		background: #00aa7e;
		border-radius: 150px;
		border: 1px solid #00aa7e;
		margin: auto;
	}
	#gateway .page-header {
		border-top: none;
		padding: 0px;
	}
	.service-img  {
		border-radius: 0px!important;		
	}	
	#devicetype h3 {
		color: #004b8d!important;
	}

	#gateway .alignmiddleinner .img-circle {border: solid 2px #5A5A59;}
	#gateway #savingscalc .ui-widget-content, #gateway .signinmenu { background: #ffffff}
	#gateway #savingscalc .ui-widget-content, #gateway .signinmenu a { 
		background: #ffffff; 
		color: #00aa7e;
	}	
	#gateway #savingscalc .ui-widget-content, #gateway .signinmenu a:hover { 
			background: #ffffff; 
			color: #00aa7e;
	}
	.signinmenu>li>a {color: #00aa7e!important}
	.colour1shell a.white, .colour1shell a.white:hover, .colour1shell h3 {color: #FFFFFF!important;}
	
	#gateway #strapline {height: 145px}
	
	.has-error .control-label, label.error {color: #FFF}
	.gatewayfeatures .thumbnail .caption, .gatewayfeatures .thumbnail .caption h3, .colour2shell h3 {
		color: #FFFfff!important;
	}

	.btn-primary, .btn-primary:active, .btn-primary.active, #fuelcardchoice .module a.btn-primary {
		border-color: #00aa7e;
		background: #ffffff;
		border-radius: 0;
	}
	.btn-primary:hover, .btn-primary:focus, #fuelcardchoice .module a.btn-primary:hover, #fuelcardchoice .module a.btn-primary:focus {
		background: #00aa7e;
		background-color: #00aa7e;
		border-color: #00aa7e;
		transition: background 300ms ease;
		-moz-transition: background 300ms ease;
		-webkit-transition: background 300ms ease;
		transition: color 300ms ease;
		-moz-transition: color 300ms ease;
		-webkit-transition: color 300ms ease;
	}
	h3.welcome-heading {
		color: #004b8d;
	}
#gateway #footershell .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #00aa7e;
	border-bottom: 2px solid #00aa7e;
	margin: 5px;
	background: #000;
	transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-webkit-transition: background 300ms ease;
	transition: color 300ms ease;
	-moz-transition: color 300ms ease;
	-webkit-transition: color 300ms ease;
}