@import url(//fonts.googleapis.com/css?family=Lato|Open+Sans:700,800);
li, ol, ul {margin-bottom: 0;margin-right: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;padding-top: 0;}
body {font-family:Lato,arial,'Open Sans'}
#topNavigation {margin-left:auto;margin-right:auto;background-color:rgb(0,135,199);height:97px;left:0;padding:0;position:absolute;top:0;width:100%;}
#mainNavigation {height:68px;background:linear-gradient(#d8d8d8,#f9f9f9,#d8d8d8);background:-webkit-linear-gradient(#d8d8d8,#f9f9f9,#d8d8d8);background:-o-linear-gradient(#d8d8d8,#f9f9f9,#d8d8d8);background:-moz-linear-gradient(#d8d8d8,#f9f9f9,#d8d8d8);    margin:107px 0 0 0px;width:100%;}
#homeLogo {background:url('//images.ffx.co.uk/website/Logo-New2.png?w=175') no-repeat top left;height:97px;width:175px;margin-top:-29px;position:absolute;z-index:20;}
#freeDelivery {display: none;background:url('//images.ffx.co.uk/website/Free-Delivery-New.png')no-repeat top right;height:68px;width:68px;margin-top:0px;float:right;}
#Basket {background:url('//images.ffx.co.uk/website/BasketNew.png')no-repeat scroll bottom left;height:60px;width:100px;float:right;margin-top:15px;margin-right:100px;font:1em "arial",arial,sans-serif;font-weight:bold;text-transform:uppercase;font:1.1em"arial";position:relative;z-index:4;}
#Basket a {color: #000000;display: inline-block;height:68px;margin-top:8px;width:120px;}
#baskLink {height:60px;width:100px;margin-top:-20px;}
#baskQty {margin-top:-0px;margin-left:16px;margin-right:100px;font-weight:bold;}
#baskTot {margin-left:55px;margin-top:-20px;height: 52px;font-weight:bold;}
#topIconNavigation {float:right;height:29px;background-color:transparent;width:100%;position:absolute;top:0;z-index:18;}
#homeicon,#accounticon,#newsicon,#storesicon,#fbaccicon,#twtaccicon,#ytaccicon,#gpaccicon, #igaccicon{margin-right:25px;float:right;width:8%;font:0.9em arial, arial, sans-serif;color:#FFFFFF;text-transform:uppercase;margin-top:3px;width:auto;text-align:center;}
#homeicon a,#accounticon a,#newsicon a,#storesicon a,#fbaccicon a,#twtaccicon a,#ytaccicon a,#gpaccicon a,#igaccicon a {text-decoration:none;color:#FFFFFF;}
#fbaccicon,#gpaccicon,#ytaccicon,#twtaccicon,#igaccicon {width:0.5%;}
.icontxt {padding-left:10px;vertical-align:top;font-weight:bold;}
/*#accounticon ul {display: none;text-align: right;margin: 10px;color: #ffffff;margin: 0px 0px 0px 0px;padding: 9px;background-repeat: no-repeat;background-position: top right;position: absolute;border: 0px;font-size: 14px;line-height: 20px;top: 0;right: 0;z-index:55;}
#accounticon a:link {color: #ffffff;text-decoration: none;}
#accounticon a:visited {color: #ffffff;text-decoration: none;}
#accounticon a:hover {color: #ffffff;text-decoration: none;position:relative;}
#accounticon:hover ul{display:block !important;position: relative;background-color: #4e4e55;text-align:left;width:100%;margin-top:-2px;z-index:55;}
#accounticon:hover ul li {font-family:LatoWeb;line-height:35px;position: relative;z-index:55;margin-left:-5px;}
#accounticon:hover ~#homeicon {margin-right:0px;}

@media screen and (min-width:40.6em) {
	#accounticon:hover ~#homeicon {margin-right:25px;}
}*/
@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%;}
	.icontxt {display:none;}
    #homeicon,#accounticon,#newsicon,#storesicon,#fbaccicon,#gpaccicon,#ytaccicon,#twtaccicon,#igaccicon {width:auto;padding-left:0px;margin-right:25px;}
    #fbaccicon,#gpaccicon,#ytaccicon,#twtaccicon,#igaccicon {display:none;}
    #Basket {margin-right:150px;}
}
@media only screen and (max-width: 575px) {
    input[type="text"] {width:100%;float:left;}
    .icontxt {display:none;}
    #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;}
    #topIconNavigation {top:-29px;}
    #page {padding-top:145px;}
    #mainNavigation {position:relative;}
}
@media only screen and (max-width: 384px) {
    #topIconNavigation {width:84%;}
    #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;}
    #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;}
    #Basket {margin-right:60px;}
    #baskTot {font:1.1em"arial",arial,sans-serif;text-transform:uppercase;}
}
@media only screen and (max-width: 320px) {
    #topIconNavigation {width:100%;}
}


