/* Minification failed. Returning unminified contents.
(2447,1): run-time error CSS1019: Unexpected token, found '}'
(12513,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12515,8): run-time error CSS1035: Expected colon, found '{'
(13985,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14000,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(14002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14015,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
body 
{
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #3d3d3d;
    background:#eaeaea;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none; 
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

html, body 
{
  height: 100%;
}

*, *:before, *:after 
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img 
{
    max-width: 100%;
    height: auto; 
    -ms-interpolation-mode: bicubic; 
}

h1, h2, h3, h4
{
    letter-spacing:1px;
}

textarea 
{
    height: auto;
    min-height: 50px; 
}

button.float, .button.float
{
    float:left;
    clear:both;
    width:auto;
    padding:8px 20px;
}

button, .button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-weight: 600;
  line-height: normal;
  margin: 20px 0px;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding:8px;
  background-color: #3d891f;
  color: white;
  width: 100%;
  font-size: 15px;
  text-transform: uppercase;
  font-family: 'Open Sans',sans-serif;
  transition: background-color 300ms ease-out; 
  letter-spacing:2px;
}
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #4b9a2b; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: white; }
  button.secondary, .button.secondary {
    background-color: #4c4c4c;
    color: white;
    font-size: 12px; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #292929;
     }
  button.third, .button.third {
    background-color: transparent;
    color: #4c4c4c;
    border:1px solid #4c4c4c; 
    font-size: 12px; }
    button.third:hover, button.third:focus, .button.third:hover, .button.third:focus {
      background-color: #4c4c4c;
      color:white;
    }
  button.preorder, .button.preorder {
    background-color: #448bb5;
    color: white;}
    button.preorder:hover, button.preorder:focus, .button.preorder:hover, .button.preorder:focus {
      background-color: #74afd2; }
  
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #008cba;
    border-color: #007095;
    color: white;
    cursor: default;
    opacity: 0.7;
    box-shadow: none; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #007095; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: white; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #008cba; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e7e7e7;
      border-color: #b9b9b9;
      color: #333333;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #b9b9b9; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        color: #333333; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e7e7e7; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #43ac6a;
      border-color: #368a55;
      color: white;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #368a55; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        color: white; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #43ac6a; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #f04124;
      border-color: #cf2a0e;
      color: white;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #cf2a0e; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        color: white; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #f04124; }

button.small
{
    font-size: 10px;
    padding: 4px 8px;
}

a {
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: black; }
  a img {
    border: none; }

/* We use this to get basic styling on all basic form elements */

#header input[type="text"]:focus, #header input[type="password"]:focus, #header input[type="date"]:focus, #header input[type="datetime"]:focus, #header input[type="datetime-local"]:focus, #header input[type="month"]:focus, #header input[type="week"]:focus, #header input[type="email"]:focus, #header input[type="number"]:focus, #header input[type="search"]:focus, #header input[type="tel"]:focus, #header input[type="time"]:focus, #header input[type="url"]:focus, #header textarea:focus
{
    background: #313131;
    outline:none;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  -webkit-appearance: none;
  background-color: white;
  font-family: inherit;
  border: none;
  color: black;
  display: block;
  font-size: 12px;
  margin: 0 0 1rem 0;
  padding: 10px;
  width: 100%;
  letter-spacing: 0px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -o-border-radius: 5px; 
    border-radius: 5px; 
    border:1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }

  input[type="text"][disabled], fieldset[disabled] input[type="text"],
  input[type="password"][disabled], fieldset[disabled]
  input[type="password"],
  input[type="date"][disabled], fieldset[disabled]
  input[type="date"],
  input[type="datetime"][disabled], fieldset[disabled]
  input[type="datetime"],
  input[type="datetime-local"][disabled], fieldset[disabled]
  input[type="datetime-local"],
  input[type="month"][disabled], fieldset[disabled]
  input[type="month"],
  input[type="week"][disabled], fieldset[disabled]
  input[type="week"],
  input[type="email"][disabled], fieldset[disabled]
  input[type="email"],
  input[type="number"][disabled], fieldset[disabled]
  input[type="number"],
  input[type="search"][disabled], fieldset[disabled]
  input[type="search"],
  input[type="tel"][disabled], fieldset[disabled]
  input[type="tel"],
  input[type="time"][disabled], fieldset[disabled]
  input[type="time"],
  input[type="url"][disabled], fieldset[disabled]
  input[type="url"],
  textarea[disabled], fieldset[disabled]
  textarea {
    background-color: #d4d4d4;
    color:black;
  }
  input[type="text"].radius,
  input[type="password"].radius,
  input[type="date"].radius,
  input[type="datetime"].radius,
  input[type="datetime-local"].radius,
  input[type="month"].radius,
  input[type="week"].radius,
  input[type="email"].radius,
  input[type="number"].radius,
  input[type="search"].radius,
  input[type="tel"].radius,
  input[type="time"].radius,
  input[type="url"].radius,
  textarea.radius {
    border-radius: 3px; }

input[type="submit"] {
  -webkit-appearance: none; }

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto; }

/* Add height value for select elements to match text input height */
select 
{
    -webkit-appearance: none !important;
    background-color: #fafafa;
    padding: 10px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -o-border-radius: 5px; 
    border-radius: 5px; 
    border: 0px;
    font-size: 12px;
    width: 100%;
    letter-spacing: 0px;
}
 
select:hover 
{
    background-color: #f3f3f3; 
}

#header
{
    background: #131313;
    background: -moz-linear-gradient(top, black, #131313);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(black), to(#131313));
    background: -webkit-linear-gradient(top, black, #131313);
    background: -o-linear-gradient(top, black, #131313);
    background: -ms-linear-gradient(top, black, #131313);
    background: -o-linear-gradient(top, black, #131313);
    /*overflow: hidden;*/ /* removed overflow to allow search suggest to overflow, added div[clear:both] to header to compensate */
    padding:12px 10px;
    border-bottom:1px solid black;
    font-size: 11px;
}

#header, #footer
{
    text-align: center;
}

#header ul, .flags ul, #footer ul, .navigation ul, .languages ul, .messagebar ul, ul.flex-direction-nav, .product-slider ul, ol.flex-control-paging, ul.size-country, .product-icons ul, .pagination-holder ul, .filters ul, .dd ul, ul.images, #footertext ul.footerlinks
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font-size:11px;
}

#header ul.account
{
    overflow: hidden;
    margin: 12px 0px 0px;
    float: right;
}

.flags ul
{
    background: url(/siteimages/global/wembley/white/lang-arrow.png) no-repeat right center;
    padding: 8px 22px 8px 6px;
    cursor: pointer;
    height:30px;
}

.flags ul:hover
{
    background: #e3e3e3 url(/siteimages/global/wembley/white/lang-arrow.png) no-repeat right center;
}

.flags ul.down
{
    background: #e3e3e3 url(/siteimages/global/wembley/white/lang-arrow-down.png) no-repeat right center;
}

.topbar .dd
{
    float: right;
    margin: 0px;
    position: relative;
    text-transform:uppercase;
}

.topbar .dd.store
{
    float: left;
    margin: 0px 10px 0px 0px;
    position: relative;
}

.topbar .dd .selected
{
    background: url(/siteimages/global/wembley/lang-arrow-down.png) no-repeat right center;
    padding: 7px 22px 7px 6px;
    cursor: pointer;
    font-size: 11px;
    height:30px;
    color:black;
}

.topbar .dd .selected:hover
{
    background: #eaeaea url(/siteimages/global/wembley/lang-arrow-down.png) no-repeat right center;
    color:black;
}

.topbar .dd .selected.up
{
    background: #eaeaea url(/siteimages/global/wembley/lang-arrow.png) no-repeat right center;
    color:black;
}

.dd ul
{
    position: absolute;
    right: 0px;
    background: #eaeaea;
    padding: 0px;
    z-index: 999;
    top: 30px;
    min-width: 58px;
    display: none;
}

.dd.store ul
{
    left: 0px;
    right:auto;
    min-width: 134px;
    white-space: nowrap;
}

.dd ul li
{
    cursor: pointer;
}

.dd ul li a
{
    color:black;
    padding:3px 7px;
    display:block;
    border-top:1px solid #e3e3e3;
}

.dd ul li.selected
{
    display: none;
}

.flags ul li.en
{
    background: url(/siteimages/global/wembley/white/sprite.png) no-repeat -722px 0;
    overflow: hidden;
    text-indent: -99em;
    width: 23px;
    height: 13px;
    display: block;
}

#header ul li.basket
{
    overflow: hidden;
    display:block;
    background-image:url(/siteimages/global/wembley/white/sprite.png);
    background-position:-2030px 0px;
    background-repeat: no-repeat;
    width:39px;
    height:37px;
    text-align: center;
    font-weight: 600;
    margin: 0px;
}

.msg.green.selected
{
    -webkit-animation:basket-animation 5s; /* Chrome, Safari, Opera */
    animation:basket-animation 5s;
}

@-webkit-keyframes basket-animation
{
    0%   {background-color:white;}
    25%  {background-color:#94c849;}
    50%  {background-color:white;}
    100% {background-color:#94c849;}
}

@keyframes basket-animation
{
    0%   {background-color:white;}
    25%  {background-color:#94c849;}
    50%  {background-color:white;}
    100% {background-color:#94c849;}
}

#header ul li.basket a
{
    color: black;
    font-size: 14px;
    line-height:1;
    padding:17px 0px 6px 0px;
}

#header ul li.basket a:hover
{
    color:black;
}

#header ul li
{
    float: left;
    margin: 8px 20px 0px 0px;
    text-transform: uppercase;
    line-height: 27px;
    position:relative;
}

#header ul li#profile-picture
{
    margin:0px 20px 0px 0px;
}

#header ul li#profile-picture img
{
    height:37px;
    border:1px solid #777777;
}

#header ul li.basket
{
    margin: 0px;
    z-index:1;
}

#header ul li.basket-price
{
    border:1px solid white;
    margin:8px -5px 0px 0px;
    padding:0px 10px;
    z-index:2;
    opacity:0.8;
}

.logo {
    width: 182px;
    height: 44px;
    overflow: hidden;
    text-indent: -999em;
    background: url(/siteimages/global/wembley/sprite.png) no-repeat -4952px 0px;
    float: left;
    margin: 13px 0 11px 6px;
}

.logo.spaced-logo
{
    margin:21px 0px;
}

.logo a
{
    width:190px;
    height:48px;
    display: block;
}


#header ul li a
{
    color: white;
    display: block;
}

#header ul li a:hover
{
    color: #e3e3e3;
}
.christmas #header {
    background-image: url('/siteimages/global/wembley/christmas/header-black.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: black;
}

.search {
    position: relative;
    width: 460px;
    height: 35px;
    overflow: hidden; /* removed overflow:hidden to allow search suggest */
    float: left;
    margin: 19px 10px 5px 59px;
}

.search input
{
    background: #141414;
    padding:9px;
    border:none;
    margin: 0px;
    color: white;
    height: 35px;
        -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -o-border-radius: 5px; 
    border-radius: 5px; 
}

.search button
{
    width:15px;
    height:15px;
    border:0px;
    text-indent: -999em;
    overflow: hidden;
    display:block;
    background:transparent url(/siteimages/global/wembley/white/sprite.png) no-repeat -906px 0px;
    position:absolute;
    top:8px;
    right:8px;
    margin:0px;
    padding:0px;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
}

.topbar
{
    background: white;
    padding: 0px 10px;
    height: 30px;
    font-weight:600;
    color:black;
}

.topbar .inner
{
    position:relative;
}

.topbar p
{
    margin: 0px;
    padding: 0px;
    float: left;
    font-size: 11px;
}

.topbar p.tel
{
    margin: 7px 16px 7px 6px;
    float: right;
}

.topbar p.tel a
{
    color:#3d3d3d;
}

.topbar p strong
{
    font-weight: 700;
}

.topbar p.strapline
{
    margin:7px 6px 7px 0px;
    font-weight: 600;
    letter-spacing: 1px;
}

.topbar .flags
{
    float: right;
    margin: 0px;
}

.inner
{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    text-align: left;
}

#cookie
{
    background: #eaeaea;
    padding: 10px;
    color: #3d3d3d;
    font-size: 11px;
    overflow:hidden;
    height:36px;
}

#cookie p
{
    margin: 0px;
    float: left;
    width: 80%;
}

#cookie p a
{
  color: black;
  font-weight: 600;
}

#cookie .close
{
    display: block;
    background: url(/siteimages/global/wembley/white/close-icon.png) no-repeat center right;
    float: right;
    cursor: pointer;
    padding: 0px 10px 0px 0px;
}

#footer
{
    background: black;
    border-top: 1px solid #2e2e2e;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index:11;
}

#footertext
{
    margin: 20px 0;
    text-align: center;
    padding:20px 10px 50px 10px;
    overflow:hidden;
}

#footertext ul.cards
{
    float:right;
    margin:4px 0px 0px 0px;
}

#footertext ul.cards li
{
    margin:0px 0px 10px 10px;
}

#footertext p 
{
    color: #666;
    font-size: 10px;
    margin:0px;
    text-align:left;
    clear:both;
}

#footertext .footertext-holder
{
    float:left;
    max-width:55%;
}

#footertext p a
{
    color: white;
}

#footertext ul.footerlinks
{
    float:left;
    clear:both;
    margin:10px 0px;
}

#footertext ul.footerlinks li
{
    float:left;
    padding:2px 12px 2px 0px;
    font-size:10px;
    text-transform:uppercase;
}

#footertext ul.footerlinks li a
{
    color:black;
    display:block;
    border-bottom:1px solid black;
}

#footertext ul.footerlinks li a:hover
{
    border-bottom:0px;
}

#footer ul li
{
    float: left;
    border-left:1px solid #2e2e2e; 
}

#footer ul li.last
{
    border-right:1px solid #2e2e2e; 
}

#footer ul li.id
{
    position:relative;
}

#footer ul li.id span
{
    position:absolute;
    top:11px;
    left:11px;
    background:url(/siteimages/global/wembley/white/sprite.png) no-repeat -1148px 0px;
    width:12px;
    height:11px;
}

#footer ul li.id a
{
    padding: 8px 12px 8px 30px; 
}

#footer ul li a
{
    padding: 8px 12px;
    display: block;
    color: white;
}

#footer ul li a:hover
{
    background-color:#313131;
}

#footer ul li.id a:hover
{
    background: #313131;
}

#footer ul.social
{
    float: right;
    margin: 5px 0px 0px;
}

#footer ul.social li
{
    border: 0px;
    text-indent: -999em;
    overflow: hidden;
    width:22px;
    height: 21px;
    float: left;
    margin: 0px 0px 0px 10px;
    background-repeat:no-repeat;
    background-image: url(/siteimages/global/wembley/white/sprite.png);
}

#footer ul.social li.facebook
{
    background-position:-972px 0;
}

#footer ul.social li.twitter
{
    background-position:-994px 0;
    width:23px;
}

#footer ul.social li.instagram
{
    background-position:-1017px 0;
    width:23px;
}

#footer ul.social li.youtube
{
    background-position:-1040px 0;
}

#footer ul.social li.sb
{
    background-position:-1062px 0;
}

#footer ul.social li a 
{
    display: block;
    padding: 0px;
    width:23px;
    height: 21px;
}

#footer ul.social li a:hover
{
    background:transparent;
}

#footer ul.social li:hover
{
    opacity:0.7;
}

.navigation
{
    background: #151515;
    height: 37px;
    border-bottom: 1px solid black;
    border-top: 1px solid #2e2e2e;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
}

.navigation ul li
{
    float: left;
}

.navigation ul li.home a
{
    display: block;
    width:36px;
    height: 36px;
    text-indent: -999em;
    overflow: hidden;
    background: url(/siteimages/global/wembley/white/sprite.png) no-repeat -936px 0;
    padding: 0px;
}

.navigation ul li a
{
    display: block;
    padding: 10px 22px;
    color: white;
    text-decoration: none;
    height: 36px;
}

.navigation ul li.saleTT a {
    color: black;
}

.navigation ul li.sale 
{
    background: #e70835;
}

.navigation ul li.saleTT
{
    background: #d2f700;
}

.navigation ul#primary-nav li.hover
{
    background: #313131 url(/siteimages/global/wembley/menu-hover.png) no-repeat bottom center;
}

.navigation ul#primary-nav li.no-drop.hover
{
    background: #313131;
}

.navigation ul#primary-nav li.saleTT.no-drop.hover
{
    background: #fff;
}

.navigation ul#primary-nav li.sale.selected a, .navigation ul#primary-nav li.sale.hover
{
    background: #fe3a61;
}

.navigation ul li.selected a
{
    background: #313131;
}

.navigation ul#primary-nav li.home a:hover, .navigation ul#primary-nav li.home.selected a
{
    background: #313131 url(/siteimages/global/wembley/white/sprite.png) no-repeat -936px 0;
}

.navigation ul li:hover .drop-down
{
    visibility: visible;
}

.navigation .drop-down
{
    position: absolute;
    left: 0px;
    top: 36px;
    width:100%;
    background:white;
    overflow: hidden;
    visibility: hidden;
    z-index: 200;
    padding: 8px;
    box-shadow: 0 20px 40px -10px #333;
    -moz-box-shadow: 0 20px 40px -10px #333;
    -webkit-box-shadow: 0 20px 40px -10px #333;
    text-transform:none;
}

.navigation .drop-down .inner
{
    position: relative;
    overflow: hidden;
}

.navigation .drop-down .block
{
    float: left;
    padding: 20px;
    width: 22%;
    text-transform:uppercase;
}

.navigation .drop-down .block.level-1
{
    padding: 15px 5px 15px 0px;
}

.navigation .drop-down .block.level-2
{
    width: 55%;
    padding: 15px 25px;
    text-transform:none;
}

.navigation .drop-down .two-columns .block.level-2
{
    width: 78%;
    padding: 0px;
}

.navigation .drop-down .one-column .block.level-2
{
    width:100%;
    padding:0;
}

.navigation .drop-down .block.level-3
{
    background: #d4d4d4;
    text-transform:none;
    padding: 15px 25px;
    width:23%;
}

.navigation .drop-down .block.level-1 ul.sub-menu li
{
    letter-spacing:1px;
    font-weight:700;
}

.navigation .drop-down .block.level-1 ul.sub-menu li a
{
    padding: 8px 12px;
}

.navigation .drop-down .block.level-1 ul.sub-menu li a:hover
{
    color:white;
    background:#292929;
}

.navigation .drop-down .block.level-3 ul.sub-menu li a:hover, .navigation .drop-down .block.level-2 ul.sub-menu li a:hover
{
    color:white;
}

.navigation .drop-down ul.sub-menu li
{
    float: none;
    font-weight: 400;
}

#page .navigation .drop-down .block.level-2 ul.sub-menu li
{
    border-right:1px solid white;
    border-bottom:1px solid white;
    background: #eaeaea;
    padding:12px;
}

.navigation .drop-down .block.level-2 ul.sub-menu li, .navigation .drop-down .block.double ul.sub-menu li
{
    float: left;
    padding: 0px 10px 0px 0px;
    width:33.3333%;
}

.navigation .drop-down ul li a
{
    color: #292929;
    padding: 2px 10px;
    height: auto;
}

.navigation .drop-down .block h4
{
    margin: 10px 0px;
    background: white;
    padding: 6px 10px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight:400;
}

#content
{
    padding: 20px 10px;
    overflow: hidden;
    clear: both;
}

.languages
{
    background: #e3e3e3;
    padding: 20px 10px;
    overflow: hidden;
    -webkit-box-shadow: inset 0px -18px 32px -18px rgba(133,133,133,1);
    -moz-box-shadow: inset 0px -18px 32px -18px rgba(133,133,133,1);
    box-shadow: inset 0px -18px 32px -18px rgba(133,133,133,1);
    display: none;
}

.languages h4
{
    text-transform: uppercase;
    font-size: 11px;
    margin: 0px 0px 20px 0px;
    font-weight: 800;
}

.languages h4 span
{
    font-weight: 400;
}

a.lang-but
{
    color: #3d3d3d;
    padding: 8px 12px 8px 40px;
    text-transform: uppercase;
    margin: 20px 0px 10px;
    border:1px solid #f1f1f1;
    font-size: 10px;
    float: left;
    box-shadow: 0px 0px 1px #cfcfcf;
    -moz-box-shadow: 0px 0px 1px #cfcfcf;
    -webkit-box-shadow: 0px 0px 1px #cfcfcf;
    position:relative;
}

.languages ul li a.lang-but span
{
    background-repeat: no-repeat;
    background-image: url(/siteimages/global/wembley/white/sprite.png);
    width:23px;
    height:13px;
    display:block;
    position:absolute;
    top:8px;
    left:8px;
}

a.lang-but.selected
{
    background-color: #cfcfcf;
}

a.lang-but:hover
{
    background-color: #cfcfcf;
}

ul.language-select li
{
    position:relative;
}

ul.language-select li span
{
    background-repeat: no-repeat;
    background-image: url(/siteimages/global/wembley/white/sprite.png);
    width:23px;
    height:13px;
    display:block;
    position:absolute;
    top:12px;
    left:17px;
}

#mobile ul.language-select li a
{
    padding:12px 17px 12px 50px;
}

a.lang-but.en span, ul.language-select li.en span
{
    background-position: -722px 0px;
}

a.lang-but.us span, ul.language-select li.us span
{
    background-position: -745px 0px;
}

a.lang-but.de span, ul.language-select li.de span
{
    background-position: -768px 0px;
}

a.lang-but.fr span, ul.language-select li.fr span
{
    background-position: -791px 0px;
}

a.lang-but.it span, ul.language-select li.it span
{
    background-position: -814px 0px;
}

a.lang-but.es span, ul.language-select li.es span
{
    background-position: -837px 0px;
}

a.lang-but.nl span, ul.language-select li.nl span
{
    background-position: -860px 0px;
}

a.lang-but.pl span, ul.language-select li.pl span
{
    background-position: -883px 0px;
}

.languages ul li
{
    float: left;
    padding: 0px 20px 0px 0px;
    margin: 0px 0px 10px 0px;
    width: 25%;
}

.languages ul li:nth-child(4n+4)
{
    padding: 0px;
}

.languages ul li a
{
    margin: 0px;
    width:100%;
}

.messagebar
{
    text-align: center;
    overflow: hidden;
    margin: 20px 0 40px 0;
    clear: both;
}

.landing .feature-boxes .messagebar
{
    margin:20px 0px;
    float:left;
    width:100%;
}

.messagebar ul.one-item li
{
    width:100%;
    border:0px;
}

.messagebar ul.two-items li
{
    width:75%;
}

.messagebar ul li.highlighted
{
    letter-spacing:2px;
}

.messagebar ul li.grey
{
    background:#4c4c4c;
    color:white;
}

.messagebar ul li.grey a
{
    color:white;
}

.messagebar ul.two-items li.last
{
    width:25%;
}

.messagebar ul li
{
    float: left;
    width:33.3333%;
    text-transform: uppercase;
    border-right:4px solid #e3e3e3;
    color: #3d3d3d;
    font-weight: 700;
    letter-spacing:1px;
    background: #d4d4d4;
}

.messagebar ul li.no-link
{
    padding: 8px 10px;
}

.messagebar ul li.yellow
{
    background:#ffee2e;
}

.messagebar ul li.black
{
    background:black;
}

.messagebar ul.multibuy li
{
    background:black;
    color:#ffee2e;
}

.messagebar ul li.white
{
    background:#d4d4d4;
}

.messagebar ul li.red
{
    background:#e70835;
    color:white;
}

.messagebar ul li.red a, .messagebar ul li.black a
{
    color:white;
}
.messagebar ul li.orange { 
    background:#FF5C01;
}
.messagebar ul li.orange a { 
    color: white;
}
.messagebar ul li.orange a:hover { 
    color: black; 
}


.messagebar ul li.pink { 
    background:#E70835;
}
.messagebar ul li.pink a { 
    color: white;
}
.messagebar ul li.pink a:hover { 
    color: black; 
}

.messagebar ul li a
{
    color: black;
    display:block;
    padding: 8px 10px;
}

.messagebar ul li a:hover
{
    color: white;
    background:#292929;
}

.messagebar ul li.last
{
    border: 0px;
}

.messagebar ul li.hour
{
    background:#d2f700;
}

.messagebar ul li.hour a
{
    color: #000;
}

.messagebar ul li.warehouse
{
    background:black;
}

.messagebar ul li.warehouse, .messagebar ul li.warehouse a
{
    color: #f0dd0a;
}

.left-column
{
    float: left;
    width: 60%;
    overflow: hidden;
}

.right-column
{
    float: right;
    width: 40%;
    padding: 15px 30px;
    overflow: hidden;
}

#content h1
{
    color: black;
    font-size: 20px;
    max-width: 0px 0px 20px 0px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0px 0px 20px 0px;
}

#content .right-column p
{
    font-size: 11px;
}

#content p.price
{
    font-size: 25px;
    font-weight: 600;
}

.related
{
    overflow: hidden;
    clear: both;
    text-align: center;
}

.related.view-history
{
    display:none;
}

.related-holder
{
    margin: auto;
    overflow: hidden;
    position: relative;
    padding: 0px 40px;
}

.related-holder .flex-viewport
{
    max-width: 810px;
    margin: auto;
    padding: 1px;
}

.float-buttons button
{
  float: right;
  width: 45%;
  margin:0px; 
}

.float-buttons button:first-of-type
{
  float: left;
}

.related h3
{
    background: white;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    margin: 30px 0px;
    font-size: 15px;
    font-weight:400;
}

.related .item-wrap
{
    float: left;
}

.item
{
    padding: 20px;
    border:1px solid white;
    width:202px;
    font-size: 10px;
    text-align: center;
    overflow:hidden;
    float:left;
    box-shadow: 0px 0px 1px #cbcbcb;
    -moz-box-shadow: 0px 0px 1px #cbcbcb;
    -webkit-box-shadow: 0px 0px 1px #cbcbcb;
}

.item:hover
{
    background:white;
}

.related .item
{
    height:100%;
}

.item img
{
    display: block;
    margin: 0px 0px 15px 0px;
    width: 100%;
}

.item a
{
    display: block;
    line-height: 1.2;
    color: #4c4c4c;
    margin: 0px 0px 10px 0px;
}

.item p
{
    margin: 0px;
    line-height: 1.4;
    font-size: 10px;
}

.rightbar
{
    float: right;
    width:80%;
}

.leftbar
{
    float: left;
    width:20%;
}

.rightbar .item
{
    float:left;
}

.two-column .item
{
    width:404px;
    text-align: left;
}

.list.two-column .item .img-holder
{
    float: left;
    margin: 0px 20px 0px 0px;
}

.list.two-column .item .img-holder img
{
    margin: 0px;
}

.img-holder
{
    overflow: hidden;
    margin: 0px 0px 15px 0px;
    position: relative;
}

.img-holder span
{
    padding: 4px 8px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: white;
    font-size: 11px;
}

.img-holder span.new
{
    background: #008000;
}

.img-holder span.sale
{
    background: #e70835;
}

.img-holder span.pre-order
{
    background: #006FFA;
}

.img-holder span.exclusive
{
    background: white;
    color: black;
}

.img-holder img
{
    margin: 0px;
}

.msg
{
    overflow: hidden;
    margin: 0px 0px 30px 0px;
    background: black;
    padding: 10px;
    text-align: center;
}

.msg.green
{
    background: #94c849;
}

.msg.red
{
    background:#E70835;
    color:#FFF;
}

.msg p
{
    color: white;
    margin: 0px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.msg p a
{
    color: white;
    text-decoration: underline;
}

.msg.green p, .msg.green p a
{
    color: black;
}

.hide
{
    display: none;
}

.show
{
    display: block;
}

/* Message boxes */

.msg.confirmation
{
    border:1px solid #3d891f;
    text-transform: uppercase;
    padding: 6px;
    text-align: center;
    display: block;
    background: transparent;
    max-width: 10px 0px;
}

.msg.hide
{
    display: none;
}

.msg.confirmation p
{
    margin: 0px;
    padding: 0px;
    color: #3d891f;
    font-size: 11px;
}

.mobile-menu-icon
{
    float:left;
    margin:0px 10px 0px 0px;
    display: none;
    height: 35px;
    overflow: hidden;
    text-indent: -999em;
    width: 41px;
}

.mobile-menu-icon a
{
    background: url(/siteimages/global/wembley/sprite.png) no-repeat -651px 0px;
    display: block;
    height: 35px;
    width: 41px;
    margin-top:4px
}

ul.flex-direction-nav li a.flex-disabled 
{
    display: none;
}

ul.flex-direction-nav li a
{
    padding:20px 8px;
    width:32px;
    height:42px;
    display: block;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    -webkit-transition: all .3s ease; 
    -moz-transition: all .3s ease; 
    transition: all .3s ease;
    background-color:#eaeaea;
    background-image:url(/siteimages/global/wembley/white/sprite.png);
    background-repeat:no-repeat;
}

.slider-holder:hover ul.flex-direction-nav li a.flex-prev, .brand-holder:hover ul.flex-direction-nav li a.flex-prev, .related-holder:hover ul.flex-direction-nav li a.flex-prev
{
    left:0px;
}

.slider-holder:hover ul.flex-direction-nav li a.flex-next, .brand-holder:hover ul.flex-direction-nav li a.flex-next, .related-holder:hover ul.flex-direction-nav li a.flex-next
{
    right:0px;
}

ul.flex-direction-nav li a.flex-prev
{
    background-position:-1084px 0px;
    left:-32px;
}

ul.flex-direction-nav li a.flex-next
{
    background-position:-1116px 0px;
    right:-32px;
}

#page .navigation .drop-down .block.brand-icons
{
    padding:0;
}

#page .navigation .drop-down .brand-icons ul li, #page .navigation .drop-down .replica-items ul li, #page .navigation .drop-down .colours ul li
{
    text-indent:-999em;
    overflow:hidden;
    padding:0px;
    width:auto;
}

.block.level-2 ul li a
{
    width:80px;
    height:44px;
    display:block;
    background-image:url(/siteimages/global/wembley/select-brands-sprite-small.png);
    background-repeat:no-repeat;
    padding:0;
}

.navigation .drop-down .replica-items ul li a
{
    background-image: url(/siteimages/global/wembley/replica-badge-colour-sprite.png);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.navigation .drop-down .replica-items ul li a:hover
{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: none;
}

.navigation .drop-down .colours ul li a
{
    background-image: url(/siteimages/global/wembley/colour-sprite.png);
}

.navigation .drop-down .block.level-2 ul li a:hover
{
    opacity:0.7;
}

.adidas a
{
    background-position: 0 0;
}

.nike a
{
    background-position: -80px 0;
}

.puma a
{
    background-position: -160px 0;
}

.asics a
{
    background-position: -240px 0;
}

.new-balance a
{
    background-position: -320px 0;
}

.fila a
{
    background-position: -400px 0;
}

.lacoste a
{
    background-position: -480px 0;
}

.do a
{
    background-position: -560px 0;
}

.bjorn a
{
    background-position: -1841px 0;
}

.under-armour a
{
    background-position: -640px 0;
}

.lotto a
{
    background-position: -720px 0;
}

.k-swiss a
{
    background-position: -800px 0;
}

.moving-comfort a
{
    background-position: -880px 0;
}

.shock-absorber a
{
    background-position: -960px 0;
}

.babolat a
{
    background-position: -1040px 0;
}

.skins a
{
    background-position: -1120px 0;
}

.wilson a
{
    background-position: -1200px 0;
}

.head a
{
    background-position: -1280px 0;
}

.joma a
{
    background-position: -1360px 0;
}

.yonex a
{
    background-position: -1440px 0;
}

.playbrave a
{
    background-position: -1520px 0;
}

.sportjock a
{
    background-position: -1600px 0;
}

.mission a
{
    background-position: -1680px 0;
}

.le-coq-sportif a
{
    background-position: -1760px 0;
}

.mizuno a {
    background-position: -1930px 0;
}



p.was-price, .was-price
{
    text-decoration:line-through;
    color:#999;
    font-size:12px;
    margin:0px 0px 0px 6px;
}

p.saving, .saving 
{
    font-size:13px;
    font-weight: 600;
    color: #e70835;
}

.slider-holder ul
{
    width:3000%;
    overflow:hidden;
}

#page .navigation .drop-down .block.level-2 ul.sub-menu li.view-more
{
    text-indent:0;
    text-transform:uppercase;
    text-align:center;
    line-height:6;
    font-weight:600;
    font-size:12px;
    padding:0;
}

#page .navigation .drop-down .block.level-2 ul.sub-menu li.view-more a
{
    background:#4c4c4c;
    color:white;
    padding:0;
    height:68px;
    width:104px;
}

.clear
{
    clear:both;
}

/* Tooltips */

.tooltip 
{
    outline:none;
    cursor:help;
    clear:both;
} 

.tooltip strong 
{
    line-height:30px;
} 

.tooltip:hover 
{
    text-decoration:none;
} 

.tooltip span 
{ 
    z-index:10;
    display:none;
    padding:15px 11px; 
    margin-top:35px; 
    margin-left:0px; 
    width:300px; 
    line-height:12px;
    font-style:normal;
    font-size:11px;
    font-family:arial,sans-serif;
} 

.tooltip:hover span
{ 
    display:block; 
    position:absolute;
    color:#333;
    background:#e4e4e4;
} 

.tooltip .nub 
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #e4e4e4;
    border-image: none;
    border-style: solid;
    border-width: 5px;
    display: block;
    height: 0;
    left: 5px;
    pointer-events: none;
    position: absolute;
    top: -10px;
    width: 0;
} 

/* New Drop Downs */

.navigation.multi-dropdown .drop-down .inner
{
    text-align:center;
}

.navigation.multi-dropdown .drop-down .block
{
    display:inline-block;
    float:none;
    width:auto;
    text-align:left;
    text-transform:none;
    vertical-align:top;
    min-width:250px;
    max-width:500px;
}
.navigation.multi-dropdown .drop-down .block.lifestyle {
    min-width: 180px;
}
.block.lifestyle.first a {
    font-weight: 800;
    text-transform: uppercase;
}
.navigation.multi-dropdown .drop-down .block.two-col ul
{
    float:left;
    padding:0 20px 0 0;
    width:50%;
    min-width:200px;
}

.navigation.multi-dropdown .drop-down .block ul li a
{
    padding:6px 12px;
}

.navigation.multi-dropdown .drop-down .block ul li a:hover
{
    background:#292929;
    color:white;
}

.navigation.multi-dropdown .drop-down .block h4
{
    border-bottom:2px solid #292929;
    color:black;
    text-align:left;
    padding:12px;
    font-size:12px;
    margin:0 0 10px 0;
    font-weight:800;
}

.navigation.multi-dropdown .drop-down .block h4.link
{
    background:transparent url(/siteimages/global/wembley/white/sub-menu-arrow.png) no-repeat right center;
    padding:0;
}

.navigation.multi-dropdown .drop-down .block h4 a
{
    height:auto;
    display:block;
    color:black;
    padding:12px;
}

.navigation.multi-dropdown .drop-down .block h4 a:hover
{
    color:#999;
}

@media (max-width: 767px) 
{
    #footertext ul.cards, #footertext ul.footerlinks
    {
        margin:20px auto;
        float:none;
        max-width:100%;
        clear:both;
    }
    #footertext ul.cards li, #footertext ul.footerlinks li
    {
        float:none;
        display:inline-block;
    }
    #footertext .inner
    {
        text-align:center;
    }
    #footertext p
    {
        max-width:100%;
        float:none;
        text-align:center;
    }
    #footertext .footertext-holder
    {
        float:none;
        max-width:100%;
    }
    .topbar .flags, .topbar, .search, ul.account li, .navigation, div.list-header, .languages
    {
        display:none;
    }
    .languages
    {
        display:none!Important;
    }
    ul.account li.basket, .mobile-menu-icon
    {
        display:block;
    }
    #header
    {
        padding:15px 0;
    }
    #header.siteheader .logo, .mobile-menu-icon, #header ul.account
    {
        display:inline-block;
        margin:0;
    }

    .mobile-menu-icon{
        margin-left: 15px;
    }

    #header ul.account {
        margin-right: 15px;
    }

    #header.siteheader .logo, .logo {
        width: 154px;
        height: 36px;
        background: url(/siteimages/global/wembley/sprite.png) no-repeat -5134px 0px;
        margin: 0px auto;
    }
    #header.siteheader .logo a
    {
        width:154px;
        height:35px;
    }

    #page #content
    {
        padding:0px;
    }
    #footertext
    {
        padding:0px 20px;
        margin:20px 0px 0px;
    }
    #footer .inner 
    {
        text-align: center;
    }
    #footer 
    {
        padding: 10px;
        position: relative;
    }
    #footer ul, #footer ul.social 
    {
        float: none;
        margin: 0 0 10px;
        overflow: hidden;
    }
    #footer ul li, #footer ul li.last, #footer ul.social li
    {
        border: 0 none;
        display: inline-block;
        float: none;
    }
    #footer ul li a 
    {
        padding: 4px 8px;
    }
    .msg
    {
        margin: 0px;
    }
    #header
    {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 300;
        float:left;
    }
    #content
    {
        margin-top:69px;
    }
    #page.has-cookie #content
    {
        margin-top:105px;
    }
    #page.has-cookie #header
    {
        margin-top:36px;
    }
    #page.has-cookie #cookie
    {
        position:fixed;
        top:0px;
        width: 100%;
        z-index: 300;
    }
    .mm-opened #header, .mm-opened #page.has-cookie #cookie
    {
        position:relative;
    }
    .related h3
    {
        margin:0px;
    }
    #cookie span
    {
        display:none;
    }
}
@media (min-width: 767px) and (max-width: 959px) 
{
    .search
    {
        width:200px;
        margin: 19px 10px 5px 90px;
    }
}
@media (max-width: 959px) 
{
     #header ul li#profile-picture
     {
         display:none;
     }
     
     .navigation.multi-dropdown .drop-down .block.two-col ul
     {
         min-width:150px;
     }
     .navigation ul li a
     {
         padding:10px 12px;
     }
}




/* Additions for checkout message warnigs on shipping - using importants to over ride some existing borders. */
.warning
{
    color:#E70835 !important; /* to override the p.small thats set elsewhere */
}

@media screen and (max-width:768px)
{
     .tr.blockedCountryItemRow .td.leftalign
     {
         border:2px solid #E70835 !important;
         border-bottom:0 !important;
     }
    .tr.blockedCountryItemRow .td.mobile-float-column
    {
        border-top: 0 !important;
        border-right: 0 !important;
        border-bottom: 2px solid #E70835 !important;
        position:relative;
        top:-3px;
    }
    .tr.blockedCountryItemRow .td.mobile-right-align
    {
        border-left: 0 !important;
        border-right: 2px solid #E70835 !important;
        border-bottom: 2px solid #E70835 !important;
        position:relative;
        top:0;
    }
}

@media screen and (min-width:769px)
{
    .tr.blockedCountryItemRow .td
    {
        border: 2px solid #E70835 !important;
    }

    .tr.blockedCountryItemRow .td.leftalign
    {
        border-right: 0 !important;
    }

    .tr.blockedCountryItemRow .td.mobile-float-column
    {
        border-left: 0 !important;
        border-right: 0 !important;
    }

    .tr.blockedCountryItemRow .td.mobile-right-align
    {
        border-left: 0 !important;
        border-right: 2px solid #E70835 !important;
    }
}
/* EOA */
.navigation ul li.locker-room{
    width: 132px;
}

.navigation ul li.locker-room a {
    padding: 4px 5px;
}

.navigation ul li img.locker-room-icon {    
    position: relative;
}


/* Mobile */

#mobile ul.tab-menu
{
    display:block;
}

.mobile-nav
{ 
    padding:0px;
    width:80%;
    position: fixed;
    top: 60px;
    z-index: 1;
    max-width: 440px;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
}

.mobile-menu
{
    padding:0 0 40px 0;
}

.mobile-user-menu
{
    padding:0;
    background:#4c4c4c;
}

#mobile .mobile-user-menu ul li
{
    background:#4c4c4c;
    border-bottom:1px solid #636363;
}

#mobile .mobile-user-menu ul li a
{
    color:white;
}

#mobile ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font-size:12px;
}

#mobile ul li.first-level, #mobile ul li.title
{
    background-color: white;
    font-weight: 700;
    background-image: url(/siteimages/global/wembley/white/menu-arrow.png);
    background-position: right;
    background-repeat: no-repeat;
    margin:0;
    font-size:12px;
}

#mobile ul li.first-level a, #mobile ul li.title a
{
    padding:18px;
}

#mobile ul li
{
    background:white;
    text-transform: uppercase;
    border-bottom:1px solid #e5e5e5;
}

#mobile ul li.first-level li:last-child
{
    border-bottom:0px;
}

#mobile ul li.first-level a
{
    color:black;
}

#mobile ul li a
{
    padding:12px 24px;
    display:block;
    color:black;
}

#mobile ul li.title
{
    padding:18px;
    color:white;
    background:#292929;
    border:0;
}

#mobile ul li.sale
{
    background-color:#e70835;
    border: none;
    background-image: url(/siteimages/global/wembley/menu-arrow.png);
}

#mobile ul li.saleTT
{
    background-color:#d2f700;
    background-image: url(/siteimages/global/wembley/white/menu-arrow.png);
}
}

#mobile ul li.sale a
{
    color: white;
}

#mobile ul li.saleTT a
{
    color: #000;
}


#mobile ul li.last a
{
    border-right:1px solid #616161;
}

#mobile .search
{
    display:block;
    clear:both;
    overflow:hidden;
    width:auto;
    margin:20px 17px;
    float:none;
    background:transparent;
}

#mobile .search input
{
    background:white;
    color:#3d3d3d;
    width:85%;
    box-shadow:none;
    border:1px solid #b6b9bb;
}

#mobile .search button
{
    background:transparent url(/siteimages/global/wembley/white/sprite.png) no-repeat -2069px -24px;
    width:23px;
    height:23px;
    top:4px;
    right:0px;
}

/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu panels CSS
*/

.mm-opened #content
{
    opacity:0.3;
}

.mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: left 0.4s ease;
  -moz-transition: left 0.4s ease;
  -ms-transition: left 0.4s ease;
  -o-transition: left 0.4s ease;
  transition: left 0.4s ease; }

.mm-menu .mm-hidden {
  display: none; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu {
  background: inherit;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }
  .mm-menu > .mm-panel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 0px;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 0; }
    .mm-menu > .mm-panel.mm-opened {
      left: 0%; }
    .mm-menu > .mm-panel.mm-subopened {
      left: -40%; }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }

.mm-ismenu {
  background: #eaeaea;
  color: rgba(255, 255, 255, 0.6); }

.mm-menu .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li > a.mm-subclose {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu .mm-list > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.1); }
.mm-menu .mm-list > li.mm-label {
  background: rgba(255, 255, 255, 0.05); }
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page,
.mm-fixed-top,
.mm-fixed-bottom {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, border;
  -moz-transition-property: top, right, bottom, left, border;
  -ms-transition-property: top, right, bottom, left, border;
  -o-transition-property: top, right, bottom, left, border;
  transition-property: top, right, bottom, left, border; }

.mm-page,
#mm-blocker {
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.mm-page {
  border: 0px solid rgba(0, 0, 0, 0); }

html.mm-opening .mm-page {
  border: 0px solid rgba(1, 1, 1, 0); }

.mm-fixed-top,
.mm-fixed-bottom {
  position: fixed;
  left: 0; }

.mm-fixed-top {
  top: 0; }

.mm-fixed-bottom {
  bottom: 0; }

html.mm-opened {
  overflow: hidden;
  position: relative; }
  html.mm-opened body {
    overflow: hidden; }
  html.mm-opened #page #content {
      margin:0px;
  }
  html.mm-opened #page.has-cookie #header {
      top:0px;
  }

