/** FONTS **/
.roboto			{ font-family:'Roboto', sans-serif; }
.roboto-slab	{ font-family:'Roboto Slab', serif; }



/** COLOURS **/
.orange				{ color:#EB641C; }
.blue				{ color:#A0C9EC; }
.torquoise			{ color:#CEE4C4; }
.pink				{ color:#F199C0; }
.yellow				{ color:#FFF03C; }



/** GENERAL **/
html							{ height:100%; }
body							{ font-family:'Roboto', sans-serif; font-size:14px; margin:0px; }
.fw-wrapper,
.full-width-wrapper				{ width:100%; clear:both; display:block; }
.fw-margins						{ width:100%; max-width:999px; margin:0px auto; }
.fw-padding						{ padding:0px 10px; }
h1,h2,h3,h4,.pFeatures-title						{ font-family:'Roboto Slab', serif; font-weight:normal; margin:0px; }
hr								{ clear:both; margin:20px 0px; border-top:0px; }
a								{ text-decoration:none; }
.cookiebox p a					{ text-decoration:underline; }
.form .form-error-summary		{ padding:20px; border:none; }
.form .form-textbox input,
.form .form-textbox textarea 	{ padding:10px; min-width:3em; }
.btn,
a.btn,
.Btn,
a.Btn {
  padding:10px 20px;
  text-transform:uppercase;
  font-family:'Roboto Slab', serif;
  color:#FFFFFF;
  background:#000000;
}
.btn:hover,
a.btn:hover,
.Btn:hover,
a.Btn:hover {
  color:#FFFFFF;
  background:#555555;
}

a								{ color:#000000; }
a:hover							{ color:#555555; }



/** LAYOUT **/
.fw-wrapper			{ width:100%; }
.fw-margins			{ margin:0px auto; max-width:960px; }
.fw-padding			{ padding:0px 10px; }



/** DROP SHADOW **/
.drop-shadow,
.up-shadow		{ position:relative; z-index:999; }
.drop-shadow	{ width:100%; clear:both; height:20px; margin:0px 0px -20px 0px; }
.up-shadow		{ width:100%; clear:both; height:20px; margin:-20px 0px 0px 0px; }

.drop-shadow	{ background:transparent url(backgrounds/drop-shadow.png) repeat-x 0% 0%; }
.up-shadow		{ background:transparent url(backgrounds/up-shadow.png) repeat-x 0% 0%; }



/** FORMS **/
.form .form-error-summary									{ padding:20px; }
.form .form-error-summary h4								{ font-size:2em; font-weight:300; }
.form .form-error-summary ul								{ list-style:none; margin:0px; padding:0px; font-weight:600; }
.form .form-textbox input,
.form .form-textbox textarea								{ display:block; padding:10px; width:100%; }
.form .form-textbox input,
.form .form-textbox textarea,
.form .styledd,
.form .htmldd												{ font-family:'Roboto Slab', serif; }
.form .form-textbox textarea								{ height:200px; }
.form .form-row .form-label									{ display:none; }
.form .styledd,
.form .htmldd												{ text-align:left; width:250px; margin:0px 10px 0px 0px; }
.form .base-row .form-row									{ display:inline-block; vertical-align:middle; }
.form .base-row .btn										{ font-weight:300; padding:7px 50px; margin:-1px 0px 0px 0px; }

.form .form-error-summary	 								{ color:#FFFFFF; border:none; background:#000000; }
.form .form-error-summary h4								{ color:#FFF03C; }
.form .form-textbox input,
.form .form-textbox textarea,
.form .styledd,
.form .htmldd												{ border:2px solid #000000; background:transparent; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; color:#000000; }
.form input::-webkit-input-placeholder 						{ color:#000000 !important; }
.form input:-moz-placeholder 								{ color:#000000 !important; }
.form input::-moz-placeholder 								{ color:#000000 !important; }
.form input:-ms-input-placeholder 							{ color:#000000 !important; }
.form textarea::-webkit-input-placeholder 					{ color:#000000 !important; }
.form textarea:-moz-placeholder 							{ color:#000000 !important; }
.form textarea::-moz-placeholder 							{ color:#000000 !important; }
.form textarea:-ms-input-placeholder 						{ color:#000000 !important; }
.form .styledd::-webkit-input-placeholder 					{ color:#000000 !important; }
.form .styledd:-moz-placeholder 							{ color:#000000 !important; }
.form .styledd::-moz-placeholder 							{ color:#000000 !important; }
.form .styledd:-ms-input-placeholder 						{ color:#000000 !important; }
.form .htmldd::-webkit-input-placeholder 					{ color:#000000 !important; }
.form .htmldd:-moz-placeholder 								{ color:#000000 !important; }
.form .htmldd::-moz-placeholder 							{ color:#000000 !important; }
.form .htmldd:-ms-input-placeholder 						{ color:#000000 !important; }
.form .base-row .btn										{ background:#000000; color:#FFFFFF; }
.form .base-row .btn:hover									{ background:#555555; color:#FFFFFF; }



/** COOKIES **/
.cookiebox		{ z-index:999999; }



/** CTA BANNERS **/
.CTABanner {
  background: #EDEDED;
  padding: 40px 0px;
	font-family: 'Roboto Slab', serif;
	font-size: 2.5em;
	font-weight: 300;
}
.CTABanner .CTABanner-text {
  display: inline-block;
	vertical-align: middle;
}
.CTABanner .CTABanner-btn {
  display: inline-block;
	vertical-align: middle;
	font-size: 0.5em;
	margin: 0px 0px 0px 20px;
	font-weight: 300;
	padding: 5px 20px;
	background: #000000;
	color: #FFFFFF;
}

.CTABanner .CTABanner-btn:hover {
	background: #555555;
	color: #FFFFFF;
}

@media screen and (max-width: 760px){
	.CTABanner {
		text-align: center;
	}
	.CTABanner .CTABanner-text {
		display: block;
		margin: 0px auto 20px auto;
	}
}