﻿/* Webfont: Lato-Black */@font-face {
    font-family: 'LatoWebBlack';
    src: url('/fonts/Lato-Black.eot'); /* IE9 Compat Modes */
    src: url('f/onts/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
         url('/fonts/Lato-Black.woff') format('woff'), /* Modern Browsers */
         url('/fonts/Lato-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */@font-face {
    font-family: 'LatoWeb';
    src: url('/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('/fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
* {box-sizing:border-box;}
h1, h2, h3, h4, h5, h6 {color:#5a6771;font-family:LatoWeb,  arial,  'Open Sans';font-size:1.5em;}
h4 {font-size:15px;}
.main {margin:0 auto;padding:120px 0 30px; /*max-width:1028px;*/background:#fff;}
.main h1,  .main h2 {padding-top: 20px;}
.main h3 {padding-top: 1rem;}
@media screen and (min-width: 37.6em) {
    .main {padding:120px 0 60px;}
}
@media screen and (min-width: 56.3125em) {
    .main {padding:120px 0 80px;}
}
.footer {display:block;}
.footer__heading {font-size: 20px;font-size:1.25rem;font-weight: 400;color: #666;}
@media screen and (min-width: 50.1em) {
    .footer__heading {font-size:24px;font-size:1.5rem;}
}
.footer {margin:0 auto;clear:both;width:100%;overflow:hidden;background:#f4f4f4;}
.footer__columns, .sub-footer {max-width:1000px;margin:0 auto;}
.footer__columns:after, .footer__columns:before, .sub-footer:after, .sub-footer:before {content:" ";display:table;}
.footer__columns:after, .sub-footer:after {clear:both;}
.footer__columns {margin-bottom:20px;border-bottom:1px solid #dcdcdc;}
.footer__section {width:100%;height:auto;}
.footer__section img {width:100%;max-width:216px;}
.footer__heading {line-height:40px;line-height:2.5rem;margin:0 8px;position:relative;border-bottom:1px solid #dcdcdc;}
.footer__heading-text {width:100%;display:inline-block;}
.footer__list {padding:10px 8px;}
.footer__link {font-size:14px;font-size:.875rem;line-height:24px;line-height:2rem;color:#666;}
.footer__link:hover {color:#3157a1;border-bottom:0px solid #3157a1;}
.sub-footer__list {margin:0 8px 20px 10px;}
.sub-footer__item {display:inline-block;margin-right:1em;}
.sub-footer__item--first {float:left;font-size:12px;}
@media screen and (min-width:37.6em) {
    .sub-footer__item--first {font-size: 0.9375rem;}
}
.sub-footer__item--first img {vertical-align:middle;padding-right:10px;}
.sub-footer__item--last {border:0;margin-right:0;float:right;}
.sub-footer__link:hover {color:#3157a1;border-bottom:1px solid #3157a1;}
.sub-footer__link {font-size:13px;font-size:.8125rem;line-height:24px;line-height:1.5rem;color:#666;}
@media screen and (min-width: 50.1em) {
	.footer__columns,  .sub-footer {margin-bottom:5px;}
	.footer {padding:20px 16px 0;}
	.footer__columns {padding-bottom:15px;border-bottom:1px solid #dcdcdc;}
	.footer__section {width:20%;float:left;display:inline-block;padding-right:5px;}
	.footer__list {padding:0;margin:0;}
	.sub-footer__link {line-height:1;}
	.footer__heading {line-height:28px;line-height:1.75rem;border:0;margin:0 0 20px;}
}
.copyright {padding:0 8px 20px;}
.copyright .table__cell:last-child {vertical-align:middle;padding-top:14px;}
.copyright__text {font-size:15px;font-size:.9375rem;line-height:1;margin:0 0 0 16px;padding:0;}

#twitter_feed {margin-top:20px;display:block;float:left;min-height:72px;width:100%;padding-left:40px;background:url(//images.ffx.co.uk/website/twitter.png) 0px 3px no-repeat scroll rgba(0,  0,  0,  0);}
#twitter_feed p {margin:0px;padding:0px;font-size:14px;}
#twitter_feed img {display:none;}
#twitter_feed ul {float:right;list-style:none outside none;margin:0px;padding:0px;width:260px;}
#twitter_feed ul li a {color:rgb(77,  79,  83);text-decoration:none;border-bottom-width:1px !important;border-bottom-style:dotted !important;border-bottom-color:rgb(77,  79,  83) !important;}
#twitter_feed ul li a:hover {border-bottom-width:1px !important;border-bottom-style:solid !important;border-bottom-color:rgb(77,  79,  83) !important;}
#twitter_feed ul li .timePosted {font-weight:bold;}
@media screen and (min-width: 50.1em) {
#twitter_feed p {font-size: 1em;}
}
#sideslidebox {background-color:transparent;width:250px; font-size:12px;line-height:20px;left:0px; top:21.5%;position:fixed;z-index:1001;}
#sideslidebox2 {background-color:transparent;width:250px; font-size:12px;line-height:20px;right:0px; top:21.5%;position:fixed;z-index:1001;}
#tabout {background-color:transparent;height:100%;float:right;list-style:none outside none;margin:0;padding:0;position:relative;z-index:99999;}
#links {background-color:#f2f2f2;width:298px;padding:10px;float:left;border:1px solid #B4B8BB;}
.show, .hide {transition:margin-left .5s ease-in;-webkit-transition:margin-left .5s ease-in;}
.hide {margin-left:0px;}
.show {margin-left:310px;}
#tabimg, #tabimg2 {cursor:pointer;}
#loon {width:300px;float:right;}
#loon .subscribe h3 {font-size:17px;font-weight:bold;margin:0 0 3px 20px;}
#loon p {color:#4d4f53;font-size:12px;margin:0 0 0 20px;padding:0;}
@media screen and (max-width: 1100px) {
    #sideslidebox {margin-left:-250px;transition:margin-left .5s ease-in;-webkit-transition:margin-left .5s ease-in;}
	#sideslidebox2 {margin-right:-250px;transition:margin-right .5s ease-in;-webkit-transition:margin-right .5s ease-in;}
}
#tabout2 {background-color:transparent;height:100%;float:right;list-style:none outside none;margin:0;padding:0;position:relative;z-index:99999;}
#frm {position:relative;}
fieldset {border:0 solid #ccc;margin:0;padding:0;}
.subscribe {float:left;position:relative;width:293px;}
.subscribe form {float:left;margin:10px 0 0;}
.subscribe form input.email_signup_box {background:#fff none repeat scroll 0 0;border:1px solid #e1e1e1;color:#4d4f53;float:left;font-family:Lato, arial, sans-serif;font-size:13px;font-weight:bold;margin:0 0 0 20px;outline:medium none;padding:12px 0 12px 15px;width:278px;}
.subscribe form input.template_footer_newsletter_button {background-color:#fff;border:0 none;bottom:1px;color:#4d4f53;cursor:pointer;font-size:20px;font-weight:bold;height:40px;line-height:40px !important;position:absolute;right:1px;text-align:center;text-decoration:none;vertical-align:middle;width:40px;}
.SignUp {float:left;position:relative;width:293px;}
.SignUp form {float:left;margin:10px 0 0;}
.SignUp #loon p {color:#4d4f53;font-size:12px;margin:auto 5px;padding:0;}
.SignUp form input.email_signup_box {background:#fff none repeat scroll 0 0;border:1px solid #e1e1e1;color:#4d4f53;float:left;font-family:Lato, arial, sans-serif;font-size:13px;font-weight:bold;margin:0 0 0 20px; outline:medium none; padding:12px 0 12px 15px; width:278px;}
.SignUp form input.template_footer_newsletter_button {background-color:#ff8710;border:0 none;bottom:1px;color:#4d4f53;cursor:pointer;font-size:20px;font-weight:bold;height:40px;line-height:40px !important;position:absolute;right:1px;text-align:center;text-decoration:none;vertical-align:middle;width:40px;}
.tco-hidden {display: none;}
#cookieBar {z-index:999998;position:relative;bottom:0;left:0;margin:0px;padding:5px 0px 0px 10px;width:100%;height: 280px;background:#4e4e55;color:#ffffff;}
#cookieBar #cbinner {z-index:999998;margin-left:auto;margin-right:auto;max-width: 1028px;width: 100%;}
#cookieBar .cbinnerhead {width: 100%;height: 100%;float: left;background-color: #4e4e55;margin-right: 10px;}
#cookieBar .cbinnerhead h2 {color:#ffffff;float:left;font-size:0.9em;text-transform: uppercase;}
#cookieBar .cbinnertext {width: 100%;float: left;background-color: #4e4e55;}
#cookieBar .cbinnertext p {float:left;font-size:13px;margin-top:0px;font-weight: normal;}
#cookieBar .cbinnerlist {width: 100%;background-color: #4e4e55;float: left;font-size: 14px;}
#cookieBar .cbinnerlist ul {list-style-type:none;}
#cookieBar .cbinnerlist ul li {padding-bottom:15px;}
#cookieBar .cbinnerlist ul li a {color:#FF9016;font-weight:normal;margin-bottom:3px;}
#cookieBar .cbinnerlist ul li a:hover {color:#ffffff;}
@media screen and (min-width:30.6em) {
    #cookieBar {height: 180px;}
	#cookieBar .cbinnerhead {width:20%;}
	#cookieBar .cbinnerhead h2 {font-size: 1.1em;}
	#cookieBar .cbinnertext {width: 65%;}
	#cookieBar .cbinnertext p {font-size: 14px;}
	#cookieBar .cbinnerlist {width: 12%;}
	#cookieBar .cbinnerlist ul li a {font-size: 13px;font-weight: bold;}
}
@media screen and (min-width:40.6em) {
    #cookieBar {	height:140px;}
	#cookieBar .cbinnerlist {margin-left: 10px;}
}
#SocialMediaIconsFooter {display:flex;padding-left:10px;padding-bottom:5px;}
#SocialMediaIconsFooter .homeicon, #SocialMediaIconsFooter .homeicon2, #SocialMediaIconsFooter .accounticon, #SocialMediaIconsFooter .newsicon, #SocialMediaIconsFooter .storesicon,#SocialMediaIconsFooter .fbaccicon,#SocialMediaIconsFooter .twtaccicon,#SocialMediaIconsFooter .ytaccicon,#SocialMediaIconsFooter .gpaccicon,#SocialMediaIconsFooter .igaccicon {
    color: #ffffff;
    float: left;
    font: 0.9em arial,arial,sans-serif;
						   
    margin-top: 3px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
}