html.mm-opened .mm-page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent;
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-offcanvas {
  display: none;
  position: fixed; }
.mm-menu.mm-current {
  display: block; }

html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom {
  left: 80%; }

.mm-menu {
  width: 80%; }

@media all and (max-width: 175px) {
  .mm-menu {
    width: 140px; }

  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker,
  html.mm-opening .mm-fixed-top,
  html.mm-opening .mm-fixed-bottom {
    left: 140px; } }
@media all and (min-width: 550px) {
  .mm-menu {
    width: 440px; }

  html.mm-opening .mm-page,
  html.mm-opening #mm-blocker,
  html.mm-opening .mm-fixed-top,
  html.mm-opening .mm-fixed-bottom {
    left: 440px; } }
/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%; }
  em.mm-counter + a.mm-subopen {
    padding-left: 40px; }
    em.mm-counter + a.mm-subopen + a,
    em.mm-counter + a.mm-subopen + span {
      margin-right: 80px; }
  em.mm-counter + a.mm-fullsubopen {
    padding-left: 0; }

.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0; }

.mm-nosubresults > em.mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

/*
	jQuery.mmenu header addon CSS
*/
.mm-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: inherit;
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  width: 100%;
  height: 60px;
  padding: 30px 40px 0 40px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0; }
  .mm-header .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1; }
  .mm-header .mm-prev,
  .mm-header .mm-next {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    display: block;
    width: 40px;
    height: 100%;
    position: absolute;
    bottom: 0; }
    .mm-header .mm-prev:before,
    .mm-header .mm-next:before {
      content: '';
      border: 2px solid transparent;
      display: block;
      width: 7px;
      height: 7px;
      margin-bottom: -5px;
      position: absolute;
      bottom: 50%;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      margin-bottom: -15px; }
  .mm-header .mm-prev {
    left: 0; }
    .mm-header .mm-prev:before {
      border-right: none;
      border-bottom: none;
      left: 22px; }
  .mm-header .mm-next {
    right: 0; }
    .mm-header .mm-next:before {
      border-top: none;
      border-left: none;
      right: 18px; }

.mm-menu.mm-hassearch .mm-header {
  height: 50px;
  padding-top: 20px;
  top: 50px; }
  .mm-menu.mm-hassearch .mm-header .mm-prev:before,
  .mm-menu.mm-hassearch .mm-header .mm-mext:before {
    margin-bottom: -10px; }

.mm-menu.mm-hasheader li.mm-subtitle {
  display: none; }
.mm-menu.mm-hasheader > .mm-panel {
  padding-top: 80px; }
  .mm-menu.mm-hasheader > .mm-panel.mm-list {
    padding-top: 60px; }
  .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child {
    margin-top: -20px; }
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
  padding-top: 120px; }
  .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list {
    padding-top: 100px; }

.mm-menu .mm-header {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-header a:before {
    border-color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu labels addon CSS
*/
.mm-menu.mm-fixedlabels .mm-list {
  background: inherit; }
  .mm-menu.mm-fixedlabels .mm-list > li.mm-label {
    background: inherit !important;
    opacity: 0.97;
    height: 25px;
    overflow: visible;
    position: relative;
    z-index: 1; }
    .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div {
      background: inherit;
      width: 100%;
      position: absolute;
      left: 0; }
      .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
    .mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div {
      padding-top: 25px; }

.mm-list > li.mm-label > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0; }
.mm-list > li.mm-label.mm-opened a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 17px; }
.mm-list > li.mm-collapsed {
  display: none; }

.mm-menu .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.mm-list > li.mm-search {
  padding: 10px;
  margin-top: -20px; }
.mm-list > li.mm-subtitle + li.mm-search {
  margin-top: 0; }

div.mm-panel > div.mm-search {
  padding: 0 0 10px 0; }

.mm-menu.mm-hasheader .mm-list > li.mm-search {
  margin-top: 0; }

.mm-search {
  background: inherit;
  width: 100%;
  padding: 10px;
  position: relative;
  top: 0;
  z-index: 2; }
  .mm-search input {
    border: none;
    border-radius: 30px;
    font: inherit;
    font-size: 14px;
    line-height: 30px;
    outline: none;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 10px; }

.mm-menu .mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 60px 0; }
  .mm-menu .mm-noresultsmsg:after {
    border: none !important; }

.mm-noresults .mm-noresultsmsg {
  display: block; }

.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none; }
  .mm-menu li.mm-nosubresults > a.mm-subopen + a,
  .mm-menu li.mm-nosubresults > a.mm-subopen + span {
    padding-right: 10px; }
.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 70px; }
  .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child {
    margin-top: -20px; }
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child {
  margin-top: -10px; }
  .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list {
    padding-top: 0; }

.mm-menu .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu toggles addon CSS
*/
label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin: -15px 0 0 0;
  position: absolute;
  top: 50%;
  z-index: 1; }
  label.mm-toggle div {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px; }

input.mm-toggle {
  position: absolute;
  left: -10000px; }
  input.mm-toggle:checked ~ label.mm-toggle div {
    float: right; }

label.mm-toggle {
  right: 20px; }
  label.mm-toggle + a,
  label.mm-toggle + span {
    margin-right: 70px; }

a.mm-subopen + label.mm-toggle {
  right: 50px; }
  a.mm-subopen + label.mm-toggle + a,
  a.mm-subopen + label.mm-toggle + span {
    margin-right: 100px; }

em.mm-counter + a.mm-subopen + label.mm-toggle {
  right: 90px; }
  em.mm-counter + a.mm-subopen + label.mm-toggle + a,
  em.mm-counter + a.mm-subopen + label.mm-toggle + span {
    margin-right: 140px; }

.mm-menu label.mm-toggle {
  background: rgba(0, 0, 0, 0.15); }
  .mm-menu label.mm-toggle div {
    background: #333333; }
.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

/*
	jQuery.mmenu effects extension CSS
*/
html.mm-slide .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-slide.mm-opened .mm-menu {
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%); }
html.mm-slide.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-right.mm-opened .mm-menu {
  -webkit-transform: translateX(40%);
  -moz-transform: translateX(40%);
  -ms-transform: translateX(40%);
  -o-transform: translateX(40%);
  transform: translateX(40%); }
html.mm-slide.mm-right.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-top.mm-opened .mm-menu {
  -webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -o-transform: translateY(-40%);
  transform: translateY(-40%); }
html.mm-slide.mm-top.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }
html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: translateY(40%);
  -moz-transform: translateY(40%);
  -ms-transform: translateY(40%);
  -o-transform: translateY(40%);
  transform: translateY(40%); }
html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }

html.mm-zoom-menu .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-zoom-menu.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(-40%);
  -moz-transform: scale(0.7, 0.7) translateX(-40%);
  -ms-transform: scale(0.7, 0.7) translateX(-40%);
  -o-transform: scale(0.7, 0.7) translateX(-40%);
  transform: scale(0.7, 0.7) translateX(-40%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
html.mm-zoom-menu.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(40%);
  -moz-transform: scale(0.7, 0.7) translateX(40%);
  -ms-transform: scale(0.7, 0.7) translateX(40%);
  -o-transform: scale(0.7, 0.7) translateX(40%);
  transform: scale(0.7, 0.7) translateX(40%);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center; }
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(-40%);
  -moz-transform: scale(0.7, 0.7) translateY(-40%);
  -ms-transform: scale(0.7, 0.7) translateY(-40%);
  -o-transform: scale(0.7, 0.7) translateY(-40%);
  transform: scale(0.7, 0.7) translateY(-40%);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top; }
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(40%);
  -moz-transform: scale(0.7, 0.7) translateY(40%);
  -ms-transform: scale(0.7, 0.7) translateY(40%);
  -o-transform: scale(0.7, 0.7) translateY(40%);
  transform: scale(0.7, 0.7) translateY(40%);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom; }
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }

html.mm-zoom-page .mm-page {
  -webkit-transition-property: -webkit-transform, top, right, bottom, left, border;
  -moz-transition-property: -moz-transform, top, right, bottom, left, border;
  -ms-transition-property: -ms-transform, top, right, bottom, left, border;
  -o-transition-property: -o-transform, top, right, bottom, left, border;
  transition-property: transform, top, right, bottom, left, border; }
html.mm-zoom-page.mm-opened .mm-page {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
html.mm-zoom-page.mm-opening .mm-page {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5); }
html.mm-zoom-page.mm-right.mm-opened .mm-page {
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center; }
html.mm-zoom-page.mm-top.mm-opened .mm-page {
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top; }
html.mm-zoom-page.mm-bottom.mm-opened .mm-page {
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom; }

html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition-property: -webkit-transform, left;
  -moz-transition-property: -moz-transform, left;
  -ms-transition-property: -ms-transform, left;
  -o-transition-property: -o-transform, left;
  transition-property: transform, left; }
  html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
    html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened {
      -webkit-transform: scale(0.7, 0.7);
      -moz-transform: scale(0.7, 0.7);
      -ms-transform: scale(0.7, 0.7);
      -o-transform: scale(0.7, 0.7);
      transform: scale(0.7, 0.7); }

/*
	jQuery.mmenu fullscreen extension CSS
*/
html.mm-opening.mm-fullscreen .mm-page,
html.mm-opening.mm-fullscreen #mm-blocker,
html.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-opening.mm-fullscreen .mm-fixed-bottom {
  left: 100%; }

.mm-menu.mm-fullscreen {
  width: 100%; }

@media all and (max-width: 140px) {
  .mm-menu.mm-fullscreen {
    width: 140px; }

  html.mm-opening.mm-fullscreen .mm-page,
  html.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 140px; } }
@media all and (min-width: 10000px) {
  .mm-menu.mm-fullscreen {
    width: 10000px; }

  html.mm-opening.mm-fullscreen .mm-page,
  html.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 10000px; } }
.mm-menu.mm-top.mm-fullscreen {
  height: 100%; }

html.mm-top.mm-opening.mm-fullscreen .mm-page,
html.mm-top.mm-opening.mm-fullscreen #mm-blocker,
html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
  top: 100%; }
html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {
  bottom: -100%; }

@media all and (max-height: 140px) {
  .mm-menu.mm-top.mm-fullscreen {
    height: 140px; }

  html.mm-top.mm-opening.mm-fullscreen .mm-page,
  html.mm-top.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 140px; }
  html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -140px; } }
@media all and (min-height: 10000px) {
  .mm-menu.mm-top.mm-fullscreen {
    height: 10000px; }

  html.mm-top.mm-opening.mm-fullscreen .mm-page,
  html.mm-top.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 10000px; }
  html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -10000px; } }
.mm-menu.mm-right.mm-fullscreen {
  width: 100%; }

html.mm-right.mm-opening.mm-fullscreen .mm-page,
html.mm-right.mm-opening.mm-fullscreen #mm-blocker,
html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {
  right: 100%; }

@media all and (max-width: 140px) {
  .mm-menu.mm-right.mm-fullscreen {
    width: 140px; }

  html.mm-right.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 140px; } }
@media all and (min-width: 10000px) {
  .mm-menu.mm-right.mm-fullscreen {
    width: 10000px; }

  html.mm-right.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 10000px; } }
.mm-menu.mm-bottom.mm-fullscreen {
  height: 100%; }

html.mm-bottom.mm-opening.mm-fullscreen .mm-page,
html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,
html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
  bottom: 100%; }
html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {
  top: -100%; }

@media all and (max-height: 140px) {
  .mm-menu.mm-bottom.mm-fullscreen {
    height: 140px; }

  html.mm-bottom.mm-opening.mm-fullscreen .mm-page,
  html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 140px; }
  html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {
    top: -140px; } }
@media all and (min-height: 10000px) {
  .mm-menu.mm-bottom.mm-fullscreen {
    height: 10000px; }

  html.mm-bottom.mm-opening.mm-fullscreen .mm-page,
  html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 10000px; }
  html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {
    top: -10000px; } }
.mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
  left: -100%; }

@media all and (max-width: 140px) {
  .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
    left: -140px; } }
@media all and (min-width: 10000px) {
  .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
    left: -10000px; } }
.mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
  top: -100%; }

@media all and (max-height: 140px) {
  .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
    top: -140px; } }
@media all and (min-height: 10000px) {
  .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
    top: -10000px; } }
.mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
  right: -100%; }

@media all and (max-width: 140px) {
  .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
    right: -140px; } }
@media all and (min-width: 10000px) {
  .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
    right: -10000px; } }
.mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
  bottom: -100%; }

@media all and (max-height: 140px) {
  .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
    bottom: -140px; } }
@media all and (min-height: 10000px) {
  .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
    bottom: -10000px; } }
html.mm-front .mm-fixed-top,
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto; }
html.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-top {
  top: 0; }
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0; }

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important; }

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top {
  width: 100%; }

html.mm-top.mm-opened .mm-page,
html.mm-top.mm-opened #mm-blocker {
  top: 0%; }

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top,
html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
  left: 0; }

.mm-menu.mm-right {
  left: auto;
  right: 0; }

html.mm-right.mm-opened .mm-page,
html.mm-right.mm-opened #mm-blocker,
html.mm-right.mm-opened .mm-fixed-top,
html.mm-right.mm-opened .mm-fixed-bottom {
  left: auto;
  right: 0%; }

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
  left: auto; }

.mm-menu.mm-bottom {
  width: 100%;
  top: auto;
  bottom: 0; }

html.mm-bottom.mm-opened .mm-page,
html.mm-bottom.mm-opened #mm-blocker {
  bottom: 0%;
  top: auto; }

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-top,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
  top: auto;
  left: 0; }

.mm-menu.mm-top {
  height: 80%; }

html.mm-top.mm-opening .mm-page,
html.mm-top.mm-opening #mm-blocker,
html.mm-top.mm-opening .mm-fixed-top {
  top: 80%; }
html.mm-top.mm-opening .mm-fixed-bottom {
  bottom: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-top {
    height: 140px; }

  html.mm-top.mm-opening .mm-page,
  html.mm-top.mm-opening #mm-blocker,
  html.mm-top.mm-opening .mm-fixed-top {
    top: 140px; }
  html.mm-top.mm-opening .mm-fixed-bottom {
    bottom: -140px; } }
@media all and (min-height: 1100px) {
  .mm-menu.mm-top {
    height: 880px; }

  html.mm-top.mm-opening .mm-page,
  html.mm-top.mm-opening #mm-blocker,
  html.mm-top.mm-opening .mm-fixed-top {
    top: 880px; }
  html.mm-top.mm-opening .mm-fixed-bottom {
    bottom: -880px; } }
.mm-menu.mm-right {
  width: 80%; }

html.mm-right.mm-opening .mm-page,
html.mm-right.mm-opening #mm-blocker,
html.mm-right.mm-opening .mm-fixed-top,
html.mm-right.mm-opening .mm-fixed-bottom {
  right: 80%; }

@media all and (max-width: 175px) {
  .mm-menu.mm-right {
    width: 140px; }

  html.mm-right.mm-opening .mm-page,
  html.mm-right.mm-opening #mm-blocker,
  html.mm-right.mm-opening .mm-fixed-top,
  html.mm-right.mm-opening .mm-fixed-bottom {
    right: 140px; } }
@media all and (min-width: 550px) {
  .mm-menu.mm-right {
    width: 440px; }

  html.mm-right.mm-opening .mm-page,
  html.mm-right.mm-opening #mm-blocker,
  html.mm-right.mm-opening .mm-fixed-top,
  html.mm-right.mm-opening .mm-fixed-bottom {
    right: 440px; } }
.mm-menu.mm-bottom {
  height: 80%; }

html.mm-bottom.mm-opening .mm-page,
html.mm-bottom.mm-opening #mm-blocker,
html.mm-bottom.mm-opening .mm-fixed-bottom {
  bottom: 80%; }
html.mm-bottom.mm-opening .mm-fixed-top {
  top: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-bottom {
    height: 140px; }

  html.mm-bottom.mm-opening .mm-page,
  html.mm-bottom.mm-opening #mm-blocker,
  html.mm-bottom.mm-opening .mm-fixed-bottom {
    bottom: 140px; }
  html.mm-bottom.mm-opening .mm-fixed-top {
    top: -140px; } }
@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom {
    height: 880px; }

  html.mm-bottom.mm-opening .mm-page,
  html.mm-bottom.mm-opening #mm-blocker,
  html.mm-bottom.mm-opening .mm-fixed-bottom {
    bottom: 880px; }
  html.mm-bottom.mm-opening .mm-fixed-top {
    top: -880px; } }
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front.mm-opened .mm-page {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important; }

.mm-menu.mm-front,
.mm-menu.mm-next {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, -webkit-transform;
  -moz-transition-property: top, right, bottom, left, -moz-transform;
  -ms-transition-property: top, right, bottom, left, -o-transform;
  -o-transition-property: top, right, bottom, left, -o-transform;
  transition-property: top, right, bottom, left, transform; }

html.mm-front .mm-page,
html.mm-front #mm-blocker {
  z-index: 0; }

.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

html.mm-opened.mm-next .mm-page {
  box-shadow: none; }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  left: 0%; }

.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
  left: 0; }

html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next {
  left: 0;
  top: 0%; }

.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
  left: auto; }

html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next {
  left: auto;
  right: 0%; }

.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
  top: auto;
  left: 0; }

html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next {
  left: 0;
  bottom: 0%; }

.mm-menu.mm-front, .mm-menu.mm-next {
  left: -80%; }

@media all and (max-width: 175px) {
  .mm-menu.mm-front, .mm-menu.mm-next {
    left: -140px; } }
@media all and (min-width: 550px) {
  .mm-menu.mm-front, .mm-menu.mm-next {
    left: -440px; } }
.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
  top: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
    top: -140px; } }
@media all and (min-height: 1100px) {
  .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
    top: -880px; } }
.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
  right: -80%; }

@media all and (max-width: 175px) {
  .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
    right: -140px; } }
@media all and (min-width: 550px) {
  .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
    right: -440px; } }
.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
  bottom: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
    bottom: -140px; } }
@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
    bottom: -880px; } }
html.mm-front .mm-fixed-top,
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto; }
html.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-top {
  top: 0; }
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0; }