.signup-confirm-container { width:100%; height: 100%; position:absolute; left:0; top:0; }
.signup-confirm { width:100%;max-width:400px; margin: 400px auto; color:white; background-color:#0081C5; border:1px solid rgba(0,0,0,0.2);padding:20px 10px;z-index:1;position:relative; border-radius:2px; text-align:center; }
.hide { display:none; }
.signup-confirm-login-header { color:white;}
.signup-confirm input[type="button"], .login-notes input[type="button"], .btn-orange { background: #F88A3C; color:white; padding:5px 10px; border:1px solid #F88A3C ; border-radius:2px;}
.signup-confirm input[type="button"]:hover, .login-notes input[type="button"]:hover, .btn-orange:hover {   background: #F66C09; background: -webkit-linear-gradient(#F88A3C, #F66C09); background: -o-linear-gradient(#F88A3C, #F66C09); background: -moz-linear-gradient(#F88A3C, #F66C09); background: linear-gradient(#F88A3C, #F66C09); }

.signup-confirm-custom-label { width:100%;text-align:left;}
.signup-confirm input[type="email"], input[type="password"] { border:1px solid #333333; border-radius:2px; padding:5px; width:100%; }
.signup-confirm-close {float:right;color:rgba(0,0,0,0.7); width:20px; height:20px;text-align:center;}
.signup-confirm-close:hover {color:black;cursor:pointer; }
.signup-confirm-close-label {margin: 0 auto; width:100%; height:100%; }

.login-notes { width:100%;max-width:600px; margin: 50px auto; color:#FFF; background-color:#0081C5; border:1px solid rgba(0,0,0,0.2); padding:10px;z-index:1;position:relative;border-radius:2px; }
.login-notes h2 { color:white;}
.login-page-header { text-align:center;background-color:#F88A3C;padding:5px 0;  color:#14a3eb;}
.login-page-header h6 { color:#FFF; }
.boldtext { /*font-size:20px; text-decoration:underline; color: #E8E8E8;*/ text-transform:capitalize; }

.dissociate-account {max-width:360px;width:100%; margin: 10% auto; color:black; background-color:#F4F4F4; border:1px solid rgba(0,0,0,0.2); padding:20px 30px;z-index:1;position:relative;border-radius:2px; }

/****SEARCH BAR****/
/** search input **/
#searchform {float:right;margin-top:-1px;position:absolute;z-index:15;max-width:95%;width:100%;}

@media screen and (min-width: 20.6em) {
	#searchform {width:85%;}
}
.fieldcontainer {display:inline-block;position:relative;max-width:500px;margin:0 auto 0;overflow:hidden;}
.searchfield {background:url('//images.ffx.co.uk/website/icons/search.png')no-repeat 5px 5px #ffffff;margin-top:-17px;float:right;font:1.2em"arial",arial,sans-serif;text-transform:uppercase;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:33%;padding:2px 7px 2px 35px;background-color:#fff;color:#ccc;border-color:#c8c8c8 #c8c8c8 #d2e2e7;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,0.4),0 0 0 2px #f0f0f0;-moz-box-shadow:inset 0 2px 3px rgba(0,0,0,0.4),0 0 0 2px #f0f0f0;box-shadow:inset 0 2px 3px rgba(0,0,0,0.4),0 0 0 2px #f0f0f0;-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;transition:all 0.4s linear;height:35px;}
.searchfield:focus {width:33%;color:#666;-webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,0.5),0 0 0 2px #e0e0e0;-moz-box-shadow:inset 0 2px 3px rgba(0,0,0,0.5),0 0 0 2px #e0e0e0;box-shadow:inset 0 2px 3px rgba(0,0,0,0.5),0 0 0 2px #e0e0e0;}
#searchbtn {position:absolute;right:40.1%;top:-12px;height:24px;width:24px;border:0;cursor:pointer;filter:alpha(opacity=0);opacity:0.0;-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;transition:all 0.4s linear;}
#searchbtn:hover, #searchbtn:focus {filter:alpha(opacity=0);opacity:0;}
.searchfield:focus + #searchbtn {left:38.65%;}

/****Media Queries****/
@media only screen and (max-width: 1366px) {
    #searchform {width:85%;margin-right:220px;}
    .searchfield {width:22%;margin-right:60px;}
    #searchbtn {left:62.2%;}
    .searchfield:focus + #searchbtn {left:22%;}
}
@media only screen and (max-width: 1280px) {
   .searchfield {width:18%;}
    #searchbtn {left:64.2%;}
    .searchfield:focus + #searchbtn {left:18%;}
}
@media only screen and (max-width: 1024px) {
    .searchfield {width:22%;}
    #searchbtn {left:67%;}
    .searchfield:focus + #searchbtn {left:29%;}
}
@media only screen and (max-width: 1020px) {
    .searchfield {width:20%;margin-right:70px;}
    #searchbtn {left:66%;}
    .searchfield:focus + #searchbtn {left:20%;}
}
@media only screen and (max-width: 900px) {
    #searchbtn {left:64%;}
    .searchfield:focus + #searchbtn {left:26%;}
}
@media only screen and (max-width: 850px) {
   /*.searchfield:focus {width:45%;color:#666;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2),0 0 0 2px #e0e0e0;-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2),0 0 0 2px #e0e0e0;box-shadow:inset 0 1px 2px rgba(0,0,0,0.2),0 0 0 2px #e0e0e0;}*/
    #searchbtn {left:61%;}
    .searchfield:focus + #searchbtn {position:absolute;left:28%;}
}
@media only screen and (max-width:850px) {
    #searchform {margin-top:33px;width:95%;}
    .searchfield {width:28%;margin-right:240px;}
    #searchbtn {left:28%;top:-12px;}
    .searchfield:focus + #searchbtn {position:absolute;left:23%;}
}
@media only screen and (max-width: 660px) {
    .fieldcontainer {display:inline-block;position:absolute;max-width:400px;margin:0 auto 0;}
    .searchfield {width:30%;}
    /*.searchfield:focus {width:40%;}*/
    #searchbtn {left:31.8%;}
    .searchfield:focus + #searchbtn {left:21.8%;}
}
@media only screen and (max-width: 600px) {
    /*.searchfield:focus {width:38%;}*/
    #searchbtn {left:29%;}
    .searchfield:focus + #searchbtn {left:21%;}
}
@media only screen and (max-width: 575px) {
    #searchform {margin-top:95px;padding-left:10px;}
    .fieldcontainer {display:inline-block;position:absolute;margin:0 auto 0;}
    .searchfield {width:100%;float:left;}
	.searchfield:focus {width:100%;}
    #searchbtn {left:6px;}
    .searchfield:focus + #searchbtn {position:absolute;left:15px;}
}
/** End search input **/
/****END SEARCH BAR****/

.ffx_Hide {display:none;left:-9999px;position:absolute;}
#ffx_resetlabel {display:none;}
#ffx_menutoggle {display:none;}
#ffx_menuwrap {background:none repeat scroll 0 0 transparent;height:35px;margin-top:-78px;position:relative;width:100%;z-index:16;}
/*#ffx_resetlabel {background:none repeat scroll 0 0 rgba(0,0,0,0);cursor:default;display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:auto;}*/
#ffx_menu {list-style:outside none none;margin-left:160px;width:45%;margin-top:25px;display:table;overflow-x:hidden;}
#ffx_menu li {vertical-align:middle;cursor:pointer;display:table-cell;text-align:center;border-right:1px #d8d8d8 solid;overflow-x:hidden;height:68px;}
#ffx_menu li > a {border-radius:0;color:#4f4e54;display:block;font:14px/20px "arial", arial, sans-serif;padding:0 30px;text-decoration:none;text-transform:uppercase;}
#ffx_menu li > span {border-radius:0;cursor:pointer;display:block;font:15px/20px "arial",arial,sans-serif;font-weight:bold;padding:13px 15px 13px 14px;position:relative;text-transform:uppercase;}
#ffx_menu li > span b{display:none;}
#ffx_menu li > span label {cursor:pointer;display:block;height:100%;left:0;position:absolute;top:0;width:100%;}
#ffx_menu li > span label.ffx_opensub {}#ffx_menu li > span label.ffx_closesub {display:none;}
#ffx_menu li > a:hover, #ffx_menu li > span:hover {background-color:transparent;}
#ffx_menu li div {background:none repeat scroll 0 0 #d8d8d8;border-radius:0px;left:0;max-height:0;overflow:hidden;position:absolute;text-align:center;top:68px;width:100%;z-index:10000;}
#ffx_menu li div dl {display:inline-block;margin:0.5%;max-width:250px;min-width:180px;padding:0;text-align:left;vertical-align:top;width:20%;}
#ffx_menu li div dl dt label {max-width:250px;min-width:180px;background:none repeat scroll 0 0 #4f4e54;border-radius:0;color:#fff;display:block;font:14px/35px arial;padding:0 10px;}
#ffx_menu li div dl dt label b {display:none;}
#ffx_menu li div dl dd {margin:0;padding:0;}
#ffx_menu li div dl dd a {max-width:250px;min-width:180px;border-bottom:1px solid #4f4e54;color:#4f4e54;display:block;font:14px/35px arial;padding:0 10px;text-decoration:none;}
#ffx_menu li div dl dd a:hover {background:none repeat scroll 0 0 #f9f9f9;color:#000;}
#ffx_menu input[id*="ffx_div"] + span::before {display:none;}
#ffx_menu input[id*="ffx_div"]:checked + span {background:none repeat scroll 0 0 transparent;}
#ffx_menu input[id*="ffx_div"]:checked + span::before {display:none;top:40px;transform:rotate(-135deg);}
#ffx_menu input[id*="ffx_div"]:checked + span label.ffx_closesub {display:block;}
#ffx_menu input[id*="ffx_div"]:checked ~ div {max-height:800px;padding:0 0 20px 0;transition:all 0.5s ease 0s;}
#ffx_menu input[id*="ffx_div"]:hover +div {display:inline;}
/****Media Queries****/

@media only screen and (max-width: 1024px) {
    #ffx_menu {width:40%;}
    #ffx_menu li > span {font:14px/20px"arial",arial,sans-serif;padding:13px 15px 13px 14px;}
}
@media only screen and (max-width: 1020px) {
    #ffx_menu li > span {font:14px/20px"arial",arial,sans-serif;padding:13px 15px 13px 14px;}
}
@media only screen and (max-width: 850px) {
    #ffx_menu {width:40%;}
    #ffx_menu li > span {padding:13px 10px 13px 9px;}
    #ffx_menuwrap {background:none repeat scroll 0 0 #fff;height:100%;left:-250px;margin:0;overflow:hidden;position:fixed;top:0;/*   transition:all 0.5s ease 0.5s;*/width:250px;z-index:10002;}
    #ffx_menu {height:100%;list-style:outside none none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;display:block;width:250px;position:absolute;}
    #ffx_menu li {width:250px;display:block;height:auto;}
    #ffx_menu li div {border-radius:0;max-height:0;overflow:hidden;position:static;/*transition:all 0.5s ease 0s;*/width:100%;background-color:transparent;}
    #ffx_menu li div dl {margin:0;padding:0;width:100%;margin-bottom:2px;}
    #ffx_menu li div dl dt label {border-radius:0;cursor:pointer;margin-left:20px;position:relative;text-indent:5px;width:230px;}
	#ffx_menu li div dl dt label b {float: right;display:block;position:relative;}	
	#ffx_menu li > span b {float:right;display:block;}
    #ffx_menu li div dl dd {max-height:0;overflow:hidden;padding-left:20px;/*transition:all 0.5s ease 0s;*/width:230px;}
    #ffx_menu li div dl dd a {padding-left:30px;}
    #ffx_menutoggle {display:block;position:absolute;right:80px;top:54px;z-index:10001;}
    #ffx_menutoggle label {-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border:4px solid #333;border-width:4px 0;cursor:pointer;display:block;height:18px;position:relative;width:30px;}
    #ffx_menutoggle label::before {background:none repeat scroll 0 0 #333;content:"";display:block;height:4px;left:0;position:absolute;top:3px;width:30px;}
    #ffx_menuToggle:checked ~ #ffx_menuwrap {box-shadow:0 0 5px rgba(0,0,0,0.5);left:0;/*transition:all 0.5s ease 0s;*/}
    #ffx_menuToggle:checked ~ #ffx_resetlabel {background:none repeat scroll 0 0 rgba(0,0,0,0.1);cursor:pointer;display:block;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000;}
    #ffx_menu input[id*="ffx_div"] + span::before {display:none;}
    #ffx_menu input[id*="ffx_div"]:checked + span label.ffx_closesub {display:none;}
    #ffx_menu input[id*="ffx_div"]:checked + label + div {max-height:800px;padding:0;transition:all 0.5s ease 0s;}
    #ffx_menu input[id*="ffx_div"]:checked + span::before {display:none;top:13px;transform:rotate(45deg);}
    #ffx_menu input[id*="ffx_sub"]:checked ~ dd {max-height:300px;transition:all 0.5s ease 0s;}
    #ffx_menu input[id*="ffx_sub"]:checked ~ dt label::before {top:15px;transform:rotate(-135deg);}
}
@media only screen and (max-width: 700px) {
    #ffx_menutoggle {display:block;position:absolute;right:80px;top:54px;z-index:10001;}
}
@media only screen and (max-width: 575px) {
    #ffx_menutoggle {display:block;position:absolute;right:80px;top:25px;z-index:10001;}
}
@media only screen and (max-width: 384px) {
    #ffx_menutoggle {display:block;position:absolute;right:2%;top:25px;z-index:10001;}
}
#ffx_menu li div dl dt label a {color:#ffffff;}

#SearchResults {position: relative;top: 32px;left: 0px;margin: 0px auto;color: #333;padding: 0px 0px 10px 0px;max-width: 827px;width:100%;z-index: 1100;background-color: #fff;border: 1px solid #ccc;background-image: none;/*height: auto;*/}
#SearchResults h2#SearchToolsHeading {background-image: none;font-size: 15px;margin: 10px 10px 0px 10px !important;padding: 10px 0px 0px 0px !important;clear: both;color: #e2231a !important;}
#SearchResults h2#SearchCategoryHeading {background-image: none;font-size: 15px;margin: 10px 10px 0px 10px !important;padding: 0px 0px 0px 0px !important;clear: both;color: #e2231a !important;font-weight:bold;}
#SearchResults h2#SearchBrandHeading {background-image: none;font-size: 15px;margin: 10px 10px 0px 10px !important;padding: 0px 0px 0px 0px !important;clear:both;color: #e2231a !important;font-weight:bold;}
#ViewAllSearch {display:none;background-image: none;margin: 25px 15px 10px 10px;color: #000;background-color: #aeaeae;font-size: 12px;font-weight:bold;text-align: left;cursor: pointer;clear: both;border: 1px solid #aeaeae;border-radius: 0px 0px 0px 0px;padding: 5px;width:99%;text-transform:uppercase;/*height: 15px;*/}
#ViewAllSearch:hover {color: #FFF;background-color: #5a6671;border: 1px solid #5a6771;}
#SearchClose {text-transform:uppercase;background-image: none;margin: 10px 0px 0px 0px;color: #333;padding: 0px 0px 0px 0px;width: 90%;font-size: 13px;height: 14px;text-align: right;cursor: pointer;}
#SearchClose img {background-image: none;margin: 0px 5px 0px 5px;max-width: 8px;}
#SearchLoading {background-image: none;margin: 0px;color: #333;width: 100%;font-size: 11px;line-height: 15px;text-align: center;position: absolute;top: 0px;left: 0px;background-color: #EAEAEA;padding: 150px 0px;z-index: 0;}
#SearchLoading img {width: 32px;}
#SearchCategory {background-image: none;padding: 0px;margin: 10px 0px 10px 10px;color: #333;font-size: 12px;line-height: 14px;/*max-width: 830px;*/width:100%;height: auto;}
#SearchCategory div {background-image: none;float: left;margin: 0px 0px 5px 0px;}
#SearchCategory span {color:#e2231a;}
#SearchCategory a {max-width:95%;border: 0px solid #D2D2D2;border-radius: 0px 0px 0px 0px;line-height:20px;display: block;font-size: 13px;text-transform:capitalize;color:#4e4e55;padding-left:5px;}
#SearchCategory a:hover {background-color: #aeaeae;text-decoration: none;color: #fff;line-height:20px;}
#SearchCategory .ToolColumnA {width: 265px !important;height: auto;}
#SearchCategory .ToolColumnB {clear: both;width: 100%;height: 0px !important;border-bottom: 0px solid #F6921E !important;margin: 0px !important;}
#SearchCategory .ToolCat {width: 265px;margin: 0px 5px 0px 0px;height: auto;}
#SearchBrand {background-image: none;padding: 0px 0px 10px 0px;margin: 10px 0px 10px 10px;color: #333;font-size: 12px;line-height: 14px;/*max-width: 830px;*/width:100%;height: auto;}
#SearchBrand div {background-image: none;float: left;margin: 0px 0px 5px 0px;}
#SearchBrand span {color:#e2231a;}
#SearchBrand a {max-width:95%;border: 0px solid #D2D2D2;border-radius: 0px 0px 0px 0px;line-height:20px;display: block;font-size: 13px;text-transform:capitalize;color:#4e4e55;padding-left:5px;}
#SearchBrand a:hover {background-color: #aeaeae;text-decoration: none;color: #fff;line-height:20px;}
#SearchBrand .ToolColumnA {width: 265px !important;height: auto;}
#SearchBrand .ToolColumnB {clear: both;width: 100%;height: 0px !important;border-bottom: 0px solid #F6921E !important;margin: 0px !important;}
#SearchBrand .ToolBrand {width: 265px;margin: 0px 5px 0px 0px;height: auto;}
#SearchComplete {clear: both;background-image: none;/*max-width: 830px;*/width:100%;}
#SearchComplete .ToolColumnA {float: none !important;clear: both;}
#SearchComplete .ToolColumnB {clear: both;width: 100%;}
#SearchComplete .SearchResultProductImage {width: 40px;text-align: left;float: left;margin-right: 5px;}
#SearchTools {background-image: none;padding: 0px;margin: 10px;color: #333;padding: 0px;font-size: 10px;line-height: 13px;/*max-height:344px;*/overflow:hidden;/*max-width: 830px;*/width:100%;height: auto;}
#SearchTools div {background-image: none;float: left;margin: 0px 5px 5px 0px;}
#SearchTools .ToolProductRes {border: 1px solid #D2D2D2;border-radius: 0px 0px 0px 0px;padding: 5px 0px 5px 5px;background-color: #eaeaea;display: block;font-size: 13px;font-family: LatoWeb;line-height:16px;width: 265px;height: 95px;}
#SearchTools .ToolColumnA a {background-image: none;float: left;text-decoration: none;width: 185px;margin-bottom: 5px;margin-left: 0px;margin-right: 5px;height: 50px;overflow: hidden;}
#SearchTools .ToolColumnA {width: 260px !important;height: auto;}
#SearchTools .ToolColumnA img {float: left;height: auto;margin-right: 5px;text-align: left;width: 60px !important;height:45px !important;}
#SearchTools .ToolColumnB span {font-size: 10px;}
#SearchTools .ToolColumnB {background-image: none;color: #e2231a;font-size: 14px;font-weight: bold;line-height: 16px;text-align: center;height: 14px !important;margin: 0px !important;padding: 0px !important;}
#SearchTools .ToolProductRes:hover {background-color: #aeaeae;}
#Search_Results_Brand,#Search_Results_Category  {background-color:#eaeaea;min-width:265px !important;width:48%;display:inline-block;margin-left:10px;margin-top:10px;padding-bottom:10px;float:left;}

@media screen and (max-width:30.6em) {
    #SearchResults {top: 128px;}
}
@media screen and (min-width:30.6em) {
	#SearchResults {top: 68px;}
}
@media screen and (min-width:56.3125em){
	#SearchResults {top: 32px;}
}

#Basket .BasketDiv {margin-top: -20px;}
.TopBasketQty {margin-top: -20px;}
.TopBasketTotal {margin-top: -20px;}
#TBBD {width:100%;max-width:70px;margin-left:55px;}
.TopBasketBasketDisc{font-size:11px;margin-top:-20px;line-height:12px;font-weight:bold;display: none;}
@media only screen and (max-width: 280px) {
#Basket {margin-right:0;}
#baskTot, .TopBasketBasketDisc {display:none;}
}
/***LOGIN PAGE/RESET PAGE*/
/*#loginpage {font-family: open sans;font-weight: 700;font-size: 14px;width: 300px;height: 100%;background-color: #dedede;margin: 50px auto;}
#loginpage input[type="password"] {border: 1px solid #ccc;width: 200px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
#loginpage input[type="text"] {border: 1px solid #ccc;width: 200px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;float:none;}
#loginpage .loginlabel {height: 20px;margin-top: 0px;width: 100%;}
#loginpage p {margin: -10px 0 10px 0;}
#loginpage .loginbox {background: rgb(244,244,244);width: 300px;height: 375px;position: relative;top: 0;bottom: 0;left: 0;right: 0;margin: auto;text-align: center;}
#loginpage .loginbox img {max-width: 100%;height: auto;margin-top: 0px;}
#loginpage .LoginDetails {color: #666;height: 42px;padding: 0px 5px;width: 80%;vertical-align: middle;margin-bottom: 7px;}
#loginpage .LoginButton {font-family: arial;Font-weight: 700;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background-color: #ff8710;text-transform: uppercase;border: 0 none;color: #fff;display: block;font-size: 18px;padding: 7px;text-align: center;width: 43%;top: 0;bottom: 0;left: 0;right: 0;margin-left: auto;margin-right: auto;cursor: pointer}
#loginpage .LoginReminder {font-family: open sans;font-weight: 700;text-align: center;margin-top: 10px;cursor: pointer;}*/


#loginpage {font-family: open sans;font-weight: 700;font-size: 14px;width: 300px;height: 100%;background-color: #dedede;margin: 50px auto;}
#loginpage input[type="password"] {border: 1px solid #ccc;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#loginpage input[type="text"] {border: 1px solid #ccc;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;float:none;}
#loginpage .loginlabel {height: 20px;margin-top: 0px;width: 100%;}
#loginpage p {margin: -10px 0 10px 0;}
#loginpage .loginbox {background: rgb(244,244,244);width: 300px;height:auto;padding-bottom:20px;position: relative;top: 0;bottom: 0;left: 0;right: 0;margin: auto;text-align: center;}
#loginpage .loginbox img {max-width: 100%;height: auto;margin-top: 0px;}
#loginpage .LoginDetails {color: #666;height: 42px;padding: 0px 5px;width: 80%;vertical-align: middle;margin-bottom: 7px;border: 1px solid #ccc;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;float:none;}
#loginpage .LoginButton {font-family: arial;Font-weight: 700;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background-color: #ff8710;text-transform: uppercase;border: 0 none;color: #fff;display: block;font-size: 18px;padding: 7px;text-align: center;margin:0 auto;cursor: pointer;width: 80%; box-shadow: 2px 2px 6px 0 rgba(0,0,0,.25);  }
#loginpage .LoginButton:hover { box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.5); }
#loginpage .LoginReminder {font-family: open sans;font-weight: 700;text-align: center;margin-top: 5px;cursor: pointer;}
#loginpage .LoginReminder:hover {font-weight: 800;}
#loginpage .SocialNetworksLoginButton { color:white; width:80%;text-align:center;margin:20px auto;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; text-align:left;padding: 5px 0 5px 5px; cursor:pointer; box-shadow: 2px 2px 6px 0 rgba(0,0,0,.25); }
#loginpage .SocialNetworksLoginButton:hover { box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.5); }
#loginpage .SignInLogo { height:30px; vertical-align: middle; display:inline-block; border:none;}
#loginpage .facebook { background-color:#3C5A99; }
#loginpage .googleplus { background-color:#E84136 }
#loginpage .SocialNetworksLoginText { color:white; text-align:center; width:100%;}
#loginpage .LoginTextContainer { display:inline-block; width:80%;text-align:center;}

#resetpage {font-family: open sans;font-weight: 700;font-size: 14px;width: 300px;height: 100%;/*background-color: #dedede;*/margin: auto}
#resetpage input[type="password"] {border: 1px solid #ccc;width: 200px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
#resetpage input[type="text"] {border: 1px solid #ccc;width: 200px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;float:none;}
#resetpage .loginlabel {height: 20px;margin-top: 0px;width: 100%;}
#resetpage p {margin: -10px 0 20px 0;}
#resetpage .loginbox {background: rgb(244,244,244);width: 300px;height: 500px;position: relative;top: 0;bottom: 0;left: 0;right: 0;margin: 150px auto;text-align: center;}
#resetpage .loginbox img {max-width: 100%;height: auto;margin-top: 0px;}
#resetpage .LoginDetails {color: #666;height: 42px;padding: 0px 5px;width: 80%;vertical-align: middle;margin-bottom: 7px;}
#resetpage .LoginButton {font-family: arial;font-weight: 700;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background-color: #ff8710;text-transform: uppercase;border: 0 none;color: #fff;display: block;font-size: 18px;padding: 7px;text-align: center;width: 43%;top: 0;bottom: 0;left: 0;right: 0;margin-left: auto;margin-right: auto;cursor: pointer;}
#resetpage .LoginReminder {font-family: open sans;font-weight: 700;text-align: center;margin-top: 10px;cursor: pointer;}
#ResetPasswordClose {background-color: #606060;background-image: none;color: #fff;cursor: pointer;font-size: 10px;height: 30px;margin: 0px 0px 0px 0px;padding: 2px 0px 0px 0px;position: absolute;right: 0px;text-align: right;top: 0px;width: 100%;z-index: 1002;}
#ResetPasswordClose img {margin: 0px 0px 0px 5px !important;padding: 6px 5px 0px 0px;width: 10px;}
div#ResetPassword {background-color: #FFF;background-image: none;border: 2px solid #606060;-webkit-box-shadow: 7px 7px 0px 0px rgba(96, 96, 96, 0.7);-moz-box-shadow: 7px 7px 0px 0px rgba(96, 96, 96, 0.7);box-shadow: 7px 7px 0px 0px rgba(96, 96, 96, 0.7);color: #000;display: block;font-size: 12px;line-height: 20px;margin-left: 0;margin-top: 10%;min-height: 75px;padding: 30px 10px 10px;position: fixed;text-align: left;top: 47px;width:90%;max-width: 500px;z-index: 2000;}
#ResetPassword span {font-weight: bold;margin-left: 15%;font-size: 28px;font-weight: bold;color: red;}
#logindisplay {display: block !important;text-align: right;color: #ffffff;font-size: 13px;line-height: 20px;top: 0px;right: 0px;width: 100%;max-width:1028px;margin-left:auto;margin-right:auto;text-transform:uppercase;}
#logindisplay .pop {background-image: none;}
#logindisplay a:link {color: #000; text-decoration:underline;}
#logindisplay a:visited {color: white;text-decoration: underline;}
#logindisplay a:hover {color: white;text-decoration: none;}
div.login-label {background-image: none;margin-top: 5px;padding:5px;background-color: #4e4e55;width: 100%;}
div.register-here {line-height: 20px;background-image: none;height: 20px;cursor: pointer;margin-top: 25px;}
div.login-reminder {font-size:14px;background-image: none;line-height: 30px;height: 30px;float: left;cursor: pointer;color: #4e4e55;width:100%;}
#LoginClose {background-image: none;margin: 0px 0px 0px 0px;color: #fff;padding: 2px 0px 0px 0px;width: 57px;z-index: 1002;font-size: 10px;height: 10px;text-align: left;position: absolute;right: 0px;top: 0px;cursor: pointer;}
#LoginClose img {margin: 0px 0px 0px 5px !important;padding: 6px 5px 0px 0px;width: 10px;}
#RegisterClose {background-image: none;margin: 0px 0px 0px 0px;color: #4e4e55;padding: 2px 7px 0px 0px;width: 100%;max-width:1028px;z-index: 1002;font-size: 14px;height: 30px;text-align: left;position: relative;right: 0px;top: 0px;cursor: pointer;}
#RegisterClose img {margin: 0px 0px 0px 5px !important;padding: 6px 5px 0px 0px;width: 15px;}
div#registerpanel {position: absolute;top: 97px;z-index: 10000;width:100%;}


/*** ADDITIONAL INFO */
#additionalInfoPage {font-family: open sans;font-weight: 700;font-size: 14px;width: 300px;height: 100%;background-color: #dedede;margin: 50px auto;}
#additionalInfoPage .loginbox {background: rgb(244,244,244);width: 300px;height: 500px;text-align: center;box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:20px; }
#additionalInfoPage input[type="text"] {border: 1px solid #ccc;width:100%;height:30px;}
#additionalInfoPage .addInfoLabel { margin-top:10px;}
#additionalInfoPage .CompleteRegistration { color:white; background: #F88A3C; padding:10px; font-weight:700; border:none; border-radius:5px; box-shadow:2px 2px 12px rgba(0,0,0,0.5); }
#additionalInfoPage .CompleteRegistration:hover { background: #F66C09; background: -webkit-linear-gradient(#F88A3C, #F66C09); background: -o-linear-gradient(#F88A3C, #F66C09); background: -moz-linear-gradient(#F88A3C, #F66C09); background: linear-gradient(#F88A3C, #F66C09); }


@media screen and (min-width:30.6em) {
div#ResetPassword {margin-left: 15%;}
#ResetPassword span {margin-left: 35%;}
}
@media screen and (min-width:56.3125em){
div#ResetPassword {margin-left: 35%;}
}
@media screen and (max-width:57.6em) {
div#registerpanel {margin-left:-8px;}
}	
#registerA {width: 49%;float: right;background-image: none;background-color: #d8d8d8;}
#registerB {width: 49%;background-image: none;background-color: #d8d8d8;margin-left: 0px;}
div#registerpanel .pop {padding: 5px 10px 55px 10px!important;font-size: 12px;line-height: 20px;background-color: #d8d8d8;height: auto;width: 100%;max-width:1028px;}
#registerpanel {padding: 0px 0px 0px 0px; text-align: left;}
#registerpanel .LoginText {border: 0 none;color: #333;line-height: 15px;margin: 0 0 10px;padding: 5px;width:100%;}
#registerpanel .Go {border: 0 none;margin: 230px 0px 0px 0px;padding: 0px;cursor: pointer;width: 22px;}
div#changelabel {position: absolute;top: 92px;z-index: 10000;}
#changelabel .pop {padding: 5px 10px 15px 10px!important;font-size: 13px;line-height: 20px;background-color: #d8d8d8;background-image: none;border: 0px solid #000;max-width:1028px;width: 100%;height: auto;right: 0;margin-left:auto;margin-right:auto;}
#changelabel {padding: 5px 5px 0 0;text-align: left;width: 100%;margin-left: auto;margin-right: auto;max-width: 1028px;}
#changelabel2 {margin-left:auto;margin-right:auto;max-width:1028px;background-color:#d8d8d8;color:#4e4e55;padding-left:10px;}
#changelabel .LoginText {border: 0 none;color: #333;margin: 0 0 10px;padding: 5px;width: 100%;}
#changelabel .Go {border: 0 none;margin: 0px;padding: 0px;cursor: pointer;}
#changelabel input[type="button"]{background-color: #f88a3c;border: 0 none;color: rgb(255, 255, 255);display: block;font-size: 18px;padding: 5px;text-align: center;text-transform: uppercase;width:100%;}
#registerpanel input[type="button"]{background-color: #f88a3c;border: 0 none;color: rgb(255, 255, 255);display: block;font-size: 18px;padding: 5px;text-align: center;text-transform: uppercase;width:100%;}
div.register-here {background-image: none;cursor: pointer;height: 40px;line-height: 16px;margin-top: 5px;}


#ToolsDetailTop {height: 15px !important;margin: 0 !important;padding: 0 !important;}
#ToolsDetailTop {display: none;}
#ToolsDetailTop {height: auto !important;max-width: 700px;width:100%}
#ToolsDetailTop img#BrandPageLogo {width:100%;max-width:377px;}
#ToolsDetailTop img {width:100%;max-width:215px;}
#ToolsDetailBottom {height: 12px !important;margin: 0 !important;padding: 0 !important;}
#ToolsDetailBottom {display: none;}

.black_overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:10000;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
.white_content {display: none;position: absolute;top: 25%;left: 25%;width: 50%;height: 50%;padding: 16px;border: 1px solid rgb(235,46,20);background-color: white;z-index:10001;overflow: auto;}

.CatBreadcrumb {margin: 20px 0;}
.CatBreadcrumb a {color: #4e4e55;line-height: 1em;padding: 0.4em 0.5em;text-decoration: none;}
@media only screen and (max-width: 400px) {
.CatBreadcrumb a {line-height:2em;}
}

.SCCatName {color:#FF9012;}

#Add_To_Basket {max-width: 649px;font-size:12px !important;border: 5px solid #d1d1d1;background-color:#ebebeb;margin:0 auto;padding:5px;}
#addedbasketpanel {position:fixed;top:0%;left:0%;width:100%;max-height:100%;overflow-y:auto;max-width:679px;z-index:10020;}
.AddedClear {clear:both;margin-bottom:5px;}
#AddedBasketTop {padding-bottom:5px;height:54px;}
#ItemAdded {background-color:#ffffff;border:1px solid #d1d1d1;color:#019500;float:left;font-size:1.2em;font-weight:bold;height:54px;line-height:40px;padding:5px;text-align:left;width:100%;}
#AddedBasket {background-color:#f3f3f3;border:1px solid #d1d1d1;float:left;font-size:1.2em;font-weight:bold;font-size:1.2em;font-weight:bold;line-height:23px;margin-top:-1px;padding:5px;text-align:left;width:100%}
.AddedBasketImage {float:left;padding:0px;float: left; height: 34px; width: 44px; border: 2px solid green; margin-top: 5px;}

#AddedBasket span {font-size:.9em;}
.Add_To_basket_Buttons {width:100%;text-align:right;margin-top:5px;}
.Add_To_basket_Buttons #continue, .Add_To_basket_Buttons #continue1, .Add_To_basket_Buttons #checkout, .Add_To_basket_Buttons #checkout1 {border:0px;color:#ffffff;font-size:1.2em;font-weight:bold;height:30px;margin:0 5px 10px 0;padding:5px 15px;text-transform:uppercase;width:100%}
.Add_To_basket_Buttons #continue, .Add_To_basket_Buttons #continue1 {background-color:#238d00;}
.Add_To_basket_Buttons #checkout, .Add_To_basket_Buttons #checkout1 {background-color:#ff9012;}
#AddedAlso {color:#000000;font-size:1.2em;font-weight:bold;margin-top:15px;text-align:left;width:100%;}
#AddedAlso span {font-size:0.7em;}
#AddedAlternatives {display:block;margin-bottom:10px;}
#AddedAlternatives .PromotionListing {background: rgb(255, 255, 255) none repeat scroll 0 0;cursor: pointer;float: left;font-size: 11px;height: auto;margin: 0px 0px 2px 2px;position: relative;max-width:120px;width: 100%;height:240px;}
#AddedAlternatives .PromotionListing {border:1px solid #d1d1d1;background-color:#ffffff;text-decoration:none;}
#AddedAlternatives .PromotionListing a {text-decoration:none;}
#AddedAlternatives .PromotionListing:hover {border:1px solid #4e4e55;background-color:#ffffff;}
#AddedAlternatives .PromotionListing .ImageListing {float: left;height: 90px;left: 0;margin: 0;overflow: hidden;position: relative;top: 0;width: 100%;}
#AddedAlternatives .PromotionListing .ImageListing img {display:block !important;border: 0 none;float: none;margin: 0;position: relative;width: 120px;height:90px;}
#AddedAlternatives .PromotionListing .ProductListing {float: left;left: 0;position: relative;top: 0;width: 100%;height:60px;}
#AddedAlternatives .PromotionListing .ProductListing .ProductName h2 {color: #333;float: left;font-family:LatoWeb;font-size: 10px;font-weight: lighter;line-height: 15px;margin: 0 !important;padding: 0 !important;text-align: center;width:100%;}
#AddedAlternatives .PromotionListing .ProductPrice p {text-decoration:none;vertical-align:text-bottom;height:190px;color: #ee4224;float: none;font-size: 28px;font-weight: bold;margin: 0 !important;padding: 0 !important;text-align: center;width: 100%;}
#AddedAlternatives .PromotionListing .AddToBasket {display:none;float: none;left:0;right: 20px;position: absolute;top: 170px;width: 95%;background-color:#ff9012;height:40px;}
#AddedAlternatives .PromotionListing a span abbr {border: 0 none;color: #009800;display: block !important;font-size: 11px;font-weight: normal;line-height: 11px;text-align: center;text-decoration: none;text-transform: uppercase;bottom:0;width: 100%;}

#AddedBasket #baskQty {float:left;margin-left:0;}
@media screen and (max-width: 600px) {
#AddedAlternatives .PromotionListing b {font-weight:bold;background: #ff9012 none repeat scroll 0 0;bottom: 5px;color: #ffffff;display: block !important;font-size: 13px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 5px 0 5px;max-width: 110px;position: absolute;text-align:center;text-transform: uppercase; width: 100%;}

}

@media screen and (min-width: 600px) {
    #addedbasketpanel {top:30%;left:30%;margin-left:-15%;margin-top:-15%;}
	.AddedClear {}
	#AddedBasketTop {}
	#ItemAdded {max-width:324px;width:35%;}
	#AddedBasket {height:54px;margin-top:0;margin-left:-1px;max-width:371px;padding-left:5px;width:65%}
	#AddedBasket span {}
	.Add_To_basket_Buttons {}
	.Add_To_basket_Buttons #continue, .Add_To_basket_Buttons #continue1, .Add_To_basket_Buttons #checkout, .Add_To_basket_Buttons #checkout1 {}
	.Add_To_basket_Buttons #continue, .Add_To_basket_Buttons #continue1 {max-width:240px}
	.Add_To_basket_Buttons #checkout, .Add_To_basket_Buttons #checkout1 {max-width:150px}
	#AddedAlso {}
	#AddedAlso span {}	
	#AddedAlternatives {}
	#AddedAlternatives .PromotionListing {background: rgb(255, 255, 255) none repeat scroll 0 0;cursor: pointer;float: left;font-size: 11px;height: auto;margin: 5px 0px 15px 5px;position: relative;max-width:120px;width: 100%;height:200px;}
	#AddedAlternatives .PromotionListing {border:1px solid #d1d1d1;background-color:#ffffff;text-decoration:none;}
	#AddedAlternatives .PromotionListing:hover {border:1px solid #4e4e55;background-color:#ffffff;}
	#AddedAlternatives .PromotionListing .ImageListing {float: left;height: 90px;left: 0;margin: 0;overflow: hidden;position: relative;top: 0;width: 100%;}
	#AddedAlternatives .PromotionListing .ImageListing img {display:block !important;border: 0 none;float: none;margin: 0;position: relative;width: 120px;height:90px;}
	#AddedAlternatives .PromotionListing .ProductListing {float: left;left: 0;position: relative;top: 0;width: 100%;height:60px;}
	#AddedAlternatives .PromotionListing .ProductListing .ProductName h2 {color: #333;float: left;font-family:LatoWeb;font-size: 10px;font-weight: lighter;line-height: 15px;margin: 0 !important;padding: 0 !important;text-align: center;width:100%;}
	#AddedAlternatives .PromotionListing .ProductPrice p {text-decoration:none;vertical-align:text-bottom;height:190px;color: #ee4224;float: none;font-size: 28px;font-weight: bold;margin: 0 !important;padding: 0 !important;text-align: center;width: 100%;}
	#AddedAlternatives .PromotionListing .AddToBasket {display:none;float: none;left:0;right: 20px;position: absolute;top: 170px;width: 95%;background-color:#ff9012;height:40px;}
	#AddedAlternatives .PromotionListing a span abbr {border: 0 none;color: #009800;display: block !important;font-size: 11px;font-weight: normal;line-height: 11px;text-align: center;text-decoration: none;text-transform: uppercase;bottom:0;width: 100%;}
	#AddedAlternatives .PromotionListing b {display:none;}
	#AddedAlternatives .PromotionListing:hover b {font-weight:bold;background: #ff9012 none repeat scroll 0 0;bottom: 5px;color: #ffffff;display: block !important;font-size: 13px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 5px 0 5px;max-width: 110px;position: absolute;text-align:center;text-transform: uppercase; width: 100%;}
}
@media screen and (min-width: 56.3125em) {
#addedbasketpanel {top:30%;left:30%;margin-left:0%;margin-top:0%;}
}


.mag7 {display:none;}
.USP {display:none;}
.marquee {max-width: 550px;width: 100%;height: 75px;margin: 0 auto;overflow: hidden;position: relative;}
    .marquee p {position: absolute;font-family: Tahoma, Arial, sans-serif;width: 100%;height: 100%;margin: 0;line-height: 75px;text-align: center;font-size: 14px;color: #fff;text-shadow: 1px 1px 0 #000000;filter: dropshadow(color=#000000, offx=1, offy=1);}
    .marquee p {transform: translateX(100%);}

@keyframes left-one {
    0% {transform: translateX(100%);}
    10% {transform: translateX(0);}
    20% {transform: translateX(0);}
    30% {transform: translateX(-100%);}
    100% {transform: translateX(-100%);}
}

@keyframes left-two {
    0% {transform: translateX(100%);}
    30% {transform: translateX(100%);}
    40% {transform: translateX(0);}
    50% {transform: translateX(-100%);}
    100% {transform: translateX(-100%);}
}

@keyframes left-three {
    0% {transform: translateX(100%);}
    50% {transform: translateX(100%);}
    60% {transform: translateX(0);}
    70% {transform: translateX(-100%);}
    100% {transform: translateX(-100%);}
}

@keyframes left-four {
    0% {transform: translateX(100%);}
    70% {transform: translateX(100%);}
    80% {transform: translateX(0);}
    90% {transform: translateX(-100%);}
    100% {transform: translateX(-100%);}
}

.marquee p:nth-child(1) {animation: left-one 20s ease infinite;}
.marquee p:nth-child(2) {animation: left-two 20s ease infinite;}
.marquee p:nth-child(3) {animation: left-three 20s ease infinite;}
.marquee p:nth-child(4) {animation: left-four 20s ease infinite;}


.BrandLogos {text-align: center;height:100%;}
.BrandLogos a:hover {opacity: 0.8;}
.BrandLogos > a img {display:inline-block;text-align:center;}
.BrandLogosInner {display:inline-block;}

.countdown {font-size:100%;width:100%;text-align:center;margin-top:-65px;font-weight:bold;font-family:"Courier New", Courier, monospace;}
@media screen and (min-width:35.69em) {
    .mag7 {display:inline-block;padding-bottom:20px;position:relative;}
    .USP {display:inline-block;}
    .USP p {float:left;margin: 0 0;}
    .USP img {width:100%;max-width:1028px;}
    .mag7mob {display:none;}
    .USPMob {display:none;}
    .BrandLogos {margin-bottom:20px;height:100%;}
    .BrandLogos > a img {padding: 0 10px;float:left;display:inline-block;}
    .BrandLogosInner > a img {padding-left:6px;padding-right:0px;text-align:left;}
    .countdown {font-size:1.3em;float:right;line-height:17px;margin-top:-13.5%;padding-bottom:100px;padding-right:8%;position:relative;text-align:center;width:50%;}
}








/***new bits***/