/* Webfont: Lato-Black */@font-face {font-family: 'LatoWebBlack';src: url('/fonts/Lato-Black.eot'); /* IE9 Compat Modes */src: url('/fonts/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;}
/* 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;}

html {font-size: 100%;}
h4, h5, h6 {margin-bottom:0;margin-top:0;}
.icon-bar {background-color:#fff;}
.navbar {border-radius:0px;width:100%;top: 0;transition: top 0.2s ease-in-out;height:auto;margin-bottom:0;}
.navbar-trans {background-color:#0081C5;color:#fff;}
.navbar-trans li>a:hover,.navbar-trans li>a:focus,.navbar-trans li.active {background-color:#F88A3C;border-radius:5px;}
.navbar-trans a{color:#fefefe;}
.navbar-trans .form-control:focus {border-color: #eee;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);}
.v-center {padding-top:10%;font-size:70px;}
.well {border-color:transparent;}
a.list-group-item.active,[class*='-info'] {background-color: #168ccc; color:#fff;}
.container {width:100%;max-width: 1200px;}
.navbar-toggle .icon-bar {border-radius: 1px;display: block;height: 4px;width: 30px;}
.navbar-brand {display:none;padding:0px;}
.navbar-brand-small {display:block;color:#ffffff;width:100px;}
.navbar-header2 {display:none;}
.navbar-form {top:0;}
.navbar-header #baskLink {display:block;}
.navbar-basket {display:block;}
.navbar-basket-small {color: #ffffff;display: block;float: right;margin-right: 75px;margin-top: -32px;text-decoration:none;}
.navbar-inverse {background-color: #0081C5;border-color: #0081C5;/*background-color:#000000;border-color:#000000;*/}
.navbar-inverse .navbar-toggle {border-color: #F88A3C;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: #F88A3C;}		
.navbar-toggle {background-color: #F88A3C;border: 1px solid #F88A3C;border-radius: 4px;float: right;margin-bottom: 8px;margin-right: 15px;margin-top: 14px;padding: 9px 10px;position: relative;}
.maincontainer {width:100%}
.dropdown-menu{border-radius: 0px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.75);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.75);background-color: #7a7d81;font-family:LatoWeb;min-width:280px;text-align:left;width:100%;}
.dropdown-submenu {position: initial;}
.dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin-top: -1px;margin-left: -1px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;min-height: 101%;}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after {display: block;content: " ";float: right;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #ccc;margin-top: 5px;margin-right: -10px;}
.dropdown-submenu:hover>a:after {border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu {left: -100%;margin-left: 10px;-webkit-border-radius: 6px 0 6px 6px;-moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > ul> li > a:hover  {color: #ffffff;text-decoration: none;background-color: #f88a3c;}		
.dropdown-menu > li > a:hover {background-color: #f88a3c;cursor:pointer;color:#000000;text-decoration:none;}
input, button, select, textarea {border: 1px solid #7a7d81;font-family: LatoWeb;font-size: 14px;line-height: normal;}
#SearchResults, div#changelabel, div#registerpanel {top:0px;position:absolute;margin-left:auto;margin-right:auto;}
#SearchResults {background-color:#eaeaea;position:absolute;top:79px;margin-left:auto;margin-right:auto;left:auto;box-shadow: 0 6px 12px rgba(0, 0 ,0 , 0.75)}
#Search_Results_Brand, #Search_Results_Category {background-color:#ffffff;}
div#changelabel {padding:0;}
#registerA, #registerB, div#registerpanel .pop, #changelabel .pop, #changelabel2 {/*background-color: #7a7d81;*/}
div#changelabel, div#registerpanel .pop {border-radius:2px;box-shadow: 0 6px 12px rgba(0, 0 ,0 , 0.75);}
 #RegisterClose, div.login-reminder, #changelabel2 {color:#7a7d81;font-weight:bold;font-size:14px;}
#changelabel2 img, #RegisterClose img, #SearchClose img {margin: 0 0 0 10px;padding: 0px 2px 0 0;width: 15px;max-width: 100%;}
#Search_Results {display:block;}
.glyphicon {color: #f88A3c;}
.input-group-addon {background-color: #f88a3c;padding:0 12px;border-radius:0;}
.input-group-addon:hover {box-shadow: 2px 2px 5px #000000 inset;}
a:hover, a:focus {text-decoration: none;}
.right-panel {float: right;height: 100%;padding-right: 15px;}
.horizontal {display: inline-block;text-align:left;}
.right-panel-item {display: inline-block;padding-left: 8px;color:#ffffff;}
.nav-large-responsive-img {width: 20px;}
.small-text {font-size: 10px;color:#ffffff;font-weight:bold;padding-left:0px;}
.large-text {font-size: 14px;color:#ffffff;}
.main {padding-top:0;padding-bottom:0;}
.ffx_ccard {padding-bottom:0;}
.form-control {height:28px;padding: 0 12px;font-family:LatoWeb;}  
.dropdown-menu > li > a{color:#ffffff;text-transform:uppercase;font-weight:normal;}
.dropdown-menu > li > ul> li > a {color:#ffffff;display:block;text-transform:uppercase;font-size:13px;text-decoration:none;padding:5px 0 5px 25px;}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #ffffff;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #ffffff;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border: 0;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {background-color: #F88a3C;color: #ffffff;}
#topIconNavigation {position:relative;}
.nav {font-size:16px;color:#ffffff;}
.navbar-inverse .navbar-nav > li > a {color:#ffffff;}
.nav .caret {border-bottom-color: #f88a3c;border-top-color: #f88a3c;}
.caret {border-width: 6px 6px 0;}
.nav a:hover .caret {border-top-color: #f88a3c;border-bottom-color: #f88a3c;}
.mainusp {margin-top: 0px;}
.navbar-header::before, .navbar-header::after {width:100%;}
.homeicon, .homeicon2, .accounticon, .newsicon, .storesicon, .fbaccicon, .twtaccicon, .ytaccicon, .gpaccicon, .igaccicon {color: #ffffff;float: left;font: 0.9em arial,arial,sans-serif;margin-right: 25px;margin-top: 3px;text-align: center;text-transform: uppercase;width: auto;}
.homeicon a, .homeicon2 a, .accounticon a, .newsicon a, .storesicon a, .fbaccicon a, .twtaccicon a, .ytaccicon a, .gpaccicon a, .igaccicon a {color: #ffffff;text-decoration: none;}
.homeicon a:hover, .homeicon2 a:hover, .accounticon a:hover, .newsicon a:hover, .storesicon a:hover, .fbaccicon a:hover, .twtaccicon a:hover, .ytaccicon a:hover, .gpaccicon a:hover, .igaccicon a:hover {color:#ffffff;}
#Basket {background: rgba(0, 0, 0, 0) url("//images.ffx.co.uk/website/BasketNew3.png") no-repeat scroll left bottom;float: right;font: 1.5em "arial";height: 60px;margin-right: 0px;margin-left:20px ;margin-top: -75px;position: relative;text-transform: uppercase;width: 50px;z-index: 4;}
#Basket a {color: #ffffff;display: inline-block;height: 68px;margin-top: 8px;width: 50px;text-decoration:none;}
.navbar-collapse {max-height:100%;padding-right:90px;}
.submitbox {cursor:pointer;}
.submenu1 {background-color: #7a7d81;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0;box-shadow: none;float: left;font-size: 14px;left: 0;list-style: outside none none;margin: 2px 0 0;min-width: 230px;padding: 5px 0;position: absolute;top: 100%;width: 100%;z-index: 1000;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: transparent;}
#SocialMediaIcons {display:flex;padding-left:30px;padding-bottom:5px;}
#baskQty {font-weight: bold;margin-left: 16px;margin-right: 0;margin-top: 15px;font-size:14px;color:#ffffff;}
/*#baskTot {font-weight: bold;margin-left: 45px;margin-top: 0;font-size:16px;}*/
#baskTot {display:none;}
input[type="radio"], input[type="checkbox"] {line-height: normal;margin: 0 5px 0 0;}

#loginpage {margin:85px auto;}

@media screen and (min-width:767px) {
     /*#SocialMediaIcons {display:none;}*/
}
@media screen and (min-width:1150px) {
    /*#SocialMediaIcons {display: block;}*/
    /*.homeicon2 {margin-left:100px;}*/
}

@media screen and (min-width:48em) {
    .navbar-nav {float:right;display: inline-flex;margin-right: -20px;}
	.navbar-basket {display:block;}
    .navbar-basket-small {display:none;}
	.navbar-brand {display:block;}
	.navbar-header2 {display:block;}
	.navbar-brand-small {display:none;}
	.navbar-form {}
	.navbar-header #baskLink {display:none;}
    .icontxt2 {display:none;}

   
}
@media only screen and (max-width:850px) {
    #mainNavigation {height:68px;background:#d8d8d8 linear-gradient(#d8d8d8,#f9f9f9,#d8d8d8);background:#d8d8d8 -webkit-linear-gradient(#d8d8d8,#f9f9f9,#d8d8d8);background:#d8d8d8 -o-linear-gradient(#d8d8d8,#f9f9f9,#d8d8d8);background:#d8d8d8 -moz-linear-gradient(#d8d8d8,#f9f9f9,#d8d8d8);margin:29px 0 0 0px;width:100%;}
    .homeicon,.homeicon2,.accounticon,.newsicon,.storesicon,.fbaccicon,.gpaccicon,.ytaccicon,.twtaccicon,.igaccicon {width:100%;padding-left:0px;margin-right:25px;}
    .fbaccicon,.gpaccicon,.ytaccicon,.twtaccicon,.igaccicon {display:block;}
    #Basket {margin-right:50px;}
    .small-text {display:block;}
    .icontxt {display:block;}
    .icontxt2 {display:none;}
    
}
@media only screen and (max-width: 575px) {
    input[type="text"] {width:100%;float:left;}
    #homeLogo {background:url('//images.ffx.co.uk/website/Logo-New-Small2.png') no-repeat top left;margin-top:0px;height:68px;width:123px;z-index:18;}
    #page {padding-top:145px;}
    #mainNavigation {position:relative;}
}
@media only screen and (max-width: 384px) {
    #freeDelivery {background:url('//images.ffx.co.uk/website/Free-Delivery-New.png')no-repeat top right;filter:alpha(opacity=0);opacity:0;height:68px;width:68px;margin-top:0px;float:right;display:none;}
    #baskTot {font:1.1em"arial",arial,sans-serif;text-transform:uppercase;}
}
@media only screen and (max-width: 320px) {}
@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {background-color: #7a7d81;}
    .small-text {display:none;}
    .icontxt {display:none;}
    .icontxt2 {display:block;}
}
#SearchBarNew, #logindisplay {margin-top:-10px;}
#SearchTools .ToolProductRes {background-color:#ffffff;max-width:276px;}
@media screen and (min-width:767px) {
    /*.fbaccicon, .gpaccicon, .ytaccicon, .twtaccicon, .igaccicon {width: 1.5%;}*/
    #SearchBarNew {position:relative;margin-top:20px;margin-left:150px;}
    #logindisplay {position:relative;margin-top:0px;}
    #Basket {margin-top:0;margin-right:50px;}
    #baskTot {display:block;font-weight: bold;margin-left: 0px;margin-top: -20px;font-size:16px;height: auto;}
    #Search_Results {display:flex;}
}
    
.BrandLogosInner {display: inline-block;}
.FFXBrandedInner {display: inline-block;margin-left: -4px;}
.icontxt {padding-left:0px;vertical-align:top;font-weight:bold;}
.icontxt2 {padding-left:0px;vertical-align:top;font-weight:bold;}
/*.countdown {font-size:100%;width:100%;text-align:center;margin-top:-65px;font-weight:bold;font-family:"Courier New", Courier, monospace;}*/
.countdown {display:none;}

/**Add to basket bar appear on scroll**/
.visible {position: fixed;display:block;top:0;width:100%;}
.hidden {display:none;}
#TopBarBasket {box-shadow:6px 6px 12px rgba(0,0,0,0.75);font-size:30px;line-height:30px;background-color:#ffffff;color:#ff0000;width:100%;z-index:10000000000;}

.ImageThumbsTopBar {display:inline-block;vertical-align: middle;width: 100%;}
.ImageThumbsTopBarInner {display: inline-block;text-align: center;width: 100%;}
.ImageThumbsTopBarTitle {font-family: LatoWeb;font-size: 14px;line-height: 14px;margin-top: 5px;padding-left: 5px;vertical-align: middle;text-align:center;}
.TopBarBasketButtons {float:none;display:inline-grid;width:100%;padding-bottom:5px;text-align:center;}
.addToBasketTopButton {float:right;margin-top:-2px;}
.addToBasketTopButton input {background-color: #f88a3c;border: 0 none;border-radius: 5px;color: #ffffff;font-family: LatoWeb;font-size: 14px;font-weight: bold;padding: 5px;text-align: center;width: 100%;max-width:150px;}
.TopBarPrice {background-color: #0081c5;border-radius: 5px;color: #fff;float: right;font-family: LatoWeb;font-size: 12px;font-weight: bold;margin-left: auto;margin-right: auto;margin-top: 5px;max-width: 150px;text-align: center;width: 100%;}
.TopBarMagnify {font-size: 20px;margin-bottom: -28px;margin-left: 63%;margin-top: -28px;width: 5px;}


@media screen and (min-width:767px) {
    .ImageThumbsTopBar {display:inline-block;vertical-align: middle;width: 69%;}
    .ImageThumbsTopBarInner {float:left;display:inline-block;max-width:100px;width:100%;}
    .ImageThumbsTopBarTitle {font-family: LatoWeb;font-size: 16px;line-height: 18px;margin-top: 5px;text-align: justify;}
    .TopBarBasketButtons {float:right;display:inline-block;width:30%}
    .addToBasketTopButton {float: right;margin-right: 20px;margin-top: -2px;}
    .addToBasketTopButton input {background-color: #f88a3c;border: 0 none;border-radius: 5px;color: #ffffff;font-family: LatoWeb;font-size: 16px;font-weight: bold;padding: 5px;text-align: center;width: 150px;}
    .TopBarPrice {background-color: #0081c5;border-radius: 5px;color: #fff;float: right;font-family: LatoWeb;font-size: 18px;font-weight: bold;margin-left: 20px;margin-right: 20px;margin-top: 5px;max-width: 150px;text-align: center;width: 100%;}
    .TopBarMagnify {float: right;font-size: 20px;margin-right: 20px;margin-top: -28px;width: 5px;}
}

@media screen and (min-width:1180px) {
    .ImageThumbsTopBar {display:inline-block;vertical-align: middle;width: 69%;}
    .ImageThumbsTopBarInner {float:left;display:inline-block;max-width:100px;width:100%;}
    .ImageThumbsTopBarTitle {font-family:LatoWeb;font-size:18px;float: left;margin-top: 10px;padding-left: 5px;vertical-align: middle;}
    .TopBarBasketButtons {float:right;display:inline-block;width:30%}
    .addToBasketTopButton {float:right;margin-top:-2px;}
    .addToBasketTopButton input {background-color: #f88a3c;border: 0 none;border-radius: 5px;color: #ffffff;font-family: LatoWeb;font-size: 16px;font-weight: bold;padding: 5px;text-align: center;width: 150px;}
    .TopBarPrice {background-color: #0081c5;border-radius: 5px;color: #fff;float: right;font-family: LatoWeb;font-size: 18px;font-weight: bold;margin-left: 20px;margin-right: 20px;margin-top: 5px;max-width: 150px;text-align: center;width: 100%;}
    .TopBarMagnify {float: right;font-size: 20px;margin-right: 20px;margin-top: -28px;width: 5px;}
}


/**mag 7 stuff**/

    .Mag7countdown {position:absolute;top: 0px; left: 0; bottom: 0; right: 0;margin: 0 auto;}
    .Mag7countdownText {color:#ffffff;font-family:LatoWebBold;font-size:18px;line-height:18px;text-align:center;width:100%;}

@media screen and (min-width:360px) {
    .Mag7countdownText {font-size:30px;line-height:30px;}
}

@media screen and (min-width:767px) {
    .Mag7countdownText {font-size:72px;line-height:72px;}
}
abbr[title] {border-bottom:0;}

.CatBreadcrumb a {color: #4e4e55;line-height: 1em;padding:0; /*0.4em 0.5em;*/text-decoration: none;}

#didyoumean{
    clear:both;
    padding-left:15px;
    padding-top:15px;
    font-size:18px;
}