/*
	jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-ismenu.mm-light {
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-light .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-light .mm-list > li > a.mm-subclose {
  background: rgba(255, 255, 255, 0.6);
  color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
  border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-light .mm-list > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-light .mm-list > li.mm-label {
  background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-header a:before {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light label.mm-toggle div {
    background: #f3f3f3; }
.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-ismenu.mm-white {
  background: white;
  color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-white .mm-list > li:after {
  border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-white .mm-list > li > a.mm-subclose {
  background: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
  border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
  border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-white .mm-list > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.06); }
.mm-menu.mm-white .mm-list > li.mm-label {
  background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-header a:before {
    border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white label.mm-toggle div {
    background: white; }
.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }

html.mm-opened.mm-black .mm-page {
  box-shadow: none; }

.mm-ismenu.mm-black {
  background: black;
  color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black .mm-list > li:after {
  border-color: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-black .mm-list > li > a.mm-subclose {
  background: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
  border-color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
  border-color: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu.mm-black .mm-list > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.25); }
.mm-menu.mm-black .mm-list > li.mm-label {
  background: rgba(255, 255, 255, 0.15); }
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-header a:before {
    border-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black label.mm-toggle div {
    background: black; }
.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963; }
.checkout #header
{
    padding: 30px 10px;
}

.rightside
{
    float: right;
    margin-top:11px
}

.checkout .logo
{
    margin:10px 0px;
}

.rightside .tel
{
    float: left;
    margin: 14px 20px;
    text-align: right;
}

.rightside .tel h4, .rightside .tel p
{
    font-size: 11px;
    color: white;
    text-transform: uppercase;
    margin: 0;
}

.rightside .tel p a
{
    color:black;
}

.rightside .tel h4
{
    font-weight: 800;
}

.rightside .secure
{
    background: url(/siteimages/global/wembley/white/sprite.png) no-repeat 0 0;
    width: 86px;
    height: 55px;
    display: block;
    overflow: hidden;
    text-indent: -999em;
    float: left;
}

.left-block, .right-block
{
    float: left;
    width:50%;
    padding: 0px 8%;
    overflow: hidden;
    margin: 20px 0px;
}

.single-block
{
    width:100%;
    padding: 0px 8%;
    overflow: hidden;
    margin: 0px;
}

.right-block
{
    float: right;
    border-right: none;
    background:url(/siteimages/global/wembley/white/border.gif) repeat-y left center;
}

.left-block h2, .right-block h2, .right-block h3, .payment-block h2, .orders h2, .account .large-headings .left-block h2, .account .large-headings .right-block h2
{
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px 0px 20px 0px;
}

.payselect-holder
{
    overflow: hidden;
    background: url(/siteimages/global/wembley/white/border-bottom.gif) repeat-x bottom;
    padding: 0px;
    margin: 10px 0px;
}

.payment-block .payselect-holder h2, .payment-block .payselect-holder .row
{
    float: left;
}

.payment-block .payselect-holder h2
{
    margin: 0px 30px 20px 0px;
}

.payment-block .payselect-holder .row
{
    clear: none;
    width: auto;
    margin: 8px 0px;
}

.payment-block .payselect-holder .row ul li
{
    float: left;
    margin: 0px 30px 10px 0px;
    clear: none;
}

.left-block p
{
    font-size: 12px;
    color: #292929;
}

.right-block h2.nomarg
{
    margin: 0px;
}

.right-block h3
{
    font-size: 11px;
}

.right-block ul
{
    margin: 0px 0px 30px 0px;
    padding: 0px;
    overflow: hidden;
}

.right-block ul li
{
    color: #292929;
    font-size: 12px;
    list-style-type: none;
}

.right-block ul li:before 
{  
    content: "- ";  
} 

.row
{
    margin: 8px 0px;
    overflow: hidden;
}

.row.spaced
{
    margin: 20px 0px;
}

.row label
{
    display: none;
}

.row p.label
{
    font-size: 14px;
    text-transform: uppercase;
}

.right-block .row ul li:before 
{  
    content: none;  
}

.row.check label
{
    display: block;
    color: black;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px;
    float: left;
    max-width: 80%;
    line-height: 1.4;
}

.personalise .row.check label
{
    text-transform: initial;
}

.payment-block .row.check label
{
    text-transform:lowercase;
    font-weight: 400;
}

.payment-block .row.check.keep-case label
{
    text-transform:none;
}

.row input, .row select
{
    margin: 0px;
    font-size: 12px;
}

.row.check input
{
    display: inline-block;
}

.row a, a.form-link
{
    color: black;
    font-size: 10px;
    letter-spacing: 0;
    margin: 5px 0;
    display: block;
}

a.form-link:hover
{
    color: white;
}

.steps
{
    overflow: hidden;
    text-align: center;
    padding: 40px 0px;
}

.steps ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.steps ul li
{
    float:left;
    padding: 8px;
    text-align: center;
    width: 32%;
    margin: 0px;
    border:1px solid #cbcbcb;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}

.steps ul li#middle-step
{
    margin: 0px 2%;
}

.steps ul li span.step
{
    font-size: 20px;
    position: absolute;
    bottom: 45px;
    left: 0px;
    width:100%;
}

.steps ul li span.tick
{
    width:12px;
    height: 12px;
    overflow: hidden;
    display: inline-block;
    text-indent: -999em;
    background: url(/siteimages/global/wembley/white/sprite.png) no-repeat -1628px 0px;
    margin: 0px 0px 0px 10px;
}

.steps ul li.selected
{
    background: #292929;
    color:white;
}

.steps ul li.selected span.step
{
    color:black;
}

.table 
{
    display: table;
    margin: 0 0 20px;
    width: 100%;
    overflow: hidden;
    font-size: 12px;
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
}

.table.basket-table
{
    border-collapse: collapse;
    border: 2px solid #d4d4d4;
}

.table .tr, .table .th 
{
    display: table-row;
}

.table .tr.basket-row-sold-out
{
    border: 2px solid #E70835;
}

.tablebody 
{
    display: table-row-group;
}
.table .th 
{
    background: #d4d4d4;
}
.text-holder
{
    float: left;
    max-width: 70%;
}

.table .td 
{
    display: table-cell;
    padding: 10px;
    text-align: center;
    border:1px solid #d4d4d4;
    vertical-align: middle;
    border-right: 0px;
    border-bottom: 0px;
}
.table.basket-table .td
{
    vertical-align: top;
}
.table a
{
    color: black;
    font-weight: 800;
}
.table.basket-table .text-holder a
{
    font-weight: 400;
}
.table .th .td 
{
    padding: 10px;
    text-transform: uppercase;
    font-weight: 600;
}
.table .td.leftalign
{
    text-align: left;
}
.table .td.rightalign
{
    text-align: right;
}

.uppercased
{
    text-transform:uppercase;
}

.table .td.price-text
{
    padding: 10px 25px;
}
.table p
{
    font-size: 12px;
    line-height: 1.2;
    margin: 0px;
}

.basket-table span.saving
{
    font-size: 11px;
    display:block;
}

span.ex-tax-price
{
    font-size:10px;
    color:#4c4c4c;
    display:block;
}

.text-holder p
{
    margin: 0px 0px 10px;
}

p.small
{
    color: #999;
    font-size: 11px;
}

button.remove-product
{
    margin: 10px 0px;
    display: block;
    font-weight: 400;
    color: black;
    background: transparent url(/siteimages/global/wembley/remove-icon.png) no-repeat left;
    padding: 2px 0px 2px 16px;
    line-height: 1;
    font-size:11px;
    text-transform:lowercase;
    letter-spacing:0;
    width:auto;
}

button.remove-product:hover
{
    text-decoration:underline;
}

.table .img-holder img
{	
    width: 120px;
    float: left;
}
.img-holder
{
    float: left;
    margin: 0px 20px 0px 0px;
}

p.total
{
    font-weight: 800;
}
p.order-status
{
    font-size: 11px;
    text-transform: uppercase;
    color: #4c4c4c;
}
.table.no-borders
{
    border: 1px solid #ccc;
}

.table.no-borders .td
{
    border:0px; 
}

div.total-price
{
    background: #d4d4d4;
    text-transform: uppercase;
    text-align: right;
    padding: 10px 20px;
    overflow: hidden;
}

div.total-price div.voucher-code
{
    float: left;	
}

div.total-price div.voucher-code input, div.total-price div.voucher-code button
{
    width: auto;	
    float: left;
    margin: 0px 10px 0px 0px;
}

div.total-price div.voucher-code input
{
    padding: 8px;
    width:120px;
}

div.total-price div.voucher-code button
{
    padding: 8px;
    font-size:12px; 
}

div.total-price p
{
    color: black;
    margin: 7px 0px;
    font-weight: 400;
    font-size: 14px;
    line-height:1.3;
}

div.total-price p strong
{
    font-weight: 700;
}

.row ul, ul.cards
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.payment-block
{
    overflow: hidden;
    margin: 40px 0px;
}

.payment-block .block
{
    width:36%;
    float: left;
    padding: 10px 5%;
}

.payment-block .block.first
{
    padding: 10px 0px 10px 0px;
    width: 32%;
}

.payment-block .block.last
{
    padding: 10px 0px 10px 0px;
    width: 32%;
}

.row ul
{
    line-height: 1;
}

.row ul li
{
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0px 0px 20px 0px;
}

.row ul li label
{
    display: block;
    float: left;
    color: black;
    font-size: 12px;
    line-height: 1.4;
}

label.paypal
{
    width: 74px;
    height: 20px;
    overflow: hidden;
    text-indent: -999em;
    background: url(/siteimages/global/wembley/white/sprite.png) no-repeat -115px -20px;
    display: block;
}

.payment-block .block h4
{
    font-weight: 400;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
    font-size: 12px;
    color: black;
    float: left;
}

.payment-block .block a.edit
{
    color: black;
    text-transform: uppercase;
    font-weight: 800;
    float: right;
}

.payment-block .block p
{
    clear: both;
    overflow: hidden;
    font-size: 11px;
}

.block label a
{
    display:initial;
    font-size: 11px;
}

.payment-block-api .select2_container {
    display: inline-block;
    min-width: 300px;
}
    
.payment-block-api .select2_container label {
    display: block;
    margin-bottom: 5px;
}

.payment-block-api .select2_container .chooseoption {
    padding-top: 2px;
}
    
.payment-block-api .select2_container .select2-selection {
    min-height: 33px;
}

.payment-block-api .paymentOption {
    margin-top: 10px;
    margin-bottom: 10px;
}

#paypalSelector > div {
    padding-top: 4px;
}

.existingCV2 {
    margin-left: 50px;
    width: 59%
}

input.small, select.small
{
    width:30%;
}

input.medium, select.medium
{
    width:60%;
}

.has-tip
{
    margin: 12px;
    font-size: 11px;
    float: left;
    cursor:help;
    text-align:left;
}

.has-tip span.tip
{
    display:none;
    z-index:10;
    padding:12px;
    margin-top:26px;
    width:240px;
    line-height:16px;
    margin-left:-40px;
}

.has-tip span.arrow
{
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 6px;
    border-color: transparent transparent #3d3d3d transparent;
    top: -12px;
    left:12px;
}

.has-tip:hover span.tip
{
    display:inline;
    position:absolute;
    color:#fff;
    background:#3d3d3d;
}

.grouped
{
    overflow: hidden;
}

.grouped select, .grouped input
{
    margin: 0px 0px 0px 3%;
}

p.formlabel
{
    float: left;
    padding: 10px 6px;
    margin: 0px;
    width:32%;
}

.grouped p.formlabel
{
    padding:6px 6px 6px 0px;
    width:auto;
}

.checkout .messagebar, .account .messagebar
{
    margin: 20px 0px 0px;
}

.checkout .holder, .account .holder
{
    overflow: hidden;
    margin: 0px 0px 20px 0px;
}


.account .detail-block
{
    margin: 0px 0px 40px 0px;
}

.rightside.bottom
{
    display: none;
    float: none;
    overflow: hidden;
    padding: 0px 20px;
    margin: 0px 0px 20px 0px;
}

.rightside.bottom .secure
{
    float: right;
}

.rightside.bottom .tel
{
    margin: 14px 10px 0px 0px;
    text-align: left;
}

div.select-address 
{
    padding: 0px 0px 20px 0px;
}

div.select-address p
{
    font-size: 12px;
    color: #666;
    line-height: 1.4;
}

#cardsContainer 
{
    float:right;
    margin:4px 0px 0px 0px;
}

ul.cards
{
    overflow: hidden;
}

div#footertext ul.cards li, .payselect-holder ul.cards li
{
    text-indent: -999em;
    display: block;
    overflow: hidden;
    float: left;
    margin: 0px 10px 10px 0px;
    width: 38px;
    height: 24px;
    background-image: url(/siteimages/global/wembley/sprite.png);
    background-repeat: no-repeat;
    background-color: white;
    border: 1px solid grey;
    padding: 1px;
}

div#footertext ul.cards li.paypal, .payselect-holder ul.cards li.paypal
{
    width: 94px;
    height: 25px;
    background-position: -190px -20px; /*-115px -37px;*/
    border: none;
    background-color: transparent;
}

ul.cards li.switch
{
    background-position: -115px 0px;
}

ul.cards li.solo
{
    background-position: -147px 0px;
}

ul.cards li.maestro
{
    background-position: -211px 0px;
}

ul.cards li.visa
{
    background-position: -115px -62px;
}

ul.cards li.mastercard
{
    background-position: -151px -62px;
}

ul.cards li.americanexpress
{
    background-position: -187px -62px;
}

ul.cards li.cartebancaire
{
    background-position: -223px -62px;
}

ul.cards li.jcb
{
    background-position: -259px -62px;
}

ul.cards li.unionpay
{
    background-position: -295px -62px;
}

ul.cards li.sepa
{
    background-position: -331px -62px;
}

ul.cards li.ideal
{
    background-position: -367px -62px;
}

ul.cards li.sofort
{
    background-position: -403px -62px;
}

#content p.reg-text
{
    margin: 20px 0px;
    font-size: 11px;
}

.group-block
{
    margin: 0px 0px 20px 0px;
}

.head
{
    padding:20px;
    overflow: hidden;
}

.personalise .logo
{
    margin: 8px 0px;
}

ul.images
{
    float: right;
    overflow: hidden;
}

ul.images li
{
    float: left;
    margin: 0px 0px 0px 20px;
}

#content.personalise
{
    padding: 0px;
}

.button-holder
{
    overflow: hidden;
    margin: 10px 0px;
}

.button-holder button, .button-holder .button
{
    float: right;
    width: auto;
    min-width: 200px;
}

.button-holder button.secondary, .button-holder button.third, .button-holder .button.secondary, .button-holder .button.third
{
    float: left;
}

.table select
{
    width: auto;
}

.basket-update button
{
    float: left;
    width: 45%;
}

.basket-update label, .basket-update select
{
    display: block;
    width: 100%;
    margin: 0px 0px 6px 0px;
}

.basket-update select
{
    padding: 4px;
}

button#update-quantity
{
    float: right;
}

span.error, small.error 
{
    display: block;
    padding: 6px 12px;
    margin: 10px 0px;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: white; 
    clear: both;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -o-border-radius: 5px; 
    border-radius: 5px;
    position: relative;
}

small.error > .nub, .span.error > .nub
{
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F04124;
    top: -10px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-style: solid;
    border-width: 6px;
    display: block;
    height: 0;
    left: 12px;
    position: absolute;
    top: -12px;
    width: 0;
}

small.hide, span.hide
{
    display: none;
}

.textarea
{
    padding: 40px 10%;
    text-align: center;
}

#content .textarea h1
{
    background: url(/siteimages/global/wembley/white/border-bottom.gif) repeat-x bottom;
    padding: 0px 0px 30px 0px;
    font-size:22px; 
    margin: 0px;
    text-transform:uppercase;
}

.textarea p
{
    background: url(/siteimages/global/wembley/white/border-bottom.gif) repeat-x bottom;
    padding: 20px 0px 30px 0px;
}

.textarea p.strapline
{
    background: transparent;
    padding: 0px;
    margin: 40px 0px;
    font-weight: 600;
    text-transform:uppercase;
}

.textarea a.button
{
    margin: 20px 0px;
    max-width: 240px;
    margin: auto;
}

.float-children input, .float-children select
{
    float: left;
    margin: 0px 0px 10px 0px;
}

.button-holder.update-basket
{
    margin: 0px 0px 20px 0px;
}

.button-holder.update-basket button
{
    float: right;
    margin: 0px;
}

.table input
{
    margin: 0 auto;
}

span.was-price
{
    font-size: 11px;
}

.basket-options ul
{
    list-style-type: none;
    margin:0px;
    padding: 0px; 
}

.basket-options ul li span.option-name
{
    width:80px;
    float: left;
}

.hide-web
{
    display: none;
}

.row.showlabel
{
    margin: 20px 0px;
}

.row.showlabel div.selector
{
    max-width: 320px;
}

.row.showlabel label
{
    display: block;
    padding: 6px 6px 6px 0px;
    text-transform: uppercase;
}

.voucher-table button
{
    margin:0px;
}

/* Sweets */

.sweets form.uniform
{
    margin:15px 0px 0px;
}

.sweets div.selector
{
    margin:0px 0px 15px 0px;
}

.sweets button
{
    margin:0px;
}

p.small-text
{
    font-size:11px;
    color:#4c4c4c;
    margin:0px 0px 10px 0px;
}

::-webkit-input-placeholder {
   color: #6e6e6e;
}

:-moz-placeholder { /* Firefox 18- */
   color: #6e6e6e;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #6e6e6e;  
}

:-ms-input-placeholder {  
   color: #6e6e6e;  
}

div.title-button-holder
{
    overflow:hidden;
    margin: 30px 0px;
}

#content div.title-button-holder h1
{
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    float:left;
    line-height:1.6;
    margin:0px;
}

div.title-button-holder h1 span
{
    font-size: 16px;
    color:#4c4c4c;
    text-transform:lowercase;
}

div.title-button-holder .button
{
    float:right;
    width:auto;
    min-width:200px;
    margin:0px;
}

div.title-button-holder .button.secondary
{
    float:left;
    margin:20px 0px;
}

.top-messages.messagebar
{
    margin:0px;
}

@media (max-width: 767px)
{
    .left-block, .right-block
    {
        width: 100%;
        float: none;
        background: url(/siteimages/global/wembley/white/border-bottom.gif) repeat-x bottom;
        padding: 20px;
        margin: 0px;
    }
    .right-block .register-text, p.checkout-text, #header .rightside, .messagebar, .steps ul li span.tick
    {
        display: none;
    }
    .left-block h2, .right-block h2, .right-block h3, .block h2
    {
        font-size: 18px;
    }
    .right-block h3
    {
        font-size: 11px;
    }
    .steps
    {
        margin: 0px;
        padding: 0px;
    }
    .steps ul li
    {
        margin: 0px;
        float: left;
        display: block;
        width: 33.3333%;
        font-size: 11px;
    }
    .steps ul li#middle-step
    {
        margin: 0px;
    }
    .steps ul li span.step 
    {
        font-size: 12px;
        position: initial;
        width: auto;
        display: block;
    }
    .steps ul li.selected span.step
    {
        color: white;
    }
    .steps ul
    {
        margin: 0px;
    }
    #header .inner
    {
        text-align: center;
    }
    #header .logo
    {
        margin:0px auto;
        float:none;
    }
    #header .logo a
    {
        display:block;
    }
    .rightside.bottom, .hide-web
    {
        display: block;
    }
    .checkout .payment-block .block
    {
        float: none;
        width: 100%;
        padding: 20px;
    }
    .payselect-holder
    {
        padding: 0px 20px;
    }
    .table
    {
        margin: 20px 0px;
    }
    .table.no-borders
    {
        border: 0px;
        box-shadow: none;
    }
    .table .img-holder
    {
        width: 40%;
    }
    .table .img-holder img
    {
        width: 100%;
    }
    .text-holder
    {
        width: 50%;
    }
    .table .th
    {
        display: none;
    }
    .table .td
    {
        display: block;
        overflow: hidden;
        padding:10px 20px;
    }
    .table .td.mobile-float-column
    {
        float:left;
        width:50%;
    }
    .payment-block .payselect-holder h2
    {
        float: none;
        margin: 0px 0px 10px 0px;
    }
    .payselect-holder
    {
        background: transparent;
    }
    ul.images
    {
        float: none;
        clear: both;
        margin: 20px 0px 0px;
    }
    ul.images li
    {
        margin: 0px 20px 20px 0px;
    }
    .personalise .logo
    {
        float: none;
    }
    .button-holder
    {
        padding: 20px;
    }

    #page .button-holder button, #page .button-holder .button
    {
        float: none;
        width: 100%;
        margin: 0px 0px 10px 0px;
    }
    .table select
    {
        width: 100%;
    }
    div.total-price
    {
        padding: 10px 20px;
        float: none;
        width: 100%;
    }
    .hide-mobile
    {
        display: none!Important;
    }
    button.small
    {
        font-size: 15px;
        padding: 8px;
    }
    .table.mob-table .td
    {
        display: table-cell;
        text-align: left;
        vertical-align: top;
    }
    .table.basket-table
    {
        background: url(/siteimages/global/wembley/white/border-bottom.gif) repeat-x bottom;
        padding: 0px 0px 10px 0px;
    }
    .table.basket-table, .table.basket-table .td
    {
        border:0px;
        box-shadow:none;
    }
    .table.basket-table .tr .td
    {
        border-top:1px solid #cbcbcb;
    }
    .table.basket-table .td
    {
        text-align:left;
    }
    .table.no-borders
    {
        margin:0px 0px 20px 0px;
    }
    .table.no-borders .td
    {
        padding:10px 20px;
    }
    .payment-block
    {
        margin:20px 0px;
    }
    .table.deductions .td.rightalign
    {
        text-align:left;
    }
    .has-tip
    {
        display:none;
    }
    .basket-options #change-quantity
    {
        display:none;
    }
    div.total-price p
    {
        margin:0px;
    }
    div.total-price p strong
    {
        display:block;
    }
    .table .td.mobile-right-align
    {
        text-align:right;
    }
    p.small-text
    {
        font-size:10px;
    }
    div.title-button-holder
    {
        padding:20px;
        margin:0px;
    }
    #content div.title-button-holder h1
    {
        margin:0px 0px 20px 0px;
        width:100%;
        overflow:hidden;
        float:none;
    }
    div.title-button-holder .button
    {
        margin:0px;
        max-width:none;
        float:none;
        overflow:hidden;
    }
}





/* Styles for shipping/delivery messaging on checkout screen */

.basket-total-message
{
    margin:15px 0;
    text-transform:none;
}
.account .logo
{
    margin:10px 0px;
}

.welcomebar
{
	padding: 10px;
	background:#d4d4d4;
	color: #292929;
	overflow: hidden;
	margin: 0px 0px 20px;
}

.welcomebar p
{
	margin: 5px 0px 5px 10px;
	float: left;
	width: 65%;
	line-height: 1.2;
    text-transform:uppercase;
}

.welcomebar a
{
	float: right;
	text-transform: uppercase;
	color: white;
    background:#292929;
	font-size:11px;
	font-weight: 600;
    padding:4px 8px;
}

.welcomebar a:hover
{
	background:black;
}

ul.account-menu, ul.account-submenu
{
	list-style-type: none;
	margin:0px 0px 20px;
	padding: 0px; 
}

ul.account-menu li
{
	background: #d4d4d4;
    border-bottom: 1px solid #eaeaea;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    letter-spacing:1px;
}

.block-hold, .select-address
{
	overflow: hidden;
}

.block-hold
{
	padding: 20px 0;
}

div.block-hold:last-of-type
{
	background: transparent;
}

ul.account-menu li.selected span
{
	position: absolute;
	right: -20px;
	top:-1px;
	width:20px;
	height: 40px;
	display: block;
	background: url(/siteimages/global/wembley/white/left-menu-selected-arrow.png) no-repeat;
}

ul.account-menu li.selected
{
	background:#292929;
	font-weight: 800;
    border:1px solid #292929;
}

ul.account-menu li.selected a
{
	color: white;
}

ul.account-menu li a
{
	display: block;
	padding: 10px 20px;
	color: #2e2e2e;
}

ul.account-submenu li a
{
	display: block;
	padding: 2px 20px;
	color: #e9e9e9;
	font-size:11px; 
}

.account .leftbar
{
	padding: 0;
}

.account .leftbar, .account .rightbar
{
	margin: 20px 0px; 
}

.account .left-block, .account .right-block
{
	padding: 0px 8%;
}

.account .left-block h2, .account .right-block h2, .orders h2
{
	font-size:15px;
	margin:0px 0px 10px;  
}

div.select-address p
{
	margin:0px 0px 10px; 
}

.orders
{
    padding: 20px 8%;

}

.orders .order-item
{
    overflow:hidden;
    margin:4px 0px;
}

.orders .table
{
	box-shadow: 0px 0px 0px #000;
    -moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
    border: 0px;
}

.orders .table .tr .td
{
	border-bottom:1px solid #ccc;
}

.orders .table .td
{
	text-align: left;
	border: 0px;
	vertical-align: top;
	padding: 30px 20px 30px 0px;
	min-width: 220px;
}

.orders .table .td .text-holder
{
	width:60%;
}

.orders .table .td .img-holder
{
	width:35%;
	margin: 0px 5% 0px 0px; 
}

.orders h4
{
	color: black;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
}

#content .block h1
{
    background:transparent;
    padding:0px;
    border:0px;
    display:block;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 20px;
}

/* Social login */

.social-login
{
    overflow:hidden;
    margin:0px 0px 30px 0px;
    background: transparent url(/siteimages/global/wembley/border-bottom.gif) repeat-x bottom;
    padding:0px 0px 22px 0px;
    clear:both;
}

.register-text
{
    overflow:hidden;
    margin:30px 0px 0px;
    clear:both;
}

.social-login h4, .register-text h4, h4.form-title
{
    margin:0px 0px 10px 0px;
    font-weight:400;
    font-size:12px;
}

.social-login ul
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.social-login ul li
{
    /*margin:0px 8px 8px 0px;
  
    overflow:hidden;
    width:36px;
    height:36px;
    background-image:url(/siteimages/global/wembley/white/sprite.png);
    background-repeat:no-repeat;*/  
}

/*.social-login ul li.facebook
{
    background-position:-2092px 0;
}

.social-login ul li.facebook:hover
{
    background-position:-2092px -36px;
}

.social-login ul li.twitter
{
    background-position:-2128px 0;
}

.social-login ul li.twitter:hover
{
    background-position:-2128px -36px;
}

.social-login ul li.instagram
{
    background-position:-2164px 0;
}

.social-login ul li.instagram:hover
{
    background-position:-2164px -36px;
}

.social-login ul li.google
{
    background-position:-2200px 0;
}

.social-login ul li.google:hover
{
    background-position:-2200px -36px;
}

.social-login ul li.messenger
{
    background-position:-2236px 0;
}

.social-login ul li.messenger:hover
{
    background-position:-2236px -36px;
}

.social-login ul li.paypal
{
    background-position:-2272px 0;
}

.social-login ul li.paypal:hover
{
    background-position:-2272px -36px;
}*/

.social-login ul li { text-indent: -999em; cursor: pointer; margin: 0px 4px 0px 0px; float: left; overflow: hidden; width: 36px; height: 36px; }


/* 13/02/2019 - social icon update - BAU-1075*/
.social-login ul li { background-image: none; margin: 0 18px 8px 0; }
.social-login-icons { position: relative; float: left; height: 36px; width: 36px; }
.social-default { position: relative; float: left; margin: 0 18px 8px 0; }
.social-hover { opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.social-login-icons:hover .social-hover { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.social-login-icons:hover .social-default { opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }



/* Gigya */

.gigya-screen
{
    overflow:hidden;
    width:100%;
}

#gigya-screens h1
{
    display:none;
}

.gigya-screen .gigya-error-msg.gigya-error-msg-active
{
    color:white!important;
}

.gigya-screen .text-link
{
    font-size:11px;
}

.gigya-screen .text-link a
{
    color:white;
}

.gigya-screen .textarea
{
    min-height:300px;
}

.gigya-screen .textarea p
{
    padding:0px;
    background:transparent;
    margin:0px 0px 20px 0px;
}

.gigya-screen .msg
{
    margin:0px 0px 10px 0px;
}

.gigya-screen .msg ul
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

.gigya-screen .msg ul li
{
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

@media (max-width: 767px)
{
    #content.account
    {
        margin-top:67px;
    }
    #page.has-cookie #content.account, #page.has-cookie #content.checkout
    {
        margin-top:103px;
    } 
	.account .leftbar, .account .rightbar
	{
		float: none;
		width: 100%;
		background: transparent;
		padding: 0px;
		margin: 0px 0px 20px 0px;
	}
	.account .left-block, .account .right-block, .orders
	{
    	padding: 20px;
	}
	.welcomebar a
	{
		border:1px solid #999;
		padding: 6px 12px;
	}
	.welcomebar
	{
		margin: 0px;
	}
	.account .leftbar ul.account-menu li span, .account .leftbar ul.account-menu li.selected
	{
		display: none;
	}
	.account .right-block
	{
		background: transparent;
	}
	.orders .table .td
	{
		padding: 30px 0px;
	}
	.orders .table .td.order-text
	{
		padding: 20px 0px;
	}
	.orders .table
	{
		margin: 0px;
	}
}


/* Start - User Order Pages */
.ordersApi /* additional class to the .orders div, so im not inadvertently trashing anything else */
{
	padding-right:0; /* over ride the right hand padding so we're flush to right hand side of container */
}
@media (max-width: 767px)
{
	.ordersApi
	{
		padding-right:20px;

	}
}
.orderBlock
{
	margin-bottom:20px;
}
.orderBody
{
	padding:10px 20px 20px 20px;
}
.orderBody table
{
	width:100%;
	border-collapse:collapse;
	border-spacing:unset;
}
.orderBody table th, 
.orderBody table td
{
	padding:10px 0px;
}
.orderBody table td.imgCell
{
	padding-right:20px;
}
.orderBody table td.imgCell img
{
	width:140px;
	max-width:none;
	height:140px;
	max-height:none; 
}
@media (max-width: 640px)
{
	.orderBody table td.imgCell img
	{
		width:80px;
		max-width:none;
		height:80px;
		max-height:none; 
	}
}
.orderBody table tfoot tr:last-child td
{
	padding:40px 0 10px 0;
	font-size:115%;
}

.orderBlock .headingLabel,
.orderBody table th
{
	color:#2e2e2e;
}
.orderBody table tbody td
{
	border-bottom:1px solid #c9c9c9;
}
.orderBody table tbody tr:last-child td
{
	border-bottom:0;
}

.orderBody td.totalText
{
	text-align:right;
	text-transform:uppercase;
}

.orderHead
{
	background:#c9c9c9;
	overflow:hidden;
}

.orderHeadDetails,
.orderHeadControls
{
	float:left;
	padding:20px;
}
.orderHeadDetails
{
	width:68%;
}
.orderHeadControls
{
	width:31.9%;
}

@media (max-width: 640px)
{
	.orderHeadDetails,
	.orderHeadControls
	{
		float:none;
	}
	.orderHeadDetails, 
	.orderHeadControls
	{
		width:100%;
	}
}

.orderHeadDetails p
{
	line-height:1.5;
	margin-bottom:10px;
}
.orderHead p:last-child
{
	margin-bottom:0;
}
.orderHeadDetails .lead
{
	font-size:130%;
}
.orderHead .lead.primary
{
	color:#111;
}


.orderHeadControls
{
}
.orderHeadControls ul
{
	margin:0;
    padding:0;
    list-style-type:none;
    display:block;
	height:100%;
}
.orderHeadControls ul li
{
	margin:0;
    padding:0;
    display:block;
}
.orderHeadControls .btn
{
	display:block;
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	font-size:12px;
	padding:8px 0;
	border-radius:5px;
	margin-bottom:10px;
	transition:opacity .3s ease-in-out;
}
.orderHeadControls ul li:last-child .btn
{
	margin-bottom:0;
}
.orderHeadControls .btn.primary
{
	border:1px solid transparent;
	background:#dad950;
	color:#222;
}
.orderHeadControls .btn.secondary
{
	background:transparent;
	border:1px solid #2e2e2e;
	color:#2e2e2e;
}
.orderHeadControls .btn:hover
{
	opacity:0.8;
}



.orderBody
{
	display:none;
	background:#dadada;
}
.orderBodyLineItemsTable
{

}
.orderBodyLineItemsTable thead
{

}
.orderBodyLineItemsTable tfoot
{

}
.orderBodyLineItemsTable tbody
{

}

/* End User Order Pages */
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span 
{
    background-image: url(/siteimages/global/wembley/white/sprite.png);
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased; 
}

div.selector, div.checker, div.button, div.radio, div.uploader 
{
    float:left;
    zoom: 1;
    vertical-align: middle;
}

div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus 
{
    outline: 0;
}

div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * 
{
    margin: 0;
    padding: 0; 
}

div.checker input, input[type="search"], input[type="search"]:active 
{
    -moz-appearance: none;
    -webkit-appearance: none;
}

/* Checkbox */

div.checker 
{
    position: relative; 
    display: inline;
}

div.checker, div.checker span, div.checker input 
{
    width: 22px;
    height: 22px;
}

div.checker span 
{
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: -1288px 0px;
}

div.checker span.checked 
{
    background-position: -1310px 0px;
}

.filters.mobile-filters div.checker span 
{
    background-position: -1288px 0px;
}

.filters.mobile-filters div.checker span.checked 
{
    background-position: -1310px 0px;
}

div.checker input
{
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

/* Radio */

div.radio 
{
    position: relative; 
    float: left;
}

div.radio, div.radio span, div.radio input 
{
    width: 16px;
    height: 16px; 
}

div.radio span 
{
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: -1256px 0;
}

div.radio span.checked 
{
    background-position: -1272px 0; 
}

div.radio input 
{
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: block;
    zoom: 1;
    text-align: center; 
}

/* Select */

/* Select */

.medium div.selector 
{
    width: 60%;
}

.small div.selector 
{
    width: 30%;
}

.table div.selector 
{
    width: auto;
}

.basket-update div.selector 
{
    width: 100%;
}


.grouped div.selector 
{
    margin: 0px 0px 0px 8px;
    float:left;
}

div.selector 
{
    position: relative;
    overflow: hidden;
    background:white url(/siteimages/global/wembley/select-arrow.png) no-repeat right center;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -o-border-radius: 5px; 
    border-radius: 5px;
    width: 100%;
}

div.selector.disabled
{
    background:#d4d4d4 url(/siteimages/global/wembley/select-arrow.png) no-repeat right center;
}

div.selector.disabled span
{
    color:black;
}

div.selector.disabled select
{
    cursor:default;
}

div.selector span 
{
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    width: 100%;
    display: block;
    color: black;
    background:transparent;
    padding: 8px 40px 8px 10px;
    letter-spacing: 0px;
    border-radius:5px;
    text-transform:uppercase;
    border:1px solid #ccc;
}

div.selector select 
{
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 8px;
    cursor: pointer;
}

/* Checker */

div.checker 
{
    margin-right: 10px;
}

/* Radio */

div.radio 
{
    margin-right: 10px;
}
.static
{
    padding: 0 8%;

}
.static h3
{
	color: #ccc;
	font-size:14px; 
}

/* Faqs */

ul.faqs 
{
	list-style-type: none;
	margin: 0px 0px 20px 0px;
	padding: 20px 0px;
	background: url(/siteimages/global/wembley/white/border-bottom.gif) repeat-x bottom;
}

.static .block h2
{
	color: black;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
	margin: 30px 0px 0px;
}

ul.faqs > li
{
	padding: 2px 2px 2px 20px;
	background: url(/siteimages/global/wembley/toggle-plus-icon.png) no-repeat left top;
	font-size: 12px;
	cursor: pointer;
	margin: 0px 0px 2px 0px;
}

ul.faqs > li:hover
{
	color: #a8a8a8;
}


ul.faqs > li.down
{
	padding: 2px 2px 2px 20px;
	background: url(/siteimages/global/wembley/toggle-minus-icon.png) no-repeat left top;
}

.toggle
{
	font-size: 11px;
	color: black;
}

.static ul.account-menu, .static ul.account-submenu
{
	margin: 0px;
}

.serverpage .inner
{
	text-align: center;
    margin:40px auto;
}

#content.serverpage h1
{
	font-size: 52px;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed';
	font-weight: 700;
	line-height: 1;
	margin:0px 0px 5px 0px; 
}

#content.serverpage h2
{
	margin:0px 0px 20px 0px;
	line-height: 1; 
	color: #666;
	font-weight: 800;
	font-size: 14px;
    text-transform:uppercase;
}

#content.serverpage p
{
	font-size: 14px;
	color: #333;
	margin: 20px 0;
}

.serverpage .float-buttons
{
    margin:40px 0;
    overflow:hidden;
}

.serverpage .float-buttons a.button
{
    display: inline-block;
    margin:0 10px 10px 0;
    width:200px;
}

/* Static Running Advice */

.static-content
{
    margin:0;
    padding:50px;
}

.static-content h4
{
    text-transform:uppercase;
    font-size:20px;
    font-family: 'Open Sans Condensed',sans-serif;
	font-weight: 700;
    margin:0;
}

.static-content.image
{
    padding: 0px 50px 50px 50px;
}
#content .static-content.image h1
{
    padding-top: 20px;
}

.grid
{
    margin: 0 -20px;
    overflow: hidden;
}

.grid.two .column 
{
    width: 50%;
}

.grid .column 
{
    float: left;
    padding: 20px;
}

.grid .column h4
{
    font-size:16px;
    margin:40px 0 20px 0;
}

.static-content .banner
{
    margin:20px 0;
}


/* Personalisation */

.pers-box
{
    margin:0px 0px 10px 0px;
    min-height:331px;
    padding:50px;
}

#content .pers-box h1, #content .static-content h1
{
    text-transform:uppercase;
    font-size:53px;
    font-family: 'Open Sans Condensed',sans-serif;
	font-weight: 700;
    margin:0px;
}

#content .product-detail-holder .pers-box h2
{
    text-transform:uppercase;
    font-size:40px;
    font-family: 'Open Sans Condensed',sans-serif;
	font-weight: 700;
    margin:0px;
}

#content .product-detail-holder .pers-box
{
    padding:30px;
}

#content .product-detail-holder .messagebar.pers
{
    font-size:12px;
}

.pers-box p
{
    text-transform:uppercase;
    font-weight:600;
    margin:10px 0px;
    max-width:40%;
}

.pers-box .bootid, .pers-box .gloveid, .pers-box .heroid
{
    background-image:url(/siteimages/global/wembley/pers-sprite.png);
    background-repeat:no-repeat;
    background-position:0 0;
    width:151px;
    height:24px;
    text-indent:-999em;
    display:block;
    overflow:hidden;
    margin:20px 0px;
}

.pers-box .gloveid
{
    background-position:-592px 0;
    width:175px;
    height:25px;
}

.pers-box .heroid
{
    background-position:-987px 0;
    width:175px;
    height:25px;
}

.pers-image
{
    width:100%;
}

.pers-block.no-img
{
    padding:30px;
    background:black;
    min-height:444px;
}

.messagebar.pers
{
    font-size:15px;
    color:black;
    border:0px;
    letter-spacing:1px;
    margin:15px 0px;
    background:#e3e3e3;
}

.messagebar.pers p
{
    margin:8px 10px;
}

.boot-id-1
{
    background:black url(/siteimages/pages/wembley/personalisation/bootid/BootID-Main.jpg) no-repeat bottom right;
}

.glove-id-1
{
    background:black url(/siteimages/pages/wembley/personalisation/gloveid/GloveID-Main.jpg) no-repeat bottom right;
}

.hero-id-1
{
    background:black url(/siteimages/pages/wembley/personalisation/heroid/HeroID-Main.jpg) no-repeat bottom right;
}

.text-block
{
    width:33.333%;
    padding:20px;
    float:left;
    background:url(/siteimages/global/wembley/border.gif) repeat-y left center;
}

.text-block-holder .text-block:first-child
{
    background:transparent;
}

.text-block h4
{
    font-size:12px;
    text-transform:uppercase;
    margin:0px 0px 5px 0px;
    color:white;
}

.text-block p
{
    font-size:10px;
    margin:0px 0px 5px 0px;
    color:white;
    line-height:2;
}

.pers-block-holder
{
    margin:10px 0px;
    overflow:hidden;
}

.pers-block-holder .column
{
    float:left;
    width:50%;
    overflow:hidden;
    margin:0px 0px 20px 0px;
}

.pers-block-holder .column.first
{
    padding:0px 6px 0px 0px;
}

.pers-block-holder .column .pers-block
{
    margin:0px 0px 6px 0px;
    position:relative;
}

.pers-block-holder .column .pers-block h2
{
    font-size:20px;
    font-weight:600;
    color:white;
    margin:0px 0px 10px 0px;
}

.pers-block-holder .column .pers-block.boot-advert, .pers-block-holder .column .pers-block.gloves-advert, .pers-block-holder .column .pers-block.hero-advert
{
    height:222px;
    background:#dadada;
    position:relative;
}
.pers-block-holder .column .pers-block.boot-advert
{
    height:237px;
}
.pers-block-holder .column .pers-block span
{
    width:219px;
    height:56px;
    display:block;
    background-image:url(/siteimages/global/wembley/pers-sprite.png);
    background-repeat:no-repeat;
    background-position:-151px 0;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-110px;
    margin-top:-28px;
}

.pers-block-holder .column .pers-block.gloves-advert span
{
    background-position:-370px 0;
    width:222px;
    height:52px;
    margin-left:-111px;
    margin-top:-26px;
}

.pers-block-holder .column .pers-block.hero-advert span
{
    background-position:-767px 0;
}

.pers-block-holder .column .pers-block h4
{
    font-size:12px;
    font-weight:400;
    color:white;
    margin:0px 0px 10px 0px;
}

.pers-block-holder .column .pers-block p
{
    font-size:10px;
    line-height:2;
}

.pers-block-holder .column .pers-block.boot-id-2, .pers-block-holder .column .pers-block.boot-id-3
{
    padding:30px;
    background:black url(/siteimages/pages/wembley/personalisation/bootid/BootID-2.jpg) no-repeat bottom right;
    min-height:380px;
}

.pers-block-holder .column .pers-block.boot-id-3
{
    background:black url(/siteimages/pages/wembley/personalisation/bootid/BootID-1.jpg) no-repeat bottom right;
}

.iframe-holder
{
    position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.iframe-holder iframe {
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.product-threesixty-holder .iframe-holder
{
	padding-bottom: 80%; /* 16:9 */
}

.feature-boxes.sports-selector .box .overlay
{
    padding:12px;
}

/* Ground Types */

#content.ground-types h1
{
    text-transform:uppercase;
}

.ground-types .tab-holder
{
    margin:0px;
    background:transparent;
}

.ground-types div.tab-content
{
    background:transparent;
}

#content.ground-types ul.tab-menu li
{
    margin:0px 20px 15px 0px;
    opacity:0.5;
    border:0px;
}

.ground-types ul.tab-menu li.double-line
{
    font-size:14px;
    line-height:1;
}

#content.ground-types ul.tab-menu li.selected, #content.ground-types ul.tab-menu li:hover
{
    opacity:1;
}

.ground-types .right-block ul li:before
{
    content:none;
}

.ground-types .left-block, .ground-types .right-block
{
    margin:40px 0px;
}

.ground-types .left-block
{
    width:30%;
    padding:0 6% 0 0;
}

.ground-types .right-block
{
    width:70%;
    padding:0 0 0 6%;
}

.ground-types .ground-type
{
    margin:20px 0px;
}

.ground-types .ground-type ul li
{
    color:white;
    font-size:11px;
}

.ground-types .ground-type ul li strong
{
    text-transform:uppercase;
    font-weight:800;
}

.static .single-block p a
{
    color:white; /* WTF these sites are white/light, we need dark colored links! */
    color:black;
    text-decoration:underline;
}

@media (max-width: 767px)
{
	.static .leftbar, .static .rightbar
	{
		float: none;
		width: 100%;
		background: transparent;
		padding: 0px;
		margin: 0px;
	}
	.static .leftbar
	{
		margin: 0px 0px 20px 0px;
	}
	.static .left-block, .static .right-block, .orders
	{
    	padding: 20px;
	}
	.static .single-block
	{
		padding: 20px;
	}
	.static .leftbar ul.account-menu li.selected
	{
		display: none;
	}
	.serverpage ul.buttons li
	{
		width: 100%;
	}
    .pers-box
    {
        padding:20px;
        min-height:440px;
    }
    .static-content
    {
        padding:20px;
    }
    .grid.two .column
    {
        width:100%;
        float:none;
    }
    .pers-box.glove-id-1
    {
        min-height:500px;
    }
    #content .pers-box h1
    {
        font-size:30px;
    }
    .pers-block-holder .column, .text-block
    {
        float:none;
        width:100%;
        margin:0px;
    }
    .pers-box p
    {
        max-width:100%;
    }
    .pers-block-holder .column .pers-block.boot-id-2, .pers-block-holder .column .pers-block.boot-id-3
    {
        padding:20px;
    }
    .pers-block.no-img
    {
        min-height:1px;
    }
    .pers-block-holder .column, .pers-block-holder .column.first
    {
        margin:0px;
        padding:0px;
    }
    .pers-block-holder
    {
        margin:0px;
    }
    .ground-types .left-block, .ground-types .right-block
    {
        margin:0px;
        width:100%;
        padding:20px;
    }
    .ground-types .right-block
    {
        padding:0px;
    }
    .ground-types div.tab-content
    {
        padding:20px;
    }
    .messagebar.pers
    {
        display:block;
    }
}
#content.landing
{
    padding:20px 0 0;
    background-position: center top;
    background-repeat:no-repeat;
}

#content.landing .inner
{
    
}

.boxes-holder
{
    overflow:hidden;
}

.boxes-holder .banner
{
    margin:0px 0px 20px 0px;
    text-align:center;
}

.boxes-holder .banner .BannerManPro
{
    margin:auto;
}

.feature-boxes
{
	overflow: hidden;
	margin: 0px -4px;
}

.feature-boxes .content-holder
{
    margin:0px 4px;
}

.feature-boxes .box
{
	overflow: hidden;
	float: left;
	position: relative;
	padding: 0;
	width:25%;
	margin: 0;
	border: 3px solid #eaeaea;
	background: white;
}

.feature-boxes .box.double
{
	width:50%;
    border-bottom-width: 2px;
}

.feature-boxes .box.quad 
{
    width: 100%;
}

.feature-boxes .box img, .item img
{
	width:100%;
    position: relative;
}

.feature-boxes .box img
{
    opacity: 1;
    display:block;
}

.feature-boxes figure figcaption::before,
.feature-boxes figure figcaption::after {
	pointer-events: none;
}

.feature-boxes figure figcaption,
.feature-boxes figure a {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:100%;
}

.feature-boxes figure a {
	text-indent: -999em;
    overflow:hidden;
    display:block;
    background:url('about:blank');
    z-index:1;
}



.feature-boxes figure figcaption 
{
	padding: 0px;
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.feature-boxes .box .overlay
{
	bottom: 0px;
	width: 100%;
	position: absolute;
	padding: 12px 8px;
	background: #ffffff;
	overflow: hidden;
    -webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.feature-boxes .box .overlay h1, .feature-boxes .box .overlay h2, .feature-boxes .box .overlay h4
{
	font-size: 15px;
	margin: 0px;
	color: black;
	text-transform: uppercase;
	text-align:center; 
	line-height: 1;
}

.feature-boxes .box .overlay h1, .feature-boxes .box .overlay h2
{
	font-family: 'Open Sans Condensed',sans-serif;
	font-weight: 700;
	letter-spacing: 0px;
    margin:0px 0px 4px 0px;
}

.feature-boxes .box.double .overlay h1, .feature-boxes .box.double .overlay h2
{
	font-size: 20px;
}

#content .feature-boxes .box .overlay h1
{
    font-weight: 700;
    line-height: 1;
    margin:0px 0px 4px 0px;
}

#content .feature-boxes .box.double .overlay h1
{
    font-size:20px;
}

#content .feature-boxes .box .overlay h1
{
    font-size: 15px;
    color:black;
}

.feature-boxes .box .overlay h4
{
	font-size: 10px;
	font-weight: 200;
	margin: 0px;
	color: #0b7b9a;
}

.box-text
{
    margin: 6% 4%;
    opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	padding:0px;
	border-top:1px solid #e3e3e3;
    border-bottom:1px solid #e3e3e3;
    color: #333;
}

.feature-boxes .box .box-text p
{
	text-align: center;
	font-size: 11px;
	color: #333;
    padding:6% 4%;
    margin:0px;
}

.feature-boxes .box .overlay h1 strong, .feature-boxes .box .overlay h2 strong
{
	color: #6c6c6c;
    font-weight:600;
}
.christmas .feature-boxes .box { 
    background-color:transparent; 
    background-image: url('/siteimages/global/wembley/christmas/tab-black.jpg'); 
    background-position: bottom left;
}
.christmas .feature-boxes .box .overlay { 
    background-image: url('/siteimages/global/wembley/christmas/tab-black.jpg'); 
    background-position: bottom left;
}
.christmas .feature-boxes .box .overlay h1,
.christmas #content .feature-boxes .box .overlay h1, 
.christmas .feature-boxes .box .overlay h2 { color: #fff; }
.christmas .feature-boxes .box .overlay h4 { color: #ae9a63; font-weight:bold;}
.christmas .feature-boxes .box .box-text p { color: #fff; }

.offer-text
{
    position:absolute;
    padding:6px;
    top:0px;
    right:0px;
    z-index:1;
    background: url(/siteimages/global/wembley/offer-corner.png) no-repeat bottom left;
    -moz-box-shadow: 10px 2px 2px 2px black;
    -webkit-box-shadow: 10px 2px 2px 2px black;
    box-shadow: 10px 2px 2px 2px black;
}

.offer-text.red
{
    background: #e70835;
}

.offer-text.red p
{
    color:white;
    font-size: 14px;
    text-align: right;
    font-weight: 600;
}

.offer-text p
{
    text-align:center;
    color:black;
    text-transform:uppercase;
    font-size:10px;
    margin:0px;
    line-height:1;
}

.offer-text p.title
{
    font-size:12px;
    font-weight:600;
}

.offer-text p.cost
{
    font-size:16px;
    font-weight:800;
    color:#e70835;
}

.inline-ad
{
    text-align:center;
    display:block;
}

.inline-ad h2
{
    font-size:60px;
    color:white;
    line-height:1;
    margin:0px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:3px;
}

.inline-ad .warehouse h2
{
    font-size:32px;
    color:black;
    width:auto;
    margin:0 auto;
    display:inline-block;
}

.box:hover .warehouse h2
{
    color:white;
}

.inline-ad .warehouse h2 strong
{
    background:black;
    display:block;
    padding:4px;
    color:white;
    font-size:18px;
    font-weight:600;
}

.inline-ad p
{
    font-size:12px;
    text-transform:uppercase;
    margin:0px;
    letter-spacing:4px;
}

.inline-ad h2 a
{
    color:white;
}

.inline-ad .sale, .inline-ad .warehouse
{
    width:100%;
    top:50%;
    position:absolute;
    margin-top:-40px;
    left:0px;
}

.inline-ad .warehouse
{
    margin-top:-30px;
}

/* Brand Slider */

.brand-holder
{
    overflow:hidden;
    margin:0px;
    clear:both;
    position:relative;
    padding:0px 20px;
    background:white;
    float:left;
}

.multi-tabs .brand-holder.product-type-holder
{
    margin:0px;
}

.multi-tabs .tab-content
{
    padding:0px;
}

.brand-items, .type-items
{
    overflow:hidden;
}

.brand-items .item
{
    margin: 0;
    border:none;
    box-shadow: 0px 0px 0px #000;
    -moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
    text-indent:-999em;
    overflow:hidden;
    text-align:center;
    padding:0;
}

.brand-items .item a
{
    padding: 0;
    border:none;
    box-shadow: 0px 0px 0px #000;
    -moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
    text-indent:-999em;
    overflow:hidden;
    width:80px;
    height:44px;
    background-image:url(/siteimages/global/wembley/tennis-brands-sprite-small.png);
    background-repeat:no-repeat;
    display:block;
    margin:0 10px;
}

.brand-items .item:hover
{
    background:transparent;
}

.brand-items .item a:hover
{
    opacity:0.8;
}

.type-items .item
{
    padding: 20px 0px;
    border:0px;
    box-shadow: 0px 0px 0px #000;
    -moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
    margin:0px;
}

.type-items .item:first-child, .type-items .item:last-child
{
    border:0px;
}

.type-items .item img
{
    margin:auto auto 10px auto;
    width:auto;
}

.type-items .item a
{
    padding: 0px;
    border:0px;
    box-shadow: 0px 0px 0px #000;
    -moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
    display:block;
    margin:0px;
    color:black;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
}
.type-items .item a:hover
{
    opacity:0.8;
}

.boot-type-holder, .product-type-holder
{
    padding:10px 20px;
}

.boot-type-holder .boot, .boot-type-holder .shoes, .boot-type-holder .boot, .product-type-holder .product
{
    background-image:url(/siteimages/global/wembley/racket-collections-sprite.png);
    background-repeat:no-repeat;
    width:200px;
    height:100px;
    text-indent:-999em;
    display:block;
    margin:0px 0px 6px 0px;
}

.product-type-holder .product
{
    background-image:url(/siteimages/global/wembley/mens-tennis-essentials.png);
    width:135px;
    height:135px;
}

.product-type-holder.womens .product
{
    background-image:url(/siteimages/global/wembley/womens-tennis-essentials.png);
    width:135px;
    height:135px;
}

.boot-type-holder .shoes
{
    background-image:url(/siteimages/global/wembley/mens-tennis-shoe-collection-sprite.png);
}

.boot-type-holder.womens .shoes
{
    background-image:url(/siteimages/global/wembley/womens-tennis-shoe-collection-sprite.png);
}

.boot-type-holder .item, .product-type-holder .item
{
    position:relative;
}

.boot-type-holder .item h4, .product-type-holder .item h4
{
    margin:0px;
    color:black;
    text-transform:uppercase;
    font-size:10px;
    font-weight:400;
    line-height:1.4;
}

.product-type-holder .item h4
{
    font-size:12px;
    font-weight:600;
    line-height:1.2;
}

.boot-type-holder .item h4 strong
{
    margin:0px;
    font-size:15px;
    font-weight:800;
    display:block;
}

.boot-type-holder .item a, .product-type-holder .item a
{
    display:block;
    text-indent:-999em;
    position:absolute;
    z-index:1;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
}

.boot-type-holder .item:hover h4, .boot-type-holder .item:hover .boot, .product-type-holder .item:hover .product
{
    opacity:0.7;
}

.nike-vapor
{
    background-position: 0 0;
}

.nike-vapor-womens
{
    background-position: 0 0;
}

.nike-cage
{
    background-position: -1600px 0;
}

.nike-cage-womens
{
    background-position: -800px 0;
}

.nike-lunar-ballistec
{
    background-position: -1200px 0;
}

.nike-lunar-ballistec-womens
{
    background-position: -1400px 0;
}

.adidas-barricade
{
    background-position: -200px 0;
}

.adidas-barricade-womens, .yonex-ezone
{
    background-position: -600px 0;
}

.adidas-adizero
{
    background-position: -200px 0;
}

.adidas-adizero-womens
{
    background-position: -200px 0;
}

.adidas-adizero-feather
{
    background-position: -1400px 0;
}

.adidas-adizero-feather-womens
{
    background-position: -1000px 0;
}

.babolat-propulse
{
    background-position: -1000px 0;
}

.babolat-propulse-womens
{
    background-position: -1600px 0;
}

.wilson-rush-pro
{
    background-position: -2000px 0;
}


.wilson-rush-pro-womens
{
    background-position: -1800px 0;
}

.asics-solution-speed
{
    background-position: -400px 0;
}

.asics-solution-speed-womens
{
    background-position: -600px 0;
}

.asics-resolution-6
{
    background-position: -1800px 0;
}


.asics-resolution-6-womens
{
    background-position: -1200px 0;
}

.new-balance-996
{
    background-position: -800px 0;
}

.new-balance-996-womens
{
    background-position: -400px 0;
}

.mizuno-wave
{
    background-position: -2200px 0;
}

.mizuno-wave-womens
{
    background-position: -2000px 0;
}

.lotto-raptor
{
    background-position: -2000px 0;
}
.wilson-kaos
{
    background-position: -600px;
}

.babolat-aeropro
{
    background-position: -200px 0;
}

.babolat-pure-strike
{
    background-position: -2200px 0;
}

.babolat-pure-drive
{
    background-position: -1000px 0;
}

.babolat-pure-control
{
    background-position: -600px 0;
}

.babolat-drive
{
    background-position: -800px 0;
}

.head-speed
{
    background-position: 0px 0;
}

.head-radical
{
    background-position: -800px 0;
}

.head-instinct
{
    background-position: -2600px 0;
}

.head-prestige
{
    background-position: -2000px 0;
}

.head-extreme
{
    background-position: -3200px 0;
}

.Head-MXG
{
    background-position: -3800px 0;
}

.wilson-blade
{
    background-position: -400px 0;
}

.wilson-pro-staff
{
    background-position: -3600px 0;
}

.wilson-juice, .wilson-burn
{
    background-position: -2400px 0;
}

.wilson-steam
{
    background-position: -2600px 0;
}

.wilson-six-one
{
    background-position: -2800px 0;
}

.yonex-vcore
{
    background-position: -3000px 0;
}

.puma-classics
{
    background-position: -3200px 0;
}

.puma-fives
{
    background-position: -3400px 0;
}

.prince-textreme
{
    background-position: -3600px 0;
}

.prince-tour
{
    background-position: -2800px 0;
}

.prince-Warrior
{
    background-position: -1400px 0;
}

.Prince-Beast{
    background-position: -1600px 0;
}

.Prince-Phantom{
    background-position: -1200px 0;
}

.wilson-ultra
{
    background-position: -1800px 0;
}

.Dunlop-Srixon
{
    background-position: -4000px 0;
}

.Tecnifibre-TFight{
    background-position: -3400px 0;
}
/* Essentials */

.type-hoodies, .type-dresses
{
    background-position: 0 0;
}

.type-jackets, .type-tanks
{
    background-position: -135px 0;
}

.type-polo-shirts
{
    background-position: -270px 0;
}

.type-shorts, .type-skirts
{
    background-position: -405px 0;
}

.type-t-shirts, .womens .type-shorts
{
    background-position: -540px 0;
}

.type-training-pants, .womens .type-jackets
{
    background-position: -675px 0;
}

.type-training-tops, .womens .type-training-pants
{
    background-position: -810px 0;
}

.type-leggings, .type-baselayer
{
    background-position: -945px 0;
}

.type-bras, .type-socks
{
    background-position: -1080px 0;
}

.womens .type-t-shirts
{
    background-position: -1215px 0;
}

.womens .type-socks
{
    background-position: -1350px 0;
}

.womens .type-baselayer
{
    background-position: -1485px 0;
}

/* Tabs */

.feature-boxes .tab-holder
{
    margin:40px 4px;
}

.feature-boxes .tab-holder.transparent
{
    margin:10px 4px 40px 4px;
}

.feature-boxes .tab-holder .tab-content
{
    border:1px solid #e8e8e8;
}

.feature-boxes ul.tab-menu li, .feature-boxes ul.tab-menu li.selected
{
    float:none;
    text-align:center;
    font-size:16px;
    font-weight:600;
}

.tab-holder
{
    margin:40px 0;
    overflow:hidden;
    clear:both;
    float:left;
    width:100%;
}

.tab-holder .tabs
{
    width:100%;
    overflow:hidden;
    clear:both;
    float:left;
}

ul.tab-menu
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

ul.tab-menu li
{
    float:left;
    text-transform:uppercase;
    font-weight:600;
    padding:10px 26px;
    background:#191919;
    color:#a8a8a8;
    border-right:1px solid #2e2e2e;
    border-left:1px solid black;
    cursor:pointer;
    letter-spacing:1px;
}

ul.tab-menu li:hover
{
    color:#3d3d3d;
    background:white;
}

ul.tab-menu li.selected
{
    color:white;
    background:#4c4c4c;
    border:0px;
    font-weight:800;
}

.tab-holder .select-holder-div
{
    background:#d5d5d5;
    padding:8px;
    display:none;
    overflow:hidden;
}

.tab-holder div.selector
{
    background:#3b3b3b url(/siteimages/global/wembley/white-select-arrow.png) no-repeat right center;
    max-width:320px;
    margin:0px;
}

.tab-holder div.selector select
{
    background:#3b3b3b;
}

.tab-holder div.selector span, .tab-holder div.selector select
{
    color:white;
    text-transform:uppercase;
    letter-spacing:1px;
}

div.tab-content
{
    background:white;
    padding:10px 0px;
    overflow:hidden;
}

div.tab-content.hide
{
    visibility:hidden;
    display:block;
    height:0px;
    padding:0px;
}

div.tab-holder.transparent div.tab-content, div.tab-holder.transparent .brand-holder
{
    background:transparent;
}

div.tab-holder.transparent ul.tab-menu li.selected
{
    background:transparent;
    color:#292929;
    padding:20px;
    font-weight:700;
}

div.tab-holder.transparent .brand-holder
{
    padding:0;
}

.banner img
{
    width:100%;
}

.feature-boxes .block-title
{
    text-align:center;
    margin:25px 0px;
    background:url(/siteimages/global/wembley/white/title-bg.gif) repeat-x center;
    overflow:hidden;
    clear:both;
    float:left;
    width:100%;
}

.feature-boxes .block-title h2
{
    text-align:center;
    text-transform:uppercase;
    font-weight:600;
    font-size:16px;
    letter-spacing:2px;
    margin:0 auto;
    background:#eaeaea;
    padding:0 20px;
    display:inline-block;
    color:black;
}

/* Quick Finder */

div.quick-finder
{
    margin:0px;
    background:#292929;
    padding:6px 20px;
    overflow:hidden;
    clear:both;
    margin:20px 0px;
    border:4px solid #4c4c4c;
}

div.quick-finder h4
{
    font-weight:600;
    color:white;
    text-transform:uppercase;
    margin:0px;
    float:left;
    line-height:2.8;
    letter-spacing:1px;
}

div.quick-finder .select-holder-div
{
    float:left;
    margin:0px 0px 0px 20px;
    overflow:hidden;
}

div.quick-finder div.selector
{
    border:none;
    background: white url(/siteimages/global/wembley/select-arrow.png) no-repeat right center;
    color:black;
}

div.quick-finder div.selector select
{
    background: white;
}

div.quick-finder div.selector span
{
    color:black;
    padding:8px 60px 8px 10px;
    text-align:left;
    border:0;
}

/* Power League */

div.powerleague
{
    overflow:hidden;
    background:url(/siteimages/Pages/wembley/powerleague/header.jpg) no-repeat bottom;
    padding:20px 20px 400px 20px;
    margin:0px 0px 20px 0px;
    position:relative;
}

div.powerleague .title-holder
{
    position:relative;
}

div.powerleague .title-holder, div.powerleague .text-holder
{
    float:left;
    width:50%;
    padding:0px 40px;
    line-height:1.6;
}

div.powerleague .text-holder
{
    padding:20px 40px;
    overflow:hidden;
    border-left:1px solid #00a7e9;
}

div.powerleague .text-holder p strong
{
    color:#00a24e;
    text-transform:uppercase;
    font-style:italic;
}

#content div.powerleague .title-holder h1
{
    font-size:44px;
    text-transform:uppercase;
    line-height:1;
    font-weight:400;
    margin:0px;
}

#content div.powerleague .title-holder h1 strong
{
    font-family: 'Open Sans Condensed',sans-serif;
    font-size:65px;
    display:block;
}

#content div.powerleague .title-holder h1 span
{
    display:block;
}

#content div.powerleague .holder
{
    text-transform:uppercase;
    padding:10px 14px;
    letter-spacing:1px;
    float:left;
    margin:10px 0px 0px;
    position:absolute;
    right:40px;
    bottom:0px;
}

#content div.powerleague .holder.blue
{
    background:#00a7e9;
}

#content div.powerleague .holder p
{
    margin:0px;
    line-height:1.2;
}

#content div.powerleague .holder p strong
{
    display:block;
}

#content div.powerleague .lucozade
{
    background:url(/siteimages/Pages/wembley/powerleague/lucozade-logo.png) no-repeat;
    width:153px;
    height:90px;
    position:absolute;
    bottom:40px;
    right:40px;
    display:block;
    text-indent:-999em;
}

/* Devon FA */

.devon-fa
{
    overflow:hidden;
    text-align:center;
}

.devon-fa .text-holder
{
    float:none;
    margin:auto;
    padding:20px;
}

.devon-fa .left-block
{
    text-align:left;
}

.devon-fa .logo
{
    width:287px;
    height:236px;
    background:url(/siteimages/Pages/wembley/devon-fa/logo.png) no-repeat;
    float:none;
    margin:20px auto;
}

.devon-fa .devon-fa-logo
{
    width:51px;
    height:76px;
    background:url(/siteimages/Pages/wembley/devon-fa/devon-fa-logo.png) no-repeat;
    float:none;
    margin:20px auto;
    text-indent:-999em;
    overflow:hidden;
}

.devon-fa .thankyou
{
    display:none;
}

#show-success .thankyou
{
    display:block;
}

#show-success form
{
    display:none;
}

#content .devon-fa .text-holder h1, #content .devon-fa .text-holder h2
{
    text-transform:uppercase;
    font-size:24px;
    margin:0px 0px 10px 0px;
    font-weight:800;
}

#content .devon-fa .text-holder h2
{
    font-size:18px;
    font-weight:600;
}

.devon-fa .text-holder p
{
    line-height:1.6;
}

/* Icons for sale banners */

.sale-icon
{
    width:145px;
    height:100px;
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-79px;
    margin-left:-72px;
    background-image:url(/siteimages/global/wembley/tennis-sale-icons.png);
    background-repeat:no-repeat;
    z-index:1;
}

.brand-icon
{
    width:180px;
    height:100px;
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-50px;
    margin-left:-90px;
    background-image:url(/siteimages/global/wembley/select-brands-sprite.png);
    background-repeat:no-repeat;
    z-index:1;
}

.sale-icon.rackets
{
    background-position:0 0;
}

.sale-icon.shoes
{
    background-position:-145px 0;
}

.sale-icon.clothing
{
    background-position:-290px 0;
}

.sale-icon.bags
{
    background-position:-435px 0;
}

/* Count Down */

#countdown
{
    background:url('/siteimages/global/wembley/countdown-uk.jpg') no-repeat top left #090909;
    color:white;
    text-transform:uppercase;
    padding:24px 0px 24px;
    margin:0px 0px 20px;
    font-family: 'Open Sans Condensed',sans-serif;
    text-align: center;
}

#countdown h4
{
    margin:0px;
    font-size:32px;
    font-weight:700;
    line-height:1;
}

#countdown .clock
{
    line-height:0.7;
}

#countdown p
{
    font-size:11px;
    margin:0px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing:1px;
}

#countdown .clock div
{
    font-size:32px;
    display:inline-block;
    *display:inline; /* IE7 */
    margin:0px 4px 0px 0px;
}

#countdown .clock span
{
    font-size:12px;
    font-family: 'Open Sans', sans-serif;
    margin:0px 10px 0px 0px;
}

#countdown .clock span:last-child
{
    margin:0px;
}

/* Product Slider */
.products-holder .item
{
    border:none;
    box-shadow:none;
    overflow:hidden;
    padding:5px 0px;
    position:relative;
}

.products-holder .item a
{
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: -999em;
    top: 0;
    width: 100%;
    z-index: 1;
}

.products-holder .item h4
{
    color: #3d3d3d;
    line-height: 1.6;
    margin: 0 auto;
    font-size: 12px;
    font-weight: 400;
    max-width:200px;
}

.products-holder .item img
{
    width:230px;
    margin:0 auto;
}

.sale-boxes .products-holder .item img
{
    width:auto;
}

#content .products-holder .item p
{
    margin:10px 0px 0px;
    font-size:10px;
    text-transform:uppercase;
}

#content .products-holder .item p.price
{
    margin:0px;
    font-size: 18px;
}

#content .products-holder .item p.price span, #content .deal-day .day p.price span
{
    color: #ccc;
    display: inline-block;
    font-size: 14px;
    margin: 0 0 0 6px;
    text-decoration: line-through;
}
#content .products-holder .deals .item p.price span
{
    color: red;
}

/* Deal of the day */

.deal-day
{
    background:white;
    margin:0px 0px 20px 0px;
    overflow:hidden;
    color:black;
}

.deal-day .day
{
    width:50%;
    float:right;
    padding:20px;
    text-align:center;
}

.deal-day .day h4
{
    margin:0px 0px 10px 0px;
    text-transform:uppercase;
}

.deal-day .day h2
{
    text-transform:uppercase;
    color: #b82223;
    font-size:22px;
    margin:0px;
}

.deal-day img.sale-banner
{
    float:left;
    width:50%;
}

#content .deal-day .day p.price
{
    color: #b82223;
    font-size:25px;
}

#content .deal-day .day p.price span
{
    font-size:18px;
}

#content .deal-day .day .button
{
    margin:10px 0px 0px;
    width:auto;
    display:inline-block;
    padding:6px 16px;
    background:#b82223;
}

/* Warehouse Page */

.size-block
{
    overflow:hidden;
    margin:0px 12px;
    text-align:center;
}

p.warehouse-text
{
    background:white;
    color:black;
    font-size:18px;
    padding:12px;
    text-align:center;
    margin:20px 0px;
}

.size-block h4
{
   text-transform:uppercase;
   color:black;
   background:#f0dd0a;
   font-size:18px;
   text-align:center;
   margin:20px 0px 6px 0px;
}

.size-block h4 a
{
   text-decoration:none;
   color:black;
   display:block;
   padding:10px;
}

.size-block h4 a:hover
{
   color:white;
}

.size-block ul.sizes
{
    margin:0px -6px;
    padding:0px;
    list-style-type:none;
    overflow:hidden;
}

.size-block ul.sizes li
{
    float:left;
    width:16.666%;
    padding:6px;
    font-weight:700;
    font-size:18px;
    text-transform:uppercase;
}

.size-block ul.sizes li a
{
    background:#191919;
    display:block;
    text-align:center;
    padding:12px 6px;
    color:white;
}

.size-block ul.sizes li a:hover, .size-block h4 a:hover
{
    background:#666;
}

img.headline-img
{
    width:100%;
}

.landing .messagebar
{
    margin:10px 0 30px 0;
}

/* Brand Landing Pages */

.heading-holder
{
    background:white;
    padding:40px;
    overflow:hidden;
    margin:0 0 40px 0;
}

.heading-holder .text-holder
{
    float:right;
    width:75%;
    font-size:11px;
    line-height:1.8;
}

.heading-holder .brand-logo, .brand-icon
{
    background-repeat: no-repeat;
    background-image: url(/siteimages/global/wembley/select-brands-sprite.png);
    width:180px;
    height:100px;
    float:left;
    display:block;
    text-indent:-999em;
    overflow:hidden;
}

.landing .inner .adidas
{
    background-position: 0 0;
}

.landing .inner .nike
{
    background-position: -180px 0;
}

.landing .inner .puma
{
    background-position: -360px 0;
}

.landing .inner .onitsuka-tiger
{
    background-position: -540px 0;
}

.landing .inner .converse
{
    background-position: -720px 0;
}

.landing .inner .reebok
{
    background-position: -900px 0;
}

.landing .inner .hummel
{
    background-position: -1080px 0;
}

.landing .inner .asics
{
    background-position: -1260px 0;
}

.landing .inner .pf
{
    background-position: -1440px 0;
}

.landing .inner .umbro
{
    background-position: -1620px 0;
}

.landing .inner .new-balance
{
    background-position: -1800px 0;
}

.landing .inner .vans
{
    background-position: -1980px 0;
}

.landing .inner .fila
{
    background-position: -2160px 0;
}

.landing .inner .lacoste
{
    background-position: -2340px 0;
}

.landing .inner .havaianas
{
    background-position: -2520px 0;
}

.landing .inner .saucony
{
    background-position: -2700px 0;
}

.landing .inner .pele
{
    background-position: -2880px 0;
}

.landing .inner .pantofola
{
    background-position: -3060px 0;
}

.landing .inner .superga
{
    background-position: -3240px 0;
}

.landing .inner .creative-recreation
{
    background-position: -3420px 0;
}

.landing .inner .cruyff
{
    background-position: -3600px 0;
}

.landing .inner .do
{
    background-position: -3780px 0;
}

.landing .inner .under-armour
{
    background-position: -3960px 0;
}

.landing .inner .russell
{
    background-position: -4140px 0;
}

.landing .inner .lotto
{
    background-position: -4320px 0;
}

.landing .inner .k-way
{
    background-position: -4500px 0;
}

.landing .inner .k-swiss
{
    background-position: -4680px 0;
}

.sale-bg
{
    background:url(/siteimages/global/wembley/sale-background.jpg) no-repeat;
    height:215px;
    text-align:center;
    margin:0 0 10px 0;
}

.sale-bg img.sale-logo
{
    margin: 44px auto 0 auto;
    width:auto;
}

@media \0screen 
{
    .box-text 
    {
        display: none;
    }
}

@media (max-width: 959px)
{
	.feature-boxes .box .overlay h4, .feature-boxes .box .overlay p
	{
		display: none;
	}
	.feature-boxes .box.double h4
	{
		display: block;
		margin: 0px;
	}
     #content div.powerleague .title-holder h1 strong
    {
        font-size:50px;
    }
     #content div.powerleague .holder p strong
     {
         font-size:12px;
     }
     #content div.powerleague .holder
     {
         font-size:12px;
         right:20px;
         padding:6px 10px;
     }
    #content.landing .inner
    {
        padding:6px;
    }
        #countdown
    {
       background-size:cover;
    }
	#countdown div{
	font-size:30px;
	}
    #countdown span
{
    margin:0px 7px 0px 0px;
}
    #content .deal-day .day img
    {
        width:30%;
    }
    .navigation ul li.hide-sm
    {
        display:none;
    }
    .banman
    {
        display:none;
    }
}

@media (max-width: 767px)
{
	.feature-boxes .box.double
	{
		width:100%;
	}
	.feature-boxes .box
	{
		width:50%;
	}
	.feature-boxes
	{
		margin: -3px -6px 0px;
	}
    .brand-holder ul.flex-direction-nav li a 
    {
        display:none;
    }
    .tab-holder div.select-holder-div
    {
        display:block;
    }
    .brand-holder ul.flex-direction-nav, ul.tab-menu
    {
        display:none;
    }
    .brand-holder
    {
        padding:0px;
    }
    div.powerleague .title-holder, div.powerleague .text-holder
    {
        padding:0px;
        margin:0px 0px 20px 0px;
        border:0px;
        width:100%;
        max-width:100%;
    }
    #content div.powerleague .holder
    {
        right:0px;
    }
    .devon-fa .text-holder
    {
        max-width:100%;
        width:100%;
    }
    .landing .feature-boxes .messagebar.show-mob, .messagebar ul li.show-mob
    {
        display:block;
        border:0px;
        padding:10px;
    }
    .messagebar ul li.show-mob
    {
        width:100%;
    }
    .messagebar ul li
    {
        display:none;
        border:0px;
    }
    div.quick-finder
    {
        text-align:center;
        margin:0px;
        padding:10px 20px;
    }
    div.quick-finder h4, div.quick-finder .select-holder-div
    {
        float:none;
        margin:0px auto;
    }
    div.quick-finder .select-holder-div
    {
        margin:6px 0px 0px 0px;
    }
    #countdown
    {
        background:url('/siteimages/global/wembley/Mobile-Countdown-uk.jpg') bottom center no-repeat #121212;
        background-size:initial;
        padding:40px 20px 115px 20px;
        text-align:center;
    }
	
    #countdown .clock
    {
        float:none;
    }

    #countdown div
{
    font-size:30px;
}
    .deal-day img.sale-banner
    {
        display:none;
    }
    .deal-day .day
    {
        width:100%;
        float:none;
    }
    .size-block ul.sizes li
    {
        width:25%;
    }
    .heading-holder .text-holder
    {
        float:none;
        width:100%;
        max-width:none;
    }
    .heading-holder
    {
        padding:20px;
        margin: 0 0 6px 0;
    }
    .heading-holder .brand-logo
    {
        float:none;
        margin:0 0 20px 0;
    }
}

@media (min-width: 960px)
{
    .feature-boxes .box:hover img
    {
        opacity: 0;
    }
    .feature-boxes .box.advert:hover img
    {
        opacity: 0.7;
    }

    .feature-boxes .box:hover .box-text 
    {
	    opacity: 1;
	    -webkit-transform: translate3d(0,20px,0) ;
	    transform: translate3d(0,20px,0);
    }

    .feature-boxes .box:hover .overlay
    {
	    -webkit-transform: translate3d(0,-20px,0);
	    transform: translate3d(0,-20px,0);
	    background: transparent;
    }

    .feature-boxes .box:hover .offer-text, .feature-boxes .box:hover .sale-icon
    {
	    display:none;
    }
}

.navigation ul li a
{
    padding: 10px 20px;
}
@media (min-width: 767px) and (max-width: 959px) 
{
    .navigation ul li a
    {
        padding:11px;
    }
}

#content .inner a.januarySale {
    display: none;
}
@media (min-width: 767px) {
    #content .inner a.januarySale {
        display: block;
        background: url('/siteimages/global/wembley/sale/sale-background-desktop.jpg') center center transparent;
        height: 71px;
        margin-top: 0;
        margin-bottom: 20px;
    }
}
.select-holder  ul.size-country li.selected, .select-holder  ul.size-country li:hover
{
    font-weight: 800;
}

.select-holder
{
    overflow: hidden;
    margin: 10px 0px;
}

.select-holder label
{
    display: none;
}

.select-holder label.show
{
    display: block;
    font-size: 11px;
    margin: 5px 3px 0 0;
    text-align: right;
    text-transform: uppercase;
}

.select-holder select
{
    width:50%;
    float: left;
    background-image:none;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -o-border-radius: 5px; 
    border-radius: 5px; 
    padding: 5px;
    height: auto;
    font-size: 12px;
    margin: 0px;
}

.select-holder select#quantity
{
    width:40%;
    float: right;
}

.select-holder  ul.size-country
{
    overflow: hidden;
    float:left;
    width:50%;
    clear:both;
}

.select-holder  ul.size-country li
{
    float: left;
    padding: 4px;
    cursor: pointer;
}

.list .item p.save-price
{
    color: #E70835;
}

#content .item p.price
{
    font-size: 15px;
}

ul.flex-direction-nav li 
{
    overflow: hidden;
    text-indent: -999em;
}

#content.product p.was-price, #content.product p.old-price
{
    text-decoration:line-through;
    display:inline-block;
    margin:0px 0px 0px 6px;
    color:#666;
    font-size:15px;
}

#content.product p.saving
{
    display:inline-block;
    margin:0px 0px 0px 6px;
}

#content.product p.price
{
    display:inline-block;
}

.button
{
    display: block;
}

.product-slider, .product-slider .slider-holder
{
    overflow: hidden;
    position: relative;
}

.product-slider .slider-holder
{
    padding:0px 0px 7px 0px;
    visibility:hidden;
    -webkit-transition: all .8s ease; 
    -moz-transition: all .8s ease; 
    transition: all .8s ease;
    opacity:0;
}

#content.product h1
{
    font-weight:700;
}

.product-slider .slider-holder.loaded
{
    visibility:visible;
    opacity:1;
}

.product-slider .flex-viewport ul li
{
    float: left;
    display: none; 
    -webkit-backface-visibility: hidden;
    position:relative;
}

.product .right-column .msg 
{
    margin:20px 0px 0px;
}

/* Control Nav */
ol.flex-control-nav 
{
    overflow:hidden;
    margin:0px;
    position:absolute;
    display:block;
    left:0px;
    bottom:0px;
    width:100%;
}

ol.flex-control-nav li 
{
    margin: 0px; 
    float:left;
    width: 20%; 
    height: 5px;
}

.has-2-images ol.flex-control-nav li 
{
    width: 50%; 
}

.has-3-images ol.flex-control-nav li 
{
    width: 33.3%; 
}

.has-4-images ol.flex-control-nav li 
{
    width: 25%; 
}

.has-5-images ol.flex-control-nav li 
{
    width: 20%; 
}

.has-6-images ol.flex-control-nav li 
{
    width: 16.6%; 
}

.has-7-images ol.flex-control-nav li 
{
    width: 14.2%; 
}

.has-8-images ol.flex-control-nav li 
{
    width: 12.5%; 
}

.has-9-images ol.flex-control-nav li 
{
    width: 11.1%; 
}

.has-10-images ol.flex-control-nav li 
{
    width: 10%; 
}

.has-11-images ol.flex-control-nav li 
{
    width: 9%; 
}

.has-12-images ol.flex-control-nav li 
{
    width: 8.3%; 
}

ol.flex-control-paging li a 
{
    width: 100%; 
    height: 5px; 
    display: block; 
    background: transparent; 
    cursor: pointer; 
    text-indent: -9999px; 
}

ol.flex-control-paging li a:hover 
{ 
    background: #292929;
}

ol.flex-control-paging li a.flex-active 
{ 
    background: #292929; 
    cursor: default;
}

.product .tab-holder
{
    margin:40px 0 0;
}

img.product
{
    width:100%;
    float:left;
    display:block;
}

.float-inputs
{
    overflow:hidden;
    margin:20px 0px;
}

.float-inputs div.selector
{
    width:60%;
    float:left;
}

.float-inputs input
{
    width:30%;
    float:right;
    margin:0px;
    padding:8px;
}

#content .right-column p.price-text
{
    margin:0px;
}

#content p.price
{
    line-height:1;
    margin:0px;
    font-weight:700;
    color:black;
}

#content p.saving 
{
    margin: 0;
    color: #e70835;
    font-weight:400;
}

.product-icons
{
    overflow:hidden;
    margin:10px 0;
    border:1px solid #cbcbcb;
    box-shadow: 0px 0px 1px #fff;
    -moz-box-shadow: 0px 0px 1px #fff;
    -webkit-box-shadow: 0px 0px 1px #fff;
    padding:1px;
}

.product-icons ul
{
    text-align:center;
}

.product-icons ul li
{
    width: 25%;
    display:inline-block;
    font-size:10px;
    text-transform:uppercase;
    line-height:18;
    text-align:center;
    padding: 0px;
    background-position: top 20px center;
    background-repeat:no-repeat;
    cursor:pointer;
    position:relative;
    height:120px;
    opacity:0.5;
    color:black;
}

.product-icons ul li span
{
    background-image: url(/siteimages/global/wembley/white/sprite.png);
    background-repeat:no-repeat;
    position:absolute;
    top:20px;
    left:50%;
}

.product-icons ul li.selected
{
    border-bottom:5px solid #292929;
    opacity:1;
}

.product-icons ul li.selected, .product-icons ul li.selected a
{
    cursor:default;
}

.product-icons ul li.selected:hover
{
    opacity:1;
}

.product-icons ul li.video span
{
    background-position:-1332px 0px;
    width:53px;
    height:55px;
    margin-left:-26px;
}

.product-icons ul li.threesixty span
{
    background-position:-1385px 0px;
    width:52px;
    height:59px;
    margin-left:-26px;
}

.product-icons ul li.gallery span
{
    background-position:-1437px 0px;
    width:53px;
    height:56px;
    margin-left:-26px;
}

.product-icons ul li.feature span
{
    background-position:-1490px 0px;
    width:40px;
    height:50px;
    margin-left:-20px;
}

.product-icons ul li a
{
    display: block;
    color:black;
    width:100%;
    height:100%;
}

.product-icons ul li:hover
{
    opacity:1;
}

.product div.tab-content.hide
{
    padding:0px;
    margin:0px;
}

.product div.tab-content
{
    background:transparent;
    padding:0px 40px 0px 0px;
    margin:30px 0px;
    overflow-y:auto;
    max-height:250px;
    font-size:11px;
}

.product div.tab-content p a
{
    color:white;
}

.product div.tab-content.tab-2,
.product div.tab-content.tab-4
{
    max-height:100%;
}

.product ul.tab-menu li
{
	background: white;
    border-right: 1px solid #CFCFCF;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    letter-spacing:1px;
    padding: 10px 5%;
	color: #2e2e2e;
    border-left:0;
}

.product ul.tab-menu li.selected span
{
	position: absolute;
	bottom:-10px;
	width:22px;
	height: 11px;
	display: block;
	background: url(/siteimages/global/wembley/white/tab-selected-arrow.png) no-repeat;
    left:50%;
    margin-left:-11px;
}

.product ul.tab-menu li.selected
{
	background:#4c4c4c;
	font-weight: 600;
	color: white;
    border:0;
}

.product ul.tab-menu li:hover, .product ul.tab-menu li.selected:hover
{
	background:#4c4c4c;
	color: white;
}

.product .leftbar, .product .rightbar
{
    margin:20px 0px 0px;
}

.product .right-column a.button, .product .right-column button
{
    margin:20px 0px 0px;
}

.product .leftbar
{
    width:75%;
}

.product .rightbar
{
    width:25%;
    padding:20px;
}

.product .multibuy
{
    color:white;
    text-align:center;
}

#content.product .multibuy p 
{
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
    margin: 0 10px;
    text-transform:uppercase;
    display:inline-block;
}

.product .multibuy p span
{
    color:#ffee2e;
}

.table.grip-size .td
{
    display: table-cell;
    padding: 10px;
}

.table.grip-size .th
{
    display: table-row;
}

.product .boot-id-holder .racketid
{
    background:url(/siteimages/global/wembley/white/sprite.png) no-repeat -1530px -56px;
    width:99px;
    height:14px;
    display:block;
    text-indent:-999em;
    overflow:hidden;
    float:left;
}

.product .product-slider .racketid
{
    position:absolute;
    top:20px;
    right:20px;
    z-index:2;
}

.product .boot-id-holder .boot-id-wrap
{
    clear:both;
    overflow:hidden;
    margin:10px 0px;
    background:black;
    padding:8px;
}

.product .boot-id-holder .row
{
    clear:both;
    overflow:hidden;
    margin:10px 0px;
}

.product .boot-id-holder .row ul li
{
    margin:0px 0px 5px 0px;
}

.product .boot-id-holder span.whats-this
{
    color:white;
    float:right;
    font-size:11px;
    cursor:pointer;
}

.product .boot-id-holder p.small
{
    clear:both;
    float:left;
    margin:10px 0px 0px;
}

.product .product-video-holder, .product .product-threesixty-holder
{
    display:none;
    overflow:hidden;
}

.product .product-type-holder
{
    padding:0;
}

.product-type-icon
{
    background-image:url(/siteimages/global/wembley/product-type-icon-sprite.png);
    background-repeat:no-repeat;
    display:block;
    width:63px;
    height:70px;
    overflow:hidden;
    text-indent:-999em;
}

.product-type-icon.neutral
{
    background-position: 0 0;
}

.product-type-icon.structured
{
    background-position: -63px 0;
}

.product-type-icon.motion
{
    background-position: -126px 0;
}

.product-type-icon.low
{
    background-position: -189px 0;
}

.product-type-icon.medium
{
    background-position: -252px 0;
}

.product-type-icon.high
{
    background-position: -315px 0;
}

.product .product-type-holder h4
{
    margin:10px 0 20px 0;
    font-size:14px;
    text-transform:uppercase;
}

.product .product-type-holder a
{
    color:black;
    text-decoration:underline;
}

/* Pers */

div#pers-values
{
    overflow:hidden;
    margin:10px 0px; 
}

div#pers-values input
{
    padding:8px;
    width:40%;
    float:left;
}

div#pers-values, input#pers-text, input#pers-number, input#pers-racetime, #uniform-pers-flag, #uniform-pers-tournament, #uniform-pers-racetime, input#pers-battext, 
    input#pers-helmetfronttext, input#pers-helmetbacktext
{
    display:none;
}

div#pers-values.pers-option1, div#pers-values.pers-option3, div#pers-values.pers-option5, div#pers-values.pers-option7, div#pers-values.pers-option8, div#pers-values.pers-option24, 
    div#pers-values.pers-option32, div#pers-values.pers-option33, div#pers-values.pers-option64, div#pers-values.pers-option128, div#pers-values.pers-option384
{
    display:block;
}

div#pers-values.pers-option1, div#pers-values.pers-option1 input#pers-text
{
    display:block;
}

div#pers-values.pers-option3, div#pers-values.pers-option3 input#pers-text, div#pers-values.pers-option3 input#pers-number
{
    display:block;
}

div#pers-values.pers-option5 #uniform-pers-flag, div#pers-values.pers-option3 input#pers-number, div#pers-values.pers-option7 input#pers-number, div#pers-values.pers-option24 #uniform-pers-tournament, 
    div#pers-values.pers-option33 #pers-racetime
{
    float:right;
    width:55%;
}

div#pers-values.pers-option5, div#pers-values.pers-option5 input#pers-text, div#pers-values.pers-option5 #uniform-pers-flag
{
    display:block;
}

div#pers-values.pers-option7, div#pers-values.pers-option7 input#pers-text, div#pers-values.pers-option7 input#pers-number, div#pers-values.pers-option7 #uniform-pers-flag
{
    display:block;
}

div#pers-values.pers-option7 #uniform-pers-flag
{
    margin:15px 0px 0px;
}

div#pers-values.pers-option8, div#pers-values.pers-option8 #uniform-pers-player
{
    display:block;
}

div#pers-values.pers-option24, div#pers-values.pers-option24 #uniform-pers-player, div#pers-values.pers-option24 #uniform-pers-tournament
{
    display:block;
}

div#pers-values.pers-option24 #uniform-pers-player
{
    float:left;
    width:40%;
}

div#pers-values.pers-option33, div#pers-values.pers-option33 input#pers-text, div#pers-values.pers-option33 input#pers-racetime
{
    display:block;
}

div#pers-values.pers-option64, div#pers-values.pers-option64 input#pers-battext
{
    display:block;
    width: 100%;
}

div#pers-values.pers-option128, div#pers-values.pers-option128 input#pers-helmetfronttext, div#pers-values.pers-option384 input#pers-helmetfronttext
{
    display:block;
    width: 100%;
}

div#pers-values.pers-option384, div#pers-values.pers-option384 input#pers-helmetbacktext
{
    display:block;
}



div#pers-values.pers-option384 input#pers-helmetbacktext
{
    margin:15px 0px 0px;
}

.multibuy
{
    overflow:hidden;
    margin:30px 0px 0px;
}

.multibuy ul, .social-shares ul
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.multibuy ul li
{
    overflow:hidden;
    margin:0px 0px 10px;
}

#content .multibuy ul li p
{
    padding:8px 16px;
    margin:0px;
    float:left;
    color:#e70835;
    font-size:14px;
    font-weight:600;
}

.multibuy ul li button.secondary
{
    float:left;
    width:50%;
    margin:0px;
}

h2.prod-title
{
    margin:0px 0px 15px 0px;
    font-weight:800;
    font-size:11px;
}

/* Social */

.social-shares
{
    overflow:hidden;
    margin:0px 0px 15px 0px;
    padding:0px 0px 15px 0px;
    background: transparent url(/siteimages/global/wembley/white/border-bottom.gif) repeat-x bottom;
}

.social-shares ul li
{
    float:left;
    margin:0px 0px 0px 10px;
    overflow:hidden;
    font-size:13px;
    text-transform:uppercase;
    font-weight:600;
    line-height:1.2;
    position:relative;
    width:31px;
    height:31px;
}

.social-shares ul li span
{
    overflow:hidden;
    width:31px;
    height:31px;
    display: none;
    font-size:15px;
    position:absolute;
    text-align:center;
    line-height:2;
    color:white;
    background-image:url(/siteimages/global/wembley/white/sprite.png);
    background-repeat:no-repeat;
    background-position:-1915px 0;
}

.social-shares ul li span a
{
    color:white;
    font-size:13px;
}

.social-shares ul li:hover span
{
    display: block;
}

.social-shares ul li.total
{
    margin:0px 20px 0px 0px;
    width:auto;
    height:auto;
}

#content .social-shares ul li.total p
{
    clear: both;
    display: block;
    font-size:15px;
    font-weight:400;
    margin:0px;
}

#content .social-shares ul li.total p a
{
    color:black;
}

.social-shares ul li.icon > a
{
    overflow:hidden;
    width:31px;
    height:31px;
    text-indent:-999em;
    display:block;
    background-image:url(/siteimages/global/wembley/white/sprite.png);
    background-repeat:no-repeat;
    position:absolute;
}

.social-shares ul li.twitter a
{
    background-position:-1759px 0;
}

.social-shares ul li.google a, .social-shares ul li.google a:hover
{
    background-position:-1790px 0;
    width:32px;
}

.social-shares ul li.pin a
{
    background-position:-1822px 0;
}

.social-shares ul li.facebook a
{
    background-position:-1853px 0;
}

.social-shares ul li a:hover
{
    background-position:-11884px 0;
}

.social-shares ul li.instagram a, .social-shares ul li.instagram a:hover
{
    background-position:-1884px 0;
}

.social-shares ul li.instagram a:hover, .social-shares ul li.google a:hover
{
    opacity:0.8;
}

/* Product Info */

div.product-info
{
    overflow:hidden;
    margin:30px 0px 0px;
    padding:0px 10px;
}

div.product-info .ground-type ul
{
    list-style-type:none;
    margin:0px 0px 15px 0px;
    padding:0px;
}

div.product-info .ground-type
{
    margin:0px 0px 30px 0px;
    overflow:hidden;
    font-size:10px;
}

div.product-info .ground-type a
{
    color:white;
    text-decoration:underline;
}


div.product-info .ground-type a:hover
{
    text-decoration:none;
}

div.product-info ul li strong
{
    text-transform:uppercase;
    font-weight:600;
}

div.product-info .ground-type h4
{
    text-transform:uppercase;
    margin:0px 0px 15px 0px;
    font-size:11px;
}

div.product-info .ground-type div.ground-icon, .ground-types ul.tab-menu li
{
    width:40px;
    height:54px;
    display:block;
    text-align:center;
    line-height:1.6;
    margin:0px 0px 15px 0px;
    background:url(/siteimages/global/wembley/white/sprite.png) no-repeat -1946px 11px;
    color:black;
    font-size:22px;
    font-weight:600;
    overflow:hidden;
    position:relative;
    padding:14px 0px 0px;
}

div.product-info .ground-type div.ground-icon span, .ground-types ul.tab-menu li span
{
    position:absolute;
    top:0px;
    left:0px;
    width:40px;
    background-image:url(/siteimages/global/wembley/white/sprite.png);
    background-repeat:no-repeat;
    display:block;
    background-position:-1946px 11px;
    height:11px;
}

div.product-info .ground-type div.ground-icon.icon-fg span, .ground-types ul.tab-menu li.icon-fg span
{
    background-position:-1986px 0px;
}

div.product-info .ground-type div.ground-icon.icon-ag span, .ground-types ul.tab-menu li.icon-ag span
{
    background-position:-1986px -11px;
}

div.product-info .ground-type div.ground-icon.icon-sg span, div.product-info .ground-type div.ground-icon.icon-sg-pro span, .ground-types ul.tab-menu li.icon-sg span, .ground-types ul.tab-menu li.icon-sg-pro span
{
    background-position:-1986px -22px;
}

div.product-info .ground-type div.ground-icon.icon-hg span, .ground-types ul.tab-menu li.icon-hg span
{
    background-position:-1986px -33px;
}

div.product-info .ground-type div.ground-icon.icon-in span, .ground-types ul.tab-menu li.icon-in span
{
    background-position:-1986px -44px;
}

div.product-info .ground-type div.ground-icon.icon-tf span, .ground-types ul.tab-menu li.icon-tf span
{
    background-position:-1986px -55px;
}

div.product-info .ground-type div.ground-icon.icon-st span, .ground-types ul.tab-menu li.icon-st span
{
    background-position:-1986px -66px;
}

div.product-info .ground-type div.ground-icon.double-line, .ground-types ul.tab-menu li.double-line
{
    font-size: 14px;
    line-height: 1;
    padding:18px 0px 0px;
}

div.product-info .product-spec ul
{
    font-size:11px;
    padding:0px 12px;
}

.product-detail-holder
{
    overflow:hidden;
    margin:30px 0px 0px;
    float:left;
    width:100%;
    clear:both;
}

.product-detail-holder .right-column
{
    padding:0 30px;
    margin:30px 0 0;
}

.related ul.flex-direction-nav li a.flex-prev
{
    left:0px;
}

.related ul.flex-direction-nav li a.flex-next
{
    right:0px;
}

#pers-values p
{
    display:block;
    margin:10px 0px 0px;
    font-style:italic;
    clear:both;
    float:left;
    font-size:11px;
}

/* Brand logo on product page */

.product .left-column
{
    position:relative;
}

.product .brand-logo.adidas
{
    background: url(/siteimages/global/wembley/adidas-logo.png) no-repeat;
    display: block;
    height: 22px;
    overflow: hidden;
    text-indent: -999em;
    width: 34px;
    position:absolute;
    top:20px;
    left:20px;
    z-index:2;
}

#pers-values .has-tip
{
    margin:0px;
    float:none;
    display:block;
}

#pers-values .has-tip span.tip
{
    margin-left:-129px;
    margin-top:70px;
    padding:12px 12px 2px 12px;
}

#pers-values .has-tip span.tip p
{
    margin:0px 0px 10px 0px;
    font-size:10px;
    color:white;
}

/* New Product Editions */

/* Dynamic Recommandations additions - Pearcey 31/07/2018*/

.product .related {
    padding: 0;
}

.product-detail-holder {
    margin-bottom: 40px;
}

#related-products {
    clear: both;
    margin-bottom: 100px;
}

.WebsiteThemeStyle_dark #related-products {
    background: #252525;
}

.WebsiteThemeStyle_light #related-products {
    background: #fff;
}

#content.product #related-products .was-price,
.checkout #related-products .was-price {
    color: #e70835;
}

#related-tabs {
    width: 100%;
}

#related-tabs .related-campaign {
    float: left;
    padding: 10px 25px;
    cursor: pointer;
}

.WebsiteThemeStyle_dark #related-tabs {
    background: #191919;
    color: #a7a7a7;
}

.WebsiteThemeStyle_dark #related-tabs .related-campaign.active,
.WebsiteThemeStyle_dark #related-tabs .related-campaign:hover {
    background: #252525;
    color: #fff;
}

.WebsiteThemeStyle_light #related-tabs {
    background: #d4d4d4;
    color: #979797;
}

.WebsiteThemeStyle_light #related-tabs .related-campaign.active,
.WebsiteThemeStyle_light #related-tabs .related-campaign:hover {
    background: #fff;
    color: #000;
}

#related-products .related-holder {
    padding: 30px;
    /*display: none;*/ /* display none causes the slider to function incorrectly. hack around it by using positioning instead. */
    width: 100%;
    position: absolute;
    top: -99999em;
    left: -99999em;
}

#related-products .related-holder.active {
    display: block;
    position: relative;
    top: 0;
    left: 0;
}

#related-products .related-holder .item {
    border: 0;
    padding: 0 10px;
}

.checkout #related-products .prices p {
    display: inline-block;
}

/* Dynamic recommendations End */

@media (max-width: 767px) 
{
    .product .leftbar, .product .rightbar
    {
        margin:0px;
        float:left;
        width:100%;
        padding:0px 20px;
    }
    .product .left-column, .product .right-column
    {
        float:none;
        width:100%;
    }
    .product .right-column
    {
        padding:20px;
    }
    .product .product-icons
    {
        padding:20px;
    }
    .product-slider .slider-holder
    {
        padding:0px;
        border:0px;
    }
    .slider-holder ul.flex-direction-nav li a
    {
        display:block;
    }
    .related ul.flex-direction-nav li a
    {
        display:none;
    }
    .related-holder
    {
        padding:0px;
    }
    .product .product-icons
    {
        border:0px;
        padding:0px;
        margin:0px;
    }
    .product .tab-holder .select-holder-div
    {
        background: transparent url(/siteimages/global/wembley/white/border-bottom.gif) repeat-x top;
        padding:30px 20px 0px;
    }
    .product div.tab-content
    {
        max-height:100%;
        margin:30px 0px 20px 0px;
        padding:0px 20px;
    }
    .product div.tab-holder
    {
        margin:0;
    }
    .product .related h3
    {
        margin:20px 0px 0px;
    }
    div.product-info
    {
        padding:0px;
    }
    .social-shares
    {
        padding:0px 0px 15px 0px;
    }
    .product-detail-holder
    {
        margin:10px 0px 0px;
    }
}

@media (min-width: 767px) and (max-width: 959px) 
{
    .social-shares ul li.total
    {
        clear:both;
        margin:0px 0px 10px 0px;
        width:100%;
    }
    .social-shares ul li
    {
        margin:0px 10px 0px 0px;
    }
}

@media (max-width: 959px) 
{
    .product ul.flex-direction-nav li a.flex-prev
    {
        left:0px;
    }

    .product ul.flex-direction-nav li a.flex-next
    {
        right:0px;
    }
}

/* 
    search results over-rides.
    search results page shows 25 items per page in a 5x5 grid.
    Rich to tidy up as appropriate
*/
.list-page.search-results .rightbar { width: 100%; }
.list-page.search-results .rightbar .list .item { width: 20%; }

.list-page .leftbar
{
    width:26%;
    padding:0px 30px 0px 0px;
}

#content.list-page h1
{
    text-transform:uppercase;
    font-size:22px;
    font-weight:700;
}

.list-page .rightbar
{
    width:74%;
}

.list-page .filters h3, .list-page .filters h4
{
    color: white;
}

.list-page .list .img-holder
{
    float:none;
    margin:0px 0px 15px 0px;
}

.item .img-holder a
{
    margin:0px;
}

.list-page .sortby, .list-page .sortby label, .list-page .sortby div.selector
{
    float:left;
    width:auto;
}

.list-page .view-options
{
    margin:0px 20px;
    overflow:hidden;
    float:left;
}

.list-page .view-options ul li, .list-page .view-options ul li.all a
{
    padding:11px 3px;
}

.list-page .view-options ul li.selected
{
    padding:0px;
}

.list-page .view-options ul li.selected a
{
    font-weight:800;
    text-decoration:none;
}

.list-page .view-options ul li.all
{
    border:0px;
}

.list-page .sortby
{
    padding:6px;
}

.list-page .sortby div.selector select
{
    padding:4px;
}

.list-page .sortby div.selector span
{
    padding:4px 30px 4px 10px;
}

.list-page .sortby label
{
    padding:4px 10px;
}

.filters .holder li.disabled
{
    color: #cfcfcf;
    text-decoration:line-through;
}

.list .item
{
    width: 25%;
    position:relative;
    min-height:280px;
}

.list .item.double
{
    width: 50%;
    position:relative;
    min-height:280px;
    padding:0px;
}

.list .item.double img
{
    margin:0px;
    height:auto;
    width:100%;
    max-width:500px;
}

.list .item.double .overlay
{
    position:absolute;
    bottom:0px;
    padding:10%;
    text-align:center;
    margin:0 auto;
    width:100%;
}

.list .item.double .overlay .button
{
   margin:0 auto;
   max-width:200px;
}

.search-results .list .item
{
    width: 20%;
}

.list-page .item p.price, .list-page .item p.was-price
{
    display:inline;
}

.list-page .list .item span.small-brand-logo
{
    background-image: url(/siteimages/global/wembley/tennis-brands-list-sprite.png);
    background-repeat:no-repeat;
    width:28px;
    height:15px;
    margin:0px 0px 5px 0px;
    text-indent:-999em;
    overflow:hidden;
    display:block;
    background-position: -99999px 0;
    position:absolute;
    top:20px;
    left:20px;
}

.list-page .list .item span.adidas
{
    background-position: 0 0;
}

.list-page .list .item span.nike
{
    background-position: -28px 0;
}

.list-page .list .item span.puma
{
    background-position: -56px 0;
}

.list-page .list .item span.asics
{
    background-position: -84px 0;
}

.list-page .list .item span.babolat
{
    background-position: -112px 0;
}

.list-page .list .item span.new-balance
{
    background-position: -140px 0;
}

.list-page .list .item span.fila
{
    background-position: -168px 0;
}

.list-page .list .item span.do
{
    background-position: -196px 0;
}

.list-page .list .item span.under-armour
{
    background-position: -224px 0;
}

.list-page .list .item span.head
{
    background-position: -252px 0;
    padding:0;
}

.list-page .list .item span.joma
{
    background-position: -280px 0;
}

.list-page .list .item span.lotto
{
    background-position: -308px 0;
}

.list-page .list .item span.wilson
{
    background-position: -336px 0;
}

.list-page .list .item span.skins
{
    background-position: -364px 0;
}

.list-page .list .item span.moving-comfort
{
    background-position: -392px 0;
}

.list-page .list .item span.yonex
{
    background-position: -420px 0;
}

.list-page .list .item span.lacoste
{
    background-position: -448px 0;
}

.list-page .list .item span.shock-absorber
{
    background-position: -476px 0;
}

.list-page .list .item span.dunlop
{
    background-position: -504px 0;
}

.list-page .list .item span.prince
{
    background-position: -532px 0;
}

.list-page .list .item span.slazenger
{
    background-position: -560px 0;
}

.list-page .list .item span.caterbury
{
    background-position: -588px 0;
}

.list-page .list .item span.k-swiss
{
    background-position: -616px 0;
}


.list-page .list .item span.bjorn-borg
{
    background-position: -644px 0;
}

.list-page h2.noproducts
{
    margin:13px 20px;
    font-weight:600;
}

.list
{
    overflow: hidden;
}

/* List MSG Box */

.list .multibuy
{
    background:black;
    text-align:center;
    text-transform:uppercase;
    color:white;
    position:relative;
    height:100px;
    margin:0;
}

.list .multibuy .text
{
    top:50%;
    position:absolute;
    padding:20px;
    margin-top:-44px;
    width:100%;
}

.list .multibuy .text h4
{
    font-size:12px;
    margin:0;
    font-weight:400;
}

.list .multibuy .text p
{
    font-size:18px;
    font-weight:600;
    margin:0px;
    line-height:1.6;
}

.list .multibuy .text p span
{
    color:#ffee2e
}

.item p.type-text
{
    margin: 0px 0px 10px 0px;
    text-transform: uppercase;
    text-align: right;
    padding: 0px 0px 0px 30px;
    line-height:1.2;
}

.item p.type-text strong
{
    color: #a8a8a8;
    font-weight: 400;
}

.mobile-filter
{
    overflow:hidden;
    margin:0px;
    display:none;
    width:50%;
    padding:0px 0px 0px 10px;
    float:right;
}

.mobile-filter div.selector
{
    float:left;
    width:46%;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.mobile-filter div.selector span
{
    padding:6px 40px 6px 10px;
    text-transform:uppercase;
}

.mobile-filter label
{
    display:none;
}

.mobile-filter a
{
    width:100%;
    margin:0px;
    text-align:left;
    background:white url(/siteimages/global/wembley/plus-icon.png) no-repeat right center;
    padding:4px 10px;
    display:block;
    color: black;
    font-size: 12px;
    text-transform:uppercase;
    border:1px solid #ccc;
}

.mobile-filter a.last
{
    float:right;
}

.pagination-holder
{
    overflow: hidden;
    margin: 20px 0;
    background:#d4d4d4;
    text-align:center;
}

.pagination-holder ul.pagination
{
    float: right;
}

#content .pagination-holder h1
{
    float: left;
    text-transform:uppercase;
    margin:0px;
    padding:10px;
    font-size:18px;
    line-height:1;
}

.pagination-holder ul li
{
    float:left;
    padding: 11px;
}

.pagination-holder ul li.next-page, .pagination-holder ul li.previous-page, .pagination-holder ul li.all
{
    border-left:1px solid #e3e3e3;
    padding:0;
}

.pagination-holder ul li.previous-page
{
    border-right:1px solid #e3e3e3;
}

.pagination-holder ul li a
{
    color: black;
    display: block;
}

.pagination-holder ul li strong
{
    font-weight:800;
}

.pagination-holder ul li.all a
{
    padding:11px;
}

.pagination-holder ul li.next-page a:hover, .pagination-holder ul li.previous-page a:hover, .pagination-holder ul li.all a:hover
{
    background-color:white;
}

.pagination-holder ul li.next-page a, .pagination-holder ul li.previous-page a
{
    text-indent:-999em;
    overflow:hidden;
    background-image:url(/siteimages/global/wembley/white/sprite.png);
    background-position:-1160px 2px;
    background-repeat:no-repeat;
    width:26px;
    height:39px;
    padding:0px;
}

.pagination-holder ul li.next-page a
{
    background-position:-1186px 2px;
}

.pagination-holder ul li.selected a
{
    text-decoration:underline;
    font-weight:600;
    padding:11px 3px;
}

.pagination-holder ul li a:hover
{
    color:#cfcfcf;
}

.total-products
{
    padding: 20px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    overflow:hidden;
    border:1px solid white;
}

.list-page a.reset
{
    padding: 10px 12px;
    font-size: 11px;
    text-transform: uppercase;
    overflow:hidden;
    display:block;
    color:black;
    letter-spacing:1px;
    background:#ededed;
}

.list-page a.reset:hover
{
    color:#a8a8a8;
}

.total-products .total-icon
{
    overflow:hidden;
    width:40px;
    height:40px;
    float:left;
    margin:0px 12px 0px 0px;
}

.total-products h4
{
    font-size: 14px;
    margin: 0;
    color: black;
    font-weight:400;
    line-height:1.8;
    float:left;
    text-transform:uppercase;
}

.total-products h4 strong
{
    font-size: 20px;
    font-weight:600;
}

.filters h3, .filters h4
{
    background: white;
    text-transform: uppercase;
    font-weight: 400;
    padding: 10px 12px;
    font-size: 12px;
    margin: 0px;
}

.filters h3
{
    border-bottom: 1px solid #cfcfcf;
}

.filters h4
{
    background: #4c4c4c url(/siteimages/global/wembley/white/plus-icon.png) no-repeat center right;
    border-top: 1px solid #707070;
    cursor: pointer;
}

.filters h4:hover
{
    background:#292929 url(/siteimages/global/wembley/white/plus-icon.png) no-repeat center right;
}

.filters .is-open h4:hover
{
    background:#292929 url(/siteimages/global/wembley/white/minus-icon.png) no-repeat center right;
}

.filters
{
    margin: 0px 0px 10px 0px;
}

.is-open h4
{
    background: #4c4c4c url(/siteimages/global/wembley/white/minus-icon.png) no-repeat center right;
}

.filters .is-closed .holder
{
    display: none;
}

.filters .holder
{
    background: white;
    padding: 8px;
}

.filters .holder ul
{
    max-height: 160px;
    overflow-y: auto;
}

.filters .holder li.selected
{
    background: black;
    padding:5px;
    overflow:hidden;
    margin:0px;
}

.filters .holder li.selected a, .filters .holder li.selected a:hover
{
    background: black url(/siteimages/global/wembley/check-box-selected.png) no-repeat left top;
    color:white;
}

.filters .holder li
{
    font-weight:400;
    font-size:12px;
    margin:0px 0px 8px 0px;
    line-height:1.2;
    position:relative;
}

.list-page .breadcrumbs
{
    overflow:hidden;
    margin:0px 0px 4px 0px;
}

.list-page .breadcrumbs ul
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}

.list-page .breadcrumbs ul li a:after
{
    content:"/";
}

.list-page .breadcrumbs ul li
{
    float:left;
    color:#4c4c4c;
    font-size:11px;
}

.list-page .breadcrumbs ul li a
{
    color:black;
}

.list-page .breadcrumbs ul li a:hover
{
    text-decoration:underline;
}

.filters .holder li.disabled
{
    padding:3px 8px 3px 30px;
    background: url(/siteimages/global/wembley/check-box.png) no-repeat left top;
    display: block;
}

.filters .holder li a:hover
{
    background: url(/siteimages/global/wembley/check-box-hover.png) no-repeat left top;
}

.filters .holder li a
{
    color: #1e1e1e;
    padding:3px 34px 3px 30px;
    background: url(/siteimages/global/wembley/check-box.png) no-repeat left top;
    display: block;
}

.filters .holder li a span
{
    position:absolute;
    top:2px;
    right:8px;
    font-weight:400;
    font-size:11px;
    color:#818181;
}

.filters .holder li a:hover
{
    color:#818181;
}

/* Mobile Filters */

.filters.mobile-filters ul li
{
    color:#3d3d3d;
    margin: 0px;
    overflow:hidden;
    padding:5px;
    border-bottom:1px solid #cfcfcf;
    border-top:1px solid white;
}

.filters.mobile-filters ul li label
{
    float:left;
    padding:4px 8px;
}

.filters.mobile-filters ul li .checker
{
    float:right;
    margin:0px 3px;
}

.filters.mobile-filters .holder ul
{
    max-height:100%;
}

#content .filters.mobile-filters h1
{
    background:#cfcfcf;
    color:black;
    margin:0px;
    padding:18px 12px;
    font-size:14px;
    text-transform:uppercase;
}

.filters.mobile-filters .holder
{
    padding:0px;
}

.filters.mobile-filters .is-open h4
{
    background: #e3e3e3 url(/siteimages/global/wembley/minus-icon.png) no-repeat center right;
}

.filters.mobile-filters .is-closed h4
{
    background: #e3e3e3 url(/siteimages/global/wembley/plus-icon.png) no-repeat center right;
}

.list-text-holder
{
    padding:0px 16px;
    margin:16px 0px 0px;
}

.list-page .leftbar.mobile-filters
{
    width:100%;
    padding:0px;
}

/* Circle */

.total-products .prog-circle .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.total-products .prog-circle .slice.clipauto {
  clip: rect(auto, auto, auto, auto);
}
.total-products .prog-circle .fill, .total-products .prog-circle .bar {
  position: absolute;
  border: 0.08em solid #292929;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, .5em, 1em, 0em);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
  box-sizing:content-box;
}
.total-products .prog-circle {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: left;
  margin: 0;
  background-color: #d4d4d4;
}
.total-products .prog-circle .percenttext {
  position: absolute;
  width: 100%;
  height: 1em;
  z-index: 1;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0.3em;
  color: #90c844;
  display: block;
  text-align: center;
  white-space: nowrap;
  line-height: 100%;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.total-products .prog-circle .after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #eaeaea;
  width: 0.84em;
  height: 0.84em;
}

@media (max-width: 767px) 
{
    #content.list-page h1, .list-text-holder
    {
        margin:0px;
    }
    .list-page .leftbar .filters
    {
        display:none;
    }
    .list-page .leftbar.mobile-filters .filters
    {
        display:block;
        margin:0px;
    }
    .list-page .sortby
    {
        width:50%;
        padding:0px 10px 0px 0px;
    }
    .list-page .sortby label
    {
        display:none;
    }
    .list-page .sortby div.selector
    {
        width:100%;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        text-align:left;
    }
    .list .item, .search-results .list .item
    {
        width: 50%;
    }
    .list-page .list .item span.small-brand-logo
    {
        left:20px;
        top:20px;
    }
    .list-page .leftbar, .list-page .rightbar
    {
        float:none;
        width:100%;
    }
    .pagination-holder h1, .pagination-holder ul li, .list-page .total-products .prog-circle, .list-page a.reset, .list-page .breadcrumbs, .list-page .total-products .total-icon
    {
        display:none;
    }
    .list-page .pagination-holder
    {
        padding:20px;
        margin:0px;
        background:transparent;
    }
    .list-page .total-products
    {
        padding:10px 20px 0px 20px;
        border:0px;
        box-shadow:none;
    }
    .list-page .total-products h4, .list-page .total-products h4 strong
    {
        font-size:14px;
    }
    .pagination-holder ul.pagination
    {
        float:none;
        text-align:center;
    }
    .pagination-holder ul li.next-page, .pagination-holder ul li.previous-page
    {
        display:block;
        float:left;
        font-size: 12px;
        width:47%;
        font-weight: 600;
    }
    .pagination-holder ul li.next-page a, .pagination-holder ul li.previous-page a
    {
        background-image:none;
        text-indent:0;
        width:auto;
        height:auto;
        color: white;
        padding:8px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-color: #4c4c4c;
    }
    .pagination-holder ul li.next-page
    {
        display:block;
        float:right;
    }
    .pagination-holder ul li.next-page a:hover, .pagination-holder ul li.previous-page a:hover
    {
        background-color: #292929;
    }
    .pagination-holder.top-pagination ul.pagination
    {
        display:none;
    }
    .mobile-filter
    {
        display:block;
    }
    .list .item.double
    {
        width:100%;
    }
    .list-page .mobile-filters
    {
        margin:0px;
        display:block;
    }
    .mobile-filters .button-holder
    {
        position:fixed;
        z-index:300;
        width:100%;
        bottom:0px;
        background:#eaeaea;
        margin:0px;
    }
    .mobile-filter-page #footertext, .mobile-filter-page #footer
    {
        display:none;
    }
    #page.mobile-filter-page #content
    {
        padding-bottom:133px;
    }
    .filters .holder ul
    {
        max-height:none;
    }
    .list .item.double img
    {
        max-width:none;
    }
}
@media (min-width: 767px) and (max-width: 959px) {
    .list .item
    {
        width:33.333%;
    }
    .list .item.double
    {
        width:66.666%;
    }
}
@media screen\9 
{
    .inner
    {
        width:960px;
    }
    .navigation
    {
        position:relative;
        z-index:999;
    }
    form
    {
        margin:0px;
        padding:0px;
    }
    .messagebar ul li, .messagebar ul.two-items li.last
    {
        width:32%;
    }
    .messagebar ul.two-items li
    {
        width:65%;
    }
    .right-column
    {
        width:30%;
    }
    .related .item
    {
        padding:20px 0px;
    }
    .feature-boxes .box img, .item img
    {
        width:160px;
    }
    .navigation ul li.sale a 
    {
        height:18px;
    }
    .feature-boxes figure figcaption .box-text
    {
        display:none;
    }
    .feature-boxes .box.double, .feature-boxes .box.double img
    {
        width:477px;
    }
    .feature-boxes .box
    {
        margin:2px;
    }
    .feature-boxes .box, .feature-boxes .box img
    {
        width:236px;
    }
    .feature-boxes .box
    {
        border:0px;
    }
    .account .left-block, .account .right-block, .checkout .left-block, .checkout .right-block
    {
        width:44%;
        padding:0px 3%;
    }
    .steps ul li
    {
        width:30%;
    }
    .messagebar ul li.no-link 
    {
        padding: 0px 10px;
        line-height:3;
    }
    .payment-block .block
    {
        padding:10px 20px;
        width:30%;
    }
    .payselect-holder
    {
        background:transparent;
    }
    .table
    {
        border:1px solid #2d2d2d;
    }
    .table .th, .total-products
    {
        display:none;
    }
    .table .tr
    {
        clear:both;
        width:100%;
    }
    .table .td
    {
        border:0px;
        float:left;
    }
    ul.flex-direction-nav li a
    {
        height:2px;
        width:16px;
    }
    .flex-direction-nav
    {
        height:0px;
    }
    .navigation .drop-down .block.level-1
    {
        width:201px;
    }
    .navigation .drop-down .block.level-2
    {
        width:528px;
    }
    .navigation .drop-down .block.level-3
    {
        width:171px;
        padding:15px 25px 0px;
    }
    .navigation ul li a
    {
        padding:10px 14px;
        height: 16px;
    }
    .pers-block-holder .column.first
    {
        width:378px;
    }
    .text-block
    {
        width:216px;
    }
    .ground-types .left-block
    {
        width:231px;
        padding:0px 57px 0px 0px;
    }
    .ground-types .right-block
    {
        width:615px;
        padding:0px 0px 0px 57px;
    }
    .flags ul, .selected-currency
    {
        height:14px;
    }
    .languages ul li
    {
        width:220px;
    }
    .languages ul li a
    {
        width:168px;
    }
    .product-icons ul li
    {
        float:left;
    }
    .list-page .leftbar
    {
        padding:0px;
    }
    .list-page .list .item
    {
        width:135px;
    }
    .list-page .sortby div.selector span
    {
        width:auto;
    }
}
/* Banman New */

#site-banners {
    overflow: hidden;
    position: relative;
    margin: 0 0 20px 0;
}

#site-banners .banner-holder {
    overflow: hidden;
    position: relative;
    text-align: center;
}

#site-banners ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#site-banners ul li {
    float: left;
    position: relative;
}

#site-banners ul li img {
    margin: -50px 0;
    cursor: pointer;
    float: left;
}

#site-banners ul li .banner-text {
    position: absolute;
    left: 60px;
    top: 0;
    width: 30%;
    height: 100%;
    text-align: left;
    font-weight: 300;
    padding-top: 50px;
    padding-bottom: 50px;
}

#site-banners ul li .button-holder {
    padding: 10px 0 0;
    margin: 10px 0 0;
}

#site-banners ul li .banner-text.right {
    left: auto;
    right: 60px;
    text-align: right;
}

#site-banners ul li .banner-text.center {
    left: 50%;
    right: 60px;
    transform: translateX(-50%);
    text-align: center;
}

#site-banners ul li .banner-text h4 {
    color: black;
    font-size: 34px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 12px 0;
    line-height: 1.2;
}

#site-banners ul li .banner-text .tb-holder {
    display: table;
    height: 100%;
    width: 100%;
}

#site-banners ul li .banner-text .tb-cell {
    display: table-cell;
    vertical-align: middle;
}

#site-banners ul li .banner-text.position-bottom .tb-cell {
    vertical-align: bottom;
}

#site-banners ul li .banner-text p {
    color: #333;
    font-size: 15px;
    margin: 0 0 10px 0;
}

#site-banners ul li .banner-text.white h4, #site-banners ul li .banner-text.white p {
    color: white;
}

#site-banners ul li .banner-text .banner-link {
    padding: 8px 14px 8px 49px;
    background: url(/siteimages/global/wembley/new-black-button.png) no-repeat left center;
    color: white;
    text-transform: uppercase;
    display: block;
    border-radius: 0 2px 2px 0;
    float: left;
    margin: 0;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 11px;
    word-wrap: keep-all;
}

#site-banners ul li.headtoheadbillboard .banner-text {
    text-align: center;
    left: auto;
}


#site-banners ul li.headtoheadbillboard .banner-text .button-holder {
    margin: 10px;
}

#site-banners ul li.headtoheadbillboard .banner-text .banner-link {
    margin: 0 10px 10px 0;
    float: none;
    display: inline-block;
}

#site-banners ul li .banner-text.right .banner-link {
    float: right;
}

#site-banners ul li .banner-text.position-bottom {
    top: auto;
    bottom: 0;
    margin: 0 auto;
}

#site-banners ul li .banner-text.white .banner-link {
    background: url(/siteimages/global/wembley/new-white-button.png) no-repeat left center;
    color: black;
}

#site-banners .banner-holder ol.flex-control-nav {
    bottom: 0;
    width: auto;
    text-align: center;
    left: 50%;
    overflow: hidden;
    background: transparent;
    padding: 10px;
    height: auto;
}

#site-banners .banner-holder ol.flex-control-nav li {
    margin: 0 5px;
    width: auto;
    height: auto;
    opacity: 0.6;
}

#site-banners .banner-holder ol.flex-control-nav li a {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #1a1a1a;
    border: 1px solid white;
}

#site-banners .banner-holder ol.flex-control-nav li a.flex-active {
    background: white;
    border: 1px solid #1a1a1a;
}

#site-banners .banner-holder ul.flex-direction-nav li {
    position: static;
}

#site-banners .banner-holder ul.flex-direction-nav li a {
    top: auto;
    bottom: 50%;
    margin-bottom: -21px;
}

#site-banners .banner-holder:hover ul.flex-direction-nav li a.flex-prev {
    left: 0;
}

#site-banners .banner-holder:hover ul.flex-direction-nav li a.flex-next {
    right: 0;
}

/* Full width billboards for Fit */
#fit-category-page #site-banners ul li.fullwidthbillboard .banner-text {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 40px;
}

#fit-category-page #site-banners ul li.fullwidthbillboard .banner-text.left {
    text-align: left;
    width: 100%;
}

#fit-category-page #site-banners ul li.fullwidthbillboard .banner-text.left h4,
#fit-category-page #site-banners ul li.fullwidthbillboard .banner-text.left p {
    text-align: left;
}

#fit-category-page #site-banners ul li.fullwidthbillboard .center {
    text-align: center;
    width: 100%;
}

#fit-category-page #site-banners ul li.fullwidthbillboard .banner-text.center h4,
#fit-category-page #site-banners ul li.fullwidthbillboard .banner-text.center p {
    text-align: center;
}

#fit-category-page #site-banners ul li.fullwidthbillboard .none {
    text-align: center;
    width: 100%;
}

#fit-category-page #site-banners ul li.fullwidthbillboard .banner-text.none h4,
#fit-category-page #site-banners ul li.fullwidthbillboard .banner-text.none p {
    text-align: center;
}

#fit-category-page #site-banners ul li.fullwidthbillboard .right {
    text-align: right;
    width: 100%;
}

#fit-category-page #site-banners ul li.fullwidthbillboard .banner-text.right h4,
#fit-category-page #site-banners ul li.fullwidthbillboard .banner-text.right p {
    text-align: right;
}

#fit-category-page .fullwidthbillboard .button-container {
    padding-top: 25px;
}

#fit-category-page .fullwidthbillboard a.fit-banner-btn {
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 10px 35px;
    margin-right: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}

#fit-category-page .fullwidthbillboard a.fit-banner-btn:hover {
    background-color: #fff;
    color: #000;
}

#fit-category-page .fullwidthbillboard .banner-text.center .fit-banner-btn {
    margin: 0 10px;
}

#fit-category-page .fullwidthbillboard .banner-text.left .fit-banner-btn {
    margin: 0 20px 0 0;
}


#fit-category-page .fullwidthbillboard .banner-text.right .fit-banner-btn {
    margin: 0 0 0 20px;
}

@media (max-width: 960px) {
    #site-banners ul li .banner-text h4 {
        font-size: 24px;
    }

    #site-banners ul li .banner-text {
        left: 50px;
    }

    #site-banners ul li .banner-text.right {
        right: 50px;
    }

    #site-banners .banner-holder ul.flex-direction-nav li a.flex-prev {
        left: 0;
    }

    #site-banners .banner-holder ul.flex-direction-nav li a.flex-next {
        right: 0;
    }

    #site-banners ul li .banner-text p {
        display: none;
    }

    #fit-category-page .fullwidthbillboard #site-banners ul li .banner-text.left h4 {
        text-align: left;
    }

    #fit-category-page .fullwidthbillboard #site-banners ul li .banner-text.right h4 {
        text-align: right;
    }
}

@media (max-width: 768px) {
    #site-banners ul li img {
        margin: 0;
    }

    #site-banners .banner-holder ul.flex-direction-nav li a {
        display: none;
    }

    #site-banners ul li .banner-text .button-holder {
        margin: 0;
        padding: 0;
    }

    #site-banners ul li .banner-text {
        left: 40px;
    }

    #site-banners ul li .banner-text.right {
        right: 40px;
    }

    #site-banners ul li .banner-text.left {
        left: 40px;
    }
}

@media (max-width: 480px) {
    #site-banners ul li .banner-text h4 {
        font-size: 20px;
    }

    #site-banners ul li .banner-text .banner-link {
        display: none;
    }

    #site-banners ul li .banner-text {
        left: 20px;
        padding: 10% 0;
    }

    #site-banners ul li .banner-text.right {
        right: 20px;
    }

    #site-banners ul li .banner-text.left {
        left: 20px;
    }

    #fit-category-page .fullwidthbillboard .button-container {
        padding-top: 10px;
    }

    #fit-category-page .fullwidthbillboard .button-container a.fit-banner-btn {
        padding: 7px;
        font-size: 12px;
    }

    #fit-category-page #site-banners ul li.fullwidthbillboard .banner-text {
        padding: 10px 0 0 0;
    }

    #fit-category-page #site-banners ul li.fullwidthbillboard .banner-text.left {
        text-align: left;
        width: 70%;
    }

    #fit-category-page #site-banners ul li.fullwidthbillboard .banner-text .tb-holder {
        width: 100%;
    }

    #fit-category-page #site-banners ul li.fullwidthbillboard .banner-text.right .tb-cell {
        padding: 0 20px 0 0;
    }

    #fit-category-page .fullwidthbillboard .banner-text.left .fit-banner-btn {
        margin: 0 10px 0 0;
    }
}

@media (max-width: 380px) {
    #site-banners ul li .banner-text h4 {
        font-size: 16px;
    }

    #site-banners ul li .banner-text {
        width: 100%;
    }

    #fit-category-page .fullwidthbillboard .fit-banner-btn {
        padding: 10px 25px;
        margin-right: 10px;
        font-size: 15px;
    }
}


#countdown
{
    background: #090909;
    color:white;
    text-transform:uppercase;
    padding:0px;
    margin:0px 0px 20px;
    font-family: 'Open Sans Condensed',sans-serif;
	float: left;
    width: 100%;
}

#countdown h4,
#countdown p,
#countdown .clock {
	display: block;
	width: 33.333%;
	float: left;
	color: white;
}

#countdown h1{
    text-align: left;
}

#countdown h4
{
    margin: 0px;
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    padding: 10px 0px 10px 22px;
    width: 38%;
}

#countdown p {
    text-align: center;
    width: 24%;
    padding: 22px 5px;
    font-size: 21px;
}

#countdown .clock
{
    line-height:0.7;
	text-align: right;
	width: 38%;
	padding: 23px 22px 23px 5px;
}

#countdown.cyber-monday h4 {
	font-size: 45px;
}

@media (max-width: 960px) {

	#countdown.cyber-monday h4,
	#countdown h4 
	{
		font-size: 36px;
		padding: 15px 0px 10px 22px;
	}
	
	#countdown p 
	{
		font-size: 18px;
	}
	#countdown .clock div
	{
		font-size: 22px;
	}
	
	#countdown .clock span
	{
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	#countdown h4,
	#countdown p,
	#countdown .clock
	{
		width: 100%;
		text-align: center;
		padding: 10px;
	}
	#countdown .clock div
	{
		font-size: 20px;
	}
	
	#countdown .clock span
	{
		font-size: 10px;
	}
}
/*
#countdown p
{
    font-size:11px;
    margin:0px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing:1px;
}

#countdown .clock div
{
    font-size:32px;
    display:inline-block;
    *display:inline; /* IE7 /
    margin:0px 4px 0px 0px;
}

#countdown .clock span
{
    font-size:12px;
    font-family: 'Open Sans', sans-serif;
    margin:0px 10px 0px 0px;
}

#countdown .clock span:last-child
{
    margin:0px;
}
*/

/* Start .storeSelector */
.storeSelector
{
    display:none;
    background: #e3e3e3;
    padding: 28px 10px 20px 10px;
    overflow: hidden;
    -webkit-box-shadow: inset 0px -18px 32px -18px rgba(133,133,133,1);
    -moz-box-shadow: inset 0px -18px 32px -18px rgba(133,133,133,1);
    box-shadow: inset 0px -18px 32px -18px rgba(133,133,133,1);
}

    .storeSelector h4
    {
        text-transform: uppercase;
        font-size: 11px;
        margin: 0px 0px 20px 0px;
        font-weight: 800;
        display:none;
    }
        .storeSelector h4 span
        {
            font-weight: 400;
        }

    .storeSelector ul
    {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        font-size:11px;
    }
        .storeSelector ul li
        {
            float: left;
            padding: 0px 10px 0px 0px;
            margin: 0px 0px 10px 0px;
            width: 25%;
        }
            .storeSelector a.storeOption
            {
                display:block;
                color: #3d3d3d;
                padding: 8px 12px 8px 40px;
                text-transform: uppercase;
                margin:0;
                border:1px solid #f1f1f1;
                font-size: 10px;
                box-shadow: 0px 0px 1px #cfcfcf;
                -moz-box-shadow: 0px 0px 1px #cfcfcf;
                -webkit-box-shadow: 0px 0px 1px #cfcfcf;
                position:relative;
                font-weight: 600;
            }
                .storeSelector a.storeOption span
                {
                    background:url('/siteimages/global/wembley/sport-icons.png');
                    background-size:auto 18px;
                    background-repeat:no-repeat;
                    position:absolute;
                    left:10px;
                    top:6px;
                    width:20px;
                    height:20px;
                }

            /* Icon Positioning */
            .storeSelector a.storeOption.pdTennis span
            {
                background-position:-44px 0;
            }
            .storeSelector a.storeOption.pdBasketball span
            {
                background-position:-22px 0;
            }
            .storeSelector a.storeOption.pdRugby span
            {
                background-position:-89px 0;
            }
            .storeSelector a.storeOption.pdSelect span
            {
                background-position:-138px 0;
            }
            .storeSelector a.storeOption.pdSoccer span
            {
                background-position:0 0;
            }
            .storeSelector a.storeOption.pdCricket span
            {
                background-position:-66px 0;
            }
            .storeSelector a.storeOption.pdRunning span
            {
                background-position:-113px 0;
            }
            .storeSelector a.storeOption.pdFitness span
            {
                background-position:-192px 0;
            }

                .storeSelector a.storeOption:hover,
                .storeSelector a.storeOption.currentSite
                {
                    background:#cfcfcf;
                }

/* // End .storeSelector */




/* Styles to go into new global (actually global, i.e used across the sites) css files */

.topbar p.tel
{
    font-weight:600;
    text-decoration:none;
    border-bottom:1px solid #cacaca;
    padding-bottom:1px;
    margin-bottom:-1px;
}

.topbar p.tel:hover
{
  border-bottom:1px solid #999;
}
.topbar p.tel.textLight:hover
{
    border-bottom:1px solid #ccc;
}

.topbar p.tel.textLight > a
{
    color:#fff;
}


#header
{
    width:100%;
}





@media (max-width: 767px) 
{
    .storeSelector
    {
        display:none !important;
    }
}


/* Start styles for personalisation panel (using api) */


.missingDataMuch
{
    background-color:darkred !important;
    color:white !important;
    border:1px dashed pink;
}
.missingDataMuch:before
{
    display:table;
    content:' Missing data!';
}


.ppo_rowWrap
{
    background:#212121;
    color:#eee;
    margin-bottom:5px;
    border-radius:5px;
    padding:10px;
    clear:both;
}
body.WebsiteThemeStyle_light .ppo_rowWrap
{
    background:#d9d9d9;
    color:#212121;
}



.ppo_rowWrap label
{
    display:block;
    margin:3px 0;
    cursor:pointer;
}
.ppo_rowWrap label input
{
    float:left;
}


.ppo_rowContent
{
    display:none;
    clear:both;
    /*overflow:auto;*/
    border:1px solid transparent;
    padding-top:5px;
}
.ppo_rowContent:after
{
    content: '';
    display:table;
    clear:both;
}
.ppo_rowContent.in
{
    display:block;
}

.ppo_rowContent input,
.ppo_rowContent select
{
    margin:0;
    padding:6px 10px;
    width:75%;
    margin-right:10px;
    float:left;
}
.ppo_rowTooltipTrigger
{
    display:inline-block;
    border:1px solid #fff;
    border-radius:50%;
    padding:3px;
    height:24px;
    width:24px;
    text-align:center;
    margin-top:2px;
}

body.WebsiteThemeStyle_light .ppo_rowTooltipTrigger
{
    border:1px solid #fff;
    background:#d9d9d9;
    color:#fff;
}

#personalisationPanelContainer h5
{
    clear:both;
    margin-bottom:15px;
}
#personalisationPanel
{
    clear:both;
    padding-top:15px;
}

/* over ride for new personalisation layout, remove the float on existing batId logo. */
#personalisationPanelContainer .product .boot-id-holder .batid, 
#personalisationPanelContainer .product .boot-id-holder .helmetid, 
#personalisationPanelContainer .product .boot-id-holder .bootid,
#personalisationPanelContainer .product .boot-id-holder .racketid
{
    float:none !important;
}

#personalisationPanelContainer .has-tip span.tip
{
    width:160px;
    margin-left:-120px;
    margin-top:32px;
}
 #personalisationPanelContainer .has-tip span.arrow
 {
     left:112px;
 }
body.WebsiteThemeStyle_light #personalisationPanelContainer .has-tip:hover span.tip
{
    color:#212121;
    background: #b9b9b9;
}

body.WebsiteThemeStyle_light #personalisationPanelContainer .has-tip span.arrow
{
    border-color: transparent transparent #b9b9b9 transparent;
}

/* bootID, racketID heading - give dark background on light sites */
body.WebsiteThemeStyle_light .boot-id-holder
{
    background:#121212;
    display:block;
    padding:10px;
    padding-bottom: 24px;
}










/* Emoji Panel */
.personalisationEmojiPanelWrap
{
    position: relative;
    width: 75%;
    float: left;
    margin-right: 10px;
}
.personalisationEmojiPanelWrap input
{
    width:100%;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    background-position: left center;
    padding-left:42px;

    display:none; /* NOT using a visible input because of someones wisdom in main.css (input[type="text"]:focus {background:#wtfayd}) grr */
}

.personalisationEmojiPanelWrap .emojiFakeInput
{
    width:100%;
    background-color:#fafafa;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    background-position: 6px center;
    padding:6px;
    padding-left:42px;
    min-height:28px;
    border-radius:4px;
    color:#6a6a6a;
    cursor:pointer;
}

.emojiClearButton
{
    width:28px;
    height:28px;
    background:transparent;
    position:absolute;
    top:0;
    right:0;
    margin:0;
    padding:6px;
    line-height:1;
    color:#222;
}
.product .right-column button.emojiClearButton /* my f888in god. */
{
    margin:0;
    padding:0;
    background:transparent;
    color:#222;
}
.product .right-column button.emojiClearButton:hover,
.product .right-column button.emojiClearButton:active
{
    background:transparent;
}

.personalisationEmojiPanel
{
    background:#eee;
    width:100%;
    height:240px;
    position: absolute;
    z-index:100000;
    top: 30px;
    padding: 6px;
    display: none;
    clear: both;
    border-radius:4px;
    overflow:auto;
}
.personalisationEmojiPanel img
{
    width:28px;
    height:28px;
    margin:0 6px 6px 0;
    border:1px solid transparent;
    padding:4px;
    cursor:pointer;
    border-radius:2px;
}

.personalisationEmojiPanel img.chosenEmojiIcon
{
    border:1px dotted white;
}

@media screen and (max-width:768px)
{
    .personalisationEmojiPanel
    {
        position:fixed;
        top:auto;
        right:0;
        bottom:0;
        left:0;
        border-radius:0;
        height:320px;
    }
    .personalisationEmojiPanel img
    {
        width:48px;
        height:48px;
    }
}






/* Some fancy looking checkboxes, not using right now but we may do... */
/*
.ppo_rowWrap input[type="checkbox"] 
{
    display:none;
}

.ppo_rowWrap input[type="checkbox"] + label 
{
    color:#f2f2f2;
    cursor:pointer;
    display:table;
    vertical-align:middle;
}

.ppo_rowWrap input[type="checkbox"] + label span.fancyCheckboxWrap
{
    display:table-cell;
    vertical-align:middle;
}
.ppo_rowWrap input[type="checkbox"] + label span.fancyCheckboxWrap span
{
    display:inline-block;
    width:19px;
    height:19px;
    margin:0 10px 0 0;
    vertical-align:middle;
    background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}

.ppo_rowWrap input[type="checkbox"]:checked + label span.fancyCheckboxWrap span
{
    background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -19px top no-repeat;
}

.ppo_rowWrap label span.labelText
{
    display:inline-block;
}
*/

/*#region --- Site Core White --- */
.sc-white .ppo_rowWrap {
    background: #E5E5E5;
    color: #000;
}
.sc-white .ppo_rowTooltipTrigger {
    border: 1px solid #000;
}
/*#endregion --- Site Core White --- */
/* LIGHT VERSION - Styles for QuickBuy Buttons & Functionality */
.grid-row {
    width: 100%;
    overflow: hidden
}

.grid-column {
    float: left
}

.grid-50 {
    width: 50%
}

.grid-33 {
    width: 33.33%
}

.grid-66 {
    width: 66.66%
}

.grid-25 {
    width: 25%
}

.grid-20 {
    width: 20%
}

.grid-75 {
    width: 75%
}

/* over ride .item overflow - keep an eye out as this may well break other stuff :( */
.item, 
.list, 
.list .item
{
    /*overflow:visible !important;*/
    /*position:static !important;*/ /* Why are .item position:relative? */
}
/* we need overflow visible on  small screens (for quickbuy) */
@media screen and (max-width:767px)
{
    .item, 
    .list, 
    .list .item
    {
        overflow:visible !important;
    }
}
.quickBuyTrigger
{
    border-radius:6px;
    border:1px solid #ccc;
    background:#fff;
    transition:all 0.25s ease-in-out;
    margin-top:30px;
    padding:7px 0;
    cursor:pointer;
    text-transform:uppercase;
    font-weight:bold;
}
.quickBuyTrigger:hover
{
    background:#fafafa;
    color:#2d2d2d;
    border-color:#999;
}

.listProductQuickBuy_MobilePanel,
.listProductQuickBuy_DesktopModal
{
    display:none;
}
.listProductQuickBuy_MobilePanel.active
{
    display:block;
    position:absolute;
    top:80%;
    right:0;
    bottom:auto;
    left:0;
    z-index:999999999; /* above everything else */
    background:#eaeaea;
    padding:0 20px 20px 20px;
    box-shadow:0 12px 12px -5px rgba(0,0,0, 0.65)
}
.listProductQuickBuy_MobilePanel:hover,
.item:hover .listProductQuickBuy_MobilePanel
{
    background:#fff;
}
.listProductQuickBuy_MobilePanel .select-holder.product
{
    margin:0;
}
.listProductQuickBuy_MobilePanel select
{
    padding:7px;
}

.productTitlePriceWrap
{
    min-height:74px;
}

.quickBuySubmitAction
{
    background:#3d891f;
    color:#fff;
    border-radius:6px;
    padding:10px 0;
    text-align:center;
    text-transform:uppercase;
    margin:0;
    cursor:pointer;
    font-weight:bold;
    font-size:12px;
    letter-spacing:2px;
    transition:all 0.25s ease-in-out;
    margin-top:10px;
}
@media screen and (min-width:768px)
{
    .quickBuySubmitAction
    {
        margin-top:0;
        font-size:15px;
    }
}
.quickBuySubmitAction:hover
{
    background-color:#4b9a2b;
}

.quickBuySubmitAction.preorder
{
    background-color:#448bb5;
}
.quickBuySubmitAction.preorder:hover
{
    background-color:#74afd2;
}

.moreDetailsProductPage
{
    background:#b4b4b4;
    border:1px solid #fff;
    border-radius:6px;
    padding:11px 0;
    text-align:center;
    text-transform:uppercase;
    margin:20px 0 0 0;
    cursor:pointer;
    font-weight:bold;
    transition:all 0.25s ease-in-out;
}
.moreDetailsProductPage a
{
    display:block;
    color:#fff;
    text-decoration:none;
    letter-spacing:2px;
    transition:all 0.25s ease-in-out;
}
.moreDetailsProductPage:hover
{
    background:#c4c4c4;
    color:#191919;
}
.moreDetailsProductPage:hover a
{
    color:#fafafa;
}

/* QuickBuy Desktop */
.listProductQuickBuy_DesktopModal
{
    opacity:0;
    transition:opacity 0.35s ease-in-out;
}
.listProductQuickBuy_DesktopModal.active
{
    opacity:1;
    display:block;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:999999; /* above everythuing else */
    background:#d4d4d4;
    background:rgba(41, 41, 41, 0.9) url('/siteimages/global/loading.gif') no-repeat center center; /* TODO - white version of loading gif */
}

.listProductQuickBuy_DesktopModal_Inner
{
    /* width gets set to .content > .inner:width in the js */
    max-width:960px;
    margin:0 auto;
    background:#d4d4d4;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    max-height:615px;
    overflow:hidden;
    opacity:0;
    transition:opacity 0.25s ease-in-out;
}
.listProductQuickBuy_DesktopModal_Inner.in
{
    opacity:1;
}

/* ie 8 only */
@media all\0
{
    .listProductQuickBuy_DesktopModal_Inner
    {
        top:27%;
        left:auto;
        right:auto;
        transform:none;
        position:relative;
    }
}
/* ie 10 only - this over rides the ie8 hack above, stupidly ie10 still renders it */
@media all and (-ms-high-contrast:none)
{
    .listProductQuickBuy_DesktopModal_Inner
    {
        /*top: 50%;
        top:27%;*/
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        margin:auto;
    }
}
.listProductQuickBuy_DesktopModal_CloseButton
{
    color:#292929;
    border:1px solid #292929;
    width:40px;
    height:40px;
    border-radius:50%;
    padding:0;
    font-size:36px;
    position:absolute;
    top:32px;
    right:32px;
    bottom:auto;
    left:auto;
    line-height:1;
    text-align:center;
    font-weight:100;
    cursor:pointer;
    transition:opacity 0.25s ease-in-out;
}
.listProductQuickBuy_DesktopModal_CloseButton:hover
{
    opacity:0.7;
}

.listProductQuickBuy_DesktopModal_InnerContent
{
    margin:50px;
    overflow:hidden;
    max-height:515px;
    transition:all 0.35s ease-in-out;
}

.listProductQuickBuy_DesktopModal_InnerContent_ProductImages
{
    width:60%;
    float:left;
    transition: all 0.35s ease-in-out;
    background:url('/siteimages/global/loading.gif') no-repeat center center;
    min-height:515px;
}

.listProductQuickBuy_DesktopModal_InnerContent_ProductDetails
{
    width:39.999%;
    float:left;
    padding:0 0 0 50px;
    color:#292929;
    transition: all 0.35s ease-in-out;
}
.listProductQuickBuy_DesktopModal_InnerContent_ProductDetails h2
{
    font-size:20px;
    line-height:1.2;
    font-weight:600;
    padding-top:0;
    margin-top:50px;
}
.listProductQuickBuy_DesktopModal_InnerContent_ProductDetails h2 a
{
    color:#292929;
}
.listProductQuickBuy_DesktopModal_InnerContent_ProductDetails .price-text
{
    margin-bottom:0;
}
.listProductQuickBuy_DesktopModal_InnerContent_ProductDetails .price
{
    margin:0;
    font-size:25px;
    line-height:1;
    font-weight:600;
}
.listProductQuickBuy_DesktopModal_InnerContent_ProductDetails .select-holder.product
{
    margin-bottom:5px;
}

.listProductQuickBuy_DesktopModal_InnerContent_ProductDetails .selector
{
    width:85% !important;
    height:32px !important;
}
.listProductQuickBuy_DesktopModal_InnerContent_ProductDetails .selector select
{
    width:100% !important;
    float:none !important;
}

.listProductQuickBuy_ProductQty
{
    border-radius:6px;
    padding:2px;
    width:40px;
    display:inline-block;
    margin-top:3px !important; /* arrrrghhhh!!!!!! */
    padding:8px !important; /* "" */
}


/* manual style for a select - !important over rides - instead of refactoring / breaking existing html :( */
select.pds-style-select
{
    width:100% !important;
    border-radius: 5px !important;
    padding: 8px !important;
    margin-bottom:10px !important;
    -webkit-appearance:menulist !important;
}

@media screen and (min-width:769px)
{
    select.pds-style-select
    {
        width:85% !important;
        font-size: 14px !important;
        margin:0 !important;
        height:32px !important;
    }
}

.quickBuyProductSizeError
{
    background:#e70835;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    padding:8px;
    margin-top:10px !important;
}
@media screen and (min-width:768px)
{
    .quickBuyProductSizeError
    {
        margin-top:10px !important;
    }
}

@-webkit-keyframes userFail 
{
  from {
    opacity:1;
  }
  50% {
    opacity:0.5;
  }
  to { 
    opacity:1;
  }
}

.inputError 
{ 
  -webkit-animation-name: userFail; 
  -webkit-animation-duration: 0.5s; 
  -webkit-animation-iteration-count: 2; 
}

.quickBuyInlinePrice
{
    display:inline-block;
    margin:0;
    padding:0;
}
.quickBuyInlinePrice.was-price,
.quickBuyInlinePrice.saving
{
    font-size:14px;
    margin-left:6px;
}

.listProductQuickBuy_CanBePersonalised
{
    text-align:center;
    margin:40px 0 0 0 !important; /* to over ride ".item p" declaration */
    opacity:0.65;
}
.listProductQuickBuy_CanBePersonalised .product .boot-id-holder span /* my god seriously? */
{
    display:inline-block;
    float:none;
}
.listProductQuickBuy_CanBePersonalised span.personalisationTextDescription
{
    margin-left:15px;
    position:relative;
    top:-3px;
    color:#fff;
}

/* move bottom pagination down on mobile only */
@media screen and (max-width:767px)
{
    .list-page .pagination-holder:not(.top-pagination)
    {
        padding-top:60px;
    }
}


/* ffs */
.selector
{
    text-align:left;
}


.listProductQuickBuy_MultiBuyTexts
{
    text-transform:uppercase;
    text-align:center;
}
.listProductQuickBuy_MultiBuyText
{
    display:inline-block;
    white-space:nowrap;
    margin:2px 6px;
    color:#fff;
}
.listProductQuickBuy_MultiBuyText_SavingText
{
    color:#e70835;
    opacity:1 !important;
    font-weight:600;
   
}


/* over ride .related on product page */
.related-holder
{
    overflow:visible;
}
@media screen and (max-width:767px)
{
  .related-holder .flex-viewport
  {
    overflow:visible !important;
    overflow-x:hidden;
  }
  .related-holder .flex-direction-nav
  {
    margin-top:360px;
  }
} 
.related
{
    padding-bottom:100px;
}
.related .item
{
    position:relative;
}



/* // End QuickBuy */

/* Additions for thumbed image gallery on product pages */
/* Stuart @ Pro:Direct */

#productGalleryThumbsControl_Wrap
{
    display:inline-block;
    position:relative;
    padding-left:36px;
    padding-right:36px;
    /*max-width:300px;*/
}
#productGalleryThumbsControl_Wrap.padless
{
    padding-left:2px;
    padding-right:2px;
}
@media screen and (max-width:767px)
{
    #productGalleryThumbsControl_Wrap
    {
        display:none;
    }
}

#productGalleryThumbsControl_Wrap > .flex-viewport
{
}

#productGalleryThumbsControl_Wrap ul.flex-direction-nav li a.flex-prev
{
    left:0;
}
#productGalleryThumbsControl_Wrap ul.flex-direction-nav li a.flex-next
{
    right:0;
}

#productGalleryThumbsControl_Wrap .flex-direction-nav
{
    width:100%;
    height:64px;
    z-index:10;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
}

#productGalleryThumbsControl_Wrap .flex-direction-nav li.flex-nav-prev,
#productGalleryThumbsControl_Wrap .flex-direction-nav li.flex-nav-next
{
    position:absolute;
    width:32px;
    height:64px;
}
#productGalleryThumbsControl_Wrap .flex-direction-nav li.flex-nav-prev
{
    left:0;
}
#productGalleryThumbsControl_Wrap .flex-direction-nav li.flex-nav-next
{
    right:0;
}

#productGalleryThumbsControl_Wrap .flex-direction-nav li.flex-nav-prev a.flex-prev,
#productGalleryThumbsControl_Wrap .flex-direction-nav li.flex-nav-next a.flex-next
{
    display:inline-block;
    background-color:transparent;
}


#productGalleryThumbsControl_Wrap .flex-active-slide,
#productGalleryIconControls ul li.pdsMediaIcon.selected
{
    /*border-bottom:1px solid #f00;
    box-shadow:0 4px 0 #00f;*/
    border-bottom:3px solid #fff;
}
body.WebsiteThemeStyle_light #productGalleryThumbsControl_Wrap .flex-active-slide,
body.WebsiteThemeStyle_light #productGalleryIconControls ul li.pdsMediaIcon.selected
{
    border-bottom:3px solid #212121;
}

#productGalleryThumbsControl_Wrap .flex-direction-nav li.flex-nav-prev a.flex-prev.flex-disabled,
#productGalleryThumbsControl_Wrap .flex-direction-nav li.flex-nav-next a.flex-next.flex-disabled
{
    cursor:default;
    opacity:0.35;
    
}
#productGalleryThumbsControl_Wrap .flex-direction-nav li.flex-nav-prev a:focus,
#productGalleryThumbsControl_Wrap .flex-direction-nav li.flex-nav-next a:focus
{
    user-select:none;
    outline:none;
}

#productGalleryThumbsControl
{
    display:inline-block;
    margin:0;
    padding:0;
    list-style-type:none;
    position:relative;
    z-index:11;
}
#productGalleryThumbsControl li
{
    display:inline-block;
    margin:0 3px 0 0;
}
#productGalleryThumbsControl li img
{
    width:64px;
    height:64px;
    display:block;
    cursor:pointer;
}





#productGalleryIconControls
{
    white-space:nowrap;
    margin-top:30px;
    margin-bottom:10px;
}
#productGalleryIconControls ul
{
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
    white-space:nowrap;
}
@media screen and (max-width:767px)
{
    #productGalleryIconControls
    {
        text-align:center;
        /*background:#242424;
        padding:10px 0;
        margin-top:0;*/
    }
}
@media screen and (min-width:768px) 
{
    #productGalleryIconControls
    {
        margin-top:10px;
        margin-bottom:30px;
    }
}
#productGalleryIconControls ul > li
{
    display:inline-block;
    text-align:center;
}
#productGalleryIconControls ul li.pdsMediaIcon
{
    width:64px;
    height:65px;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    margin:0 5px;
    padding:0;
    cursor: pointer;
    position: relative;
    transition:opacity 0.25s ease-in-out;
}
#productGalleryIconControls ul li.pdsMediaIcon:hover
{
    opacity:0.75;
}

@media screen and (min-width:768px)
{
    #productGalleryIconControls ul li.pdsMediaIcon
    {
        top:-6px;
    }
}
#productGalleryIconControls ul li.pdsMediaIcon a
{
    display:block;
    text-align:center;
}

#productGalleryIconControls ul li span
{
    display:block;
    background-image:url(/siteimages/global/wembley/gallery-updates-icons.png);
    background-repeat:no-repeat;
    position:absolute;
    width:40px;
    height:40px;
    margin:0 auto;
    margin-left:12px;
}
body.WebsiteThemeStyle_light #productGalleryIconControls ul li span
{
    background-image:url(/siteimages/global/wembley/gallery-updates-icons-alt.png);
}

#productGalleryIconControls ul li.gallery span
{
    background-position:0 0;
}
#productGalleryIconControls ul li.video span
{
    background-position:-40px 0;
}
#productGalleryIconControls ul li.threesixty span
{
    background-position:-80px 0;
}
#productGalleryIconControls ul li.feature span
{
    background-position:-120px 0;
}

#productGalleryIconControls ul li strong
{
    display:inline-block;
    font-weight:300;
    color:#fff;
    margin-top:45px;
}
body.WebsiteThemeStyle_light #productGalleryIconControls ul li strong
{
    color:#212121;
}

/* Only show gallery icon on mobile */
#productGalleryIconControls ul li.gallery
{
    display:none;
    visibility:hidden;
}
@media screen and (max-width:767px)
{
    #productGalleryIconControls ul li.gallery
    {
        display:inline-block;
        visibility:visible;
    }

    /* pdsMediaIcons - Make faded and active states on mobile only */
    .pdsMediaIcon
    {
        opacity:0.5;
        transition:all .3s ease-in-out;
    }
    .pdsMediaIcon.selected
    {
        opacity:1;
    }
}

#productGalleryMainImages .flex-control-paging
{
    display:none;
}


#productGalleryThumbsControl_Wrap .flex-viewport
{
    z-index:11;
}
/* // End Additions for gallery thumbs */

/*#region --- site core white shitz --- */
.sc-white #productGalleryThumbsControl_Wrap .flex-active-slide, .sc-white #productGalleryIconControls ul li.pdsMediaIcon.selected {
    border-bottom: 3px solid #000;
}
.sc-white #productGalleryIconControls ul li strong {
    color: #000;
}
.sc-white #productGalleryIconControls ul li span {
    background-image: url(/siteimages/global/wembley/gallery-updates-icons-sc.png);
}
.sc-white #productGalleryThumbsControl_Wrap .flex-direction-nav li.flex-nav-prev a.flex-prev, #productGalleryThumbsControl_Wrap .flex-direction-nav li.flex-nav-next a.flex-next {
    background-color: #767676;
}
/*#endregion --- site core white shitz --- */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

#searchform
{
    position:relative;
}

/* make the search input white now */
#siteSearchInput,
#header #siteSearchInput:focus
{
    background:#fff;
    color:#212121;
    padding-left:12px;
    border-radius:0 !important;
}

.siteSearchButton-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 37px;
    height: 35px;
    background-color: #41CEAE;
    /*-webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;*/
}

/* move the search button spyglass to the left */
#siteSearchButton /* gip */ {
    right: auto;
    left: 11px;
    top: 11px;
    background: #41CEAE url(/siteimages/global/wembley/sprite.png) no-repeat -906px 0px;
    cursor: default;
}
.search.searchSuggestIsActive #searchform button:focus,
.search.searchSuggestIsActive #searchform button:active
{
    outline:none;
}
.searchSuggestResultsContainer p { padding-left: 12px; text-align: left; }
@media screen and (max-width:767px)
{
    .search.searchSuggestIsActive #searchform button {
        left: 15px;
        top: 5px;
    }

    .siteSearchButton-container {
        width: 50px;
        height: 50px;
        border-radius: 0;
    }
}

.searchSuggestResultsContainer
{
    display:none; /* shown on successful results set */
    position:absolute;
    top:36px;
    z-index:1000;
    background:#fff;
    color:#212121;
    padding:0;
    width:260px;
    min-height:140px;
    max-height:640px;
    overflow:auto;
    box-shadow:0 20px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

#header ul .searchSuggestResultsContainer li
{
    font-size:12px;
}

@media screen and (min-width:960px)
{
    .searchSuggestResultsContainer
    {
        /*width:100%;*/
        width:712px;
    }

    .searchSuggestResultsContainer > div
    {
    }
    .searchSuggestResultsContainer > div:after
    {
        content:'';
        display:table;
        clear:both;
    }

    .searchSuggestResultsContainer .searchSuggestColumn
    {
        width:49.99%;
        float:left;
        padding:10px 15px;
    }

    .searchSuggestResultsContainer .searchSuggestColumnOne { width: 59.5%; }
    .searchSuggestResultsContainer .searchSuggestColumnTwo
    {
        width:40.49%;
        height:100%;
        background:#f9fafb;
    }

    .searchSuggestResultsContainer .searchSuggestColumnTwo li
    {
        padding-top:10px;
    }

}



.siteSearchCloseButton {
    display: block; /* re-position this on larger screens so its top right of the dropdown */
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    line-height: 0.9;
    width: 32px;
    height: 32px;
    text-align: center;
    padding-top: 1px;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}
@media screen and (min-width:960px)
{
    .siteSearchCloseButton
    {
        padding-top:5px;
    }
}
.search.in .siteSearchCloseButton
{
    visibility:visible;
    opacity:1;
    color:#919191;
}
.search.in .siteSearchCloseButton:hover
{
    color:#212121;
}

.searchSuggestProductPrice
{
    opacity:0.7;
    font-size:12px;
    display:inline-block;
    padding-top:3px;
}

/* over ride the duplicate search form carve-up (a form for each mobile and desktop!) */
/* so, on small screens i'm reusing the desktop search input. */

@media screen and (max-width:767px)
{
     /* addition for search suggest */
    .mobile-search-icon
    {
        display:inline-block;
        width:40px;
        height:35px;
        background:transparent url(/siteimages/global/wembley/sprite.png) no-repeat -2052px 7px;
        float:left;
        cursor:pointer;
    }
    /* // end addition */

    body.ufhss_false .mobile-search-icon
    {
        display:none;
    }

    #header .inner .search
    {
        display:block !important;
        float:none;
        margin: 0;
        padding: 15px;
        height:auto;
        /*position:absolute;
        top:0;
        right:0;
        bottom:auto;
        left:0;*/
        z-index:900;
        width:100% !important;
        /*transition:visibility 0.25s ease-in-out, opacity .25s ease-in-out;*/
        transition:opacity .25s ease-in-out;
    }
    #header .inner .search.in
    {
        visibility:visible;
        opacity:1;
    }
   
    #header .inner .search #siteSearchInput /* rough */
    {
        height:50px;
        /*line-height:64px;*/
        border-radius:0 !important;
        padding-left:20px;
        padding-right:56px;
        font-size: 14px;
    }

    #header .inner .search.in #siteSearchInput
    {
        background:#fff;
    }


    .search #searchform button /* TODO an actual dark version of the spyglass (they only made a big white one :/ */
    {
        right:auto;
        top:12px;
        left:13px;
        height:40px;
        width:23px;
        background:transparent url(/siteimages/global/wembley/sprite.png) no-repeat -2069px 10px;
    }

    /* add a close button in the input for small screens, the close button will be top of the ddropdown on larger screens */
    .siteSearchCloseButton {
        display: inline-block;
        width: 40px;
        height: 40px;
        color: #212121;
        position: absolute;
        top: 70px;
        right: 12px;
        line-height: 0.9;
        cursor: pointer;
        text-align: right;
        font-size: 40px;
        font-weight: 100;
        z-index: 1001;
    }

    .searchSuggestResultsContainer
    {
        top:51px;
        width:100%;
    }

    #header ul.searchResultsList li
    {
        font-size:13px;
    }
    .searchSuggestColumn
    {
        padding:20px;
    }
    .searchSuggestColumn.searchSuggestColumnOne
    {

    }
    .searchSuggestColumn.searchSuggestColumnTwo
    {
        background:#f9fafb;
    }
}



/* over ride fixed width nonsense so it actually fits on narrow portrait screens */
@media (max-width: 959px) and (min-width: 767px)
{
    .search,
    .searchSuggestResultsContainer
    {
        width:300px;
    }

    .search
    {
        margin:19px 10px 5px 50px !important;
    }

    .searchSuggestColumn
    {
        padding:15px;
    }
    .searchSuggestColumn.searchSuggestColumnOne
    {

    }
    .searchSuggestColumn.searchSuggestColumnTwo
    {
        background:#f9fafb;
    }

    ul.searchResultsList_categories
    {
        padding-top:20px !important;
    }

}


/* flatten the bottom of search input when on larger screens and search results are open */
@media screen and (min-width:768px)
{
    .search.in .searchSuggestResultsContainer
    {
        /*margin-top:-5px;
        border-top:5px solid #f1f1f1;*/
    }
}


/* over ride ie7 specific sad-ass z-index abuse */
.navigation
{
    z-index:50 !important;
}
header#header
{
    position:relative;
    z-index:100 !important;
}
/* end the madness for ie7 */


/* over ride the carpet bombed header li's ... :( */
#header ul.searchResultsList 
{
    text-align:left;
}
@media screen and (min-width:960px)
{
    #header ul.searchResultsList:not(:empty)
    {
        /*border-top: 1px solid #eee;
    box-shadow:0px -1px 0px #cacaca;*/
        padding-top: 10px;
        margin-top: 10px;
    }
}

.searchSuggestResultsTitle {
    font-weight: bold;
    padding-left: 5px;
}

#header ul.searchResultsList:first-child {
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
#header ul.searchResultsList li
{
    float:none;
    display:block;
    margin:0;
    line-height:normal;
    text-transform:none;
}

    #header .searchSuggestResultsTitle {
        font-size: 12px;
    }

    #header ul.searchResultsList li:first-child {
        padding-left:5px;
        /*padding-top:15px;*/
    }


    #header ul.searchResultsList li span {
        /*font-weight: bold;*/
        font-size: 12px;
    }


    #header .searchSuggestResultsTitle, #header ul.searchResultsList li span, #header ul.searchResultsList li a {
        display: block;
        padding: 5px;
        color: #212121;
        overflow: hidden; /* clear floats for ie7 :( */
    }
#header ul.searchResultsList li a:after
{
    display:block;
    content:'';
    clear:both;
}
#header ul.searchResultsList li a:hover
{
    color:#212121;
    background:#f9fafb;
}
#header .searchSuggestColumnTwo ul.searchResultsList a:hover
{
   background:#fff;
}

#header ul.searchResultsList li a img
{
    height:48px;
    display:inline-block;
    margin-right:10px;
    vertical-align:middle;
    float:left;
}

#header ul.searchResultsList li a span
{
    display:table;
}


body.ufhss_true #header,
body.ufhss_true .search
{
    overflow:visible !important;
}

@media screen and (min-width: 768px) {
    .siteSearchCloseButton {
        display: none;
    }
}


/*Legacy Styles*/
.search-legacy {
    width: 460px;
    margin: 19px 10px 5px 45px;
}

.search-legacy input {
    background-color: #eee;
    color: #212121;
    height: 35px;
}
    .search-legacy input[type="text"]:focus {
        background-color: #eee !important;
    }

    .search-legacy button {
        top: 10px;
        right: 10px;
    }

@media screen and (max-width: 767px) {
    .search-legacy input {
        height: 70px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

    ul.searchResultsList_categories
    {
        padding-top:20px !important;
    }

    .search-legacy .siteSearchButton-container button {
        top: 15px !important;
        left: 22px !important;
    }
}





.searchSuggestUserHistory
{
    padding:10px !important; /* sorry */
}



/* over riding main.css width set for search input */
@media screen and (min-width:768px)
{
    .search.searchSuggestIsActive
    {
        width: 260px !important;
        margin:19px 10px 5px 70px;
    }
    .search.searchSuggestIsActive input
    {
        height: 35px;
    }
}

/* over riding main.css width set for search input */
@media screen and (min-width:960px)
{
    .search.searchSuggestIsActive
    {
        width: 425px !important;
        margin:19px 10px 5px 60px;
    }
}
/* Product List Page */

.flag-container {
    position:absolute;
    bottom:0;
    left:0;
}


.img-holder span
{
    float:left;
    padding: 4px 8px;
    text-transform: uppercase;
    color: white;
    font-size: 11px;
    height:24px;
}

/* Styles for stock level display badges - Stuart Again... */
/* Product List Page - Under Price */
br.onlyOnSelect{display:none !important;}
.item span.htmlOutputStockLevelsBadge
{
    display:none; /* shown via js time-based */
    text-align:center;
    text-transform:uppercase;
    color:#ffee2e;
    padding-top:6px;
    font-weight:600;
}
/* Product List Page - Overlaying Thumbnail */
.item .img-holder span.htmlOutputStockLevelsBadge
{
    float:left;
    position:relative;
    background:#000;
    background:rgba(0,0,0,0.85);
    text-align:left;
    font-size:9px;
    padding:5px 8px;
}
@-moz-document url-prefix() 
{ 
    .item .img-holder span.htmlOutputStockLevelsBadge 
    {
        padding:6px 8px 5px 8px;
    }
}
/* Actual Product Page */
#define-profile .htmlOutputStockLevelsBadge
{
    display:none; /* shown via js time-based */
    text-transform:uppercase;
    color:#e70835;
    font-size:12px;
    padding-top:5px;
    letter-spacing:1px;
}

body.WebsiteThemeStyle_dark #define-profile .htmlOutputStockLevelsBadge {
    color:#ffee2e;
}

/* Animate the stock level message on product page */
@-webkit-keyframes flashystuff
{
    0%
    {
        opacity:0.3;
    }
    50%
    {
        opacity:1;
    }
    100%
    {
        opacity:0.3;
    }
}
@-moz-keyframes flashystuff
{
    0%
    {
        opacity:0.3;
    }
    50%
    {
        opacity:1;
    }
    100%
    {
        opacity:0.3;
    }
}
@keyframes flashystuff
{
    0%
    {
        opacity:0.3;
    }
    50%
    {
        opacity:1;
    }
    100%
    {
        opacity:0.3;
    }
}
#define-profile .htmlOutputStockLevelsBadge
{
    animation: flashystuff 1s infinite;
    -webkit-animation: flashystuff 1s infinite;
    -o-animation:flashystuff 1s infinite;
    -moz-animation: flashystuff 1s infinite;
}

@media screen and (max-width:320px)
{
    .item .img-holder span.htmlOutputStockLevelsBadge
    {
        font-size:8px;
        padding:6px;
    }
}

/* Overring styles in main.css */
.img-holder span.stockLevelsBadgeListPage, .img-holder span.productCornerFlag {
    position: relative;
}
/*
    Fred Hopper Lists Styles
    Used on lists and search pages

    Body classes:
    ufhss_true/false - Use FredHopper Search Suggest On / Off
    ufhl_true/false - Use FredHopper Lists On / Off
*/


/* !!!! Hide BugHerd Integration - until is removed from wembley.master and republished */
#_BH_frame
{
    display:none !important;
    visibility:hidden !important;
}

.pageSeoText_moreText
{
    display:none;
}


/* over riding existing styles - cant changes them because legacy */
.total-products, 
.total-products h4
{
    text-align:left;
    text-transform:none;
}
.total-products h4
{
    text-transform:capitalize;
    color:#fafafa;
    font-size:16px;
    margin:0 0 15px 0;
    float:none;
}
.total-products h4 span
{
    display:block;
    color:#777;
    font-size:80%;
}

body.WebsiteThemeStyle_light .total-products h4
{
    color:#222;
}



#content
{
    background-image:none;
}


.filters.fhFilters .holder
{
    padding:0;
}
.filters.fhFilters .holder ul
{
    overflow-y:scroll;
    padding-top:0px;
}
.filters.fhFilters .holder li
{
    margin:5px;
}
.filters .holder li.selected
{
    margin:0 0 1px 0;
}

.filters.fhFilters .holder li a span
{
    top:3px;
}
.filters.fhFilters .holder li.selected a span
{
    top:7px;
    right:12px;
}

@media screen and (max-width:767px)
{
    #page.has-cookie .total-products
    {
        padding-top: 60px;
    }
}
/* title and product count have moved to right bar on large screens */
@media screen and (min-width:768px)
{
    .total-products.noSeoText
    {
        /*display:none;*/
        display:block;
    }
    .total-products.hasSeoText h4
    {
        /*display:none;*/
        display:block;
    }
}

.listPageSeoText
{
    font-size:12px;
    margin:0;
}
.listPageSeoText a
{
    color:#dafafa;
    text-decoration:underline;
}
body.WebsiteThemeStyle_light .listPageSeoText a
{
    color:#3a3a1a;
    display:inline-block;
}

.morelink
{
    color:#fff;
    text-decoration:underline;
    padding-left:10px;
}
.shortContent, 
.allContent
{
    display:inline;
}

body.ufhl_true #content.list-page h1
{
    text-transform:capitalize;
}
body.ufhl_false #content.list-page h1
{
    margin-bottom:20px;
}
#content.list-page h1 span
{
    color:#777;
    font-size:70%;
}

.listPageBanner
{
    position:relative;
}
.listPageBanner_closeButton
{
    position:absolute;
    top:0;
    right:0;
    width:36px;
    height:36px;
    display:block;
    text-align:center;
    font-weight:100;
    font-size:32px;
    line-height:36px;
    background:rgba(0, 0, 0, 0.35);
    cursor:pointer;
    opacity:0.75;
    transition:opacity .25s ease-in-out;
}
.listPageBanner_closeButton:hover
{
    opacity:1;
}

/* add a display toggle to mobile for grid / list view */
@media (max-width: 767px)
{
    body.ufhl_true .list-page .total-products
    {
        display:block;
        padding-top:20px;
        padding-bottom:20px;
    }
    #content.list-page h1
    {
        display:none;
    }
    body.ufhl_false #content.list-page h1
    {
        display:block;
    }
    .list-page .total-products h4
    {
        font-size:19px;
    }
    .list-page .total-products h4 span
    {
        display:inline-block;
    }

    body.ufhl_false .list-page .total-products h4 strong
    {
        font-size:inherit;
    }

    .listPageBanner
    {
        /*display:none;*/  /* not shown on small screens.... */
        display:block; /* as of 2018-03-29 we now show the banner on all screen sizes... */
    }
    .listPageBanner_closeButton /* 2018-03-29 - showing banner on small screens but hiding the close button. */
    {
        display:none;
    }



    /* re format the 3 options on mobile now: sortby, mobile-filter, mobile-view-chooser */
    body.ufhss_true .pagination-holder.top-pagination
    {
        padding:0;
    }
    body.ufhss_true .pagination-holder.top-pagination .sortby,
    body.ufhss_true .pagination-holder.top-pagination .mobile-filter,
    body.ufhss_true .pagination-holder.top-pagination .mobile-view-chooser
    {
        padding:0;
        margin:0;
        border-top:1px solid #444;
        border-bottom:1px solid #444;
        border-right:1px solid #444;
    }
    body.ufhss_true .pagination-holder.top-pagination .sortby,
    body.ufhss_true .pagination-holder.top-pagination .mobile-view-chooser
    {
        border-right:0;
    }
    body.ufhss_true.WebsiteThemeStyle_light .pagination-holder.top-pagination .sortby, 
    body.ufhss_true.WebsiteThemeStyle_light .pagination-holder.top-pagination .mobile-filter, 
    body.ufhss_true.WebsiteThemeStyle_light .pagination-holder.top-pagination .mobile-view-chooser
    {
        background:#d4d4d4;
    }
    body.ufhss_true.WebsiteThemeStyle_light .pagination-holder.top-pagination .mobile-view-chooser a:last-child
    {
        border-right:0;
    }

    body.ufhss_true .list-page .sortby,
    body.ufhss_true .mobile-filter
    {
        float:left;
    }
    
    body.ufhss_true .list-page .sortby
    {
        width:45%;
    }
    body.ufhss_true .sortby .selector, 
    body.ufhss_true .sortby .selector select,
    body.ufhss_true .sortby .selector span,
    body.ufhss_true .mobile-filter a
    {
        background-color:#222;
        color:#eee;
    }

    body.ufhss_true.WebsiteThemeStyle_light .sortby .selector, 
    body.ufhss_true.WebsiteThemeStyle_light .sortby .selector select,
    body.ufhss_true.WebsiteThemeStyle_light .sortby .selector span,
    body.ufhss_true.WebsiteThemeStyle_light .mobile-filter a
    {
        background-color:#d4d4d4;
        color:#222;
    }

    body.ufhss_true .list-page .sortby div.selector span
    {
        padding:0 0 0 10px;
        text-align:center;
    }
    body.ufhss_true .sortby .selector,
    body.ufhss_true .mobile-filter a
    {
        padding:10px 15px;
        border-right:1px solid #444;
        text-align:center;
    }
    body.ufhss_true .mobile-filter
    {
        width:30%;
    }
    body.ufhss_true .mobile-filter a
    {
        background-position:85% center;
    }
    body.ufhss_true .mobile-view-chooser
    {
        width:25%;
    }


}



/* new mobile view chooser */
.mobile-view-chooser
{
    float:right;
}
.mobile-view-chooser a
{
    display:block;
    float:left;
    width:50%;
    height:37px;
    text-align:center;
    line-height:35px;
}


body.WebsiteThemeStyle_light .mobile-view-chooser a
{
    height:37px; /* Wtf? */
}
body.WebsiteThemeStyle_light div.selector span,
body.WebsiteThemeStyle_light .mobile-filter a
{
    border:0;
}

.mobile-view-chooser a:first-child
{
    border-right:1px solid #444;
}
.mobile-view-chooser .mobileViewChoice_list,
.mobile-view-chooser .mobileViewChoice_grid
{
    display:block;
    margin:9px auto 0 auto;
    width:20px;
    height:20px;
    background-image:url('/global/img/gridlisticons.png');
    background-repeat:no-repeat;
    background-size:40px;
    font-size:0;
}
.mobile-view-chooser .mobileViewChoice_list
{
    background-position:0 0;
}
.mobile-view-chooser .mobileViewChoice_list.active
{
    background-position:-20px 0;
}
.mobile-view-chooser .mobileViewChoice_grid
{
    background-position:0 -20px;
}
.mobile-view-chooser .mobileViewChoice_grid.active
{
    background-position:-20px -20px;
}

/* hide the new mobile-view-chooser on > 768s */
@media screen and (min-width:768px)
{
    .mobile-view-chooser
    {
        display:none;
    }
}



/* new actual list of products (original grid layout was in a div called list :o */
.productList
{
    padding:20px;
}
.productListItem
{
    clear:both;
    margin:0 0 15px 0;
    position:relative;
}
.productListItem:after
{
    content: '';
    display:table;
    clear:both;
}
.productListItem a
{
    display:block;
    color:#fafafa;
}
body.WebsiteThemeStyle_light .productListItem a
{
    color:#2a2a2a;
}

.productListItem a img
{
    width:100%;
}
.productListItem_image
{
    float:left;
    width:25%;
    margin:0;
}
.productListItem_content
{
    float:left;
    width:75%;
    padding:5px 0 10px 10px;
    font-size:14px;
    line-height:1.3;
}
#content .productListItem .price /* gip in mouth while overriding the carpet bombers #content p.price */
{
    font-size:15px;
}
#content .productListItem .price,
#content .productListItem .was-price
{
    display:inline-block;
}
.productListItem_productName 
{
    display:block;
    margin:0 0 10px 0;
}
.productListItem_quickbuy
{
    float:right;
    padding:0 0 0 30px;
}
.productListItem_quickbuy .quickBuyTrigger
{
    margin-top:15px;
    font-size:10px;
    padding:5px 10px;
    font-weight:normal;
}

/* special quickbuy slight layout change ONLY on list view */
.productListItem .listProductQuickBuy_MobilePanel.active
{
    padding-top:10px;
    top:100%;
}
.productListItem .listProductQuickBuy_MobilePanel.active:after
{
    content:'';
    display:table;
    clear:both;
}
.productListItem .listProductQuickBuy_MobilePanel.active .select-holder.product
{
    width:60%;
    float:left;
}
.productListItem .listProductQuickBuy_MobilePanel.active .quickBuySubmitAction
{
    width:30%;
    float:right;
    margin-top:21px;
    padding:9px 0;
}
.productListItem .listProductQuickBuy_MobilePanel.active .quickBuyProductSizeError
{
    display:block;
    clear:both;
    border-top:10px solid #191919;
    margin:0;
}


/* Corner flags, nudge them up a tad on list (actual list, that is) view */
.productListItem .productCornerFlag
{
    bottom:4px;
}

/* Special over rides for breadcrumbs on list pages (i want to use a ol for itemprop reasons) */
.list-page .breadcrumbs ol
{
    margin:0;
    padding:0;
    list-style-type:none;
}
.list-page .breadcrumbs ol li
{
    float:left;
    color:#cfcfcf;
    font-size:11px;
}
body.WebsiteThemeStyle_light .list-page .breadcrumbs ol li
{
    color:#666;
}

.list-page .breadcrumbs ol li a:after
{
    content:'/';
    padding-left:4px;
    padding-right:4px;
}
.list-page .breadcrumbs ol li a 
{
    color: #fff;
}

body.WebsiteThemeStyle_light .list-page .breadcrumbs ol li a
{
    color:#222;
}


.list-page.search-results .rightbar .list .item
{
    width:50%;
}
/* grid items per row */
@media screen and (min-width:768px)
{
    .list.gridItemsPerRow_3 .item,
    .list-page.search-results .rightbar .list.list.gridItemsPerRow_3 .item
    {
        width: 33.3%;
    }

    .list.gridItemsPerRow_4 .item,
    .list-page.search-results .rightbar .list.list.gridItemsPerRow_4 .item
    {
        width: 25%; /* this is what is already used by existing .list .item's */
    }
}





/* search page over rides */
.list-page.search-results .rightbar
{
    width:100%; /* same as normal list page */
}
@media screen and (min-width:768px)
{
    .list-page.search-results .rightbar
    {
        width:74%; /* same as normal list page */
    }
}




/* Force a min height on the img-holder*/
.list-page .list .img-holder
{
    min-height:136px;
}

/*#region --- Site Core White List Pagees --- */
.sc-white .listPageSeoText a {
    color: #000;
}
.sc-white .total-products.hasSeoText {
    box-shadow: none;
}
.sc-white .total-products h4 {
    color: #000;
}
@media (max-width: 767px) {
    body.ufhss_true .sc-white .sortby .selector, body.ufhss_true .sc-white .sortby .selector select, body.ufhss_true .sc-white .sortby .selector span, body.ufhss_true .mobile-filter a {
        background-color: #E6E6E6;
        color: #000;
    }
    body.ufhss_true .sc-white .pagination-holder.top-pagination .sortby, body.ufhss_true .sc-white .pagination-holder.top-pagination .mobile-filter, body.ufhss_true .sc-white .pagination-holder.top-pagination .mobile-view-chooser {
        border-top: 1px solid #c1bcbc;
        border-bottom: 1px solid #c1bcbc;
        border-right: 1px solid #c1bcbc;
    }
    body.ufhss_true .sc-white .sortby .selector, body.ufhss_true .sc-white .mobile-filter a {
        border-right: 1px solid #c1bcbc;
        text-align: center;
    }
}
.sc-white .mobile-view-chooser {
    background: #E6E6E6;
}
.sc-white .mobile-view-chooser .mobileViewChoice_grid.active {
    background-position: 0px -20px;
}
.sc-white .productListItem a {
    color: #000;
}
@media (max-width: 380px) {
    .sc-white #uniform-orderby {
        background: url(/siteimages/global/wembley/select-arrow.png) no-repeat;
        background-position: 99% center;
        background-color: #E6E6E6;
    }
    body.ufhss_true .sc-white.list-page .sortby div.selector span {
        padding: 0 0 0 0px;
    }
    body.ufhss_true .sc-white.list-page .sortby div.selector span {
        text-align: left;
    }
}
.sc-white .mobile-view-chooser a:first-child {
    border-right: 1px solid #c1bcbc;
}
.sc-white.list-page .breadcrumbs ol li {
    float: left;
    color: #767676;
    font-size: 11px;
}
/*#endregion --- Site Core White List Pagees --- */
/* This is a Test comment! - delete me */
.clearfix:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.button.button-stl {
    background-color: #21759a;
}

.button.button-stl:hover {
    background-color: #2589b5;
}

.stl-overlay-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}

.stl-overlay-wrap.open {
    display: block;
}

.WebsiteThemeStyle_dark .stl-overlay-wrap {
    background: rgba(0,0,0, 0.7);
}

.WebsiteThemeStyle_light .stl-overlay-wrap {
    background: rgba(255,255,255, 0.7);
}

.stl-overlay {
    width: 100%;
    max-width: 960px;
    max-height: 80vh;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    padding: 40px;
}

.WebsiteThemeStyle_dark .stl-overlay {
    background: #000;
}

.WebsiteThemeStyle_light .stl-overlay {
    background: #EAEAEA;
}

.stl-overlay-image {
    display: inline-block;
    margin: 0;
    padding: 0 40px 0 0;
    width: 63%;
}

.stl-overlay-right {
    vertical-align: top;
    width: 37%;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 40px 20px 40px 0;
    height: 100%;
    overflow: hidden;
}

.stl-product-list {
    overflow-y: auto;
    height: -webkit-calc(100% - 105px);
    height: -moz-calc(100% - 105px);
    height: calc(100% - 105px);
    padding-right: 20px;
}

.stl-overlay-right h2 {
    margin: 0 0 20px;
}

.product .right-column .stl-overlay .stl-close {
    background: none;
    width: 31px;
    height: 31px;
    border-radius: 16px;
    padding: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    margin: 0;
    letter-spacing: 0;
}

.WebsiteThemeStyle_dark .stl-close {
    color: #fff;
    border: 1px solid #fff;
}

.WebsiteThemeStyle_light .stl-close {
    color: #000;
    border: 1px solid #000;
}

.stl-related-item {
    margin-bottom: 40px;
}

.stl-related-item:last-child {
    margin-bottom: 0px;
}

.stl-related-item img {
    width: 40%;
    padding: 0 20px 0 0;
    float: left;
}

.stl-related-item .stl-product-right {
    margin-left: 40%;
    width: 60%;
}

#content.product .stl-overlay-right p.stl-product-title {
    font-size: 13px;
    margin: 0 0 10px;
    display: block;
}

.WebsiteThemeStyle_dark .stl-product-title a {
    color: #fff;
}

.WebsiteThemeStyle_light .stl-product-title a {
    color: #000;
}

#content.product .stl-overlay-right p {
    display: inline-block;
    margin: 0 5px 0 0;
}

#content.product .stl-overlay-right p.price {
    font-size: 15px;
}

.stl-related-product-details {
    display: inline-block;
    width: 60%;
}

.stl-related-product-details .size-country {
    margin-top: 20px;
}

.stl-related-product-details .size-country li {
    display: inline-block;
    cursor: pointer;
    padding: 4px;
}

.stl-related-product-details .size-country li:first-child {
    margin-left: 0;
}

.stl-related-product-details .size-country li.selected {
    font-weight: 800;
}

.stl-related-product-details .selector {
    margin-top: 20px;
}

.stl-buy-btn {
    background: #3d891f;
    background-color: rgb(61, 137, 31);
    color: #fff;
    border-radius: 6px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 12px;
    letter-spacing: 2px;
    transition: all 0.25s ease-in-out;
}

.stl-buy-single {
    margin-top: 65px;
}

.stl-buy-all {
    margin-top: 20px;
}

.stl-buy-all.disabled {
    opacity: 0.5;
    cursor: default;
}

#content.product .stl-overlay-right .stl-error-wrap p {
    padding: 10px;
    background: #E70835;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    display: block;
    margin: 20px 0 0 0;
}

.product .right-column .stl-overlay .msg.fixedMessageBar {
    position: absolute;
    top: -36px;
    left: 0;
    margin: 0;
    width: 100%;
    display: none;
}

body.modal-open {
    overflow: hidden;
}

@media (max-width: 767px) {
    .stl-overlay {
        max-height: 100vh;
        height: 100%;
    }

    .stl-overlay-image {
        display: none;
    }

    .stl-overlay-right {
        width: 100%;
        padding: 40px 20px 40px 40px;
    }
}


/*temporary placement for christmas CSS - masters being in global means we can
    no longer use the christmas class to change the styles.  And to forgo changing
    2x stylesheets on all sites, I have ran it past my team and Rich and we have agreed
    that this is the best way forward until we can have a site-takeover stylesheet 
    within the bundles.
*/

/*.feature-boxes .box { background-color: transparent; background-image: url('/siteimages/global/site-takeover/christmas/site-wide/tab-black.jpg'); background-position: bottom left; }
.feature-boxes .box .overlay, .feature-boxes .box:nth-child(even) .overlay { background-image: url('/siteimages/global/site-takeover/christmas/site-wide/tab-black.jpg'); background-position: bottom left; }
.feature-boxes .box .overlay h4 { color: #ffee2e; }
.feature-boxes .box .overlay h1, #content .feature-boxes .box .overlay h1, .feature-boxes .box .overlay h2 { color: #fff; }
.feature-boxes .box .box-text p { color: #fff; }
#header { background-image: url('/siteimages/global/site-takeover/christmas/site-wide/header-black.jpg'); background-repeat: no-repeat; background-position: center center; background-color: black; }*/

/* 13/02/2019 - social icon update - BAU-1075*/
.social-login ul li { background-image: none; margin: 0 18px 8px 0; }
.social-login-icons { position: relative; float: left; height: 36px; width: 36px; }
.social-default { position: relative; float: left; margin: 0 18px 8px 0; }
.social-hover { opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.social-login-icons:hover .social-hover { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.social-login-icons:hover .social-default { opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.anatwine-partner-message {
    display: none;
}

.basket-table .anatwine-partner-message {
    display: block;
}

.external-order .anatwine-partner-message,
.anatwine-partner-message.show {
    display: block;
}

.multibuy.hide,
.listProductQuickBuy_CanBePersonalised.hide,
#personalisationPanelContainer.hide {
    display: none;
}

.listProductQuickBuy_MobilePanel  .anatwine-partner-message {
    margin-top: 10px;
}

.listProductQuickBuy_DesktopModal .anatwine-partner-message p {
    margin: 20px 0 0;
}

.anatwine-partner-message button {
    display: inline;
    width: auto;
    color: #fff;
    background: none;
    padding: 0;
    margin: 0 !important;
    font-size: 11px;
    text-transform: initial;
    text-decoration: underline;
    letter-spacing: initial;
}

.WebsiteThemeStyle_light .anatwine-partner-message button {
    color: black;
}

.anatwine-partner-message button:hover {
    text-decoration: none;
}

.anatwine-partner-modal-container {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    top: 0;
    left: 0;
    z-index: 101;
    display: none;
}

.anatwine-partner-modal-container.open {
    display: block;
}

.anatwine-partner-modal {
    width: 380px;
    padding: 20px;
    background: #333;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.anatwine-partner-message .PartnerMessageBody p {
    margin-top: 11px;
    margin-bottom: 11px;
}

.anatwine-partner-modal .PartnerMessageBody img {
    width: 29px;
    height: 28px;
    vertical-align: middle;
    margin-right: 7px;
}

.WebsiteThemeStyle_light .anatwine-partner-modal {
    color: white;
}

.anatwine-partner-message .anatwine-partner-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    text-decoration: none;
}

.anatwine-partner-message button.anatwine-partner-modal-close {
    font-size: 14px;
}

.anatwine-partner-message h6 {
    font-size: 15px;
    margin: 5px 0 15px 0;
}

.listProductQuickBuy_DesktopModal_InnerContent_ProductDetails .price .from-price,
#content .item p.price .from-price,
#content.product p.price .from-price {
    font-size: 11px;
    font-weight: normal;
}

.basket-table .td.anatwine-partner-message-empty-cells {
    border-left: none;
}

.external-order {
    border-bottom: 1px solid #222;
}

/* 13/02/2019 - social icon update - BAU-1075*/
.social-login ul li { background-image: none; margin: 0 18px 8px 0; }
.social-login-icons { position: relative; float: left; height: 36px; width: 36px; }
.social-default { position: relative; float: left; margin: 0 18px 8px 0; }
.social-hover { opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.social-login-icons:hover .social-hover { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.social-login-icons:hover .social-default { opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }