@charset "UTF-8";
/* line 16, sass/main.scss */
body {
  font-family: Arial, sans-serif;
  color: #333;
  background-color: #141414;
  font-size: 1em;
  line-height: 1em; }
  /* line 32, ../Mobile/Styles/sass/Shared/_mixins.scss */
  html[region="HKG"] body {
    font-family: "Arial", "Microsoft JhengHei", sans-serif; }
  /* line 36, ../Mobile/Styles/sass/Shared/_mixins.scss */
  html[region="JPN"] body {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", FuturaBT, Helvetica, Arial, Sans-serif; }

/* CSS Document */
/* line 3, sass/_reset.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0 none;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* line 13, sass/_reset.scss */
body {
  height: 1%; }

/* line 17, sass/_reset.scss */
.scfSubmitButtonBorder {
  clear: both; }

/* line 21, sass/_reset.scss */
.scfSubmitButtonBorder input {
  padding-left: 0px !important;
  padding-right: 0px !important; }

/* remember to define focus styles! */
/* line 28, sass/_reset.scss */
:focus {
  outline: 0; }

/* line 32, sass/_reset.scss */
del {
  text-decoration: line-through; }

/* line 36, sass/_reset.scss */
ins {
  text-decoration: underline; }

/* tables still need 'cellspacing="0"' in the markup */
/* line 42, sass/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 47, sass/_reset.scss */
blockquote, q {
  quotes: none; }

/* line 51, sass/_reset.scss */
ul {
  list-style: none; }

/* line 55, sass/_reset.scss */
.clear {
  display: inline-block; }
  /* line 57, sass/_reset.scss */
  .clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

/* line 66, sass/_reset.scss */
.container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* line 74, sass/_reset.scss */
* html .clear {
  height: 1%; }

/* line 78, sass/_reset.scss */
.clear {
  display: block; }

/* line 82, sass/_reset.scss */
.hidden {
  display: none; }

/*********column layout*********/
/* Containers
----------------------------------------------------------------------------------------------------*/
/* line 5, sass/_layout.scss */
.container_24 {
  margin-left: auto;
  margin-right: auto; }

/* line 6, sass/_layout.scss */
.container_2, .container_3, .container_4, .container_5, .container_6, .container_7, .container_8, .container_9, .container_10, .container_11, .container_12, .container_14, .container_15, .container_16, .container_17, .container_18, .container_19, .container_20, .container_21, .container_22, .container_23 {
  margin: 0;
  padding: 0;
  float: left; }

/* line 8, sass/_layout.scss */
.container_2 {
  width: 82px; }

/* line 9, sass/_layout.scss */
.container_3 {
  width: 123px; }

/* line 10, sass/_layout.scss */
.container_4 {
  width: 164px; }

/* line 11, sass/_layout.scss */
.container_5 {
  width: 205px; }

/* line 12, sass/_layout.scss */
.container_6 {
  width: 246px; }

/* line 13, sass/_layout.scss */
.container_7 {
  width: 287px; }

/* line 14, sass/_layout.scss */
.container_8 {
  width: 328px; }

/* line 15, sass/_layout.scss */
.container_9 {
  width: 369px; }

/* line 16, sass/_layout.scss */
.container_10 {
  width: 410px; }

/* line 17, sass/_layout.scss */
.container_11 {
  width: 451px; }

/* line 18, sass/_layout.scss */
.container_12 {
  width: 492px; }

/* line 19, sass/_layout.scss */
.container_13 {
  width: 523px; }

/* line 20, sass/_layout.scss */
.container_14 {
  width: 574px; }

/* line 21, sass/_layout.scss */
.container_15 {
  width: 615px; }

/* line 22, sass/_layout.scss */
.container_16 {
  width: 656px; }

/* line 23, sass/_layout.scss */
.container_17 {
  width: 697px; }

/* line 24, sass/_layout.scss */
.container_18 {
  width: 738px; }

/* line 25, sass/_layout.scss */
.container_19 {
  width: 779px; }

/* line 26, sass/_layout.scss */
.container_20 {
  width: 820px; }

/* line 27, sass/_layout.scss */
.container_21 {
  width: 861px; }

/* line 28, sass/_layout.scss */
.container_22 {
  width: 902px; }

/* line 29, sass/_layout.scss */
.container_23 {
  width: 943px; }

/* line 30, sass/_layout.scss */
.container_24 {
  width: 984px; }

/* line 32, sass/_layout.scss */
.container_1_Height {
  height: 31px; }

/* line 33, sass/_layout.scss */
.container_2_Height {
  height: 62px; }

/* line 34, sass/_layout.scss */
.container_3_Height {
  height: 93px; }

/* line 35, sass/_layout.scss */
.container_4_Height {
  height: 124px; }

/* line 36, sass/_layout.scss */
.container_5_Height {
  height: 155px; }

/* line 37, sass/_layout.scss */
.container_6_Height {
  height: 186px; }

/* line 38, sass/_layout.scss */
.container_7_Height {
  height: 217px; }

/* line 39, sass/_layout.scss */
.container_8_Height {
  height: 248px; }

/* line 40, sass/_layout.scss */
.container_9_Height {
  height: 279px; }

/* line 41, sass/_layout.scss */
.container_10_Height {
  height: 310px; }

/* line 42, sass/_layout.scss */
.container_11_Height {
  height: 341px; }

/* line 43, sass/_layout.scss */
.container_12_Height {
  height: 372px; }

/* line 44, sass/_layout.scss */
.container_13_Height {
  height: 403px; }

/* line 45, sass/_layout.scss */
.container_14_Height {
  height: 434px; }

/* line 46, sass/_layout.scss */
.container_15_Height {
  height: 465px; }

/* line 47, sass/_layout.scss */
.container_16_Height {
  height: 496px; }

/* line 48, sass/_layout.scss */
.container_17_Height {
  height: 527px; }

/* line 49, sass/_layout.scss */
.container_18_Height {
  height: 558px; }

/* line 50, sass/_layout.scss */
.container_19_Height {
  height: 589px; }

/* line 51, sass/_layout.scss */
.container_20_Height {
  height: 620px; }

/* line 52, sass/_layout.scss */
.container_21_Height {
  height: 651px; }

/* line 53, sass/_layout.scss */
.container_22_Height {
  height: 682px; }

/* line 54, sass/_layout.scss */
.container_23_Height {
  height: 713px; }

/* line 55, sass/_layout.scss */
.container_24_Height {
  height: 744px; }

/* line 56, sass/_layout.scss */
.container_25_Height {
  height: 775px; }

/* line 57, sass/_layout.scss */
.container_26_Height {
  height: 806px; }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
/* line 63, sass/_layout.scss */
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12, .col_13, .col_14, .col_15, .col_16, .col_16_5, .col_17, .col_18, .col_19, .col_20, .col_21, .col_22, .col_23, .col_24, .col_24_border2 {
  display: block;
  float: left;
  margin: 10px 10px; }

/* line 64, sass/_layout.scss */
.col_1_Pad, .col_2_Pad, .col_3_Pad, .col_4_Pad, .col_5_Pad, .col_6_Pad, .col_7_Pad, .col_8_Pad, .col_9_Pad, .col_10_Pad, .col_11_Pad, .col_12_Pad, .col_13_Pad, .col_14_Pad, .col_15_Pad, .col_16_Pad, .col_17_Pad, .col_18_Pad, .col_19_Pad, .col_20_Pad, .col_21_Pad, .col_22_Pad, .col_23_Pad, .col_24_Pad {
  padding: 10px;
  display: block;
  float: left;
  margin: 10px; }

/* Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/
/* line 69, sass/_layout.scss */
.col_1 {
  width: 21px; }

/* line 70, sass/_layout.scss */
.col_2 {
  width: 62px; }

/* line 71, sass/_layout.scss */
.col_3 {
  width: 103px; }

/* line 72, sass/_layout.scss */
.col_4 {
  width: 144px; }

/* line 73, sass/_layout.scss */
.col_5 {
  width: 185px; }

/* line 74, sass/_layout.scss */
.col_6 {
  width: 226px; }

/* line 75, sass/_layout.scss */
.col_7 {
  width: 267px; }

/* line 76, sass/_layout.scss */
.col_8 {
  width: 308px; }

/* line 77, sass/_layout.scss */
.col_9 {
  width: 349px; }

/* line 78, sass/_layout.scss */
.col_10 {
  width: 390px; }

/* line 79, sass/_layout.scss */
.col_11 {
  width: 431px; }

/* line 80, sass/_layout.scss */
.col_12 {
  width: 472px; }

/* line 81, sass/_layout.scss */
.col_13 {
  width: 513px; }

/* line 82, sass/_layout.scss */
.col_14 {
  width: 554px; }

/* line 83, sass/_layout.scss */
.col_15 {
  width: 595px; }

/* line 84, sass/_layout.scss */
.col_16 {
  width: 636px; }

/* line 85, sass/_layout.scss */
.col_16_5 {
  width: 650px; }

/* line 86, sass/_layout.scss */
.col_17 {
  width: 677px; }

/* line 87, sass/_layout.scss */
.col_18 {
  width: 718px; }

/* line 88, sass/_layout.scss */
.col_19 {
  width: 759px; }

/* line 89, sass/_layout.scss */
.col_20 {
  width: 800px; }

/* line 90, sass/_layout.scss */
.col_21 {
  width: 841px; }

/* line 91, sass/_layout.scss */
.col_22 {
  width: 882px; }

/* line 92, sass/_layout.scss */
.col_23 {
  width: 923px; }

/* line 93, sass/_layout.scss */
.col_24 {
  width: 964px; }

/* No padding widths */
/* line 96, sass/_layout.scss */
.col_1_Pad {
  width: 1px; }

/* line 97, sass/_layout.scss */
.col_2_Pad {
  width: 42px; }

/* line 98, sass/_layout.scss */
.col_3_Pad {
  width: 83px; }

/* line 99, sass/_layout.scss */
.col_4_Pad {
  width: 124px; }

/* line 100, sass/_layout.scss */
.col_5_Pad {
  width: 165px; }

/* line 101, sass/_layout.scss */
.col_6_Pad {
  width: 206px; }

/* line 102, sass/_layout.scss */
.col_7_Pad {
  width: 247px; }

/* line 103, sass/_layout.scss */
.col_8_Pad {
  width: 288px; }

/* line 104, sass/_layout.scss */
.col_9_Pad {
  width: 329px; }

/* line 105, sass/_layout.scss */
.col_10_Pad {
  width: 370px; }

/* line 106, sass/_layout.scss */
.col_11_Pad {
  width: 411px; }

/* line 107, sass/_layout.scss */
.col_12_Pad {
  width: 452px; }

/* line 108, sass/_layout.scss */
.col_13_Pad {
  width: 493px; }

/* line 109, sass/_layout.scss */
.col_14_Pad {
  width: 534px; }

/* line 110, sass/_layout.scss */
.col_15_Pad {
  width: 575px; }

/* line 111, sass/_layout.scss */
.col_16_Pad {
  width: 616px; }

/* line 112, sass/_layout.scss */
.col_17_Pad {
  width: 657px; }

/* line 113, sass/_layout.scss */
.col_18_Pad {
  width: 698px; }

/* line 114, sass/_layout.scss */
.col_19_Pad {
  width: 739px; }

/* line 115, sass/_layout.scss */
.col_20_Pad {
  width: 780px; }

/* line 116, sass/_layout.scss */
.col_21_Pad {
  width: 821px; }

/* line 117, sass/_layout.scss */
.col_22_Pad {
  width: 862px; }

/* line 118, sass/_layout.scss */
.col_23_Pad {
  width: 903px; }

/* line 119, sass/_layout.scss */
.col_24_Pad {
  width: 944px; }

/* Grid variants - add as needed */
/* line 126, sass/_layout.scss */
.fullBorder {
  padding: 20px;
  margin-bottom: 0px; }

/* line 127, sass/_layout.scss */
.col_18_PadFullBorder {
  width: 676px; }

/* line 128, sass/_layout.scss */
.col_12_PadFullBorder {
  width: 430px; }

/* line 129, sass/_layout.scss */
.col_6_PadFullBorder {
  width: 184px; }

/* line 130, sass/_layout.scss */
.col_6BordRight {
  width: 225px; }

/* line 131, sass/_layout.scss */
.col_6_PadBordRight, .col_6_PadBordLeft {
  width: 205px; }

/* line 132, sass/_layout.scss */
.container_6BordRight {
  width: 245px; }

/* line 133, sass/_layout.scss */
.col_6InfoPanel {
  width: 186px; }

/* line 134, sass/_layout.scss */
.col_12_PadInfoPanel {
  width: 432px; }

/* line 135, sass/_layout.scss */
.col_12_PadBordLeft, .col_12_PadBordRight {
  width: 451px; }

/* line 136, sass/_layout.scss */
.col_18_PadBordLeft, .col_18_PadBordRight {
  width: 697px; }

/* line 137, sass/_layout.scss */
.container_12BordLeft, .container_12BordRight {
  width: 491px; }

/* line 138, sass/_layout.scss */
.container_18BordLeft, .container_18BordRight {
  width: 737px; }

/* line 139, sass/_layout.scss */
.col_10Border2 {
  width: 388px; }

/* line 140, sass/_layout.scss */
.col_17_PadBorder2 {
  width: 655px; }

/* line 141, sass/_layout.scss */
.col_24_PadBorder2 {
  width: 940px; }

/* line 142, sass/_layout.scss */
.container_24Border2 {
  width: 980px; }

/* line 143, sass/_layout.scss */
.col_24Border2 {
  width: 960px; }

/* line 144, sass/_layout.scss */
.col_LR_NoPadMarg {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0; }

/* Gen margins and padding */
/* line 149, sass/_layout.scss */
.noMargin {
  margin: 0px !important; }

/* line 150, sass/_layout.scss */
.noMarginRight {
  margin-right: 0px !important; }

/* line 151, sass/_layout.scss */
.noMarginLeft {
  margin-left: 0px !important; }

/* line 152, sass/_layout.scss */
.noMarginTop {
  margin-top: 0px !important; }

/* line 153, sass/_layout.scss */
.noMarginBottom {
  margin-bottom: 0px !important; }

/* line 155, sass/_layout.scss */
.noPadding {
  padding: 0px !important; }

/* line 156, sass/_layout.scss */
.noPaddingRight {
  padding-right: 0px !important; }

/* line 157, sass/_layout.scss */
.noPaddingLeft {
  padding-left: 0px !important; }

/* line 158, sass/_layout.scss */
.noPaddingTop {
  padding-top: 0px !important; }

/* line 159, sass/_layout.scss */
.noPaddingBottom {
  padding-bottom: 0px !important; }

/* line 161, sass/_layout.scss */
.negMargTop {
  margin-top: -10px; }

/* line 162, sass/_layout.scss */
.negMargTop20 {
  margin-top: -20px; }

/* line 164, sass/_layout.scss */
.margin {
  margin: 10px; }

/* line 165, sass/_layout.scss */
.padding {
  padding: 10px; }

/* line 167, sass/_layout.scss */
.margTop5 {
  margin-top: 5px; }

/* line 168, sass/_layout.scss */
.margTop {
  margin-top: 10px; }

/* line 169, sass/_layout.scss */
.margTop20 {
  margin-top: 20px !important; }

/* line 170, sass/_layout.scss */
.margTop30 {
  margin-top: 30px !important; }

/* line 171, sass/_layout.scss */
.margTop40 {
  margin-top: 40px !important; }

/* line 172, sass/_layout.scss */
.margTop50 {
  margin-top: 50px !important; }

/* line 173, sass/_layout.scss */
.margTop60 {
  margin-top: 60px !important; }

/* line 174, sass/_layout.scss */
.margTop70 {
  margin-top: 70px !important; }

/* line 175, sass/_layout.scss */
.margTop80 {
  margin-top: 80px !important; }

/* line 177, sass/_layout.scss */
.margBottom05 {
  margin-bottom: 5px; }

/* line 178, sass/_layout.scss */
.margBottom {
  margin-bottom: 10px; }

/* line 179, sass/_layout.scss */
.margBottom20 {
  margin-bottom: 20px !important; }

/* line 180, sass/_layout.scss */
.margBottom30 {
  margin-bottom: 30px !important; }

/* line 181, sass/_layout.scss */
.margBottom40 {
  margin-bottom: 40px !important; }

/* line 182, sass/_layout.scss */
.margBottom50 {
  margin-bottom: 50px !important; }

/* line 183, sass/_layout.scss */
.margBottom60 {
  margin-bottom: 60px !important; }

/* line 184, sass/_layout.scss */
.margBottom70 {
  margin-bottom: 70px !important; }

/* line 185, sass/_layout.scss */
.margBottom80 {
  margin-bottom: 80px !important; }

/* line 187, sass/_layout.scss */
.margLeft5 {
  margin-left: 5px !important; }

/* line 188, sass/_layout.scss */
.margLeft {
  margin-left: 10px; }

/* line 189, sass/_layout.scss */
.margLeft20 {
  margin-left: 20px !important; }

/* line 190, sass/_layout.scss */
.margLeft30 {
  margin-left: 30px !important; }

/* line 191, sass/_layout.scss */
.margLeft40 {
  margin-left: 40px !important; }

/* line 192, sass/_layout.scss */
.margLeft50 {
  margin-left: 50px !important; }

/* line 193, sass/_layout.scss */
.margLeft60 {
  margin-left: 60px !important; }

/* line 194, sass/_layout.scss */
.margLeft70 {
  margin-left: 70px !important; }

/* line 195, sass/_layout.scss */
.margLeft80 {
  margin-left: 80px !important; }

/* line 197, sass/_layout.scss */
.margRight {
  margin-right: 10px; }

/* line 198, sass/_layout.scss */
.margRight20 {
  margin-right: 20px !important; }

/* line 199, sass/_layout.scss */
.margRight30 {
  margin-right: 30px !important; }

/* line 200, sass/_layout.scss */
.margRight40 {
  margin-right: 40px !important; }

/* line 201, sass/_layout.scss */
.margRight50 {
  margin-right: 50px !important; }

/* line 202, sass/_layout.scss */
.margRight60 {
  margin-right: 60px !important; }

/* line 203, sass/_layout.scss */
.margRight70 {
  margin-right: 70px !important; }

/* line 204, sass/_layout.scss */
.margRight80 {
  margin-right: 80px !important; }

/* line 206, sass/_layout.scss */
.pad10 {
  padding: 10px; }

/* line 208, sass/_layout.scss */
.padTop {
  padding-top: 10px; }

/* line 209, sass/_layout.scss */
.padTop20 {
  padding-top: 20px !important; }

/* line 210, sass/_layout.scss */
.padTop30 {
  padding-top: 30px !important; }

/* line 211, sass/_layout.scss */
.padTop40 {
  padding-top: 40px !important; }

/* line 212, sass/_layout.scss */
.padTop50 {
  padding-top: 50px !important; }

/* line 213, sass/_layout.scss */
.padTop60 {
  padding-top: 60px !important; }

/* line 214, sass/_layout.scss */
.padTop70 {
  padding-top: 70px !important; }

/* line 215, sass/_layout.scss */
.padTop80 {
  padding-top: 80px !important; }

/* line 217, sass/_layout.scss */
.padBottom {
  padding-bottom: 10px; }

/* line 218, sass/_layout.scss */
.padBottom20 {
  padding-bottom: 20px !important; }

/* line 219, sass/_layout.scss */
.padBottom30 {
  padding-bottom: 30px !important; }

/* line 220, sass/_layout.scss */
.padBottom40 {
  padding-bottom: 40px !important; }

/* line 221, sass/_layout.scss */
.padBottom50 {
  padding-bottom: 50px !important; }

/* line 222, sass/_layout.scss */
.padBottom60 {
  padding-bottom: 60px !important; }

/* line 223, sass/_layout.scss */
.padBottom70 {
  padding-bottom: 70px !important; }

/* line 224, sass/_layout.scss */
.padBottom80 {
  padding-bottom: 80px !important; }

/* line 226, sass/_layout.scss */
.padLeft {
  padding-left: 10px; }

/* line 227, sass/_layout.scss */
.padLeft20 {
  padding-left: 20px !important; }

/* line 228, sass/_layout.scss */
.padLeft30 {
  padding-left: 30px !important; }

/* line 229, sass/_layout.scss */
.padLeft40 {
  padding-left: 40px !important; }

/* line 230, sass/_layout.scss */
.padLeft50 {
  padding-left: 50px !important; }

/* line 231, sass/_layout.scss */
.padLeft60 {
  padding-left: 60px !important; }

/* line 232, sass/_layout.scss */
.padLeft70 {
  padding-left: 70px !important; }

/* line 233, sass/_layout.scss */
.padLeft80 {
  padding-left: 80px !important; }

/* line 235, sass/_layout.scss */
.padRight {
  padding-right: 10px; }

/* line 236, sass/_layout.scss */
.padRight20 {
  padding-right: 20px !important; }

/* line 237, sass/_layout.scss */
.padRight30 {
  padding-right: 30px !important; }

/* line 238, sass/_layout.scss */
.padRight40 {
  padding-right: 40px !important; }

/* line 239, sass/_layout.scss */
.padRight50 {
  padding-right: 50px !important; }

/* line 240, sass/_layout.scss */
.padRight60 {
  padding-right: 60px !important; }

/* line 241, sass/_layout.scss */
.padRight70 {
  padding-right: 70px !important; }

/* line 242, sass/_layout.scss */
.padRight80 {
  padding-right: 80px !important; }

/* line 244, sass/_layout.scss */
body {
  background-color: #141414; }

/* Headings */
/* line 5, sass/_headers.scss */
h1, h2, h3, h4 {
  color: #000;
  line-height: 1.1875em; }

/* line 10, sass/_headers.scss */
h1 {
  font-size: 1.5em;
  margin: 0 0 20px 0; }

/* line 15, sass/_headers.scss */
h2 {
  font-size: 0.875em;
  margin-bottom: 10px; }

/* line 20, sass/_headers.scss */
h3 {
  font-size: 0.75em;
  margin-bottom: 10px; }

/* line 25, sass/_headers.scss */
h4 {
  font-size: 0.75em; }

/* Futura sizes */
/* line 31, sass/_headers.scss */
h1.futura {
  font-family: "FuturaBT-Book", "Century Gothic", CenturyGothic, sans-serif; }
  /* line 156, ../Mobile/Styles/sass/Shared/_mixins.scss */
  html[region="HKG"] h1.futura {
    font-family: "FuturaBT-Book", "Century Gothic", CenturyGothic, "Microsoft JhengHei", sans-serif; }
  /* line 160, ../Mobile/Styles/sass/Shared/_mixins.scss */
  html[region="JPN"] h1.futura {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", FuturaBT, Helvetica, Arial, Sans-serif; }

/* line 35, sass/_headers.scss */
h1.margBottom20 {
  font-family: "FuturaBT-Book", "Century Gothic", CenturyGothic, sans-serif; }
  /* line 156, ../Mobile/Styles/sass/Shared/_mixins.scss */
  html[region="HKG"] h1.margBottom20 {
    font-family: "FuturaBT-Book", "Century Gothic", CenturyGothic, "Microsoft JhengHei", sans-serif; }
  /* line 160, ../Mobile/Styles/sass/Shared/_mixins.scss */
  html[region="JPN"] h1.margBottom20 {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", FuturaBT, Helvetica, Arial, Sans-serif; }

/* line 39, sass/_headers.scss */
h2.futura {
  font-size: 1.5em;
  font-family: "FuturaBT-Book", "Century Gothic", CenturyGothic, sans-serif;
  margin-bottom: 10px; }
  /* line 156, ../Mobile/Styles/sass/Shared/_mixins.scss */
  html[region="HKG"] h2.futura {
    font-family: "FuturaBT-Book", "Century Gothic", CenturyGothic, "Microsoft JhengHei", sans-serif; }
  /* line 160, ../Mobile/Styles/sass/Shared/_mixins.scss */
  html[region="JPN"] h2.futura {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", FuturaBT, Helvetica, Arial, Sans-serif; }

/* line 45, sass/_headers.scss */
h3.futura {
  font-size: 1em;
  margin-bottom: 10px; }

/* line 50, sass/_headers.scss */
a.futura {
  font-size: 1.2em;
  color: #000;
  margin-bottom: 10px;
  display: block; }

/************ Section Header *************/
/* line 58, sass/_headers.scss */
.sectionHeader {
  border-bottom: 1px solid #CCCCCC; }

/* line 62, sass/_headers.scss */
.benefits {
  color: #8F8D8D; }
  /* line 64, sass/_headers.scss */
  .benefits li {
    float: left;
    padding-right: 15px; }
  /* line 68, sass/_headers.scss */
  .benefits .benefitText {
    float: left; }
  /* line 71, sass/_headers.scss */
  .benefits img {
    float: left;
    margin: 2px 10px 0px 10px; }

/*********************header****************/
/* line 78, sass/_headers.scss */
.headerOuter {
  background: #141414;
  width: 100%; }

/* line 83, sass/_headers.scss */
.headerInner {
  width: 964px;
  min-height: 80px;
  height: auto !important;
  height: 80px;
  margin: 0 auto;
  padding: 20px 10px 0; }

/* line 92, sass/_headers.scss */
.siteLogo {
  float: left;
  margin-bottom: 20px; }

/* line 97, sass/_headers.scss */
.headerDetails {
  height: 1%;
  float: right; }

/* line 102, sass/_headers.scss */
.accountMenu {
  float: right;
  padding-top: 3px; }
  /* line 105, sass/_headers.scss */
  .accountMenu ul li {
    display: block;
    float: left; }
    /* line 108, sass/_headers.scss */
    .accountMenu ul li a {
      display: block;
      color: #a9a9a9;
      font-size: 0.8em;
      line-height: 1.3em;
      text-transform: uppercase;
      text-decoration: none; }
      /* line 115, sass/_headers.scss */
      .accountMenu ul li a:hover, .accountMenu ul li a:focus {
        color: #FFFFFF; }

/* line 122, sass/_headers.scss */
.headerAccount a {
  background: url(../images/icons/headerAccount.png) no-repeat left;
  padding-left: 17px; }

/* line 127, sass/_headers.scss */
.headerRegister a {
  background: url(../images/icons/headerRegister.png) no-repeat left;
  padding-left: 17px; }

/* line 132, sass/_headers.scss */
.headerBasket a {
  background: url(../images/icons/headerBasket.png) no-repeat left;
  padding-left: 17px; }

/* line 137, sass/_headers.scss */
.headerSearch {
  float: right; }

/* line 141, sass/_headers.scss */
.headerSearchInput {
  border: 0;
  font-size: 0.8em;
  color: #000;
  padding: 3px 5px 3px 5px;
  margin: 0;
  min-height: 17px;
  height: auto !important;
  height: 17px;
  width: 155px;
  float: left; }

/* line 154, sass/_headers.scss */
.headerSearchBut {
  background: url(../images/buttons/headerSearchBut.png) no-repeat left;
  float: left;
  margin-left: 4px;
  border: 0;
  width: 22px;
  height: 24px;
  cursor: pointer; }

/***************** Tabbed Header *************/
/* line 165, sass/_headers.scss */
.tabSpacerLine {
  line-height: 1px;
  height: 1px;
  overflow: hidden;
  background: #cccccc;
  width: 100%;
  float: left;
  display: block;
  margin-bottom: 0px; }

/* line 176, sass/_headers.scss */
.tabbedHeader {
  padding-bottom: 10px; }
  /* line 178, sass/_headers.scss */
  .tabbedHeader a {
    display: inline;
    overflow: hidden;
    position: relative;
    margin-right: 5px;
    float: left;
    display: block;
    color: #333;
    margin-bottom: -1px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc; }
    /* line 179, sass/_headers.scss */
    .tabbedHeader a span {
      padding: 8px 25px;
      display: block;
      font-weight: bold;
      margin-bottom: 0px;
      font-size: 1em;
      height: 34px;
      text-align: center;
      line-height: 33px;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, white 0%, #ececec 40%, #d9d9d9 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(40%, #ececec), color-stop(100%, #d9d9d9));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, white 0%, #ececec 40%, #d9d9d9 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, white 0%, #ececec 40%, #d9d9d9 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, white 0%, #ececec 40%, #d9d9d9 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #ffffff 0%, #ececec 40%, #d9d9d9 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0 );
      /* IE6-8 */ }
      /* line 203, sass/_headers.scss */
      .tabbedHeader a span:hover {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmNmY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, white 0%, #e2e2e2 40%, #cfcfcf 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(40%, #e2e2e2), color-stop(100%, #cfcfcf));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, white 0%, #e2e2e2 40%, #cfcfcf 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, white 0%, #e2e2e2 40%, #cfcfcf 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, white 0%, #e2e2e2 40%, #cfcfcf 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%, #e2e2e2 40%, #cfcfcf 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf',GradientType=0 );
        /* IE6-8 */ }
      /* line 220, sass/_headers.scss */
      .tabbedHeader a span.on {
        background: white;
        border-bottom: 1px solid white;
        color: #333;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
        /* IE6-8 */ }
  /* line 240, sass/_headers.scss */
  .tabbedHeader li {
    margin-bottom: 0px;
    float: left; }

/***tabbedheader Image fix ***/
/* line 247, sass/_headers.scss */
.flashPanel .richTextEditor {
  padding: 0; }

/* DNA headings */
/* line 252, sass/_headers.scss */
.largeHeading h1 {
  font-size: 2.1em;
  font-weight: normal; }

/* line 257, sass/_headers.scss */
.subHeading h2 {
  font-size: 1.0em; }

/* line 1, sass/_styling.scss */
.clearfix {
  *zoom: 1; }

/* line 4, sass/_styling.scss */
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0; }

/* line 10, sass/_styling.scss */
.clearfix:after {
  clear: both; }

/* line 14, sass/_styling.scss */
.clearboth {
  clear: both; }

/* text-sizes */
/* line 19, sass/_styling.scss */
label, li, a, td {
  font-size: 0.75em; }

/* line 24, sass/_styling.scss */
li p, li a, li label, li li, li h3, li span, li td {
  font-size: 1em; }

/* line 29, sass/_styling.scss */
p a, label a, p a.buttons, p a.goldBtn, p a.greyBtn, p a.blueBtn, p a.orangeBtn, li a.buttonMd, td a {
  font-size: 1em; }

/* line 33, sass/_styling.scss */
.smallTxt {
  font-size: 0.6875em !important; }

/* line 37, sass/_styling.scss */
.lrgTxt {
  font-size: 0.9em !important; }

/* line 41, sass/_styling.scss */
.xLrgTxt {
  font-size: 1.5em !important; }

/* line 45, sass/_styling.scss */
.xxLrgTxt {
  font-size: 3.5em !important; }

/* line 49, sass/_styling.scss */
.textImgReplacement {
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -1000em; }

/* line 55, sass/_styling.scss */
.fontSizeReset {
  font-size: 1.0em; }

/* hr */
/* line 61, sass/_styling.scss */
hr {
  clear: both; }

/* line 65, sass/_styling.scss */
.headerHR {
  border-top: 1px solid #CCCCCC !important;
  margin: 0 0 -25px;
  padding: 5px 0; }

/* line 71, sass/_styling.scss */
.hrNegMarg {
  margin-top: -7px; }

/* text */
/* line 77, sass/_styling.scss */
p {
  color: #333;
  line-height: 1.5em;
  margin-bottom: 10px;
  font-size: 0.75em; }

/* line 84, sass/_styling.scss */
input[type=button] {
  margin: 0; }

/* line 88, sass/_styling.scss */
.centered {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important; }
  /* line 92, sass/_styling.scss */
  .centered a {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important; }

/* line 99, sass/_styling.scss */
.txtCentered {
  text-align: center !important; }

/* line 103, sass/_styling.scss */
.txtRight {
  text-align: right; }

/* line 107, sass/_styling.scss */
.bold {
  font-weight: bold; }

/* line 111, sass/_styling.scss */
sup {
  vertical-align: super;
  line-height: 0.5em;
  font-size: smaller; }

/* text colours */
/* line 119, sass/_styling.scss */
.promoText {
  color: #0066cc !important; }
  /* line 121, sass/_styling.scss */
  .promoText a {
    color: #0066cc !important; }

/* line 126, sass/_styling.scss */
a.promoText {
  color: #0066cc !important; }

/* line 131, sass/_styling.scss */
.promoText p, .promoText h3 {
  color: #0066cc !important; }

/* line 136, sass/_styling.scss */
.panelOffer .header, .offer .header {
  color: #0066cc !important; }

/* line 140, sass/_styling.scss */
.promoTextBlack {
  color: #fff; }
  /* line 142, sass/_styling.scss */
  .promoTextBlack a {
    color: #fff; }

/* line 147, sass/_styling.scss */
a.promoTextBlack {
  color: #fff; }

/* line 152, sass/_styling.scss */
.promoTextBlack p, .promoTextBlack h3 {
  color: #fff; }

/* line 157, sass/_styling.scss */
.promoText a:hover, a.promoText:hover {
  color: #3180ce; }

/* line 161, sass/_styling.scss */
p a {
  text-decoration: underline;
  color: #333; }
  /* line 164, sass/_styling.scss */
  p a:hover {
    color: #999; }

/* line 170, sass/_styling.scss */
div.blackBG h1, div.blackBG h2, div.blackBG h3, div.blackBG h4, div.blackBG p {
  color: #e3e3e3; }
/* line 173, sass/_styling.scss */
div.blackBG #basketSummaryDetails p {
  color: #000; }
/* line 176, sass/_styling.scss */
div.blackBG p a, div.blackBG a {
  color: #ccc; }
/* line 179, sass/_styling.scss */
div.blackBG p a:hover, div.blackBG a:hover {
  color: #fff; }

/* line 184, sass/_styling.scss */
.req {
  color: #cc0000; }

/* line 188, sass/_styling.scss */
.error {
  color: #cc0000;
  font-size: 0.685em; }

/* line 193, sass/_styling.scss */
.blackTxt {
  color: #000 !important; }
  /* line 195, sass/_styling.scss */
  .blackTxt p {
    color: #000 !important; }

/* line 200, sass/_styling.scss */
.whiteTxt {
  color: #FFF !important; }
  /* line 202, sass/_styling.scss */
  .whiteTxt p {
    color: #FFF !important; }

/* line 207, sass/_styling.scss */
.darkGreyTxt {
  color: #333 !important; }
  /* line 209, sass/_styling.scss */
  .darkGreyTxt p {
    color: #333 !important; }

/* line 214, sass/_styling.scss */
.medGreyTxt {
  color: #666 !important; }
  /* line 216, sass/_styling.scss */
  .medGreyTxt p {
    color: #666 !important; }

/* line 221, sass/_styling.scss */
.lightGreyTxt {
  color: #999 !important; }
  /* line 223, sass/_styling.scss */
  .lightGreyTxt p {
    color: #999 !important; }

/* Lists */
/* line 229, sass/_styling.scss */
ul {
  margin: 0; }

/* line 233, sass/_styling.scss */
li {
  margin-bottom: 5px; }

/* line 237, sass/_styling.scss */
.numbered {
  margin-left: 20px; }

/* line 241, sass/_styling.scss */
.inlineList li {
  display: inline;
  margin-left: 10px; }
  /* line 244, sass/_styling.scss */
  .inlineList li:first-child {
    margin-left: 0; }

/* line 249, sass/_styling.scss */
.blockLeft li {
  display: block;
  float: left; }

/* Borders */
/* line 255, sass/_styling.scss */
.border24 {
  width: 984px;
  padding: 5px 0;
  border-top: 1px solid #ccc;
  height: 1px; }

/* line 262, sass/_styling.scss */
.bordRight {
  border-right: 1px solid #ccc; }

/* line 266, sass/_styling.scss */
.bordBottom {
  border-bottom: 1px solid #ccc; }

/* line 270, sass/_styling.scss */
.bordTop {
  border-top: 1px solid #ccc; }

/* line 274, sass/_styling.scss */
.bordTop5 {
  border-top: 5px solid #ccc; }

/* line 278, sass/_styling.scss */
.bordLeft {
  border-left: 1px solid #ccc; }

/* line 282, sass/_styling.scss */
.fullBorder {
  border: 1px solid #ccc; }

/* line 286, sass/_styling.scss */
.border2 {
  border: 2px solid #666; }

/* line 290, sass/_styling.scss */
.bordBottom2 {
  border-bottom: 1px solid #333; }

/* line 294, sass/_styling.scss */
.bordBottom5 {
  border-bottom: 5px solid #ccc; }

/* line 298, sass/_styling.scss */
.whiteBorder {
  border-color: #fff; }

/* line 302, sass/_styling.scss */
.noBorder {
  border: none !important; }

/* line 306, sass/_styling.scss */
.bordRight33 {
  border-right: 1px solid #333; }

/*Dividers*/
/* line 312, sass/_styling.scss */
.divideWhite {
  border: 0 solid #CCC;
  border-width: 0 0 1px 0; }

/* line 317, sass/_styling.scss */
.divideWhite_MargTop {
  border: 0 solid #CCC;
  border-width: 0 0 1px 0;
  margin: 20px 0 0; }

/* line 323, sass/_styling.scss */
.divideBlack {
  border: 0 solid #333;
  border-width: 0 0 1px 0; }

/* line 328, sass/_styling.scss */
.divideBlack_MargTop {
  border: 0 solid #333;
  border-width: 0 0 1px 0;
  margin: 20px 0 0; }

/* line 334, sass/_styling.scss */
.whiteBgDivider {
  width: 984px;
  padding: 0;
  border-top: 1px solid #CCC; }

/* line 340, sass/_styling.scss */
.blackBgDivider {
  width: 984px;
  padding: 0;
  border-top: 1px solid #333; }

/* Images */
/* line 348, sass/_styling.scss */
img {
  border: none; }

/* line 352, sass/_styling.scss */
.centredImg {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* line 358, sass/_styling.scss */
.imgMarg {
  margin-top: 10px;
  margin-bottom: 10px; }

/* line 363, sass/_styling.scss */
.imgMargBottom img {
  margin-bottom: 10px; }

/* line 367, sass/_styling.scss */
.imgMargTop img {
  margin-top: 10px; }

/* line 371, sass/_styling.scss */
.imgMarg img {
  margin-top: 10px;
  margin-bottom: 10px; }

/* Floats and clears */
/* line 377, sass/_styling.scss */
.fLeft {
  float: left !important; }

/* line 381, sass/_styling.scss */
.fRight {
  float: right !important; }

/* line 385, sass/_styling.scss */
.fNone {
  float: none !important; }

/* line 389, sass/_styling.scss */
.cBoth {
  clear: both; }

/* line 393, sass/_styling.scss */
.posRel {
  position: relative; }

/* line 397, sass/_styling.scss */
.posAbs {
  position: absolute; }

/* line 401, sass/_styling.scss */
.zIndexLarge {
  z-index: 1000; }

/* line 405, sass/_styling.scss */
.last {
  margin-right: 0 !important;
  padding-right: 0 !important; }

/* line 410, sass/_styling.scss */
.disBlock {
  display: block; }

/* line 414, sass/_styling.scss */
.disInline {
  display: inline; }

/* line 418, sass/_styling.scss */
.disInlineBlock {
  display: inline-block !important; }

/* line 422, sass/_styling.scss */
.disNone {
  display: none; }

/* Other general styles */
/* line 427, sass/_styling.scss */
.nonJsHide, #basketSummary {
  display: none; }

/* line 431, sass/_styling.scss */
.invisible {
  opacity: 0;
  filter: alpha(opacity=0); }

/* Generic content fix for homepage takeover */
/* line 438, sass/_styling.scss */
.takeoverInnerHeight > .genericContentInner {
  height: 416px; }

/******** Standard Re-usable generic classes *********/
/* line 443, sass/_styling.scss */
.standardBorder {
  border: 1px solid #CCCCCC; }

/* line 447, sass/_styling.scss */
.imageRight {
  margin: 0px 0px 0px 10px;
  float: right; }

/* line 452, sass/_styling.scss */
.imageLeft {
  margin: 0px 10px 0px 0px;
  float: left; }

/* line 457, sass/_styling.scss */
.contentCentre {
  text-align: center; }

/* line 461, sass/_styling.scss */
.fixWidth200 {
  width: 200px; }

/* line 465, sass/_styling.scss */
.fixWidth300 {
  width: 300px !Important; }

/* line 469, sass/_styling.scss */
.fixWith50 {
  width: 50%; }

/* line 473, sass/_styling.scss */
.fixWith45 {
  width: 45% !Important; }

/* line 477, sass/_styling.scss */
.minHeight200 {
  min-height: 200px;
  height: auto !important;
  height: 200px; }

/* line 483, sass/_styling.scss */
.minHeight182 {
  min-height: 184px;
  height: auto !important;
  height: 184px; }

/* line 489, sass/_styling.scss */
body .siteWrapper .noMargin {
  margin: 0px; }

/* line 493, sass/_styling.scss */
.basicBullets {
  margin-left: 18px;
  margin-bottom: 10px; }
  /* line 496, sass/_styling.scss */
  .basicBullets li {
    list-style-type: disc; }

/* Full width background image with centered text at the bottom */
/* line 502, sass/_styling.scss */
.fullBGimageLowCenteredText .col_18 {
  text-align: center;
  position: absolute;
  bottom: 15px; }

/*img with rich text area****/
/* line 510, sass/_styling.scss */
.imgLinkDiv {
  float: left;
  padding-left: 10px;
  padding-right: 35px;
  text-align: center; }
  /* line 515, sass/_styling.scss */
  .imgLinkDiv .richTextEditor a {
    background: url(/Images/icons/arrow_next_wht.gif) left center no-repeat;
    padding-left: 8px; }
    /* line 518, sass/_styling.scss */
    .imgLinkDiv .richTextEditor a:hover, .imgLinkDiv .richTextEditor a:focus {
      text-decoration: underline; }

/**** main stlyes **/
/* line 525, sass/_styling.scss */
div.blackBG a.buttons, div.blackBG a.goldBtn, div.blackBG a.greyBtn, div.blackBG a.blueBtn, div.blackBG a.orangeBtn {
  color: Black; }

/** underline richtext style **/
/* line 530, sass/_styling.scss */
.ConfirmMachineText {
  padding-top: 20px;
  float: left;
  width: 350px; }

/* line 536, sass/_styling.scss */
.underLine {
  text-decoration: underline !important; }

/* Video type styles */
/* line 542, sass/_styling.scss */
.playVidIconWithText img {
  float: left; }
/* line 545, sass/_styling.scss */
.playVidIconWithText span {
  display: block;
  float: left;
  padding-left: 10px;
  padding-top: 4px; }

/************** Strapline ****************/
/* line 553, sass/_styling.scss */
.strapline {
  margin-bottom: 20px; }

/* line 556, sass/_styling.scss */
.arrowNextParagraph {
  width: 200px;
  padding-left: 10px;
  background: url("/images/icons/arrow_next_wht.gif") no-repeat scroll 0 6px transparent;
  display: block; }

/* line 562, sass/_styling.scss */
.dBlock {
  display: block; }

/* line 565, sass/_styling.scss */
hr {
  border-color: #141414;
  border-right: 0 none;
  border-style: solid none none;
  border-width: 1px 0 0;
  clear: both;
  height: 1px;
  margin-bottom: 10px; }

/* line 575, sass/_styling.scss */
div.whiteBG {
  background-color: #fff; }
/* line 578, sass/_styling.scss */
div.blackBG {
  background-color: #000; }

/* line 583, sass/_styling.scss */
.borderbox {
  box-sizing: border-box; }

/* line 587, sass/_styling.scss */
.blackBG h1 {
  color: #fff; }

/* line 591, sass/_styling.scss */
.scPageDesignerPlaceholder {
  clear: both; }

/* line 594, sass/_styling.scss */
.ArrowLeft {
  display: none !important;
  color: #333;
  float: right;
  font-size: 18px; }

/* line 600, sass/_styling.scss */
.showArrowLeft {
  display: block !important; }

/* Links */
/* line 3, sass/_links.scss */
a {
  text-decoration: none;
  color: #333;
  cursor: pointer; }

/* line 9, sass/_links.scss */
p a, label a {
  text-decoration: underline;
  color: #333; }

/* line 14, sass/_links.scss */
.genericHtmlCont p a, ul.bullet li a {
  text-decoration: underline;
  color: #333; }
  /* line 17, sass/_links.scss */
  .genericHtmlCont p a:hover, ul.bullet li a:hover {
    text-decoration: underline;
    color: #333; }

/* line 23, sass/_links.scss */
p a:hover, label a:hover {
  color: #999;
  text-decoration: underline; }

/* line 28, sass/_links.scss */
.articleContainer ul.optionLinks p a {
  float: none;
  color: Red; }

/* line 34, sass/_links.scss */
a:hover, a:focus {
  text-decoration: none;
  color: #666; }
/* line 38, sass/_links.scss */
a.buttons, a.goldBtn, a.greyBtn, a.blueBtn, a.orangeBtn {
  color: #000; }

/* line 43, sass/_links.scss */
input.buttons, input.goldBtn, input.greyBtn, input.blueBtn, input.orangeBtn {
  color: #000; }

/* line 48, sass/_links.scss */
a.smlLink {
  text-decoration: underline;
  font-size: 0.875em; }
/* line 52, sass/_links.scss */
a.arrowLeftBlk {
  padding: 3px 0 3px 12px;
  background: url(/images/icons/arrowLeftBLK.png) no-repeat 0 4px;
  display: inline-block; }

/* line 59, sass/_links.scss */
input.arrowLeftBlk, span.arrowLeftBlk, ul.arrowLeftBlk li a {
  padding: 3px 0 3px 12px;
  background: url(/images/icons/arrowLeftBLK.png) no-repeat 0 4px;
  display: block; }

/* line 65, sass/_links.scss */
a.arrowRight, span.arrowRight, ul.arrowRight li a {
  padding: 3px 0 0 12px;
  background: url(/images/icons/arrowRightGRY.png) no-repeat 0 6px;
  display: block;
  text-decoration: none !important; }

/* line 72, sass/_links.scss */
a.arrowNext, span.arrowNext, ul.arrowNext li a {
  background: url("/Images/backgrounds/arrow_next_wht.gif") no-repeat scroll 0 5px transparent;
  padding: 0px 0px 0px 10px;
  color: Black;
  display: block;
  text-decoration: none !important; }

/* line 80, sass/_links.scss */
input.arrowLeftBlk {
  border: 0 solid;
  cursor: pointer; }

/* line 85, sass/_links.scss */
.arrowDown {
  background: url("/medialibrary/7B574160477944848A2EA331EE395D26.ashx") no-repeat center right; }

/* line 89, sass/_links.scss */
a.arrowRightGry, span.arrowRightGry, ul.arrowRightGry li a {
  background: url(/images/icons/arrowRightGRY.png) no-repeat center left transparent;
  padding: 0px 0px 0px 15px;
  display: block; }

/* line 95, sass/_links.scss */
a.arrowNextGry, span.arrowNextGry, ul.arrowNextGry li a {
  background: url(/images/icons/arrow_next_wht.gif) no-repeat center left transparent;
  padding: 0px 0px 0px 15px;
  display: block; }

/* line 101, sass/_links.scss */
a.arrowNextGry:hover, span.arrowNextGry:hover, ul.arrowNextGry:hover li a {
  background: url(/images/icons/arrow_next_wht_over.gif) no-repeat center left transparent; }

/* line 106, sass/_links.scss */
.blackBG a.arrowNextGry, .blackBG span.arrowNextGry, .blackBG ul.arrowNextGry li a {
  background: url(/images/icons/arrow_next_off.gif) no-repeat center left transparent;
  padding: 0px 0px 0px 15px;
  display: block; }
/* line 111, sass/_links.scss */
.blackBG a.arrowNextGry:hover, .blackBG span.arrowNextGry:hover, .blackBG ul.arrowNextGry:hover li a {
  background-image: url(/images/icons/arrow_next.gif) no-repeat center left transparent; }

/* line 117, sass/_links.scss */
a.arrowNext, a span.arrowNext {
  background: url(/images/icons/arrow_next_wht.gif) no-repeat 0 4px transparent;
  padding-left: 10px;
  text-decoration: none !Important; }
/* line 122, sass/_links.scss */
a.arrowNext:hover, a:hover span.arrowNext {
  background: url(/images/icons/arrow_next_wht_over.gif) no-repeat 0 4px transparent; }

/* line 128, sass/_links.scss */
.blackBG a.arrowNext, .blackBG a span.arrowNext {
  background-image: url(/images/icons/arrow_next_off.gif);
  color: #CCCCCC;
  padding-top: 1px; }
/* line 133, sass/_links.scss */
.blackBG a.arrowNext:hover, .blackBG a:hover span.arrowNext {
  background-image: url(/images/icons/arrow_next.gif);
  color: White; }

/* line 139, sass/_links.scss */
.lightboxVideoWithImageAndText a.ceebox span {
  display: block;
  clear: both;
  margin-bottom: 10px;
  padding: 3px 0 0 12px;
  background: url(/images/icons/arrowRightGRY.png) no-repeat 0 6px; }

/* line 147, sass/_links.scss */
.blackBG .lightboxVideoWithImageAndText a.ceebox span {
  background: url(/images/icons/arrow_next_off.gif) no-repeat 0 4px; }

/* line 151, sass/_links.scss */
.noUnderline {
  text-decoration: none !important; }

/* line 155, sass/_links.scss */
.vAlignCenter {
  vertical-align: middle; }

/*Link to move between letterbox panels*/
/* line 160, sass/_links.scss */
.lbx_NxtLbxLink {
  background: url("medialibrary/2E0CAF465F204A5C86A6C4247EAE2A1F.ashx") no-repeat right 3px;
  text-decoration: underline;
  padding-right: 12px;
  color: #333;
  margin-top: 20px; }
  /* line 166, sass/_links.scss */
  .lbx_NxtLbxLink:hover, .lbx_NxtLbxLink:focus {
    background-image: url("medialibrary/164783FC55004901A93AB608D5E0C83B.ashx");
    color: #666; }

/************************links list***************/
/* line 173, sass/_links.scss */
.linkList {
  padding: 18px 20px; }

/* line 177, sass/_links.scss */
.topLinkList {
  padding-top: 33px; }

/* line 181, sass/_links.scss */
.botLinkList {
  padding-bottom: 29px; }

/* line 185, sass/_links.scss */
.linkList h2, .threeThirdsRightCol .linkList h2 {
  font-size: 1.2em; }

/* line 190, sass/_links.scss */
.linkList li {
  display: block;
  height: 1%; }
/* line 194, sass/_links.scss */
.linkList a {
  background: url(../images/icons/listArrow.png) no-repeat left 8px;
  padding: 5px 0 5px 10px;
  display: block; }

/************************links list***************/
/* line 203, sass/_links.scss */
.linkListImage {
  padding: 26px 20px;
  position: relative; }

/* line 208, sass/_links.scss */
.topLinkListImage {
  padding-top: 0px; }

/* line 212, sass/_links.scss */
.botLinkListImage {
  padding-bottom: 82px; }

/* line 216, sass/_links.scss */
.linkListImage h2, .threeThirdsRightCol .linkListImage h2 {
  font-size: 1.2em;
  padding-top: 12px; }

/* line 222, sass/_links.scss */
.linkListImage li {
  display: block;
  height: 1%; }
/* line 226, sass/_links.scss */
.linkListImage a {
  background: url(../images/icons/listArrow.png) no-repeat left 4px;
  padding: 2px 0 2px 10px;
  display: block;
  height: 1%; }

/* line 234, sass/_links.scss */
.linkImagePop {
  position: relative;
  display: block;
  float: right;
  height: 1px;
  width: 1px; }
  /* line 240, sass/_links.scss */
  .linkImagePop img {
    left: -99999px;
    top: -100px;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 2;
    padding: 10px 0; }

/* line 251, sass/_links.scss */
.linkListImage a:hover .linkImagePop img, .linkListImage a:focus .linkImagePop img {
  left: 0px; }

/********************** Product Links *************/
/* line 256, sass/_links.scss */
.productLinksContainer {
  margin-left: 20px; }
  /* line 258, sass/_links.scss */
  .productLinksContainer .headerContainer {
    margin-bottom: 20px; }
    /* line 260, sass/_links.scss */
    .productLinksContainer .headerContainer h1 {
      font-size: 1.5em; }
  /* line 264, sass/_links.scss */
  .productLinksContainer .articleLinksContainer {
    width: 696px;
    float: left;
    overflow: hidden; }
    /* line 268, sass/_links.scss */
    .productLinksContainer .articleLinksContainer .rootArticleContainer {
      width: 202px;
      margin-right: 30px;
      float: left; }
      /* line 272, sass/_links.scss */
      .productLinksContainer .articleLinksContainer .rootArticleContainer h3 {
        font-size: 1.2em;
        padding-bottom: 14px; }
      /* line 276, sass/_links.scss */
      .productLinksContainer .articleLinksContainer .rootArticleContainer ul li {
        background: url(/Images/icons/listArrow.png) no-repeat 0px 6px;
        padding: 3px 0 3px 16px; }

/* line 284, sass/_links.scss */
.supportProductLinks h2 {
  font-size: 0.75em; }

/* line 288, sass/_links.scss */
.supportVariantHeader span.previouslyKnownAs {
  font-size: 0.75em;
  font-weight: bold; }

/************** Product Spares Link ***********************/
/* line 294, sass/_links.scss */
.productSparesLink {
  padding: 20px; }

/*********** Back Link *********************/
/* line 299, sass/_links.scss */
.spareBackLinkContainer a {
  display: block;
  font-size: 0.75em; }
  /* line 302, sass/_links.scss */
  .spareBackLinkContainer a span {
    font-weight: bold;
    color: #333333; }

/* line 308, sass/_links.scss */
.spareBackLinkGrayRule {
  width: 100%;
  line-height: 1px;
  height: 1px;
  background-color: #cccccc;
  overflow: hidden;
  margin-bottom: 28px; }

/************** Most Popular Link List *************/
/* line 320, sass/_links.scss */
.mostPopular ul li {
  margin-bottom: 2px; }
  /* line 322, sass/_links.scss */
  .mostPopular ul li a {
    background: url("../images/icons/arrow_next_wht.gif") no-repeat scroll left 5px transparent;
    padding-bottom: 0px;
    padding-top: 0px; }
/* line 328, sass/_links.scss */
.mostPopular p {
  margin-left: 10px; }
/* line 331, sass/_links.scss */
.mostPopular .linkList {
  padding: 18px 0px; }

/****************image and links on homepages**********/
/* line 337, sass/_links.scss */
.imgLinkWrapper {
  padding: 0px 0px 20px 0px; }

/****plain link with image/text********/
/* line 342, sass/_links.scss */
.imgLink {
  padding-left: 10px;
  padding-right: 35px;
  float: left; }
  /* line 346, sass/_links.scss */
  .imgLink a {
    display: block;
    float: left;
    text-align: center; }
    /* line 350, sass/_links.scss */
    .imgLink a:hover .imgLinkText, .imgLink a:focus .imgLinkText {
      text-decoration: underline; }

/* line 355, sass/_links.scss */
.imgLinkText {
  background: url(/Images/icons/arrow_next_wht.gif) left center no-repeat;
  padding-left: 8px; }

/************** Strapline Links ****************/
/* line 361, sass/_links.scss */
.straplineLinks {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  padding: 8px 30px;
  margin-top: 15px;
  margin-bottom: 20px;
  position: relative; }
  /* line 368, sass/_links.scss */
  .straplineLinks .firstLink {
    float: left; }
  /* line 371, sass/_links.scss */
  .straplineLinks .secondLink {
    float: right; }
  /* line 374, sass/_links.scss */
  .straplineLinks .straplineLink {
    cursor: pointer; }
    /* line 375, sass/_links.scss */
    .straplineLinks .straplineLink img {
      float: left; }
    /* line 379, sass/_links.scss */
    .straplineLinks .straplineLink span {
      padding-left: 10px;
      color: #999999;
      font-weight: bold;
      font-size: 1.15em;
      padding-top: 5px;
      float: left; }
    /* line 387, sass/_links.scss */
    .straplineLinks .straplineLink:hover span {
      color: #FFFFFF; }
    /* line 390, sass/_links.scss */
    .straplineLinks .straplineLink span.subTitle {
      font-weight: normal;
      font-size: 1em; }

/* line 397, sass/_links.scss */
div.genericHtmlContent.specialOffersAdvert {
  height: 240px;
  color: White;
  margin: 0px 10px;
  margin-bottom: 10px; }

/* line 405, sass/_links.scss */
.specialOffersAdvert .genericContentInner {
  padding: 20px; }
/* line 408, sass/_links.scss */
.specialOffersAdvert h3 {
  font-weight: bold;
  line-height: 1.5em;
  margin: 0px;
  color: #fff; }
/* line 414, sass/_links.scss */
.specialOffersAdvert ul {
  margin: 10px 0px; }
/* line 417, sass/_links.scss */
.specialOffersAdvert li {
  margin: 0px;
  font-weight: bold; }
  /* line 420, sass/_links.scss */
  .specialOffersAdvert li a {
    background: url(/images/icons/arrow_next.gif) no-repeat 0px 2px;
    text-transform: uppercase;
    padding-left: 10px;
    font-size: 0.8em;
    color: #FFF; }
    /* line 426, sass/_links.scss */
    .specialOffersAdvert li a:hover {
      color: #CCC; }

/* line 433, sass/_links.scss */
.homepageAdvert, .homepagePanelLinkPanel {
  position: relative; }

/* line 437, sass/_links.scss */
.homepageAdvert a, .homepagePanelLinkPanel {
  background-color: #141414;
  background-repeat: no-repeat;
  background-position: right;
  margin: 10px;
  line-height: 1.6em;
  height: 145px;
  display: block;
  cursor: pointer; }

/* line 448, sass/_links.scss */
.homepageAdvert a span.innerPanelContainer, .homepagePanelLinkPanel .homepagePanelLinkPanelCopy {
  padding: 15px 20px 20px 20px;
  display: block;
  height: 110px; }

/* line 455, sass/_links.scss */
.homepageAdvert .genericContentInner a:hover {
  background-color: #222;
  color: #CCCCCC; }
/* line 459, sass/_links.scss */
.homepageAdvert span.highlight {
  color: White;
  font-weight: bold; }

/* line 465, sass/_links.scss */
.homepagePanelLinkPanel .highlight {
  color: White;
  font-weight: bold; }

/* line 470, sass/_links.scss */
.homepageAdvert span.arrowNext, .homepagePanelLinkPanel .linksList {
  bottom: 15px;
  position: absolute;
  text-transform: uppercase;
  font-size: 0.8em;
  line-height: 1.3em;
  padding-top: 2px; }

/* line 479, sass/_links.scss */
.petOwners a {
  background-position: top right; }

/* line 483, sass/_links.scss */
.homepageAdvert.petOwners .genericContentInner a:hover {
  background-position: 100% -150px; }

/* line 487, sass/_links.scss */
.homepagePanelLinkPanel {
  cursor: default; }
  /* line 489, sass/_links.scss */
  .homepagePanelLinkPanel .linksList li {
    margin: 0 10px 0 0; }
    /* line 491, sass/_links.scss */
    .homepagePanelLinkPanel .linksList li a {
      display: inline; }
  /* line 496, sass/_links.scss */
  .homepagePanelLinkPanel a:hover, .homepagePanelLinkPanel a:focus {
    font-size: 1.1em; }
  /* line 501, sass/_links.scss */
  .homepagePanelLinkPanel .linksList a:hover, .homepagePanelLinkPanel .linksList a:focus {
    font-size: 1.0em; }

/*** show hand for JS links**/
/* line 508, sass/_links.scss */
a {
  cursor: pointer; }

/* line 513, sass/_links.scss */
.productHead h1 {
  margin-right: 20px;
  float: left; }
/* line 517, sass/_links.scss */
.productHead .back {
  font-weight: bold;
  font-size: 1.1em;
  float: left;
  margin-top: 4px; }
/* line 523, sass/_links.scss */
.productHead .backLink {
  color: Black; }

/* line 528, sass/_links.scss */
.updateOverlay {
  display: none;
  background: white;
  text-align: center;
  z-index: 9999;
  margin-left: 10px;
  /*margin-top:62px;*/ }

/* BUTTONS */
/* line 4, sass/_buttons.scss */
.buttons, .goldBtn, .greyBtn, .blueBtn, .orangeBtn {
  cursor: pointer;
  font-family: Arial, sans-serif;
  float: left;
  margin: 0 10px 0 0;
  display: block;
  font-size: 0.875em;
  color: #000;
  font-weight: bold !important;
  text-decoration: none !important;
  text-align: center;
  padding: 0 20px; }
  /* line 32, ../Mobile/Styles/sass/Shared/_mixins.scss */
  html[region="HKG"] .buttons, html[region="HKG"] .goldBtn, html[region="HKG"] .greyBtn, html[region="HKG"] .blueBtn, html[region="HKG"] .orangeBtn {
    font-family: "Arial", "Microsoft JhengHei", sans-serif; }
  /* line 36, ../Mobile/Styles/sass/Shared/_mixins.scss */
  html[region="JPN"] .buttons, html[region="JPN"] .goldBtn, html[region="JPN"] .greyBtn, html[region="JPN"] .blueBtn, html[region="JPN"] .orangeBtn {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", FuturaBT, Helvetica, Arial, Sans-serif; }

/* line 18, sass/_buttons.scss */
.goldBtn {
  border: 1px solid #e4b701;
  background-color: #fde586;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZTU4NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2YjgwMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fde586), color-stop(100%, #e6b801));
  background-image: -moz-linear-gradient(top, #fde586 0%, #e6b801 100%);
  background-image: -webkit-linear-gradient(top, #fde586 0%, #e6b801 100%);
  background-image: linear-gradient(to bottom, #fde586 0%, #e6b801 100%);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDE586', endColorstr='#FFE6B801'); }
  /* line 25, sass/_buttons.scss */
  .goldBtn:hover {
    background-color: #fcdb66;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZGI2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjYTAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcdb66), color-stop(100%, #dca000));
    background-image: -moz-linear-gradient(top, #fcdb66 0%, #dca000 100%);
    background-image: -webkit-linear-gradient(top, #fcdb66 0%, #dca000 100%);
    background-image: linear-gradient(to bottom, #fcdb66 0%, #dca000 100%);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFCDB66', endColorstr='#FFDCA000'); }

/* line 33, sass/_buttons.scss */
.greyBtn {
  border: 1px solid #d2d2d2;
  background-color: #ebebeb;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MzYzNjMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebebeb), color-stop(100%, #c3c3c3));
  background-image: -moz-linear-gradient(top, #ebebeb 0%, #c3c3c3 100%);
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #c3c3c3 100%);
  background-image: linear-gradient(to bottom, #ebebeb 0%, #c3c3c3 100%);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEBEBEB', endColorstr='#FFC3C3C3'); }
  /* line 40, sass/_buttons.scss */
  .greyBtn:hover {
    background-color: #e8e8e8;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FlYWVhZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e8e8e8), color-stop(100%, #aeaeae));
    background-image: -moz-linear-gradient(top, #e8e8e8 0%, #aeaeae 100%);
    background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #aeaeae 100%);
    background-image: linear-gradient(to bottom, #e8e8e8 0%, #aeaeae 100%);
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE8E8E8', endColorstr='#FFAEAEAE'); }

/* line 48, sass/_buttons.scss */
.blueBtn {
  border: 1px solid #166ece;
  background: url(/images/buttons/blue_buttons.png) repeat-x left 0px;
  color: #FFF !important; }

/* line 55, sass/_buttons.scss */
.orangeBtn {
  border: 1px solid #ffa026;
  background: url(/images/buttons/orangeButton.png) repeat-x left 0 !important; }

/* line 61, sass/_buttons.scss */
.smallBlueArrowBtn {
  background: url("mediaLibrary/AF5C09A5788944EE8FEE41A69ABACE51.ashx") no-repeat right center;
  padding-right: 20px;
  min-height: 18px;
  height: auto !important;
  height: 18px; }

/* line 69, sass/_buttons.scss */
div a.buttons:hover, div a.goldBtn:hover, div a.greyBtn:hover, div a.blueBtn:hover, div a.orangeBtn:hover {
  color: #000; }

/* line 73, sass/_buttons.scss */
.buttonLg {
  height: 30px;
  padding-top: 12px; }

/* line 78, sass/_buttons.scss */
.buttonMd {
  height: 24px;
  padding-top: 7px !important;
  font-size: 0.75em; }

/* line 84, sass/_buttons.scss */
.buttonSm {
  height: 20px;
  padding-top: 3px;
  font-size: 0.6875em; }

/* line 90, sass/_buttons.scss */
.button130 {
  width: 130px !important;
  padding-left: 0px;
  padding-right: 0px; }

/* line 96, sass/_buttons.scss */
.button140 {
  width: 140px !important;
  padding-left: 0px;
  padding-right: 0px; }

/* line 102, sass/_buttons.scss */
.button200 {
  width: 200px !important;
  padding-left: 0px;
  padding-right: 0px; }

/* line 109, sass/_buttons.scss */
input.buttons, input.goldBtn, input.greyBtn, input.blueBtn, input.orangeBtn {
  padding-top: 0px !important;
  padding: 0 20px; }
/* line 113, sass/_buttons.scss */
input.buttonLg {
  height: 42px; }
/* line 116, sass/_buttons.scss */
input.buttonMd {
  height: 31px; }
/* line 119, sass/_buttons.scss */
input.buttonSm {
  height: 23px; }

/* line 125, sass/_buttons.scss */
.genForm input.goldBtn, .genForm input.greyBtn {
  width: auto; }

/* line 130, sass/_buttons.scss */
* button {
  width: auto;
  overflow: visible; }

/* line 135, sass/_buttons.scss */
input.disabled, a.disabled, input.disabled:hover, a.disabled:hover {
  color: #666 !important;
  background-position: left -240px; }

/* line 140, sass/_buttons.scss */
.arrowButton {
  background: url(/medialibrary/61BD4002F78C4A9C8109228763041C6B.ashx) no-repeat 0 0;
  text-indent: -10000px;
  height: 19px;
  width: 19px;
  display: block;
  overflow: hidden; }

/* line 149, sass/_buttons.scss */
.greyArrowButton {
  background-position: 0 0; }
  /* line 151, sass/_buttons.scss */
  .greyArrowButton:hover {
    background-position: -19px 0; }

/* line 156, sass/_buttons.scss */
.goldArrowButton {
  background-position: 0 -19px; }
  /* line 158, sass/_buttons.scss */
  .goldArrowButton:hover {
    background-position: -19px -19px; }

/**********************editable buttons********************/
/* line 165, sass/_buttons.scss */
.greyButton {
  display: block;
  float: left;
  margin-left: 11px; }
  /* line 169, sass/_buttons.scss */
  .greyButton a {
    min-height: 15px;
    padding: 11px 20px;
    display: block;
    color: #000; }
  /* line 175, sass/_buttons.scss */
  .greyButton input {
    padding: 9px 15px 10px 15px;
    border: 0;
    background: none;
    display: table-cell;
    overflow: visible;
    height: 1%;
    cursor: pointer;
    color: #000;
    min-height: 37px; }

/****BlackBG Buttons**/
/* line 192, sass/_buttons.scss */
div.blackBG a.greyButton {
  color: Black; }
/* line 195, sass/_buttons.scss */
div.blackBG a:hover.greyButton {
  color: #666666; }
/* line 199, sass/_buttons.scss */
div.blackBG .greyButton a:active {
  color: #666666; }

/* BUTTONS */
/* line 206, sass/_buttons.scss */
.prdRegInfoRequest .purchaseDate input, .prdRegInfoRequest .purchaseDate select {
  border: 1px solid #D1D1D1;
  padding: 2px 4px;
  background: white url(/images/backgrounds/inputBackground.png) 0 0 repeat-x; }
/* line 211, sass/_buttons.scss */
.prdRegInfoRequest .purchaseDate .dateButton {
  display: none; }

/* line 216, sass/_buttons.scss */
.dateMonthPadding {
  width: 2px; }

/* line 221, sass/_buttons.scss */
.prdReg .button {
  margin-top: 25px; }
/* line 225, sass/_buttons.scss */
.prdReg .fld .button {
  float: left; }
/* line 228, sass/_buttons.scss */
.prdReg .fld .buttonFindAddress {
  margin-left: 10px;
  margin-top: 0; }
  /* line 231, sass/_buttons.scss */
  .prdReg .fld .buttonFindAddress .buttons, .prdReg .fld .buttonFindAddress .goldBtn, .prdReg .fld .buttonFindAddress .greyBtn, .prdReg .fld .buttonFindAddress .blueBtn, .prdReg .fld .buttonFindAddress .orangeBtn {
    margin-right: 0; }
/* line 236, sass/_buttons.scss */
.prdReg fieldset #addressFinder {
  margin-bottom: 20px; }
/* line 239, sass/_buttons.scss */
.prdReg .err {
  color: red !important;
  display: block;
  margin: 0 0 10px;
  padding: 3px 0px;
  font-size: 0.7em; }
/* line 246, sass/_buttons.scss */
.prdReg .errContactPreferences {
  float: left;
  color: red !important;
  display: block;
  margin: 0 0 10px;
  padding: 3px 0px;
  font-size: 0.7em; }
/* line 254, sass/_buttons.scss */
.prdReg .fld {
  margin-bottom: 10px;
  float: left;
  clear: left;
  width: 670px;
  /* border:1px solid #f0f; */ }
/* line 261, sass/_buttons.scss */
.prdReg .fldSmall {
  width: 470px; }
/* line 264, sass/_buttons.scss */
.prdReg .buttonSubmitForm {
  margin-top: 20px; }
/* line 269, sass/_buttons.scss */
.prdReg fieldset .fld label {
  width: 200px;
  display: block;
  float: left;
  font-weight: bold; }
/* line 275, sass/_buttons.scss */
.prdReg fieldset .fld span.title {
  width: 200px;
  display: block;
  float: left;
  font-weight: bold;
  font-size: 0.75em; }
/* line 283, sass/_buttons.scss */
.prdReg fieldset .fld label span.req {
  color: red;
  padding-left: 5px; }
/* line 287, sass/_buttons.scss */
.prdReg fieldset .fld label span.note {
  font-weight: normal;
  font-size: 0.9em;
  color: #666;
  padding-right: 10px;
  padding-top: 5px; }
/* line 295, sass/_buttons.scss */
.prdReg fieldset .fld .postcodefield {
  width: 60px;
  float: left; }
/* line 299, sass/_buttons.scss */
.prdReg fieldset .fld .radiobutton input, .prdReg fieldset .fld .radiolabel {
  float: left; }
/* line 302, sass/_buttons.scss */
.prdReg fieldset .fld .radiobutton input {
  width: 30px;
  margin: 0; }
/* line 306, sass/_buttons.scss */
.prdReg fieldset .fld .radiolabel {
  width: 60px;
  margin: 0; }
/* line 311, sass/_buttons.scss */
.prdReg fieldset .widenote {
  display: block;
  float: left;
  clear: both;
  width: 470px;
  margin-top: 10px;
  margin-right: 160px; }
/* line 319, sass/_buttons.scss */
.prdReg fieldset .note {
  color: #777777 !important;
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.2;
  padding-bottom: 10px; }

/* line 330, sass/_buttons.scss */
.prdRegInfoRequest {
  margin-top: 40px;
  margin-bottom: 70px; }

/* line 336, sass/_buttons.scss */
fieldset.prdRegLogin label {
  display: block;
  width: 200px;
  float: left;
  font-weight: bold; }
/* line 342, sass/_buttons.scss */
fieldset.prdRegLogin .err {
  float: none; }
/* line 345, sass/_buttons.scss */
fieldset.prdRegLogin .prdRegLoginInfo {
  margin: 10px 0 10px 200px;
  clear: both;
  width: 450px;
  color: #666;
  font-size: 0.7em; }

/* line 354, sass/_buttons.scss */
.addresslist {
  float: left;
  margin-top: 25px;
  width: 670px; }

/* line 360, sass/_buttons.scss */
.selectaddress {
  margin: 0 30px 10px 0;
  float: left;
  padding: 0;
  height: auto !important;
  min-height: 210px;
  width: 187px; }
  /* line 367, sass/_buttons.scss */
  .selectaddress p {
    margin-bottom: 2px; }

/* line 373, sass/_buttons.scss */
.secretQuestion label {
  display: block;
  margin-bottom: 15px;
  width: 600px; }
/* line 378, sass/_buttons.scss */
.secretQuestion .titleAnswer {
  display: block;
  margin-top: 15px; }

/* line 384, sass/_buttons.scss */
.prdReg .columnTitles h3 {
  display: block;
  float: left;
  width: 200px; }

/* line 390, sass/_buttons.scss */
.prdRegNav {
  background: #EBEBEB;
  padding: 20px;
  padding-top: 0;
  width: 186px;
  word-wrap: break-word; }
  /* line 397, sass/_buttons.scss */
  .prdRegNav h2 {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 115%; }

/* line 403, sass/_buttons.scss */
.fb-button {
  background: #375A98;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNzdiOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM3NWE5OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d77b8), color-stop(100%, #375a98));
  background-image: -moz-linear-gradient(top, #4d77b8 0%, #375a98 100%);
  background-image: -webkit-linear-gradient(top, #4d77b8 0%, #375a98 100%);
  background-image: linear-gradient(to bottom, #4d77b8 0%, #375a98 100%);
  text-shadow: #22428A 0 1px 3px;
  -webkit-box-shadow: inset 0 1px 0  #375A98, inset 0 2px 0 #6F90C4;
  -moz-box-shadow: inset 0 1px 0  #375A98, inset 0 2px 0 #6F90C4;
  box-shadow: inset 0 1px 0  #375A98, inset 0 2px 0 #6F90C4; }

/* line 424, sass/_buttons.scss */
.fb-button:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3NWE5OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNzdiOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #375a98), color-stop(100%, #4d77b8));
  background-image: -moz-linear-gradient(top, #375a98 0%, #4d77b8 100%);
  background-image: -webkit-linear-gradient(top, #375a98 0%, #4d77b8 100%);
  background-image: linear-gradient(to bottom, #375a98 0%, #4d77b8 100%); }

/* line 428, sass/_buttons.scss */
.twitter-button {
  background: #33CCFF;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhZTRlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzY2NmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9ae4e8), color-stop(100%, #33ccff));
  background-image: -moz-linear-gradient(top, #9ae4e8 0%, #33ccff 100%);
  background-image: -webkit-linear-gradient(top, #9ae4e8 0%, #33ccff 100%);
  background-image: linear-gradient(to bottom, #9ae4e8 0%, #33ccff 100%);
  text-shadow: #0099CC 0 1px 3px;
  -webkit-box-shadow: inset 0 1px 0  #33CCFF, inset 0 2px 0 #B0E0E6;
  -moz-box-shadow: inset 0 1px 0  #33CCFF, inset 0 2px 0 #B0E0E6;
  box-shadow: inset 0 1px 0  #33CCFF, inset 0 2px 0 #B0E0E6; }

/* line 449, sass/_buttons.scss */
.twitter-button:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzY2NmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzlhZTRlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #33ccff), color-stop(100%, #9ae4e8));
  background-image: -moz-linear-gradient(top, #33ccff 0%, #9ae4e8 100%);
  background-image: -webkit-linear-gradient(top, #33ccff 0%, #9ae4e8 100%);
  background-image: linear-gradient(to bottom, #33ccff 0%, #9ae4e8 100%); }

/* line 453, sass/_buttons.scss */
.google-button {
  background: #a5281a;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhNGEzOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E1MjgxYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #da4a38), color-stop(100%, #a5281a));
  background-image: -moz-linear-gradient(top, #da4a38 0%, #a5281a 100%);
  background-image: -webkit-linear-gradient(top, #da4a38 0%, #a5281a 100%);
  background-image: linear-gradient(to bottom, #da4a38 0%, #a5281a 100%);
  text-shadow: #8C1717 0 1px 3px;
  -webkit-box-shadow: inset 0 1px 0  #a5281a, inset 0 2px 0 #FA8072;
  -moz-box-shadow: inset 0 1px 0  #a5281a, inset 0 2px 0 #FA8072;
  box-shadow: inset 0 1px 0  #a5281a, inset 0 2px 0 #FA8072; }

/* line 474, sass/_buttons.scss */
.google-button:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1MjgxYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhNGEzOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a5281a), color-stop(100%, #da4a38));
  background-image: -moz-linear-gradient(top, #a5281a 0%, #da4a38 100%);
  background-image: -webkit-linear-gradient(top, #a5281a 0%, #da4a38 100%);
  background-image: linear-gradient(to bottom, #a5281a 0%, #da4a38 100%); }

/* line 478, sass/_buttons.scss */
.white-button {
  border: 1px solid #ccc;
  background: #FFFFFF;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
  text-shadow: #B3B3B3 0 1px 3px;
  -webkit-box-shadow: inset 0 1px 0  #E6E6E6, inset 0 2px 0 #FFFFFF;
  -moz-box-shadow: inset 0 1px 0  #E6E6E6, inset 0 2px 0 #FFFFFF;
  box-shadow: inset 0 1px 0  #E6E6E6, inset 0 2px 0 #FFFFFF; }

/* line 500, sass/_buttons.scss */
.white-button:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
  background-image: -webkit-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #e6e6e6 0%, #ffffff 100%); }

/* line 507, sass/_buttons.scss */
.icon-chevron-right.greyBtn {
  float: none;
  font-size: 9px;
  margin-right: 3px;
  padding: 3px 5px; }

/*Common site panels */
/* Re-usable panel styles */
/* line 5, sass/_panels.scss */
.helpPanelArrow {
  position: absolute;
  z-index: 10;
  background-color: #fff; }

/* line 11, sass/_panels.scss */
.infoPanel {
  background-color: #ebebeb;
  padding: 20px; }

/* line 16, sass/_panels.scss */
.helpPanel {
  background-color: #ebebeb;
  border: 1px solid #cccccc;
  position: absolute; }

/* line 22, sass/_panels.scss */
.helpPanelArrow {
  position: absolute;
  z-index: 10; }

/* line 27, sass/_panels.scss */
.errContainer {
  float: left;
  margin-left: 5px; }

/* line 32, sass/_panels.scss */
.errorPanelSummary, .errorMsg span {
  background-color: #feeeee;
  border: 1px solid #cccccc; }

/* Buy now panel */
/* line 39, sass/_panels.scss */
.buyNowPanel table {
  margin: 15px 0 20px;
  width: 200px; }
  /* line 42, sass/_panels.scss */
  .buyNowPanel table td {
    padding-bottom: 5px; }
  /* line 45, sass/_panels.scss */
  .buyNowPanel table .basketItem {
    text-align: left;
    font-weight: bold;
    width: 95px; }
  /* line 50, sass/_panels.scss */
  .buyNowPanel table .quantity {
    text-align: right;
    width: 10px; }
  /* line 54, sass/_panels.scss */
  .buyNowPanel table .basketPrice {
    text-align: right;
    width: 55px; }
  /* line 58, sass/_panels.scss */
  .buyNowPanel table .total td {
    padding: 10px 0; }

/********** Generic panel items ********/
/* line 65, sass/_panels.scss */
.largePromoPanel {
  height: 219px;
  background-position: left top;
  background-repeat: no-repeat; }

/* line 71, sass/_panels.scss */
.tallNarrowLinkedPromoPanel a {
  background-position: center bottom;
  background-repeat: no-repeat;
  display: block;
  font-size: 0.8em;
  min-height: 290px;
  height: auto !important;
  height: 290px;
  padding: 20px; }

/*Colour palette*/
/* line 84, sass/_panels.scss */
.panelColour1 {
  color: #494949 !important; }

/*Off black*/
/********* homepage styling ********/
/*Position an item in the bottom left hand corner of the letterbox e.g. a button*/
/* line 93, sass/_panels.scss */
.letterboxItem .positionBottomLeft {
  position: absolute;
  left: 25px;
  bottom: 25px; }

/* line 100, sass/_panels.scss */
.letterBoxWhiteBG .richTextEditor h2 {
  color: #000; }
  /* line 101, sass/_panels.scss */
  .letterBoxWhiteBG .richTextEditor h2.futura {
    color: #000; }
/* line 106, sass/_panels.scss */
.letterBoxWhiteBG .richTextEditor h1, .letterBoxWhiteBG .richTextEditor h3 {
  color: #000; }
/* line 109, sass/_panels.scss */
.letterBoxWhiteBG .richTextEditor p {
  color: #333; }

/* Air multiplier update letterbox */
/* line 117, sass/_panels.scss */
.amHeroLetterbox .col_13 {
  padding-left: 40px; }
/* line 120, sass/_panels.scss */
.amHeroLetterbox .greyArrowButton {
  margin: 5px 0 0 5px; }

/*Groom tool*/
/* line 127, sass/_panels.scss */
.groomPanel .richTextEditor {
  padding-top: 40px; }
  /* line 129, sass/_panels.scss */
  .groomPanel .richTextEditor h2 {
    color: black;
    text-transform: none; }
  /* line 133, sass/_panels.scss */
  .groomPanel .richTextEditor p {
    color: #666666;
    width: 250px; }

/* Facebook homepage panel */
/* line 141, sass/_panels.scss */
.facebookHP a span.innerPanelContainer {
  background: url("medialibrary/FB6AF9DC017E45DABABD3421262024BC.ashx") no-repeat 190px 115px; }

/*Ball*/
/* line 147, sass/_panels.scss */
.ballPanel {
  background-position: right center; }
  /* line 150, sass/_panels.scss */
  .ballPanel .richTextEditor .title {
    background: url("mediaLibrary/1845962B662149CB827ADDF5B74B585E.ashx") no-repeat left top;
    text-indent: -10000em;
    height: 29px;
    width: 129px; }
  /* line 156, sass/_panels.scss */
  .ballPanel .richTextEditor h2 {
    text-transform: none;
    font-size: 1.3em; }
  /* line 160, sass/_panels.scss */
  .ballPanel .richTextEditor h3 {
    color: #000;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    margin-bottom: 15px; }
  /* line 168, sass/_panels.scss */
  .ballPanel .richTextEditor p {
    color: #777;
    font-weight: bold;
    width: 207px; }

/*Spares*/
/* line 178, sass/_panels.scss */
.sparesPanel {
  background-position: right center; }
  /* line 181, sass/_panels.scss */
  .sparesPanel .richTextEditor h2 {
    color: #000;
    text-transform: none; }
  /* line 185, sass/_panels.scss */
  .sparesPanel .richTextEditor p {
    color: #777;
    font-weight: bold;
    width: 270px; }

/*Technology*/
/* line 195, sass/_panels.scss */
.technologyPanel {
  background-position: center center; }
  /* line 198, sass/_panels.scss */
  .technologyPanel .richTextEditor h1 {
    color: #666666;
    text-transform: uppercase;
    font-size: 0.7em;
    width: 250px; }
  /* line 204, sass/_panels.scss */
  .technologyPanel .richTextEditor p {
    width: 200px;
    color: White; }

/*Fans*/
/* line 213, sass/_panels.scss */
.fanPanel {
  background-color: White;
  background-position: 400px center; }
  /* line 217, sass/_panels.scss */
  .fanPanel .richTextEditor h2 {
    color: black;
    text-transform: none;
    font-size: 1.3em;
    width: 300px; }
  /* line 223, sass/_panels.scss */
  .fanPanel .richTextEditor h3 {
    color: black;
    width: 300px; }
  /* line 227, sass/_panels.scss */
  .fanPanel .richTextEditor p {
    color: black;
    width: 350px;
    margin-bottom: 10px;
    padding-bottom: 0px; }
    /* line 232, sass/_panels.scss */
    .fanPanel .richTextEditor p strong {
      font-size: 1.1em; }

/*Air Muliplier*/
/* line 241, sass/_panels.scss */
.AmPanel {
  background-position: left top;
  background-repeat: no-repeat; }
  /* line 245, sass/_panels.scss */
  .AmPanel .richTextEditor h1 {
    background: url("mediaLibrary/4A57261E2C1749729C4CB2512E0ADF90.ashx") no-repeat left top;
    text-indent: -10000em;
    height: 30px;
    width: 248px; }
  /* line 251, sass/_panels.scss */
  .AmPanel .richTextEditor h2 {
    background: url("mediaLibrary/2E5916A78FBF4791811561762B236AE1.ashx") no-repeat left top;
    text-indent: -10000em;
    height: 20px;
    width: 199px; }
  /* line 257, sass/_panels.scss */
  .AmPanel .richTextEditor p {
    color: #666666;
    width: 250px;
    margin-bottom: 10px;
    padding-bottom: 0px; }
    /* line 262, sass/_panels.scss */
    .AmPanel .richTextEditor p strong {
      font-size: 1.1em; }

/*Fans hot*/
/* line 271, sass/_panels.scss */
.fansHeaterPanel .richTextEditor {
  padding: 0; }

/* line 275, sass/_panels.scss */
#letterbox_FansHot_Copy {
  position: absolute;
  top: 130px;
  left: 435px;
  text-align: right; }
  /* line 280, sass/_panels.scss */
  #letterbox_FansHot_Copy h2 {
    color: #FFF;
    font-size: 1.0em; }
  /* line 284, sass/_panels.scss */
  #letterbox_FansHot_Copy a {
    float: right;
    margin-right: 5px; }

/*Handhelds*/
/* line 293, sass/_panels.scss */
.handheldsPanel h2.futura {
  margin-top: 20px; }
/* line 296, sass/_panels.scss */
.handheldsPanel p {
  width: 400px;
  color: #000; }
/* line 300, sass/_panels.scss */
.handheldsPanel a {
  position: absolute;
  bottom: 25px;
  left: 28px; }

/*Allergy*/
/* line 310, sass/_panels.scss */
.allergyPanel .richTextEditor {
  padding: 50px 0 0 280px; }
/* line 313, sass/_panels.scss */
.allergyPanel h1 {
  color: #FFF; }
/* line 317, sass/_panels.scss */
.allergyPanel .richTextEditor p {
  width: 390px;
  color: #000; }
/* line 321, sass/_panels.scss */
.allergyPanel .richTextEditor a {
  margin-top: 50px; }

/*Allergy Special Offer*/
/* line 330, sass/_panels.scss */
.allergySoPanel .richTextEditor h1 {
  background: url("mediaLibrary/51953EDFDC1B4AF8AA41561AED25C388.ashx") no-repeat left top;
  text-indent: -10000em;
  height: 70px;
  width: 189px; }
/* line 336, sass/_panels.scss */
.allergySoPanel .richTextEditor h2 {
  color: #777;
  font-size: 0.7em;
  text-transform: none;
  padding: 0px;
  margin: 0px;
  line-height: 30px; }
/* line 344, sass/_panels.scss */
.allergySoPanel .richTextEditor p {
  width: 390px;
  color: #666666;
  width: 250px;
  margin-bottom: 10px;
  padding-bottom: 0px;
  font-weight: bold; }
/* line 352, sass/_panels.scss */
.allergySoPanel .richTextEditor .blueTxt {
  color: #1e77d7; }
/* line 355, sass/_panels.scss */
.allergySoPanel .richTextEditor a {
  margin-top: 50px; }

/*Cylinder Ball*/
/* line 362, sass/_panels.scss */
.ballCylinderPanel {
  background-position: 20px 40px; }
  /* line 364, sass/_panels.scss */
  .ballCylinderPanel .richTextEditor {
    padding: 40px 0 0 405px;
    overflow: hidden; }
  /* line 368, sass/_panels.scss */
  .ballCylinderPanel h1 {
    background: url("mediaLibrary/4DB244D522D7472FB07BF0490139A5A1.ashx") no-repeat left top;
    text-indent: -10000em;
    height: 39px; }
  /* line 373, sass/_panels.scss */
  .ballCylinderPanel .richTextEditor p {
    width: auto; }

/*DC35 Digital Slim*/
/* line 380, sass/_panels.scss */
.dc35DDSPanel {
  background-position: left 120px;
  background-repeat: no-repeat; }
  /* line 383, sass/_panels.scss */
  .dc35DDSPanel h1 {
    background: url("mediaLibrary/7D29CC64EC6E432A972F87D9118E8131.ashx") no-repeat left top;
    text-indent: -10000em;
    height: 36px; }

/*DC35 Animal*/
/* line 392, sass/_panels.scss */
.dc35AnimalPanel {
  background: #FFFFFF repeat-x scroll left top; }
  /* line 395, sass/_panels.scss */
  .dc35AnimalPanel .richTextEditor h1 {
    background: url("mediaLibrary/66CC2F0805C14E498DEDBF4729B83F74.ashx") no-repeat scroll left top white;
    width: 105px;
    height: 38px;
    text-indent: -100000px;
    margin-bottom: 15px; }
  /* line 402, sass/_panels.scss */
  .dc35AnimalPanel .richTextEditor p {
    width: 170px;
    color: #333; }
  /* line 406, sass/_panels.scss */
  .dc35AnimalPanel .richTextEditor .dc35Subtitle {
    padding: 0px 0px 0px 20px; }
  /* line 409, sass/_panels.scss */
  .dc35AnimalPanel .richTextEditor a {
    margin-top: 43px;
    clear: both; }
  /* line 413, sass/_panels.scss */
  .dc35AnimalPanel .richTextEditor .dc35AnimalLbxHero {
    margin-top: 19px; }

/* Big 4 balls */
/* line 421, sass/_panels.scss */
.big4BallsPanel {
  background: #000 repeat-x scroll left top; }
  /* line 423, sass/_panels.scss */
  .big4BallsPanel .richTextEditor {
    padding-top: 48px; }
    /* line 426, sass/_panels.scss */
    .big4BallsPanel .richTextEditor h2.futura {
      color: #000; }
    /* line 429, sass/_panels.scss */
    .big4BallsPanel .richTextEditor h2.title {
      background: url("mediaLibrary/469E8203F7624E4F92B6D0D794736480.ashx") no-repeat scroll left top;
      text-indent: -10000em;
      height: 39px;
      margin-bottom: 10px;
      color: #000; }
    /* line 437, sass/_panels.scss */
    .big4BallsPanel .richTextEditor a {
      margin-top: 40px; }

/*Trade in*/
/* line 445, sass/_panels.scss */
.tradeinHomeLetterbox {
  background-position: 340px bottom; }
  /* line 447, sass/_panels.scss */
  .tradeinHomeLetterbox .richTextEditor {
    padding-top: 50px; }
  /* line 450, sass/_panels.scss */
  .tradeinHomeLetterbox h1 {
    color: #1464c9 !important; }
  /* line 453, sass/_panels.scss */
  .tradeinHomeLetterbox .caveat {
    font-size: 0.7em;
    margin-top: 100px; }

/* line 459, sass/_panels.scss */
.tradeinHomeLetterboxTakeover {
  background-repeat: no-repeat;
  background-position: center bottom;
  min-height: 500px;
  height: auto !important;
  height: 500px; }
  /* line 465, sass/_panels.scss */
  .tradeinHomeLetterboxTakeover .tradeinHomeLetterboxTakeover_Copy {
    padding-top: 35px;
    float: none; }
    /* line 468, sass/_panels.scss */
    .tradeinHomeLetterboxTakeover .tradeinHomeLetterboxTakeover_Copy a {
      color: #000;
      font-weight: bold;
      font-size: 0.8em; }
      /* line 472, sass/_panels.scss */
      .tradeinHomeLetterboxTakeover .tradeinHomeLetterboxTakeover_Copy a:hover, .tradeinHomeLetterboxTakeover .tradeinHomeLetterboxTakeover_Copy a:focus {
        color: #666; }

/* DC35 cordless promotion*/
/* line 481, sass/_panels.scss */
.DC35CordlessPromotionPanel {
  background: url("/Styles/mediaLibrary/66CC2F0805C14E498DEDBF4729B83F74.ashx") no-repeat scroll left top; }
  /* line 483, sass/_panels.scss */
  .DC35CordlessPromotionPanel .richTextEditor h1 {
    background: url("medialibrary/85B9D92886274DFF9E348220860510EA.ashx") no-repeat scroll left top;
    height: 38px;
    margin-bottom: 10px;
    margin-top: 20px;
    text-indent: -1000000px;
    width: 105px; }
  /* line 491, sass/_panels.scss */
  .DC35CordlessPromotionPanel .title {
    color: #494949;
    font-size: 1.2em;
    margin-bottom: 30px; }
  /* line 496, sass/_panels.scss */
  .DC35CordlessPromotionPanel .subtitle {
    color: #0066cc;
    font-size: 1.1em;
    margin-bottom: 0px; }
  /* line 501, sass/_panels.scss */
  .DC35CordlessPromotionPanel .richTextEditor p {
    color: #494949; }

/* line 507, sass/_panels.scss */
.DC35CordlessPromotionLetterboxTakeover .genericContentInner {
  margin-top: 24px;
  margin-left: 25px;
  height: 225px; }
/* line 512, sass/_panels.scss */
.DC35CordlessPromotionLetterboxTakeover .DC35padding {
  padding: 20px 0 0 40px; }
/* line 515, sass/_panels.scss */
.DC35CordlessPromotionLetterboxTakeover .DC35heading {
  background: url("medialibrary/ED911043B4E84C74B75B5B5C299CCD25.ashx") no-repeat scroll left top;
  height: 38px;
  margin-bottom: 10px;
  margin-top: 20px;
  text-indent: -1000000px;
  width: 105px; }
/* line 523, sass/_panels.scss */
.DC35CordlessPromotionLetterboxTakeover .cordlessSubtitle {
  padding: 0 0 0 20px; }
/* line 526, sass/_panels.scss */
.DC35CordlessPromotionLetterboxTakeover .title {
  color: #494949;
  font-size: 1em;
  margin-bottom: 20px;
  line-height: 1.1875em; }
/* line 532, sass/_panels.scss */
.DC35CordlessPromotionLetterboxTakeover .subtitle {
  color: #0066cc;
  font-size: 1.1em;
  margin-bottom: 0px; }
/* line 537, sass/_panels.scss */
.DC35CordlessPromotionLetterboxTakeover .richTextEditor p {
  color: #494949; }

/* TFT animated takeover*/
/* line 545, sass/_panels.scss */
.TFTLetterboxTakeover .TFTanimation {
  display: none; }
  /* line 547, sass/_panels.scss */
  .TFTLetterboxTakeover .TFTanimation .underside {
    position: absolute;
    top: 50px;
    left: 389px; }
  /* line 552, sass/_panels.scss */
  .TFTLetterboxTakeover .TFTanimation .left {
    position: relative;
    top: 70px;
    left: 33px; }
  /* line 557, sass/_panels.scss */
  .TFTLetterboxTakeover .TFTanimation .right {
    position: relative;
    top: 80px; }
  /* line 561, sass/_panels.scss */
  .TFTLetterboxTakeover .TFTanimation .leftCircle {
    position: relative;
    top: -114px;
    right: -110px; }
  /* line 566, sass/_panels.scss */
  .TFTLetterboxTakeover .TFTanimation .rightCircle {
    position: relative;
    top: -114px;
    right: -220px; }
  /* line 571, sass/_panels.scss */
  .TFTLetterboxTakeover .TFTanimation img.overlay {
    position: relative;
    top: -105px;
    left: 10px; }
/* line 577, sass/_panels.scss */
.TFTLetterboxTakeover .ieFadeIn {
  position: absolute;
  top: 50px;
  left: 389px;
  display: none; }
/* line 583, sass/_panels.scss */
.TFTLetterboxTakeover .margBottom300 {
  margin-bottom: 290px; }
/* line 586, sass/_panels.scss */
.TFTLetterboxTakeover .ie9Fix {
  height: 500px !important; }
  /* line 588, sass/_panels.scss */
  .TFTLetterboxTakeover .ie9Fix .underside {
    position: absolute;
    top: 62px; }
  /* line 592, sass/_panels.scss */
  .TFTLetterboxTakeover .ie9Fix .left {
    position: relative;
    top: 98px;
    left: 35px; }
  /* line 597, sass/_panels.scss */
  .TFTLetterboxTakeover .ie9Fix .right {
    position: relative;
    top: 95px; }
  /* line 601, sass/_panels.scss */
  .TFTLetterboxTakeover .ie9Fix .leftCircle {
    position: relative;
    top: -204px;
    right: -112px; }
  /* line 606, sass/_panels.scss */
  .TFTLetterboxTakeover .ie9Fix .rightCircle {
    position: relative;
    top: -195px; }
  /* line 610, sass/_panels.scss */
  .TFTLetterboxTakeover .ie9Fix img.overlay {
    position: relative;
    top: -190px; }

/* Display none is default. Javascript unsets it */
/* This needs to be cleaned up with absolute positioning */
/* TFT letterbox animation */
/* line 624, sass/_panels.scss */
.TFTLetterbox .TFTanimation {
  display: none; }
  /* line 626, sass/_panels.scss */
  .TFTLetterbox .TFTanimation .underside {
    position: absolute;
    top: 53px;
    left: 407px; }
  /* line 631, sass/_panels.scss */
  .TFTLetterbox .TFTanimation .left {
    position: absolute !important;
    top: 80px;
    left: 424px; }
  /* line 636, sass/_panels.scss */
  .TFTLetterbox .TFTanimation .right {
    position: absolute !important;
    top: 76px;
    left: 561px; }
  /* line 641, sass/_panels.scss */
  .TFTLetterbox .TFTanimation .leftCircle {
    position: absolute;
    top: 119px;
    right: 453px; }
  /* line 646, sass/_panels.scss */
  .TFTLetterbox .TFTanimation .rightCircle {
    position: absolute;
    top: 119px;
    right: 321px; }
  /* line 651, sass/_panels.scss */
  .TFTLetterbox .TFTanimation img.overlay {
    position: absolute;
    top: 189px;
    left: 407px; }
/* line 657, sass/_panels.scss */
.TFTLetterbox .ieFadeIn {
  position: absolute;
  top: 54px;
  left: 408px;
  display: none; }

/*********Homepage panels - footer ********/
/*Social media panels*/
/* line 669, sass/_panels.scss */
.panelFacebookFanPage a img, .panelFacebookFanPageWide a img, .panelYouTubePageWide a img {
  margin-top: -5px; }

/* line 673, sass/_panels.scss */
.panelFacebookFanPageWide .arrowNext, .panelYouTubePageWide .arrowNext {
  width: auto !important; }

/* Allergies double width */
/* line 679, sass/_panels.scss */
.allergiesDoubleWidth div a {
  background-position: 370px 20px; }

/********* Panel styling ********/
/*Phase 5 promo*/
/* line 686, sass/_panels.scss */
.promoDetailsPanel .freeCleanKitOfferPnl {
  margin-left: -10px; }

/* line 690, sass/_panels.scss */
.featureOverlayContentText .freeCleanKitOfferPnl {
  margin-left: 0; }

/* line 694, sass/_panels.scss */
.freeCleanKitOfferPnl .pnlCopy {
  position: absolute;
  left: 20px;
  top: 20px; }

/* line 700, sass/_panels.scss */
.freeCleanKitLargePnl {
  height: 270px; }

/*Offer panels*/
/* line 706, sass/_panels.scss */
.panelOffer {
  background: url("mediaLibrary/D1ADD6C7BE8F4E4094CC5F56A637E41B.ashx") no-repeat right top; }

/*Digital slim panels*/
/* line 712, sass/_panels.scss */
.digitalSlim_Panel h2 {
  margin-left: -2px; }

/* line 716, sass/_panels.scss */
.digitalSlim_SmallPanel a {
  height: 170px; }

/* line 720, sass/_panels.scss */
.digitalSlim_LargePanel {
  height: 290px; }

/* line 725, sass/_panels.scss */
.digitalSlimTakeover_LBxCopy h1 {
  position: absolute;
  top: 105px;
  left: 100px; }
/* line 730, sass/_panels.scss */
.digitalSlimTakeover_LBxCopy h2 {
  position: absolute;
  top: 25px;
  left: 20px; }

/*Trade in*/
/*Offer panel - col 6 sized*/
/* line 741, sass/_panels.scss */
.tradeInOffer a {
  background-repeat: no-repeat;
  background-position: center bottom;
  padding: 20px;
  display: block;
  min-height: 256px;
  height: auto !important;
  height: 256px;
  font-size: 0.8em; }
/* line 751, sass/_panels.scss */
.tradeInOffer .caveatOffer {
  font-size: 0.7em;
  margin-top: 100px; }

/*Wide letterbox - col 18 sized*/
/* line 759, sass/_panels.scss */
.tradeInOffer_LrgPanel {
  background-position: left bottom;
  min-height: 232px;
  height: auto !important;
  height: 232px; }
  /* line 764, sass/_panels.scss */
  .tradeInOffer_LrgPanel .genericContentInner {
    margin-top: 40px;
    margin-left: 15px; }

/*Wide Trade in Fans letterbox - col 18 sized*/
/* line 772, sass/_panels.scss */
.tradeInFansOffer_LrgPanel {
  min-height: 232px;
  height: auto !important;
  height: 232px; }
  /* line 776, sass/_panels.scss */
  .tradeInFansOffer_LrgPanel .genericContentInner {
    margin-top: 40px;
    margin-left: 15px; }
  /* line 780, sass/_panels.scss */
  .tradeInFansOffer_LrgPanel .caveat {
    font-size: 0.7em;
    margin-top: 20px; }

/* Overview product features panel */
/* line 787, sass/_panels.scss */
.prodOverviewFeatures ul {
  height: 122px;
  overflow: hidden;
  padding-left: 16px; }
  /* line 791, sass/_panels.scss */
  .prodOverviewFeatures ul li {
    list-style: disc outside none; }

/* Lower product panels */
/* line 798, sass/_panels.scss */
.productLowerPanel {
  height: 116px;
  margin-top: 20px; }

/* line 803, sass/_panels.scss */
.slimPanel, .engineeringPanel, .specialOffersPanel, .groomPanel, .petPanel, .allergyPanel {
  font-size: 0.8em; }

/* line 807, sass/_panels.scss */
.slimPanel span.heading, .engineeringPanel span.heading, .specialOffersPanel span.heading, .groomPanel span.heading, .petPanel span.heading, .allergyPanel span.heading, .specialOffersPanel span.heading {
  font-size: 1.1em; }

/* line 811, sass/_panels.scss */
.slimPanel .genericContentInner {
  padding-right: 60px; }

/**** Price Panel ****/
/* line 816, sass/_panels.scss */
.pricePanel {
  width: 187px;
  padding: 20px 40px 20px 0px;
  float: left;
  margin-bottom: 10px; }
  /* line 821, sass/_panels.scss */
  .pricePanel .pricePanelInner {
    padding-left: 20px; }
  /* line 824, sass/_panels.scss */
  .pricePanel .productColourInfo {
    font-size: 0.75em;
    margin-bottom: 10px; }
    /* line 827, sass/_panels.scss */
    .pricePanel .productColourInfo .colourImage {
      float: left;
      padding-right: 5px;
      height: 18px; }
      /* line 831, sass/_panels.scss */
      .pricePanel .productColourInfo .colourImage img {
        vertical-align: middle; }
    /* line 835, sass/_panels.scss */
    .pricePanel .productColourInfo .colourText {
      float: left;
      width: 140px;
      height: 18px;
      padding-top: 1px; }
    /* line 841, sass/_panels.scss */
    .pricePanel .productColourInfo .moreColoursDiv {
      margin-top: 5px; }
      /* line 843, sass/_panels.scss */
      .pricePanel .productColourInfo .moreColoursDiv a {
        font-size: 1em; }
  /* line 848, sass/_panels.scss */
  .pricePanel .keySalesPoints {
    font-size: 0.9em;
    margin-bottom: 13px; }
    /* line 852, sass/_panels.scss */
    .pricePanel .keySalesPoints .promoMoreDetails {
      padding-left: 15px; }
    /* line 856, sass/_panels.scss */
    .pricePanel .keySalesPoints ul {
      padding-left: 15px; }
      /* line 858, sass/_panels.scss */
      .pricePanel .keySalesPoints ul li {
        list-style-type: disc;
        margin-bottom: 0px; }
    /* line 864, sass/_panels.scss */
    .pricePanel .keySalesPoints ul.promoSalesPoints li {
      color: #0066ff; }
      /* line 867, sass/_panels.scss */
      .pricePanel .keySalesPoints ul.promoSalesPoints li .heading {
        font-weight: normal;
        color: #0066ff; }
  /* line 874, sass/_panels.scss */
  .pricePanel .priceText {
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 15px;
    font-size: 0.8em; }
    /* line 880, sass/_panels.scss */
    .pricePanel .priceText .wasPrice, .pricePanel .priceText .nowPrice {
      display: block; }
    /* line 884, sass/_panels.scss */
    .pricePanel .priceText .nowPrice, .pricePanel .priceText .savePrice {
      color: #0066ff;
      display: block; }
    /* line 889, sass/_panels.scss */
    .pricePanel .priceText .nowPrice {
      margin-top: 8px; }
    /* line 893, sass/_panels.scss */
    .pricePanel .priceText .savePrice {
      font-weight: normal; }
  /* line 897, sass/_panels.scss */
  .pricePanel .heading {
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 10px; }
  /* line 902, sass/_panels.scss */
  .pricePanel .priceNotes p, .pricePanel input {
    margin-bottom: 0px; }
  /* line 905, sass/_panels.scss */
  .pricePanel .priceNotesInner {
    padding-top: 10px; }

/** Calculator Styles **/
/* line 912, sass/_panels.scss */
.calculatorResults .savingText {
  padding: 20px 15px 0;
  font-size: 1em;
  line-height: 1.2;
  text-align: center;
  font-family: "FuturaBT-Book", "Century Gothic", CenturyGothic, sans-serif;
  font-weight: normal; }
  /* line 156, ../Mobile/Styles/sass/Shared/_mixins.scss */
  html[region="HKG"] .calculatorResults .savingText {
    font-family: "FuturaBT-Book", "Century Gothic", CenturyGothic, "Microsoft JhengHei", sans-serif; }
  /* line 160, ../Mobile/Styles/sass/Shared/_mixins.scss */
  html[region="JPN"] .calculatorResults .savingText {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", FuturaBT, Helvetica, Arial, Sans-serif; }

/* line 923, sass/_panels.scss */
.calculatorResults .savingText .savingValue {
  font-size: 1.8em;
  font-weight: bold;
  line-height: 2; }

/* line 930, sass/_panels.scss */
.calculatorResults .caveatText {
  margin-top: 20px;
  font-size: 1em;
  line-height: 1.2;
  text-align: center; }

/* line 941, sass/_panels.scss */
.parentOfThree :first-child {
  margin-left: 0px;
  margin-right: 14px; }
/* line 948, sass/_panels.scss */
.parentOfThree :nth-child(2) {
  margin-left: 7px;
  margin-right: 7px; }
/* line 954, sass/_panels.scss */
.parentOfThree :last-child {
  margin-left: 14px;
  margin-right: 0px; }

/* line 960, sass/_panels.scss */
.oneOfThree {
  float: left;
  width: 294px;
  display: inline-block; }
  /* line 966, sass/_panels.scss */
  .oneOfThree img {
    margin-left: 0px !important;
    margin-right: 0px !important; }

/* line 1, sass/_editable.scss */
.greyButton {
  background: #c3c3c3 url(/images/buttons/greyButton.png) repeat-x top;
  border: 1px solid #d3d3d3; }

/* line 6, sass/_editable.scss */
.yellowButton {
  background: #cd9a0b url(/images/buttons/yellowButton.png) repeat-x top;
  border: 1px solid #cd9a0b; }

/* General form styles */
/* line 3, sass/_forms.scss */
select {
  border: 1px solid #D1D1D1; }

/* line 8, sass/_forms.scss */
input[type="text"], input[type="password"], textarea, .disabledField {
  background: url(medialibrary/409C44F5E0304D06BCDDB824A9D7BDAD.ashx) repeat-x 0 0;
  border: 1px solid #D1D1D1;
  padding: 2px 4px; }

/* line 14, sass/_forms.scss */
.infoPanel select {
  background-color: #fff; }

/* line 18, sass/_forms.scss */
.genForm {
  text-align: center;
  padding-bottom: 10px; }
  /* line 19, sass/_forms.scss */
  .genForm select.listBox {
    background-image: none;
    background-color: #fff;
    margin-left: 27px; }
  /* line 26, sass/_forms.scss */
  .genForm label {
    width: 145px;
    display: block;
    float: left;
    text-align: right;
    margin: 0 33px 10px 0;
    clear: both; }
  /* line 34, sass/_forms.scss */
  .genForm select, .genForm input, .genForm textbox {
    width: 176px;
    margin: 0 0 10px 0px;
    float: left; }

/* line 41, sass/_forms.scss */
.errorMsg {
  float: right;
  position: relative; }
  /* line 44, sass/_forms.scss */
  .errorMsg a {
    border: 0 solid #fff;
    height: 8px;
    height: auto; }
    /* line 48, sass/_forms.scss */
    .errorMsg a span {
      color: #cc0000;
      visibility: hidden;
      font-size: 0.9375em;
      width: 150px;
      padding: 5px 15px;
      left: 10px;
      top: -3px;
      left: 32px;
      height: auto;
      position: absolute;
      text-align: left; }
    /* line 61, sass/_forms.scss */
    .errorMsg a img.errorPanelArrow {
      visibility: hidden;
      position: absolute;
      z-index: 10;
      top: 5px;
      left: 25px;
      height: auto; }
    /* line 69, sass/_forms.scss */
    .errorMsg a:hover, .errorMsg a:focus {
      color: #fff;
      border: 0 solid #fff;
      background: #fff; }
    /* line 74, sass/_forms.scss */
    .errorMsg a:hover span, .errorMsg a:focus span, .errorMsg a:hover img.errorPanelArrow, .errorMsg a:focus img.errorPanelArrow {
      visibility: visible;
      height: auto; }

/*Web forms*/
/* line 82, sass/_forms.scss */
.blackTxt .scfSectionLegend, .disabledField {
  color: #000; }

/* line 85, sass/_forms.scss */
.typeRadio {
  margin: 3px 3px 0px 5px; }

/* line 90, sass/_forms.scss */
.serialMask input {
  text-transform: uppercase; }

/* CSS gradients */
/* line 3, sass/_gradients.scss */
.whiteGradient {
  background-color: #fff;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(80%, #ffffff), color-stop(100%, #dddddd));
  background-image: -moz-linear-gradient(top, #ffffff 80%, #dddddd 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 80%, #dddddd 100%);
  background-image: linear-gradient(to bottom, #ffffff 80%, #dddddd 100%);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFDDDDDD'); }

/* CSS Animations - NB: Always have a js fallback */
/* line 3, sass/_animations.scss */
.spinFastCW {
  animation: spinFastCW 0.7s linear infinite;
  -webkit-animation: spinFastCW 0.7s linear infinite;
  -moz-animation: spinFastCW 0.7s linear infinite;
  -ms-animation: fadeOut 1s linear forwards;
  -o-animation: spinFastCW 0.7s linear infinite; }

/* line 11, sass/_animations.scss */
.spinFastCCW {
  animation: spinFastCCW 0.7s linear infinite;
  -webkit-animation: spinFastCCW 0.7s linear infinite;
  -moz-animation: spinFastCCW 0.7s linear infinite;
  -ms-animation: fadeOut 1s linear forwards;
  -o-animation: spinFastCCW 0.7s linear infinite; }

/* line 19, sass/_animations.scss */
.fadeOut {
  animation: fadeOut 1s linear forwards;
  -webkit-animation: fadeOut 1s linear forwards;
  -moz-animation: fadeOut 1s linear forwards;
  -ms-animation: fadeOut 1s linear forwards;
  -o-animation: fadeOut 1s linear forwards; }

/* line 28, sass/_animations.scss */
.fadeInOut {
  animation: fadeInDelay 5s linear infinite alternate;
  -webkit-animation: fadeInDelay 5s linear infinite alternate;
  -moz-animation: fadeInDelay 5s linear infinite alternate;
  -ms-animation: fadeInDelay 5s linear infinite alternate;
  -o-animation: fadeInDelay 5s linear infinite alternate; }

/* CSS Animations - keyframe delarations */
/* Spinning */
/* Clockwise Spin */
@-webkit-keyframes spinFastCW {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes spinFastCW {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }
@-o-keyframes spinFastCW {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(360deg); } }
@keyframes spinFastCW {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
/* Counter-clockwiswe spin */
@-webkit-keyframes spinFastCCW {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(-360deg); } }
@-moz-keyframes spinFastCCW {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(-360deg); } }
@-o-keyframes spinFastCCW {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(-360deg); } }
@keyframes spinFastCCW {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }
/* Fading */
/* Fade Out */
@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-moz-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-ms-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-o-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
/* Fade In (delays) */
@keyframes fadeInDelay {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeInDelay {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeInDelay {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadeInDelay {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeInDelay {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  80% {
    opacity: 1; }
  100% {
    opacity: 1; } }
/*
Animate.css - http://daneden.me/animate
LICENSED UNDER THE  MIT LICENSE (MIT)

Copyright (c) 2011 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
/* line 166, sass/_animations.scss */
.animated_fast {
  -webkit-animation: 0.5s ease;
  -moz-animation: 0.5s ease;
  -ms-animation: 0.5s ease;
  -o-animation: 0.5s ease;
  animation: 0.5s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

/* line 179, sass/_animations.scss */
.animated {
  -webkit-animation: 1s ease;
  -moz-animation: 1s ease;
  -ms-animation: 1s ease;
  -o-animation: 1s ease;
  animation: 1s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

/* line 192, sass/_animations.scss */
.animated.hinge {
  -webkit-animation: 2s ease;
  -moz-animation: 2s ease;
  -ms-animation: 2s ease;
  -o-animation: 2s ease;
  animation: 2s ease; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@-ms-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
/* line 225, sass/_animations.scss */
.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -ms-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px); } }
@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -moz-transform: translateX(10px); } }
@-ms-keyframes shake {
  0%, 100% {
    -ms-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -ms-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -ms-transform: translateX(10px); } }
@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -o-transform: translateX(10px); } }
@keyframes shake {
  0%, 100% {
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    transform: translateX(10px); } }
/* line 262, sass/_animations.scss */
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -ms-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px); } }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); }
  40% {
    -moz-transform: translateY(-30px); }
  60% {
    -moz-transform: translateY(-15px); } }
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateY(0); }
  40% {
    -ms-transform: translateY(-30px); }
  60% {
    -ms-transform: translateY(-15px); } }
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0); }
  40% {
    -o-transform: translateY(-30px); }
  60% {
    -o-transform: translateY(-15px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }
/* line 298, sass/_animations.scss */
.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -ms-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0); } }
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1); }
  10%, 20% {
    -moz-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -moz-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -moz-transform: scale(1.1) rotate(-3deg); }
  100% {
    -moz-transform: scale(1) rotate(0); } }
@-ms-keyframes tada {
  0% {
    -ms-transform: scale(1); }
  10%, 20% {
    -ms-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -ms-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -ms-transform: scale(1.1) rotate(-3deg); }
  100% {
    -ms-transform: scale(1) rotate(0); } }
@-o-keyframes tada {
  0% {
    -o-transform: scale(1); }
  10%, 20% {
    -o-transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -o-transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -o-transform: scale(1.1) rotate(-3deg); }
  100% {
    -o-transform: scale(1) rotate(0); } }
@keyframes tada {
  0% {
    transform: scale(1); }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg); }
  100% {
    transform: scale(1) rotate(0); } }
/* line 345, sass/_animations.scss */
.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -ms-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center; }
  20% {
    -webkit-transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg); } }
@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg); }
  40% {
    -moz-transform: rotate(-10deg); }
  60% {
    -moz-transform: rotate(5deg); }
  80% {
    -moz-transform: rotate(-5deg); }
  100% {
    -moz-transform: rotate(0deg); } }
@-ms-keyframes swing {
  20% {
    -ms-transform: rotate(15deg); }
  40% {
    -ms-transform: rotate(-10deg); }
  60% {
    -ms-transform: rotate(5deg); }
  80% {
    -ms-transform: rotate(-5deg); }
  100% {
    -ms-transform: rotate(0deg); } }
@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg); }
  40% {
    -o-transform: rotate(-10deg); }
  60% {
    -o-transform: rotate(5deg); }
  80% {
    -o-transform: rotate(-5deg); }
  100% {
    -o-transform: rotate(0deg); } }
@keyframes swing {
  20% {
    transform: rotate(15deg); }
  40% {
    transform: rotate(-10deg); }
  60% {
    transform: rotate(5deg); }
  80% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(0deg); } }
/* line 393, sass/_animations.scss */
.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -ms-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%); } }
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%); }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -moz-transform: translateX(20%) rotate(3deg); }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -moz-transform: translateX(10%) rotate(2deg); }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -moz-transform: translateX(0%); } }
@-ms-keyframes wobble {
  0% {
    -ms-transform: translateX(0%); }
  15% {
    -ms-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -ms-transform: translateX(20%) rotate(3deg); }
  45% {
    -ms-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -ms-transform: translateX(10%) rotate(2deg); }
  75% {
    -ms-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -ms-transform: translateX(0%); } }
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%); }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg); }
  30% {
    -o-transform: translateX(20%) rotate(3deg); }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg); }
  60% {
    -o-transform: translateX(10%) rotate(2deg); }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg); }
  100% {
    -o-transform: translateX(0%); } }
@keyframes wobble {
  0% {
    transform: translateX(0%); }
  15% {
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    transform: translateX(20%) rotate(3deg); }
  45% {
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    transform: translateX(10%) rotate(2deg); }
  75% {
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    transform: translateX(0%); } }
/* line 457, sass/_animations.scss */
.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -ms-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1); }
  50% {
    -moz-transform: scale(1.1); }
  100% {
    -moz-transform: scale(1); } }
@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1); }
  50% {
    -ms-transform: scale(1.1); }
  100% {
    -ms-transform: scale(1); } }
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1); }
  50% {
    -o-transform: scale(1.1); }
  100% {
    -o-transform: scale(1); } }
@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
/* line 492, sass/_animations.scss */
.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -ms-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in; } }
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out; }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out; }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in; }
  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in; }
  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in; } }
@-ms-keyframes flip {
  0% {
    -ms-transform: perspective(400px) rotateY(0);
    -ms-animation-timing-function: ease-out; }
  40% {
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-animation-timing-function: ease-out; }
  50% {
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-animation-timing-function: ease-in; }
  80% {
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-animation-timing-function: ease-in; }
  100% {
    -ms-transform: perspective(400px) scale(1);
    -ms-animation-timing-function: ease-in; } }
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out; }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out; }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in; }
  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in; }
  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in; } }
@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }
  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in; } }
/* line 610, sass/_animations.scss */
.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -ms-backface-visibility: visible !important;
  -ms-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg); }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg); }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
@-ms-keyframes flipInX {
  0% {
    -ms-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -ms-transform: perspective(400px) rotateX(-10deg); }
  70% {
    -ms-transform: perspective(400px) rotateX(10deg); }
  100% {
    -ms-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg); }
  70% {
    -o-transform: perspective(400px) rotateX(10deg); }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    transform: perspective(400px) rotateX(10deg); }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }
/* line 718, sass/_animations.scss */
.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -ms-backface-visibility: visible !important;
  -ms-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@-ms-keyframes flipOutX {
  0% {
    -ms-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -ms-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }
/* line 785, sass/_animations.scss */
.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -ms-animation-name: flipOutX;
  -ms-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg); }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg); }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
@-ms-keyframes flipInY {
  0% {
    -ms-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -ms-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -ms-transform: perspective(400px) rotateY(10deg); }
  100% {
    -ms-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg); }
  70% {
    -o-transform: perspective(400px) rotateY(10deg); }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }
  40% {
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    transform: perspective(400px) rotateY(10deg); }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }
/* line 893, sass/_animations.scss */
.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -ms-backface-visibility: visible !important;
  -ms-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@-ms-keyframes flipOutY {
  0% {
    -ms-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -ms-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }
/* line 956, sass/_animations.scss */
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -ms-backface-visibility: visible !important;
  -ms-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* line 993, sass/_animations.scss */
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
/* line 1060, sass/_animations.scss */
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: .95;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: .95;
    -moz-transform: translateY(0); } }
@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px); }
  100% {
    opacity: .95;
    -ms-transform: translateY(0); } }
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px); }
  100% {
    opacity: .95;
    -ms-transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: .95;
    transform: translateY(0); } }
/* line 1127, sass/_animations.scss */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
/* line 1194, sass/_animations.scss */
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -ms-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(20px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
/* line 1261, sass/_animations.scss */
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -ms-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
/* line 1328, sass/_animations.scss */
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -ms-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }
@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateY(0); } }
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -o-transform: translateY(0); } }
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
/* line 1395, sass/_animations.scss */
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -ms-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
/* line 1458, sass/_animations.scss */
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -ms-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }
@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0); } }
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }
  100% {
    opacity: 1;
    -o-transform: translateX(0); } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
/* line 1525, sass/_animations.scss */
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -ms-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-ms-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-o-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/* line 1557, sass/_animations.scss */
.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -ms-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px); } }
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px); } }
@-ms-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -ms-transform: translateY(0); }
  100% {
    opacity: 0;
    -ms-transform: translateY(-20px); } }
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px); } }
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-20px); } }
/* line 1620, sass/_animations.scss */
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -ms-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px); } }
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px); } }
@-ms-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -ms-transform: translateY(0); }
  100% {
    opacity: 0;
    -ms-transform: translateY(20px); } }
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(20px); } }
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(20px); } }
/* line 1687, sass/_animations.scss */
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -ms-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px); } }
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px); } }
@-ms-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -ms-transform: translateX(0); }
  100% {
    opacity: 0;
    -ms-transform: translateX(-20px); } }
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px); } }
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-20px); } }
/* line 1754, sass/_animations.scss */
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -ms-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px); } }
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px); } }
@-ms-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -ms-transform: translateX(0); }
  100% {
    opacity: 0;
    -ms-transform: translateX(20px); } }
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(20px); } }
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(20px); } }
/* line 1821, sass/_animations.scss */
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -ms-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }
@-ms-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -ms-transform: translateY(0); }
  100% {
    opacity: 0;
    -ms-transform: translateY(-2000px); } }
@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px); } }
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }
/* line 1888, sass/_animations.scss */
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -ms-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }
@-ms-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -ms-transform: translateY(0); }
  100% {
    opacity: 0;
    -ms-transform: translateY(2000px); } }
@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px); } }
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }
/* line 1955, sass/_animations.scss */
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -ms-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }
@-ms-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -ms-transform: translateX(0); }
  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px); } }
@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }
/* line 2022, sass/_animations.scss */
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -ms-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }
@-ms-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -ms-transform: translateX(0); }
  100% {
    opacity: 0;
    -ms-transform: translateX(2000px); } }
@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px); } }
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }
/* line 2085, sass/_animations.scss */
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -ms-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05); }
  70% {
    -moz-transform: scale(0.9); }
  100% {
    -moz-transform: scale(1); } }
@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -ms-transform: scale(0.3); }
  50% {
    opacity: 1;
    -ms-transform: scale(1.05); }
  70% {
    -ms-transform: scale(0.9); }
  100% {
    -ms-transform: scale(1); } }
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3); }
  50% {
    opacity: 1;
    -o-transform: scale(1.05); }
  70% {
    -o-transform: scale(0.9); }
  100% {
    -o-transform: scale(1); } }
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.05); }
  70% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }
/* line 2192, sass/_animations.scss */
.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -ms-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0); } }
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px); }
  80% {
    -moz-transform: translateY(10px); }
  100% {
    -moz-transform: translateY(0); } }
@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateY(-30px); }
  80% {
    -ms-transform: translateY(10px); }
  100% {
    -ms-transform: translateY(0); } }
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px); }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px); }
  80% {
    -o-transform: translateY(10px); }
  100% {
    -o-transform: translateY(0); } }
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    transform: translateY(-30px); }
  80% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0); } }
/* line 2297, sass/_animations.scss */
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -ms-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0); } }
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px); }
  80% {
    -moz-transform: translateY(-10px); }
  100% {
    -moz-transform: translateY(0); } }
@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateY(30px); }
  80% {
    -ms-transform: translateY(-10px); }
  100% {
    -ms-transform: translateY(0); } }
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -o-transform: translateY(30px); }
  80% {
    -o-transform: translateY(-10px); }
  100% {
    -o-transform: translateY(0); } }
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    transform: translateY(30px); }
  80% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }
/* line 2404, sass/_animations.scss */
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -ms-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px); }
  80% {
    -moz-transform: translateX(-10px); }
  100% {
    -moz-transform: translateX(0); } }
@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateX(30px); }
  80% {
    -ms-transform: translateX(-10px); }
  100% {
    -ms-transform: translateX(0); } }
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -o-transform: translateX(30px); }
  80% {
    -o-transform: translateX(-10px); }
  100% {
    -o-transform: translateX(0); } }
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    transform: translateX(30px); }
  80% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }
/* line 2511, sass/_animations.scss */
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -ms-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0); } }
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px); }
  80% {
    -moz-transform: translateX(10px); }
  100% {
    -moz-transform: translateX(0); } }
@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -ms-transform: translateX(-30px); }
  80% {
    -ms-transform: translateX(10px); }
  100% {
    -ms-transform: translateX(0); } }
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px); }
  80% {
    -o-transform: translateX(10px); }
  100% {
    -o-transform: translateX(0); } }
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    transform: translateX(-30px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }
/* line 2618, sass/_animations.scss */
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -ms-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3); } }
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1); }
  25% {
    -moz-transform: scale(0.95); }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1); }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3); } }
@-ms-keyframes bounceOut {
  0% {
    -ms-transform: scale(1); }
  25% {
    -ms-transform: scale(0.95); }
  50% {
    opacity: 1;
    -ms-transform: scale(1.1); }
  100% {
    opacity: 0;
    -ms-transform: scale(0.3); } }
@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1); }
  25% {
    -o-transform: scale(0.95); }
  50% {
    opacity: 1;
    -o-transform: scale(1.1); }
  100% {
    opacity: 0;
    -o-transform: scale(0.3); } }
@keyframes bounceOut {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(0.95); }
  50% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 0;
    transform: scale(0.3); } }
/* line 2725, sass/_animations.scss */
.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -ms-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }
@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0); }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px); }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }
@-ms-keyframes bounceOutUp {
  0% {
    -ms-transform: translateY(0); }
  20% {
    opacity: 1;
    -ms-transform: translateY(20px); }
  100% {
    opacity: 0;
    -ms-transform: translateY(-2000px); } }
@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0); }
  20% {
    opacity: 1;
    -o-transform: translateY(20px); }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px); } }
@keyframes bounceOutUp {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(20px); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }
/* line 2812, sass/_animations.scss */
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -ms-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }
@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0); }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }
@-ms-keyframes bounceOutDown {
  0% {
    -ms-transform: translateY(0); }
  20% {
    opacity: 1;
    -ms-transform: translateY(-20px); }
  100% {
    opacity: 0;
    -ms-transform: translateY(2000px); } }
@keyframes bounceOutDown {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }
/* line 2883, sass/_animations.scss */
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -ms-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }
@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0); }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px); }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }
@-ms-keyframes bounceOutLeft {
  0% {
    -ms-transform: translateX(0); }
  20% {
    opacity: 1;
    -ms-transform: translateX(20px); }
  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px); } }
@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0); }
  20% {
    opacity: 1;
    -o-transform: translateX(20px); }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px); } }
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }
/* line 2969, sass/_animations.scss */
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -ms-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }
@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0); }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }
@-ms-keyframes bounceOutRight {
  0% {
    -ms-transform: translateX(0); }
  20% {
    opacity: 1;
    -ms-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -ms-transform: translateX(2000px); } }
@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0); }
  20% {
    opacity: 1;
    -o-transform: translateX(-20px); }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px); } }
@keyframes bounceOutRight {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }
/* line 3056, sass/_animations.scss */
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -ms-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateIn {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0; }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }
/* line 3129, sass/_animations.scss */
.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -ms-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
/* line 3206, sass/_animations.scss */
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -ms-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }
/* line 3283, sass/_animations.scss */
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -ms-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
/* line 3360, sass/_animations.scss */
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -ms-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }
@-ms-keyframes rotateInDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; } }
@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }
/* line 3437, sass/_animations.scss */
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -ms-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0; } }
@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0; } }
@-ms-keyframes rotateOut {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1; }
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(200deg);
    opacity: 0; } }
@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0; } }
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0; } }
/* line 3514, sass/_animations.scss */
.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -ms-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }
@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }
@-ms-keyframes rotateOutUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; } }
@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    -transform-origin: left bottom;
    -transform: rotate(-90deg);
    opacity: 0; } }
/* line 3591, sass/_animations.scss */
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -ms-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }
@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }
@-ms-keyframes rotateOutDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1; }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; } }
@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; } }
/* line 3668, sass/_animations.scss */
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -ms-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }
@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }
@-ms-keyframes rotateOutUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0; } }
@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; } }
/* line 3745, sass/_animations.scss */
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -ms-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }
@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }
@-ms-keyframes rotateOutDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1; }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0; } }
@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; } }
/* line 3822, sass/_animations.scss */
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -ms-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0; } }
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  20%, 60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0; } }
@-ms-keyframes hinge {
  0% {
    -ms-transform: rotate(0);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out; }
  20%, 60% {
    -ms-transform: rotate(80deg);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out; }
  40% {
    -ms-transform: rotate(60deg);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out; }
  80% {
    -ms-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out; }
  100% {
    -ms-transform: translateY(700px);
    opacity: 0; } }
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }
  20%, 60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }
  100% {
    -o-transform: translateY(700px);
    opacity: 0; } }
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  100% {
    transform: translateY(700px);
    opacity: 0; } }
/* line 3869, sass/_animations.scss */
.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -ms-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); } }
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); } }
@-ms-keyframes rollIn {
  0% {
    opacity: 0;
    -ms-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -ms-transform: translateX(0px) rotate(0deg); } }
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg); } }
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); } }
/* line 3903, sass/_animations.scss */
.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -ms-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg); } }
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg); } }
@-ms-keyframes rollOut {
  0% {
    opacity: 1;
    -ms-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -ms-transform: translateX(100%) rotate(120deg); } }
@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg); } }
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg); } }
/* line 3972, sass/_animations.scss */
.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -ms-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut; }

/*Rollover widget - move your mouse over a numbered item + copy and it's corresponding number will also hightlight*/
/* line 4, sass/_widgets.scss */
.rolloverContainer ol, .rolloverContainer ul {
  list-style: none; }
/* line 7, sass/_widgets.scss */
.rolloverContainer .hotspotLinks_Rollover a:hover .hotspotBull {
  background-position: right top; }
/* line 10, sass/_widgets.scss */
.rolloverContainer .hotspotBull {
  position: relative;
  float: left; }
/* line 14, sass/_widgets.scss */
.rolloverContainer .numberRolloverItemCopy {
  padding-left: 7px;
  float: left;
  display: block;
  width: 85%; }
/* line 20, sass/_widgets.scss */
.rolloverContainer .hotspotBull_OnImage {
  position: absolute;
  z-index: 120; }
/* line 24, sass/_widgets.scss */
.rolloverContainer .centeredImg img {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* Widget background images */
/* line 33, sass/_widgets.scss */
.noRepeat {
  background-repeat: no-repeat !important; }

/* line 37, sass/_widgets.scss */
.rightTop {
  background-position: right top !important; }

/* line 41, sass/_widgets.scss */
.leftTop {
  background-position: left top !important; }

/* line 45, sass/_widgets.scss */
.rightBottom {
  background-position: right bottom !important; }

/* line 49, sass/_widgets.scss */
.leftBottom {
  background-position: left bottom !important; }

/* line 53, sass/_widgets.scss */
.middleTop {
  background-position: center top !important; }

/* line 57, sass/_widgets.scss */
.middleBottom {
  background-position: center bottom !important; }

/* line 61, sass/_widgets.scss */
.middleMiddle {
  background-position: center center !important; }

/************ Product Letterbox Widget **********/
/* line 67, sass/_widgets.scss */
.productLetterbox {
  height: 459px;
  margin: 0 0 0 0;
  padding-top: 0px;
  margin-top: 10px;
  background-repeat: no-repeat;
  position: relative; }
  /* line 75, sass/_widgets.scss */
  .productLetterbox .productLetterboxHeroImage {
    height: 459px;
    left: 0;
    top: 0;
    position: absolute;
    width: 698px; }
  /* line 83, sass/_widgets.scss */
  .productLetterbox .erpRating {
    position: absolute;
    right: -20px;
    width: 300px;
    text-align: right; }
    /* line 92, sass/_widgets.scss */
    .productLetterbox .erpRating a:first-child {
      display: block; }
    /* line 96, sass/_widgets.scss */
    .productLetterbox .erpRating a:last-child {
      position: relative;
      right: 5px;
      font-size: 11px;
      text-decoration: none;
      color: #696868;
      top: -6px; }
  /* line 107, sass/_widgets.scss */
  .productLetterbox .productLetterboxBody a.productLetterboxLink {
    font-size: 0.9em; }
  /* line 111, sass/_widgets.scss */
  .productLetterbox .productLetterboxLeftColumn {
    height: 459px;
    width: 256px;
    margin: 10px 0 0 0;
    position: absolute; }
    /* line 117, sass/_widgets.scss */
    .productLetterbox .productLetterboxLeftColumn .productLetterboxHeading h3 {
      line-height: 1.25em;
      font-size: 2.3em;
      font-weight: normal;
      padding: 0px;
      margin: 0px; }
    /* line 125, sass/_widgets.scss */
    .productLetterbox .productLetterboxLeftColumn .productLetterboxBody {
      line-height: 1.3em;
      font-weight: normal;
      padding: 0 0 16px 0;
      margin: 0 0 0 0; }

/* line 135, sass/_widgets.scss */
.productLetterboxBlack {
  color: white;
  height: 459px;
  margin: 0 0 0 0; }
  /* line 140, sass/_widgets.scss */
  .productLetterboxBlack .productLetterboxLeftColumn {
    height: 459px;
    color: white;
    width: 266px;
    padding: 0 0 0 0;
    margin: 0 0 0 0; }
    /* line 147, sass/_widgets.scss */
    .productLetterboxBlack .productLetterboxLeftColumn .productLetterboxHeading {
      color: white;
      line-height: 1.25em;
      font-size: 2.3em;
      font-weight: normal;
      padding: 0 0 23px 0;
      margin: 0 0 0 0; }
    /* line 156, sass/_widgets.scss */
    .productLetterboxBlack .productLetterboxLeftColumn .productLetterboxBody {
      color: white;
      line-height: 1.3em;
      font-size: 0.85em;
      font-weight: normal;
      padding: 0 0 16px 0;
      margin: 0 0 0 0; }
      /* line 164, sass/_widgets.scss */
      .productLetterboxBlack .productLetterboxLeftColumn .productLetterboxBody a {
        color: white;
        line-height: 1.3em;
        font-size: 0.85em;
        font-weight: normal;
        padding: 0 0 16px 0;
        margin: 0 0 0 0; }

/********* HTML WIDGET ******************/
/* line 179, sass/_widgets.scss */
.genericHtmlContent {
  display: block; }
  /* line 182, sass/_widgets.scss */
  .genericHtmlContent.rule {
    float: left; }
  /* line 186, sass/_widgets.scss */
  .genericHtmlContent .heading {
    font-size: 90%;
    font-weight: bold;
    margin-bottom: 5px; }
  /* line 192, sass/_widgets.scss */
  .genericHtmlContent.bordTop {
    padding-top: 20px; }
  /* line 195, sass/_widgets.scss */
  .genericHtmlContent .standardPadding {
    padding: 10px; }
  /* line 198, sass/_widgets.scss */
  .genericHtmlContent .numbered li {
    display: list-item;
    margin-left: 20px;
    padding-top: 10px; }
  /* line 203, sass/_widgets.scss */
  .genericHtmlContent ul.bullet {
    margin-left: 20px; }
  /* line 206, sass/_widgets.scss */
  .genericHtmlContent .bullet {
    margin-bottom: 20px; }

/* line 211, sass/_widgets.scss */
ul.txt {
  margin-bottom: 20px; }

/* line 216, sass/_widgets.scss */
.genericHtmlContent .bullet li {
  display: list-item;
  list-style: disc outside none;
  margin-left: 20px;
  padding-top: 10px; }
/* line 222, sass/_widgets.scss */
.genericHtmlContent .roman li {
  display: list-item;
  list-style: lower-roman outside none;
  margin-left: 20px;
  padding-top: 10px; }
/* line 228, sass/_widgets.scss */
.genericHtmlContent a {
  text-decoration: none; }
  /* line 229, sass/_widgets.scss */
  .genericHtmlContent a.arrowUp {
    background: url("/images/icons/arrow_up.png") no-repeat scroll 0 4px transparent;
    padding-left: 10px; }
  /* line 234, sass/_widgets.scss */
  .genericHtmlContent a:hover {
    text-decoration: none; }
/* line 238, sass/_widgets.scss */
.genericHtmlContent .colLeft50, .genericHtmlContent .colRight50 {
  float: left;
  width: 50%;
  padding: 10px 0; }

/* line 246, sass/_widgets.scss */
.examplePages a.arrowUp {
  margin: 10px 0; }
/* line 249, sass/_widgets.scss */
.examplePages h2 {
  margin-top: 20px; }

/* line 254, sass/_widgets.scss */
.genericContentInner ul.nav {
  padding-top: 50px; }

/* Wrapper Classes */
/* line 261, sass/_widgets.scss */
.genericHtmlContent.standardPadding .genericContentInner {
  padding: 10px; }
/* line 264, sass/_widgets.scss */
.genericHtmlContent.standardPaddingNoBottom .genericContentInner {
  padding: 10px;
  padding-bottom: 0px; }
/* line 268, sass/_widgets.scss */
.genericHtmlContent.arrowBullets ul li a {
  background: url("/images/icons/arrowRightGRY.png") no-repeat scroll 0 2px transparent;
  display: block;
  padding-left: 13px; }
/* line 273, sass/_widgets.scss */
.genericHtmlContent.singleLineBoldLink {
  float: left;
  font-weight: bold; }
/* line 277, sass/_widgets.scss */
.genericHtmlContent a.arrowNextBold {
  text-decoration: none;
  float: left;
  font-weight: bold;
  background: url("/images/icons/arrow_next_wht.gif") no-repeat scroll 0 4px transparent;
  padding-left: 10px; }

/* line 286, sass/_widgets.scss */
.arrowNext {
  background: url("/images/icons/arrow_next_wht.gif") no-repeat scroll 0 4px transparent;
  padding-left: 10px; }

/* line 292, sass/_widgets.scss */
.genericHtmlContent.greyBox {
  background-color: #EBEBEB; }
  /* line 294, sass/_widgets.scss */
  .genericHtmlContent.greyBox .heading {
    margin-bottom: 10px; }
/* line 298, sass/_widgets.scss */
.genericHtmlContent.imgMarginTop20 img {
  margin-top: 20px; }
/* line 301, sass/_widgets.scss */
.genericHtmlContent.imgMarginTop10 img {
  margin-top: 10px; }
/* line 304, sass/_widgets.scss */
.genericHtmlContent.imgMarginBottom10 img {
  margin-bottom: 10px; }
/* line 307, sass/_widgets.scss */
.genericHtmlContent.greyFade {
  background: url("/images/backgrounds/greyFadeWidgetBG.gif") repeat-x; }
/* line 310, sass/_widgets.scss */
.genericHtmlContent.basicBullets {
  margin: 10px; }
  /* line 312, sass/_widgets.scss */
  .genericHtmlContent.basicBullets ul {
    margin-bottom: 10px;
    margin-left: 10px;
    list-style-image: url("/Images/Icons/bullet.gif");
    list-style-position: inside;
    margin-left: 10px; }
  /* line 319, sass/_widgets.scss */
  .genericHtmlContent.basicBullets li {
    list-style-position: outside; }
/* line 323, sass/_widgets.scss */
.genericHtmlContent.hubHeaderGrey {
  margin-top: 0px;
  padding-top: 0px; }
  /* line 326, sass/_widgets.scss */
  .genericHtmlContent.hubHeaderGrey .genericContentInner {
    background-color: #EFEFEF; }
/* line 330, sass/_widgets.scss */
.genericHtmlContent .genericContentInner .hubHeader {
  padding: 30px 25px 25px; }
/* line 333, sass/_widgets.scss */
.genericHtmlContent .hubHeaderContent {
  width: 474px;
  padding-right: 3em;
  margin-right: 3em;
  float: left;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 10px; }
  /* line 334, sass/_widgets.scss */
  .genericHtmlContent .hubHeaderContent h2 {
    font-size: 1em; }
/* line 345, sass/_widgets.scss */
.genericHtmlContent .hubHeaderImage {
  float: left;
  padding-bottom: 20px;
  padding-right: 20px; }
/* line 350, sass/_widgets.scss */
.genericHtmlContent .hubHeaderImageText {
  font-size: 0.8em; }
/* line 354, sass/_widgets.scss */
.genericHtmlContent .hubHeaderImage img {
  float: left; }
/* line 357, sass/_widgets.scss */
.genericHtmlContent .hubHeaderImage p {
  float: left;
  width: 155px; }
/* line 362, sass/_widgets.scss */
.genericHtmlContent .hubImageLeftContentRight {
  margin-top: 20px;
  padding-top: 0px;
  margin-bottom: 20px;
  float: left; }
  /* line 367, sass/_widgets.scss */
  .genericHtmlContent .hubImageLeftContentRight .hubContentText {
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 20px; }
  /* line 372, sass/_widgets.scss */
  .genericHtmlContent .hubImageLeftContentRight h3 {
    font-size: 1em; }
  /* line 375, sass/_widgets.scss */
  .genericHtmlContent .hubImageLeftContentRight .hubContentLeft {
    float: left;
    width: 50%; }
    /* line 378, sass/_widgets.scss */
    .genericHtmlContent .hubImageLeftContentRight .hubContentLeft img {
      padding-left: 20px; }
  /* line 382, sass/_widgets.scss */
  .genericHtmlContent .hubImageLeftContentRight .hubContentRight {
    float: left;
    width: 50%; }
/* line 387, sass/_widgets.scss */
.genericHtmlContent .hubFullWidthVideo {
  margin-top: 10px;
  margin-bottom: 10px;
  float: left;
  width: 100%; }
  /* line 392, sass/_widgets.scss */
  .genericHtmlContent .hubFullWidthVideo h3 {
    font-size: 1em; }
  /* line 395, sass/_widgets.scss */
  .genericHtmlContent .hubFullWidthVideo .hubLeftContent {
    float: left;
    width: 187px;
    margin-right: 10px; }
  /* line 400, sass/_widgets.scss */
  .genericHtmlContent .hubFullWidthVideo .hubRightContent {
    float: right;
    width: 600px; }
/* line 405, sass/_widgets.scss */
.genericHtmlContent .hubMainPageLetterBox {
  border: 1px solid #CCCCCC;
  padding: 20px 40px;
  float: left;
  width: 882px; }
  /* line 410, sass/_widgets.scss */
  .genericHtmlContent .hubMainPageLetterBox h1 {
    font-size: 2.2em;
    font-weight: bold; }
  /* line 414, sass/_widgets.scss */
  .genericHtmlContent .hubMainPageLetterBox .hubContentLeft {
    width: 50%;
    padding-right: 5em;
    float: left;
    padding-top: 20px; }
    /* line 419, sass/_widgets.scss */
    .genericHtmlContent .hubMainPageLetterBox .hubContentLeft img {
      padding-bottom: 10px; }
  /* line 423, sass/_widgets.scss */
  .genericHtmlContent .hubMainPageLetterBox .hubContentRight {
    float: right;
    padding-right: 2em; }
/* line 428, sass/_widgets.scss */
.genericHtmlContent.seeItInActionHub .hubHeaderContent {
  padding-bottom: 10px; }

/** Half Width Add To BAsket Widget **/
/* line 435, sass/_widgets.scss */
.halfWidthAddToBasketWidget.greyFadeUp {
  background: url("/images/backgrounds/footerPanelBackground.png") repeat-x scroll left bottom white;
  padding-right: 10px;
  height: 235px; }
/* line 440, sass/_widgets.scss */
.halfWidthAddToBasketWidget.seperator .halfWidthAddToBasketWidgetInner {
  border-right: 1px solid #E9EAEB; }
/* line 443, sass/_widgets.scss */
.halfWidthAddToBasketWidget .halfWidthAddToBasketWidgetInner {
  height: 205px;
  margin-top: 10px;
  padding: 0px 20px 20px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 300px bottom;
  background-color: transparent; }
  /* line 451, sass/_widgets.scss */
  .halfWidthAddToBasketWidget .halfWidthAddToBasketWidgetInner h3 {
    font-size: 1em; }
  /* line 454, sass/_widgets.scss */
  .halfWidthAddToBasketWidget .halfWidthAddToBasketWidgetInner .contentWrapper {
    width: 227px;
    margin: 0px 10px; }
  /* line 458, sass/_widgets.scss */
  .halfWidthAddToBasketWidget .halfWidthAddToBasketWidgetInner ul {
    font-size: 90%;
    padding-left: 18px;
    list-style: disc outside none;
    padding-bottom: 20px;
    padding-top: 5px; }
  /* line 465, sass/_widgets.scss */
  .halfWidthAddToBasketWidget .halfWidthAddToBasketWidgetInner .scWebEditInput ul {
    padding-top: 0px; }
  /* line 468, sass/_widgets.scss */
  .halfWidthAddToBasketWidget .halfWidthAddToBasketWidgetInner li {
    line-height: 1.4;
    padding-bottom: 4px;
    margin-bottom: 0px; }
  /* line 473, sass/_widgets.scss */
  .halfWidthAddToBasketWidget .halfWidthAddToBasketWidgetInner .productPrice {
    color: #333333;
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 75%; }
  /* line 479, sass/_widgets.scss */
  .halfWidthAddToBasketWidget .halfWidthAddToBasketWidgetInner .addToBasketButton input {
    padding-left: 10px;
    padding-right: 10px; }

/** Content Image Image Generic HTML Widget **/
/* line 488, sass/_widgets.scss */
.contentImageImageWrapper {
  padding-left: 10px;
  margin-top: 30px;
  margin-bottom: 20px; }
  /* line 492, sass/_widgets.scss */
  .contentImageImageWrapper .content {
    float: left;
    width: 227px;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 27px; }
    /* line 498, sass/_widgets.scss */
    .contentImageImageWrapper .content h3 {
      font-size: 1em;
      margin-top: 20px; }
  /* line 503, sass/_widgets.scss */
  .contentImageImageWrapper .imageWrapper {
    float: left; }
  /* line 506, sass/_widgets.scss */
  .contentImageImageWrapper .firstImage {
    margin-right: 21px; }
  /* line 509, sass/_widgets.scss */
  .contentImageImageWrapper .imageWrapper .imageDetails {
    color: #333333;
    font-size: 0.75em;
    line-height: 1.5em;
    margin-bottom: 10px;
    margin-top: 2px; }

/******* HUB FEATURE WIDGET *****/
/* line 520, sass/_widgets.scss */
.hubFeaturePanel {
  background: url("/Images/backgrounds/smlPanel_Top.png") no-repeat scroll center top transparent;
  padding-top: 0 !important;
  width: 239px;
  margin-bottom: 30px;
  position: relative;
  z-index: 100; }

/* line 529, sass/_widgets.scss */
.closeButton img {
  position: absolute;
  right: 0px; }

/* line 534, sass/_widgets.scss */
.hubFeaturePanelSides {
  background: url("/Images/backgrounds/smlPanel_Sides.png") repeat-y scroll center center transparent;
  display: block; }

/* line 539, sass/_widgets.scss */
.hubFeaturePanelBottom {
  background: url("/Images/backgrounds/smlPanel_Bottom.png") no-repeat scroll center bottom transparent;
  padding-bottom: 7px;
  display: block; }

/* line 545, sass/_widgets.scss */
.hubFeaturePanelLeft {
  margin-left: 10px; }

/* line 549, sass/_widgets.scss */
.hubFeaturePanelContent {
  min-height: 155px;
  height: auto !important;
  height: 155px;
  margin: 0 8px 0 0;
  padding: 15px 20px;
  display: block;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-color: transparent; }
  /* line 559, sass/_widgets.scss */
  .hubFeaturePanelContent .featureDescription {
    margin-top: 10px;
    color: #999999 !Important;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px;
    font-size: 1em; }
  /* line 567, sass/_widgets.scss */
  .hubFeaturePanelContent .heading {
    color: #000000;
    margin-top: 0;
    font-size: 1.2em;
    font-weight: bold; }

/* line 575, sass/_widgets.scss */
.neatenOverlay {
  font-size: 0.8em; }

/* line 579, sass/_widgets.scss */
.cee_html .featureOverlayContent {
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  min-height: 380px;
  height: auto !important;
  height: 380px;
  width: 480px;
  padding: 15px 10px; }

/* line 590, sass/_widgets.scss */
.featureOverlayContent {
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  min-height: 380px;
  height: auto !important;
  height: 380px;
  width: 460px;
  padding: 15px 10px; }

/* line 601, sass/_widgets.scss */
.featureOverlayContentText {
  padding-left: 10px;
  padding-top: 15px; }
  /* line 604, sass/_widgets.scss */
  .featureOverlayContentText p {
    color: #999999 !important;
    line-height: 1.3em; }

/* line 610, sass/_widgets.scss */
.hubFeatureBristles .featureOverlayContentText, .hubFeatureStorageMode .featureOverlayContentText {
  width: 182px; }

/* line 614, sass/_widgets.scss */
.hubFeatureSpringLoaded {
  background-position: top right; }
  /* line 615, sass/_widgets.scss */
  .hubFeatureSpringLoaded .featureOverlayContentText {
    width: 182px; }

/* line 622, sass/_widgets.scss */
.hubFeatureOneHandControl .featureOverlayContentText {
  width: 182px; }
/* line 625, sass/_widgets.scss */
.hubFeatureOneHandControl .featureDescription {
  width: 140px; }

/*** Video Library Widget ***/
/* line 631, sass/_widgets.scss */
div.videoLibrary {
  padding-left: 20px;
  padding-bottom: 30px;
  margin-top: 30px; }

/* line 638, sass/_widgets.scss */
.videoLibrary .videoWrapper {
  width: 540px;
  float: left; }
  /* line 641, sass/_widgets.scss */
  .videoLibrary .videoWrapper .video {
    width: 512px;
    height: 314px; }
/* line 646, sass/_widgets.scss */
.videoLibrary .libraryWrapper {
  width: 424px;
  float: left; }
  /* line 649, sass/_widgets.scss */
  .videoLibrary .libraryWrapper .libraryItem {
    float: left;
    padding-right: 10px;
    padding-bottom: 10px; }

/** dog hair widget**/
/* line 659, sass/_widgets.scss */
.dogHair {
  padding-bottom: 5px; }
  /* line 661, sass/_widgets.scss */
  .dogHair img {
    padding-left: 30px; }

/* About the product widget */
/* line 667, sass/_widgets.scss */
.aboutTheProduct {
  position: relative;
  padding: 0px;
  width: 470px; }
  /* line 671, sass/_widgets.scss */
  .aboutTheProduct .content {
    padding: 20px; }
    /* line 673, sass/_widgets.scss */
    .aboutTheProduct .content h2, .aboutTheProduct .content p {
      padding-right: 5px; }
    /* line 676, sass/_widgets.scss */
    .aboutTheProduct .content .featuresLink {
      position: absolute;
      bottom: 15px;
      left: 20px; }
  /* line 682, sass/_widgets.scss */
  .aboutTheProduct .aboutTheProductImage {
    float: right; }

/** My Account widgets***/
/* line 688, sass/_widgets.scss */
.myAccountWidget .genericContentInner {
  height: 243px;
  border: 1px solid #CCCCCC;
  padding: 16px;
  font-size: 1.1em; }
  /* line 693, sass/_widgets.scss */
  .myAccountWidget .genericContentInner a {
    background-position: bottom center;
    height: 242px;
    display: block;
    background-repeat: no-repeat; }
  /* line 699, sass/_widgets.scss */
  .myAccountWidget .genericContentInner .innerPanelContainer img {
    text-align: center;
    vertical-align: bottom; }
  /* line 704, sass/_widgets.scss */
  .myAccountWidget .genericContentInner a:hover .heading {
    color: #CCCCCC; }
  /* line 707, sass/_widgets.scss */
  .myAccountWidget .genericContentInner a .heading {
    padding-bottom: 0px;
    margin-bottom: 0px;
    display: block;
    font-size: 1.1em; }

/* line 717, sass/_widgets.scss */
.prdRegNav .selected {
  font-weight: bold; }
/* line 720, sass/_widgets.scss */
.prdRegNav span.heading {
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block; }

/* line 728, sass/_widgets.scss */
.qasLoader {
  position: relative;
  height: 23px;
  margin-bottom: 10px;
  float: left; }
  /* line 733, sass/_widgets.scss */
  .qasLoader img {
    position: absolute;
    top: -5px; }

/* line 739, sass/_widgets.scss */
.registerNavigation {
  background: gray; }

/* Hub letterbox general styles */
/* line 3, sass/_letterbox.scss */
.letterboxContainer {
  position: relative;
  min-height: 416px;
  height: auto !important;
  height: 416px; }

/* line 10, sass/_letterbox.scss */
.letterboxThumbnails {
  position: absolute;
  top: 45px;
  left: 50px; }
  /* line 14, sass/_letterbox.scss */
  .letterboxThumbnails li {
    z-index: 100;
    position: relative;
    margin-bottom: 10px; }
    /* line 18, sass/_letterbox.scss */
    .letterboxThumbnails li a {
      border: 2px solid #ccc;
      height: 68px;
      width: 68px; }
      /* line 22, sass/_letterbox.scss */
      .letterboxThumbnails li a:hover, .letterboxThumbnails li a.selected {
        border: 2px solid #545454; }

/* line 29, sass/_letterbox.scss */
.letterboxContentContainer {
  min-height: 416px;
  height: auto !important;
  height: 416px; }

/* line 35, sass/_letterbox.scss */
.letterboxContent {
  min-height: 416px;
  height: auto !important;
  height: 416px; }
  /* line 39, sass/_letterbox.scss */
  .letterboxContent .mainContent {
    position: absolute;
    top: 45px;
    left: 155px;
    width: 267px;
    z-index: 10; }
    /* line 45, sass/_letterbox.scss */
    .letterboxContent .mainContent h1 {
      background-repeat: no-repeat; }

/*Alternative version of letterbox nav - Nav below item and rotation of letterboxes removed*/
/* line 52, sass/_letterbox.scss */
.HubLetterboxNavContainer {
  border-top: 1px solid #d7d7d6;
  border-bottom: 1px solid #d7d7d6;
  background: url("medialibrary/CB72772506624D05A1AD9F9D5D9075B0.ashx") repeat-x left bottom; }

/* line 58, sass/_letterbox.scss */
.hubLetterboxNavItem {
  border-right: 1px solid #CCC;
  background-position: 15px center;
  background-repeat: no-repeat;
  padding: 20px 3px 20px 160px !important;
  display: block;
  text-decoration: none !important; }

/* line 67, sass/_letterbox.scss */
.hubLetterboxNavItem_Wide {
  background-position: 35px center;
  padding-left: 180px !important; }

/* line 73, sass/_letterbox.scss */
.hubLetterboxNavItem strong {
  font-size: 1.1em;
  display: block;
  margin-right: 20px; }
/* line 78, sass/_letterbox.scss */
.hubLetterboxNavItem .hubLetterboxNavItem_Copy {
  display: block;
  margin-right: 20px; }

/**letterbox*************************/
/* line 85, sass/_letterbox.scss */
#letterBoxes {
  position: relative; }

/* line 89, sass/_letterbox.scss */
.letterHeadingGrey {
  color: #999; }

/* line 93, sass/_letterbox.scss */
.letterHeadingWhite {
  color: #fff; }

/*Homepage letterbox*/
/* line 99, sass/_letterbox.scss */
.letterbox {
  width: 964px;
  margin-bottom: 10px;
  min-height: 310px;
  height: auto !important;
  height: 310px;
  overflow: visible; }

/* line 108, sass/_letterbox.scss */
.letterboxItem {
  min-height: 310px;
  height: auto !important;
  height: 310px;
  z-index: 100;
  overflow: visible;
  background-position: left center;
  background-repeat: no-repeat; }
  /* line 116, sass/_letterbox.scss */
  .letterboxItem .richTextEditor {
    padding: 30px; }

/****black background*****/
/* line 124, sass/_letterbox.scss */
.letterBoxBlack .richTextEditor {
  color: #fff; }
/* line 127, sass/_letterbox.scss */
.letterBoxBlack h2 {
  color: #666666; }
/* line 130, sass/_letterbox.scss */
.letterBoxBlack p {
  color: #fff; }

/*************black background grey/white heading************/
/* line 138, sass/_letterbox.scss */
.letterBoxBlackGW .richTextEditor, .letterBoxBlackGW p {
  color: #999; }
/* line 141, sass/_letterbox.scss */
.letterBoxBlackGW h2 {
  color: #666666;
  font-weight: bold;
  margin-bottom: 10px; }
/* line 146, sass/_letterbox.scss */
.letterBoxBlackGW h3 {
  color: #fff;
  margin-bottom: 15px; }

/*************black background grey/white heading************/
/* line 154, sass/_letterbox.scss */
.letterBoxWhiteBG {
  background-color: #fff; }
  /* line 156, sass/_letterbox.scss */
  .letterBoxWhiteBG .richTextEditor, .letterBoxWhiteBG p {
    color: #000; }
  /* line 159, sass/_letterbox.scss */
  .letterBoxWhiteBG h2 {
    font-weight: bold;
    margin-bottom: 10px; }
  /* line 163, sass/_letterbox.scss */
  .letterBoxWhiteBG h3 {
    color: #000;
    margin-bottom: 15px; }

/* line 169, sass/_letterbox.scss */
.letterboxTitleReplace h1 {
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -1000em; }

/******************letterbox list**********/
/* line 177, sass/_letterbox.scss */
.letterboxListContainer {
  position: relative;
  z-index: 1000; }

/* line 182, sass/_letterbox.scss */
.letterboxList {
  width: 232px;
  position: absolute;
  right: 8px;
  top: 8px; }
  /* line 187, sass/_letterbox.scss */
  .letterboxList ul li {
    display: block;
    float: right;
    height: 1%;
    margin-bottom: 4px; }
    /* line 192, sass/_letterbox.scss */
    .letterboxList ul li a {
      padding: 9px 9px 9px 0;
      background: #1b1b1b url(/Images/backgrounds/letterBoxListItem.png) repeat-x;
      display: block;
      cursor: pointer;
      min-height: 52px;
      height: auto !important;
      height: 52px;
      width: 218px; }
    /* line 202, sass/_letterbox.scss */
    .letterboxList ul li.selectedBox a {
      background: #373737 url(/Images/backgrounds/letterBoxListItemSelect.png) repeat-x; }
    /* line 206, sass/_letterbox.scss */
    .letterboxList ul li a:hover, .letterboxList ul li a:focus {
      background: #373737 url(/Images/backgrounds/letterBoxListItemSelect.png) repeat-x; }

/* line 213, sass/_letterbox.scss */
.letterboxListText {
  float: left;
  display: block;
  width: 150px;
  padding: 9px 5px 9px 11px;
  font-size: 0.9em;
  font-weight: bold;
  color: #aaa;
  cursor: pointer; }

/* line 225, sass/_letterbox.scss */
.letterboxList ul li.selectedBox .letterboxListText {
  color: #fff; }
/* line 229, sass/_letterbox.scss */
.letterboxList ul li a:hover .letterboxListText, .letterboxList ul li a:focus .letterboxListText {
  color: #fff; }
/* line 233, sass/_letterbox.scss */
.letterboxList ul li img {
  float: right; }

/* line 238, sass/_letterbox.scss */
.moveableHighlight {
  background: url("medialibrary/06173B3613984EDCA23440E5BCFFEA5D.ashx") no-repeat scroll left top transparent;
  color: #00FF00;
  font-size: 2em;
  font-weight: bold;
  height: 75px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 5px;
  z-index: 10000; }

/* line 251, sass/_letterbox.scss */
#letterBoxes {
  min-height: 310px;
  height: auto !important;
  height: 310px; }

/*Homepage letterbox*/
/* line 258, sass/_letterbox.scss */
.letterboxItem {
  background-position: left center;
  background-repeat: no-repeat; }
  /* line 259, sass/_letterbox.scss */
  .letterboxItem .richTextEditor p {
    color: #333; }

/* line 266, sass/_letterbox.scss */
.whiteBG .richTextEditor h2 {
  color: #333; }

/* line 270, sass/_letterbox.scss */
.homepageProductCategoriesContainer {
  margin-left: 30px; }
  /* line 272, sass/_letterbox.scss */
  .homepageProductCategoriesContainer .subTextContainer {
    clear: both;
    position: absolute; }
  /* line 277, sass/_letterbox.scss */
  .homepageProductCategoriesContainer .vacuumCategory, .homepageProductCategoriesContainer .fansHeatersCategory {
    margin-right: 40px; }
  /* line 280, sass/_letterbox.scss */
  .homepageProductCategoriesContainer .catLink .arrowNext {
    display: inline; }
  /* line 283, sass/_letterbox.scss */
  .homepageProductCategoriesContainer .catLink:last-child a {
    position: absolute; }

/* line 288, sass/_letterbox.scss */
.shopNavSectionWrapper {
  color: #000000;
  margin-bottom: 5px; }
  /* line 291, sass/_letterbox.scss */
  .shopNavSectionWrapper .shopNavSectionTitle {
    background-color: #cccccc;
    font-weight: bold;
    padding: 15px 20px;
    font-size: 0.95em; }
  /* line 297, sass/_letterbox.scss */
  .shopNavSectionWrapper .shopNavSectionBody, .shopNavSectionWrapper .shopInfoSectionBody {
    background-color: #ebebeb;
    padding: 20px; }

/* line 303, sass/_letterbox.scss */
.GreyPanel .shopInfoSectionBody {
  padding-bottom: 5px;
  padding-top: 15px; }

/* line 309, sass/_letterbox.scss */
.productFinder select {
  padding: 2px 3px 2px 0px;
  width: 155px;
  font-size: 0.75em;
  text-indent: 2px;
  line-height: 1.4em; }
/* line 316, sass/_letterbox.scss */
.productFinder input {
  margin-top: 10px; }

/*Letterboxes */
/* line 322, sass/_letterbox.scss */
.BallLetterBoxFr {
  margin-top: 44px;
  margin-bottom: 14px;
  margin-left: 1px; }

/* line 328, sass/_letterbox.scss */
.AccessoriesTitleFr {
  margin-top: 10px;
  margin-bottom: 10px; }

/* line 333, sass/_letterbox.scss */
.AllergyButtonFr {
  margin-top: 4px !important; }

/* line 337, sass/_letterbox.scss */
.AllergyLetterBoxFr {
  margin-top: 44px;
  margin-bottom: 0px; }

/* line 342, sass/_letterbox.scss */
.allergySoPanel h1 {
  width: 300px !important;
  text-indent: 0px !important;
  height: 40px !important;
  color: #000000 !important;
  margin-top: 0px;
  margin-bottom: 0px; }

/* line 353, sass/_letterbox.scss */
.projectEagleLetterbox h2 {
  line-height: 0.9; }
/* line 356, sass/_letterbox.scss */
.projectEagleLetterbox .shrinkContainer {
  bottom: 0;
  left: 50%; }
/* line 360, sass/_letterbox.scss */
.projectEagleLetterbox .shrinkVacuum {
  left: -50%; }
/* line 363, sass/_letterbox.scss */
.projectEagleLetterbox .counter {
  left: -50%;
  min-width: 100px; }
/* line 367, sass/_letterbox.scss */
.projectEagleLetterbox #dc41 {
  top: -35px; }
/* line 370, sass/_letterbox.scss */
.projectEagleLetterbox #count1 {
  top: -10px; }
/* line 373, sass/_letterbox.scss */
.projectEagleLetterbox #count3 {
  margin-top: 12px; }

/***footer*****/
/* line 4, sass/_footer.scss */
.footPanel h3 {
  font-size: 1em;
  padding-bottom: 4px; }
/* line 8, sass/_footer.scss */
.footPanel a.arrowNext {
  display: block;
  margin-bottom: 4px;
  font-weight: bold;
  width: 140px; }

/* line 16, sass/_footer.scss */
.footPanelAcc {
  left: -4px;
  min-width: 215px;
  min-height: 225px;
  padding: 0 10px; }

/* line 23, sass/_footer.scss */
.footPanelGroomLinks {
  height: 240px;
  width: 246px; }

/************** Spares Footer ************/
/* line 30, sass/_footer.scss */
.sparesFooter ul.arrowRight {
  background-image: none;
  padding: 0px; }
/* line 34, sass/_footer.scss */
.sparesFooter .arrowRight a {
  background: url("/Images/backgrounds/arrow_next_wht.gif") no-repeat scroll 0 5px transparent;
  padding: 0px 0px 0px 10px;
  color: Black;
  display: block; }
  /* line 39, sass/_footer.scss */
  .sparesFooter .arrowRight a:hover {
    background: url("/Images/backgrounds/arrow_next_wht_over.gif") no-repeat scroll 0 5px transparent;
    color: #666; }
/* line 44, sass/_footer.scss */
.sparesFooter .footerSectionTitle {
  font-size: 0.75em;
  margin-bottom: 10px;
  color: #000000;
  line-height: 1.187em;
  font-weight: bold; }

/* line 53, sass/_footer.scss */
#footer {
  color: #666666 !important;
  font-size: 90%;
  width: 988px;
  background-color: #141414;
  margin: 0 auto;
  width: 988px; }
  /* line 60, sass/_footer.scss */
  #footer .footerContainer {
    margin-left: 12px;
    margin-bottom: 35px;
    margin-top: 2.5em; }

/* line 67, sass/_footer.scss */
.footerContainer {
  width: 963px;
  display: block;
  float: left;
  margin: 10px 20px 35px;
  padding-bottom: 25px;
  border-bottom: 1px solid #333333; }

/* line 76, sass/_footer.scss */
.footerLogo, .legalFooter {
  clear: left;
  margin: 0px 13px;
  float: left;
  padding-bottom: 20px; }

/* line 83, sass/_footer.scss */
#footer .footerContainer ul.inlineUL li {
  width: 162px;
  display: inline;
  float: left; }
  /* line 87, sass/_footer.scss */
  #footer .footerContainer ul.inlineUL li.footerRowSeperator {
    width: 100%; }
  /* line 90, sass/_footer.scss */
  #footer .footerContainer ul.inlineUL li.lastColumn {
    width: 142px; }
  /* line 94, sass/_footer.scss */
  #footer .footerContainer ul.inlineUL li.footerColumn a {
    color: #FFFFFF;
    padding-bottom: 15px;
    display: block;
    font-size: 1.05em; }
  /* line 100, sass/_footer.scss */
  #footer .footerContainer ul.inlineUL li.footerColumn .headItem {
    font-weight: bold; }
  /* line 103, sass/_footer.scss */
  #footer .footerContainer ul.inlineUL li.footerColumn ul li {
    margin-bottom: 0px; }
    /* line 104, sass/_footer.scss */
    #footer .footerContainer ul.inlineUL li.footerColumn ul li a {
      color: #666666 !important;
      padding-bottom: 2px;
      font-size: 1em; }
      /* line 108, sass/_footer.scss */
      #footer .footerContainer ul.inlineUL li.footerColumn ul li a:hover {
        color: white !important; }

/********** Basket summary popup *********/
/* line 5, sass/_basket.scss */
.loadingImg {
  margin: 31.5% 45%; }

/* line 9, sass/_basket.scss */
.basketSummaryPopup {
  min-height: 150px;
  height: auto !important;
  height: 150px;
  padding: 20px;
  color: #333;
  background-color: #FFF; }
  /* line 16, sass/_basket.scss */
  .basketSummaryPopup p {
    color: #666; }
  /* line 19, sass/_basket.scss */
  .basketSummaryPopup a {
    margin-right: 0px !important;
    text-transform: none !important; }
  /* line 23, sass/_basket.scss */
  .basketSummaryPopup td {
    padding: 0px 0px 3px !important; }
  /* line 27, sass/_basket.scss */
  .basketSummaryPopup #basketSummary_Prods tr td.desc {
    width: 155px;
    padding-right: 5px; }
  /* line 31, sass/_basket.scss */
  .basketSummaryPopup #basketSummary_Prods table tr td span.offer {
    font-size: 0.7em; }
  /* line 35, sass/_basket.scss */
  .basketSummaryPopup hr {
    border-top: 1px solid #CCC !important;
    margin: 3px 0; }

/******** Add to basket pop-up **********/
/* line 43, sass/_basket.scss */
.basketSummary_ProdsContainer h3 {
  margin-top: 20px; }

/* line 47, sass/_basket.scss */
.basketPopUpButtons {
  margin-top: 60px; }
  /* line 49, sass/_basket.scss */
  .basketPopUpButtons li a {
    font-size: 0.9em; }

/********** Basket messages *************/
/*Trade in promotion - promo code message panel*/
/* line 57, sass/_basket.scss */
.tradeInBasketMessage img {
  padding: 25px 0 0 30px; }

/* line 61, sass/_basket.scss */
.tradeInBasketMessageWide {
  margin: 20px 0 10px 20px;
  width: 880px;
  padding-top: 5px;
  padding-bottom: 5px; }
  /* line 66, sass/_basket.scss */
  .tradeInBasketMessageWide img {
    padding: 20px 0 0 5px; }

/********** Basket Summary **********/
/* line 73, sass/_basket.scss */
.basketMenuLink {
  position: relative; }

/*Basket popup - main sub nav*/
/* line 79, sass/_basket.scss */
#basketSummary {
  display: none;
  margin-top: 10px;
  position: absolute;
  z-index: 10000000;
  border: 1px solid #999;
  padding: 20px;
  color: #333;
  background-color: #FFF;
  left: -265px;
  top: -10px;
  width: 295px;
  display: none;
  margin-top: 10px;
  position: absolute;
  z-index: 10000000;
  border: 1px solid #999;
  padding: 20px;
  color: #333;
  background-color: #FFF;
  left: -265px;
  top: -10px;
  width: 295px; }
  /* line 92, sass/_basket.scss */
  #basketSummary #basketSummaryDetails h2 {
    margin-bottom: 20px;
    color: #000 !important; }
  /* line 96, sass/_basket.scss */
  #basketSummary #basketSummaryDetails ul {
    margin-top: 5px; }
  /* line 99, sass/_basket.scss */
  #basketSummary #basketSummaryDetails a {
    color: #000 !important;
    font-size: 0.9em;
    text-transform: none; }
  /* line 105, sass/_basket.scss */
  #basketSummary #basketSummary_Prods {
    min-height: 150px;
    height: auto !important;
    height: 150px; }
    /* line 109, sass/_basket.scss */
    #basketSummary #basketSummary_Prods hr {
      border-top: 1px solid #CCC !important;
      margin: 5px 0; }
    /* line 113, sass/_basket.scss */
    #basketSummary #basketSummary_Prods table tr td span.offer {
      font-size: 0.7em; }
    /* line 116, sass/_basket.scss */
    #basketSummary #basketSummary_Prods td {
      padding: 0px 0px 5px !important; }
    /* line 119, sass/_basket.scss */
    #basketSummary #basketSummary_Prods .basketSummary_Prods_Quantity {
      width: 50px; }
    /* line 122, sass/_basket.scss */
    #basketSummary #basketSummary_Prods .basketSummary_Prods_Price {
      width: 85px; }
    /* line 125, sass/_basket.scss */
    #basketSummary #basketSummary_Prods a.removeItemButton {
      margin-bottom: 7px;
      text-decoration: underline; }
    /* line 129, sass/_basket.scss */
    #basketSummary #basketSummary_Prods .basketItem_NonProdItem td {
      margin-top: 20px; }
  /* line 145, sass/_basket.scss */
  #basketSummary #basketSummaryDetails h2 {
    margin-bottom: 20px;
    color: #000 !important; }
  /* line 149, sass/_basket.scss */
  #basketSummary #basketSummaryDetails ul {
    margin-top: 5px; }
  /* line 152, sass/_basket.scss */
  #basketSummary #basketSummaryDetails a {
    color: #000 !important;
    font-size: 0.9em;
    text-transform: none; }
  /* line 158, sass/_basket.scss */
  #basketSummary #basketSummary_Prods {
    min-height: 150px;
    height: auto !important;
    height: 150px; }
    /* line 162, sass/_basket.scss */
    #basketSummary #basketSummary_Prods hr {
      border-top: 1px solid #CCC !important;
      margin: 5px 0; }
    /* line 166, sass/_basket.scss */
    #basketSummary #basketSummary_Prods table tr td span.offer {
      font-size: 0.7em; }
    /* line 169, sass/_basket.scss */
    #basketSummary #basketSummary_Prods td {
      padding: 0px 0px 5px !important; }
    /* line 172, sass/_basket.scss */
    #basketSummary #basketSummary_Prods .basketSummary_Prods_Quantity {
      width: 50px; }
    /* line 175, sass/_basket.scss */
    #basketSummary #basketSummary_Prods .basketSummary_Prods_Price {
      width: 85px; }
    /* line 178, sass/_basket.scss */
    #basketSummary #basketSummary_Prods a.removeItemButton {
      margin-bottom: 7px;
      text-decoration: underline; }
    /* line 182, sass/_basket.scss */
    #basketSummary #basketSummary_Prods .basketItem_NonProdItem td {
      margin-top: 20px; }

/*Basket popup - main sub nav*/
/* line 190, sass/_basket.scss */
tr.total td strong {
  font-size: 1.1em; }

/* line 194, sass/_basket.scss */
td.basketAlignRight {
  text-align: right; }

/*** Your orders - Detail ***/
/* line 199, sass/_basket.scss */
.orderDetailTables {
  padding-top: 20px; }

/* line 203, sass/_basket.scss */
hr.accountBorderGrey {
  border-top: 1px solid #CCCCCC !important;
  margin: 10px 0;
  display: block; }

/* line 210, sass/_basket.scss */
.yourOrderDetail table.order {
  width: 100%; }
/* line 213, sass/_basket.scss */
.yourOrderDetail .pageinfo {
  padding-bottom: 15px;
  margin-bottom: 0px; }
/* line 217, sass/_basket.scss */
.yourOrderDetail .marginTop20 {
  margin-top: 20px; }

/* line 222, sass/_basket.scss */
.pnl_DetailsUpdated {
  background-color: #EBEBEB;
  border: 2px solid #D1D1D1;
  margin-bottom: 15px;
  padding: 10px;
  width: 430px; }

/* line 230, sass/_basket.scss */
.loginDetails .fld input.bgTextBox {
  width: 250px; }

/* line 235, sass/_basket.scss */
.contactPreferences .prdRegLogin {
  margin-top: 20px; }
/* line 238, sass/_basket.scss */
.contactPreferences .prdRegTitle h1 {
  margin-bottom: 20px; }

/* line 244, sass/_basket.scss */
.prdReg.yourDetails .prdRegTitle h1, .prdReg.yourDetails h2 {
  margin-bottom: 20px; }
/* line 247, sass/_basket.scss */
.prdReg.yourDetails .buttonsWrapper {
  padding-left: 200px; }
/* line 250, sass/_basket.scss */
.prdReg.yourDetails .pnl_DetailsUpdated h2 {
  margin-bottom: 10px; }
/* line 253, sass/_basket.scss */
.prdReg.yourDetails .detailOptions {
  margin-bottom: 20px; }
/* line 256, sass/_basket.scss */
.prdReg.yourDetails hr {
  width: 450px;
  float: left;
  margin: 10px 0px;
  margin-bottom: 20px; }
/* line 262, sass/_basket.scss */
.prdReg.yourDetails a.personalDetails {
  margin-right: 20px; }
/* line 265, sass/_basket.scss */
.prdReg.yourDetails .detailOptions li {
  margin-bottom: 0px; }
/* line 268, sass/_basket.scss */
.prdReg.yourDetails .newAddressInfo {
  width: 450px;
  color: #666666;
  font-size: 0.7em;
  font-weight: normal;
  margin-bottom: 5px; }
/* line 275, sass/_basket.scss */
.prdReg.yourDetails .addressBook {
  height: auto !important;
  min-height: 210px; }
  /* line 278, sass/_basket.scss */
  .prdReg.yourDetails .addressBook fieldset {
    bottom: 0;
    position: absolute; }
/* line 283, sass/_basket.scss */
.prdReg.yourDetails .addressContainer {
  margin-top: 20px; }
/* line 286, sass/_basket.scss */
.prdReg.yourDetails .addressBook {
  margin: 0 30px 30px 0;
  padding-bottom: 15px;
  position: relative; }
/* line 291, sass/_basket.scss */
.prdReg.yourDetails .noPaddingLeft {
  padding-left: 0 !important; }
/* line 294, sass/_basket.scss */
.prdReg.yourDetails .column1 {
  width: 187px;
  float: left;
  font-size: 0.75em; }
  /* line 298, sass/_basket.scss */
  .prdReg.yourDetails .column1 .addressButtons input {
    font-size: 1em;
    width: 90px;
    margin-bottom: 5px; }
  /* line 303, sass/_basket.scss */
  .prdReg.yourDetails .column1 .addressButtonsTop {
    margin-top: 40px; }

/* line 309, sass/_basket.scss */
.editAddress hr {
  margin: 10px 0px; }

/* line 313, sass/_basket.scss */
.addressContainer, .deleteAddressWrapper {
  width: 450px; }

/* line 318, sass/_basket.scss */
.yourDetails.deleteAddressWrapper h2 {
  margin-bottom: 10px; }
/* line 321, sass/_basket.scss */
.yourDetails.deleteAddressWrapper .selectaddress {
  min-height: 100px; }
/* line 324, sass/_basket.scss */
.yourDetails.deleteAddressWrapper .buttonSubmitForm {
  float: right; }

/* line 329, sass/_basket.scss */
.machineInfo {
  float: left;
  font-size: 0.8em;
  margin-right: 36px;
  margin-bottom: 20px; }

/* line 336, sass/_basket.scss */
#machineList img {
  float: left; }

/* line 340, sass/_basket.scss */
.machineInfo .title {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 1.3em; }

/* line 346, sass/_basket.scss */
#machineList .spacer {
  height: 50px; }

/* line 351, sass/_basket.scss */
.machineInfo .arrowNext {
  display: block;
  margin-left: 1px;
  font-size: 1.0em; }
/* line 356, sass/_basket.scss */
.machineInfo .registeredDate, .machineInfo .serialNumber {
  margin-bottom: 10px;
  font-size: 0.9em; }

/*** Your orders ***/
/* line 365, sass/_basket.scss */
.yourOrders td.account_Order_OrdNo {
  width: 70px; }
/* line 368, sass/_basket.scss */
.yourOrders td.account_Order_Desc {
  width: 230px; }
/* line 371, sass/_basket.scss */
.yourOrders td.account_Order_ItemNo {
  width: 75px; }
/* line 374, sass/_basket.scss */
.yourOrders td.account_Order_View {
  width: 80px; }
  /* line 376, sass/_basket.scss */
  .yourOrders td.account_Order_View a {
    font-size: 1em; }
/* line 380, sass/_basket.scss */
.yourOrders td.account_Order_Cost {
  width: 70px; }
/* line 383, sass/_basket.scss */
.yourOrders td.account_Order_Date {
  width: 80px; }
/* line 387, sass/_basket.scss */
.yourOrders tr td {
  padding: 20px 15px 20px 0; }
/* line 390, sass/_basket.scss */
.yourOrders thead td {
  border-bottom: 1px solid #CCCCCC !important; }
/* line 393, sass/_basket.scss */
.yourOrders tr td {
  border-bottom: 1px solid #CCCCCC; }

/* line 399, sass/_basket.scss */
#tblBasket td.image {
  padding-left: 30px;
  width: 106px; }
/* line 403, sass/_basket.scss */
#tblBasket tr td {
  padding: 20px 15px 20px 0;
  border-bottom: 1px solid #CCCCCC; }
/* line 408, sass/_basket.scss */
#tblBasket td.description {
  vertical-align: middle;
  width: 270px; }
/* line 412, sass/_basket.scss */
#tblBasket td.unit {
  vertical-align: middle;
  width: 70px; }
/* line 416, sass/_basket.scss */
#tblBasket td.qty {
  vertical-align: middle;
  width: 30px; }
/* line 420, sass/_basket.scss */
#tblBasket td.total {
  vertical-align: middle;
  width: 75px; }
/* line 424, sass/_basket.scss */
#tblBasket td.description {
  font-size: 1em; }
  /* line 425, sass/_basket.scss */
  #tblBasket td.description a {
    text-decoration: none; }
/* line 432, sass/_basket.scss */
#tblBasket tfoot .noBorderBottom {
  border-bottom: medium none !important; }
/* line 435, sass/_basket.scss */
#tblBasket tfoot td, #tblBasket tfoot th {
  border-bottom: 1px solid #CCCCCC !important; }
/* line 438, sass/_basket.scss */
#tblBasket tfoot td.tableSpacer {
  border-bottom: none !important; }
/* line 442, sass/_basket.scss */
#tblBasket th {
  text-align: left;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.5em; }

/* line 452, sass/_basket.scss */
table.order td {
  vertical-align: middle; }
  /* line 453, sass/_basket.scss */
  table.order td.image {
    text-align: center;
    vertical-align: middle;
    width: 120px; }
/* line 460, sass/_basket.scss */
table.order th {
  vertical-align: middle; }
/* line 465, sass/_basket.scss */
table.normal td, table.normal th {
  padding: 4px !important; }

/* line 471, sass/_basket.scss */
#tblOrders {
  line-height: 1.2em; }
  /* line 472, sass/_basket.scss */
  #tblOrders td {
    padding-bottom: 5px; }
  /* line 475, sass/_basket.scss */
  #tblOrders th {
    padding-bottom: 5px;
    padding-right: 10px;
    width: 130px;
    text-align: left;
    font-size: 0.75em;
    font-weight: normal; }

/** shop information list **/
/* line 489, sass/_basket.scss */
.infoLinks .shopNavSectionBody .inner {
  margin-bottom: 10px; }
/* line 492, sass/_basket.scss */
.infoLinks .shopNavSectionBody .innerShoppingInfoTitle {
  margin-bottom: 0px;
  font-size: 0.75em; }
/* line 497, sass/_basket.scss */
.infoLinks .link {
  display: block;
  padding-top: 3px; }
/* line 501, sass/_basket.scss */
.infoLinks .buttons, .infoLinks .goldBtn, .infoLinks .greyBtn, .infoLinks .blueBtn, .infoLinks .orangeBtn {
  margin-top: 10px;
  display: block; }
/* line 505, sass/_basket.scss */
.infoLinks .button {
  height: 30px;
  padding-right: 25px; }
/* line 509, sass/_basket.scss */
.infoLinks li.link a.arrowRight {
  padding-left: 13px;
  padding-top: 1px;
  background: url(/images/icons/arrowRight.gif) no-repeat -3px -1px;
  display: block; }
/* line 516, sass/_basket.scss */
.infoLinks .shopInfoSectionBody .inner {
  display: block;
  margin-bottom: 10px;
  font-size: 0.75em; }
/* line 521, sass/_basket.scss */
.infoLinks .shopInfoSectionBody .innerShoppingInfoTitle {
  display: block;
  margin-bottom: 0px;
  font-size: 0.75em; }
/* line 526, sass/_basket.scss */
.infoLinks .shopInfoSectionBody a {
  color: #000000; }
  /* line 527, sass/_basket.scss */
  .infoLinks .shopInfoSectionBody a:hover {
    color: #666666; }
  /* line 532, sass/_basket.scss */
  .infoLinks .shopInfoSectionBody a span.inner {
    margin-bottom: 10px;
    font-size: 1em; }
  /* line 536, sass/_basket.scss */
  .infoLinks .shopInfoSectionBody a span.innerShoppingInfoTitle {
    margin-bottom: 0px;
    font-size: 1em; }

/* Checkout */
/* line 545, sass/_basket.scss */
.addressLookupNoaddress {
  display: block;
  width: 185px;
  margin: 0 0 10px 235px;
  text-align: left; }

/* Basket update */
/* line 554, sass/_basket.scss */
.basketUpdate {
  top: 300px;
  position: fixed;
  background-color: #FFFFFF;
  border: 2px solid #CCCCCC;
  font-weight: bold;
  left: 40%;
  padding: 30px;
  position: fixed;
  width: 175px;
  z-index: 100; }
  /* line 565, sass/_basket.scss */
  .basketUpdate img {
    margin-left: 43%; }

/* Basket styles */
/* line 572, sass/_basket.scss */
.storePromoImg {
  margin-right: 10px; }

/* line 576, sass/_basket.scss */
.basketHeader {
  color: #666;
  height: 25px;
  clear: both;
  text-align: center;
  line-height: 25px; }
  /* line 582, sass/_basket.scss */
  .basketHeader p {
    margin: 0; }
    /* line 584, sass/_basket.scss */
    .basketHeader p strong {
      font-size: 1em; }
    /* line 587, sass/_basket.scss */
    .basketHeader p i {
      margin-right: 10px;
      font-size: 22px;
      color: #666666;
      position: relative;
      top: 2px; }

/* line 597, sass/_basket.scss */
.basketHeadTitle {
  margin: 10px 0 0 10px; }
  /* line 599, sass/_basket.scss */
  .basketHeadTitle a.buttons, .basketHeadTitle a.goldBtn, .basketHeadTitle a.greyBtn, .basketHeadTitle a.blueBtn, .basketHeadTitle a.orangeBtn {
    margin-right: 0px; }

/* line 604, sass/_basket.scss */
.basketMainContent {
  border-color: #ccc; }

/* line 608, sass/_basket.scss */
.basketLine h3, .basketRow h3, .total h3 {
  font-size: 0.875em; }

/* line 613, sass/_basket.scss */
.basketLine h3 {
  margin-top: 25px;
  margin-left: 10px; }
  /* line 616, sass/_basket.scss */
  .basketLine h3.promQuantity {
    margin-left: 25px; }
/* line 620, sass/_basket.scss */
.basketLine .promoText {
  margin-left: 10px;
  width: 275px; }
/* line 624, sass/_basket.scss */
.basketLine input, .basketLine ul {
  margin-top: 10px;
  margin-left: 10px; }
/* line 628, sass/_basket.scss */
.basketLine h3.basketLineTotal {
  margin-top: 34px; }

/* line 633, sass/_basket.scss */
.basketRow {
  background-color: #f0f0f0;
  margin-left: 20px;
  margin-top: 0px;
  height: auto !important;
  padding: 15px;
  width: 93%; }
  /* line 642, sass/_basket.scss */
  .basketRow .basketRow_Title {
    width: 150px;
    float: left;
    margin-top: 10px; }

/* line 649, sass/_basket.scss */
.basketRow .col_19_Pad {
  padding: 0;
  margin: 0; }

/* line 654, sass/_basket.scss */
.basketRow .col_22_Pad {
  margin: 0;
  padding: 0; }

/* line 659, sass/_basket.scss */
.basketRow .col_3_Pad {
  padding: 0;
  margin: 12px 0 0 31px; }

/* line 665, sass/_basket.scss */
.basketMainContent .basketTitles {
  border-bottom: 1px solid #ccc;
  margin-left: 10px;
  width: 100%;
  height: 50px; }
/* line 671, sass/_basket.scss */
.basketMainContent img {
  display: block;
  margin-right: 75px; }
/* line 675, sass/_basket.scss */
.basketMainContent .basketLineInput {
  text-align: center;
  padding: 17px 0;
  width: 35px;
  background-image: none;
  margin-bottom: 8px; }
/* line 682, sass/_basket.scss */
.basketMainContent ul li a {
  text-decoration: underline;
  color: #666; }

/* line 688, sass/_basket.scss */
input.updateQuantity {
  width: 65px;
  float: none;
  font-family: Arial, sans-serif;
  font-size: 0.875em;
  margin: 0 0 6px !important;
  padding-left: 10px;
  padding-right: 10px; }
  /* line 32, ../Mobile/Styles/sass/Shared/_mixins.scss */
  html[region="HKG"] input.updateQuantity {
    font-family: "Arial", "Microsoft JhengHei", sans-serif; }
  /* line 36, ../Mobile/Styles/sass/Shared/_mixins.scss */
  html[region="JPN"] input.updateQuantity {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", FuturaBT, Helvetica, Arial, Sans-serif; }

/* line 698, sass/_basket.scss */
.basketRow ul {
  margin: 0 0 0 40px;
  padding: 0; }
  /* line 701, sass/_basket.scss */
  .basketRow ul li {
    margin-top: 4px; }

/* line 706, sass/_basket.scss */
.paymentCardContainer {
  height: 145px; }
  /* line 708, sass/_basket.scss */
  .paymentCardContainer a {
    text-decoration: underline; }

/* line 713, sass/_basket.scss */
.basketUpdator .error {
  margin-left: 10px;
  line-height: 1.2; }

/* line 721, sass/_basket.scss */
.basketMainContent .promotion .promotionCode {
  width: 640px;
  /*a {
  	margin-right: 110px;
  	margin-top: -4px;
  }*/ }
  /* line 724, sass/_basket.scss */
  .basketMainContent .promotion .promotionCode input.greyBtn {
    margin-top: 1px;
    margin-left: 10px;
    height: 24px;
    font-size: 0.75em; }
  /* line 730, sass/_basket.scss */
  .basketMainContent .promotion .promotionCode input.promoCodeTextbox {
    margin: 0 10px;
    padding: 0;
    text-align: left;
    width: 190px;
    background-color: #fff;
    height: 20px;
    float: left;
    margin-top: 3px; }
  /* line 746, sass/_basket.scss */
  .basketMainContent .promotion .promotionCode .promoCodeInstruction {
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
    margin-top: 10px; }
/* line 754, sass/_basket.scss */
.basketMainContent .promotionOptIn {
  /* text sizes */
  /* positioning */ }
  /* line 756, sass/_basket.scss */
  .basketMainContent .promotionOptIn .optInDescription, .basketMainContent .promotionOptIn .optInError, .basketMainContent .promotionOptIn .optInConfirmation, .basketMainContent .promotionOptIn .optOutConfirmation, .basketMainContent .promotionOptIn a {
    font-size: 0.75em; }
  /* line 760, sass/_basket.scss */
  .basketMainContent .promotionOptIn a {
    font-size: 1em;
    color: #0066ff;
    text-decoration: underline; }
    /* line 766, sass/_basket.scss */
    .basketMainContent .promotionOptIn a:hover {
      text-decoration: none; }
  /* line 770, sass/_basket.scss */
  .basketMainContent .promotionOptIn .promoMoreDetails {
    font-size: 0.875em; }
  /* line 775, sass/_basket.scss */
  .basketMainContent .promotionOptIn .basketRow_Title {
    float: left; }
  /* line 779, sass/_basket.scss */
  .basketMainContent .promotionOptIn .optInDescription, .basketMainContent .promotionOptIn .optInOptions, .basketMainContent .promotionOptIn .optInError, .basketMainContent .promotionOptIn .optInConfirmation, .basketMainContent .promotionOptIn .optOutConfirmation {
    margin-left: 150px; }
  /* line 783, sass/_basket.scss */
  .basketMainContent .promotionOptIn .optInOptions {
    padding: 10px 0 0 0;
    /* override default styling that's applied globally */ }
    /* line 786, sass/_basket.scss */
    .basketMainContent .promotionOptIn .optInOptions label, .basketMainContent .promotionOptIn .optInOptions input {
      display: inline; }
    /* line 787, sass/_basket.scss */
    .basketMainContent .promotionOptIn .optInOptions label {
      padding-right: 15px; }
    /* line 790, sass/_basket.scss */
    .basketMainContent .promotionOptIn .optInOptions .typeRadio {
      margin: 0px 5px 0 0; }
  /* line 793, sass/_basket.scss */
  .basketMainContent .promotionOptIn .optInError, .basketMainContent .promotionOptIn .optInConfirmation, .basketMainContent .promotionOptIn .optOutConfirmation {
    padding-top: 25px; }
  /* line 797, sass/_basket.scss */
  .basketMainContent .promotionOptIn .optInError {
    color: #cc0000; }
  /* line 800, sass/_basket.scss */
  .basketMainContent .promotionOptIn .optInConfirmation, .basketMainContent .promotionOptIn .optOutConfirmation {
    color: #0066ff;
    font-weight: bold; }

/* line 807, sass/_basket.scss */
.paymentFooter .confidenceContainer {
  width: 450px; }

/* line 811, sass/_basket.scss */
.total {
  margin-left: 10px;
  width: 100%;
  background-position: 0 3px; }

/* line 817, sass/_basket.scss */
.delivery .price {
  margin-right: 30px; }

/* line 821, sass/_basket.scss */
.total .price {
  margin: 0 0 0 38px; }

/* line 825, sass/_basket.scss */
.emptyBasket {
  height: 150px; }
  /* line 827, sass/_basket.scss */
  .emptyBasket h2 {
    margin-top: 50px; }
  /* line 830, sass/_basket.scss */
  .emptyBasket a {
    display: inline; }

/* Payment footer styles */
/* line 837, sass/_basket.scss */
.paymentFooter {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  clear: both;
  width: 964px;
  margin: 0px 10px 20px 10px; }

/* line 845, sass/_basket.scss */
.shoppingDetsLinks p {
  margin-top: 10px; }

/* line 849, sass/_basket.scss */
.paymentFooter .paymentCards {
  margin: 30px 0 35px 0; }

/* line 853, sass/_basket.scss */
.paymentCards li {
  display: inline;
  float: left;
  margin-right: 2px; }
  /* line 858, sass/_basket.scss */
  .paymentCards li span {
    display: block;
    text-indent: -10000px;
    margin-top: 11px;
    background-image: url(medialibrary/BF09D093DC2B46DCAC1DFA6FE92DE819.ashx);
    background-repeat: no-repeat; }
    /* line 865, sass/_basket.scss */
    .paymentCards li span.solo {
      margin-top: 0; }

/* line 872, sass/_basket.scss */
.paymentFooter .confidenceContainer {
  margin-right: 0;
  padding-right: 0; }
/* line 876, sass/_basket.scss */
.paymentFooter .confidenceLinks {
  margin: 15px 0 12px 0; }
  /* line 878, sass/_basket.scss */
  .paymentFooter .confidenceLinks a {
    text-decoration: underline; }

/* line 884, sass/_basket.scss */
.confidenceLinks li {
  display: inline;
  float: left;
  margin-right: 10px; }
  /* line 889, sass/_basket.scss */
  .confidenceLinks li span {
    display: block;
    text-indent: -10000px;
    background-repeat: no-repeat;
    height: 59px; }

/* Pre-basket specific styles */
/* line 903, sass/_basket.scss */
.preBasketContainer {
  margin: 0px 20px 10px 0; }
  /* line 905, sass/_basket.scss */
  .preBasketContainer .col_17_Pad {
    margin-left: 0; }
    /* line 907, sass/_basket.scss */
    .preBasketContainer .col_17_Pad h2 {
      margin-bottom: 0px; }

/* line 913, sass/_basket.scss */
.prebasketImg {
  margin: auto; }

/* line 917, sass/_basket.scss */
.preBasketSummary {
  margin-top: 30px; }
  /* line 919, sass/_basket.scss */
  .preBasketSummary .promoText {
    margin-top: 20px;
    font-size: 0.75em; }
    /* line 923, sass/_basket.scss */
    .preBasketSummary .promoText a, .preBasketSummary .promoText p, .preBasketSummary .promoText h3 {
      font-size: 1em; }
    /* line 926, sass/_basket.scss */
    .preBasketSummary .promoText a.smlLink {
      font-size: 0.875em; }
    /* line 929, sass/_basket.scss */
    .preBasketSummary .promoText .promoMoreDetails {
      display: block;
      font-size: 0.875em; }

/* line 936, sass/_basket.scss */
.continueShoppingLinks ul {
  margin-top: 20px; }

/* line 940, sass/_basket.scss */
.relatedAccess {
  margin: 25px 0 0 10px; }
  /* line 942, sass/_basket.scss */
  .relatedAccess li {
    display: block;
    clear: both;
    margin-bottom: 20px;
    height: 136px; }
  /* line 948, sass/_basket.scss */
  .relatedAccess input {
    margin: 20px 0 0 0; }
  /* line 951, sass/_basket.scss */
  .relatedAccess label {
    margin: 20px 0 0 0;
    font-weight: bold;
    margin-right: 40px;
    padding-left: 10px; }

/* Checkout breadcrumb */
/* line 961, sass/_basket.scss */
.checkoutHeader {
  margin: 10px 0 0 10px; }
  /* line 963, sass/_basket.scss */
  .checkoutHeader li {
    color: #999;
    height: 16px;
    width: 159px;
    padding: 14px;
    background: url(medialibrary/A92D7506F8104B88AAA6505F09BA02F0.ashx) repeat-x 0px 0px #ebebeb;
    display: block;
    float: left;
    margin-left: 5px;
    font-weight: bold;
    position: relative; }
    /* line 974, sass/_basket.scss */
    .checkoutHeader li.first {
      margin-left: 0; }
    /* line 977, sass/_basket.scss */
    .checkoutHeader li.selected {
      background: url(medialibrary/4DF45D1DA5BD44B5B44452FF20B327C2.ashx) repeat-x 0px 0px #cccccc;
      color: #333;
      font-weight: bold; }
    /* line 982, sass/_basket.scss */
    .checkoutHeader li img {
      position: absolute;
      top: 44px;
      left: 75px;
      display: none; }
    /* line 988, sass/_basket.scss */
    .checkoutHeader li.selected img {
      display: block; }

/* Payment page */
/* line 996, sass/_basket.scss */
.paymentContainer, .checkoutHolder {
  border-color: #ccc; }

/* line 1000, sass/_basket.scss */
.paymentCol1 {
  float: left; }

/* line 1004, sass/_basket.scss */
.paymentContainer h2 {
  margin-top: 10px; }

/* line 1008, sass/_basket.scss */
.orderSummary {
  width: 100%;
  margin-bottom: 10px; }

/* line 1013, sass/_basket.scss */
table.orderSummary {
  width: 100%;
  margin-bottom: 15px;
  border-collapse: collapse; }

/* line 1019, sass/_basket.scss */
.orderSummary td {
  padding-bottom: 5px; }
  /* line 1021, sass/_basket.scss */
  .orderSummary td.itemPrice {
    text-align: right; }

/* line 1026, sass/_basket.scss */
.orderTotal td {
  text-align: right;
  padding: 10px 0;
  font-weight: bold;
  text-align: right;
  padding: 10px 0;
  font-weight: bold; }

/* line 1035, sass/_basket.scss */
.errorSummary {
  margin-top: 7px; }
  /* line 1037, sass/_basket.scss */
  .errorSummary input[type="text"] {
    background-color: #fff;
    background: none;
    color: Red;
    border: 0;
    width: 300px;
    padding: 0;
    line-height: 1.1875em; }

/* line 1048, sass/_basket.scss */
.addressFormExtras {
  margin-left: 10px; }

/* line 1053, sass/_basket.scss */
.genForm .deliveryAddressQasContainer .qasDeliveryButton {
  margin-right: 2px; }
/* line 1056, sass/_basket.scss */
.genForm .qasDeliveryButton {
  margin-right: 10px; }

/* line 1062, sass/_basket.scss */
.paymentCategories input {
  width: auto;
  height: 15px; }
/* line 1067, sass/_basket.scss */
.paymentCategories .creditCard {
  overflow: hidden;
  padding-bottom: 20px; }
/* line 1072, sass/_basket.scss */
.paymentCategories .logos {
  float: left;
  display: block;
  padding-left: 20px; }
/* line 1078, sass/_basket.scss */
.paymentCategories .payPal .logos, .paymentCategories .paymentCards li span {
  margin-top: 0px; }

/* line 1083, sass/_basket.scss */
.cardDetailsForm {
  margin-top: 30px;
  margin-left: 133px;
  clear: both; }
  /* line 1088, sass/_basket.scss */
  .cardDetailsForm .cardType {
    float: left;
    margin: 0 0 10px 0px; }

/* line 1094, sass/_basket.scss */
.cardType .paymentCards {
  clear: both; }

/* line 1099, sass/_basket.scss */
.cardDetailsForm .cardType select {
  margin-bottom: 5pkx;
  margin-left: 0; }
/* line 1103, sass/_basket.scss */
.cardDetailsForm input.issueNumber {
  width: 30px;
  float: left; }
/* line 1107, sass/_basket.scss */
.cardDetailsForm .cardDates {
  clear: both; }
  /* line 1109, sass/_basket.scss */
  .cardDetailsForm .cardDates select {
    margin-right: 10px;
    float: left;
    width: 65px; }
/* line 1115, sass/_basket.scss */
.cardDetailsForm .cvcContainer input {
  width: 30px;
  margin-right: 14px; }

/* line 1121, sass/_basket.scss */
.cvcHelp {
  width: 100px;
  font-size: 0.68em;
  top: 0px;
  left: 373px;
  padding: 10px 15px;
  text-align: left; }

/* line 1130, sass/_basket.scss */
.cvcContainer .helpPanelArrow {
  left: 365px;
  top: 17px; }

/* line 1136, sass/_basket.scss */
.paymentContainer .deliveryChk input {
  width: auto;
  float: left;
  display: block;
  margin: 0; }
/* line 1142, sass/_basket.scss */
.paymentContainer .deliveryChk label {
  float: left;
  clear: none;
  text-align: left;
  width: 120px;
  margin: 0 0 0 5px; }

/* line 1151, sass/_basket.scss */
.termsCheckLbl {
  display: block;
  float: left; }

/* line 1156, sass/_basket.scss */
.orderBtn {
  margin: 20px 0 0 10px; }

/* line 1160, sass/_basket.scss */
.paymentTermsSection .errorMsg {
  margin-right: 60px; }

/* line 1164, sass/_basket.scss */
.paymentBillingForm {
  margin-left: 68px;
  clear: both; }

/* line 1169, sass/_basket.scss */
.optIn span {
  font-size: 1em; }

/* line 1173, sass/_basket.scss */
.progressIndicator {
  background-color: #FFFFFF;
  position: fixed;
  text-align: center;
  left: 38%;
  top: 30%;
  width: 300px;
  border: 2px solid #CCCCCC;
  font-weight: bold;
  left: 40%;
  padding: 30px;
  z-index: 100; }

/* 3d page */
/* line 1189, sass/_basket.scss */
.threeDcontainer {
  margin-left: 43px; }
  /* line 1191, sass/_basket.scss */
  .threeDcontainer p {
    font-family: Arial, sans-serif;
    width: 500px;
    padding: 20px; }
    /* line 32, ../Mobile/Styles/sass/Shared/_mixins.scss */
    html[region="HKG"] .threeDcontainer p {
      font-family: "Arial", "Microsoft JhengHei", sans-serif; }
    /* line 36, ../Mobile/Styles/sass/Shared/_mixins.scss */
    html[region="JPN"] .threeDcontainer p {
      font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", FuturaBT, Helvetica, Arial, Sans-serif; }

/* Confirmation page */
/* line 1200, sass/_basket.scss */
.checkoutHolder .orderSummary p {
  text-align: right; }

/* Order receipt page */
/* line 1206, sass/_basket.scss */
.orderReceipt {
  width: 626px;
  margin: 20px 10px 10px 10px; }
  /* line 1209, sass/_basket.scss */
  .orderReceipt thead {
    margin-left: 10px; }
    /* line 1210, sass/_basket.scss */
    .orderReceipt thead th {
      padding-bottom: 10px; }

/* line 1217, sass/_basket.scss */
.orderReciept tbody {
  margin-left: 10px; }

/* line 1221, sass/_basket.scss */
.orderReceipt td {
  padding: 10px 10px 10px 0;
  width: 150px; }

/* Login page */
/* line 1228, sass/_basket.scss */
.emailContainer label {
  width: 146px; }

/* line 1232, sass/_basket.scss */
.emailHelp {
  width: 175px;
  font-size: 0.6875em;
  top: -15px;
  left: 376px;
  padding: 10px 15px;
  text-align: left;
  margin: 0; }

/* line 1242, sass/_basket.scss */
.emailContainer .helpPanelArrow {
  left: 368px;
  top: 0px;
  margin: 0; }

/* line 1248, sass/_basket.scss */
.genForm .emailContinueBtn {
  margin-right: 112px !important;
  display: block; }

/* line 1253, sass/_basket.scss */
.emailContinueContainer input {
  margin-left: 179px; }

/* line 1258, sass/_basket.scss */
.passwordForm label {
  clear: none;
  text-align: left;
  width: 240px;
  font-size: 0.75em;
  font-weight: bold; }
/* line 1265, sass/_basket.scss */
.passwordForm input[type="radio"] {
  width: 40px;
  margin: 0px 0 0 140px; }

/* line 1271, sass/_basket.scss */
span.passwordLabel {
  display: block;
  margin-top: 5px; }
  /* line 1274, sass/_basket.scss */
  span.passwordLabel label {
    width: 120px;
    margin: 0 10px 10px 0;
    height: 25px; }

/* line 1281, sass/_basket.scss */
.passwordForm .passwordTextBox {
  margin: 0 0 0 178px; }

/* line 1285, sass/_basket.scss */
.passwordLink {
  text-decoration: underline;
  margin: 80px 0 0 178px;
  display: block;
  clear: both;
  width: 150px;
  text-align: left; }

/* line 1295, sass/_basket.scss */
.genForm .signInLower {
  margin-left: 168px; }
/* line 1298, sass/_basket.scss */
.genForm input.btnSaveYourAccount {
  margin-left: 222px; }

/* line 1303, sass/_basket.scss */
.oneview-signin-recpatcha-wrapper .g-recaptcha {
  margin-left: 112px; }

/* line 1307, sass/_basket.scss */
.recaptchaError {
  margin-left: 170px; }

/* line 1311, sass/_basket.scss */
.forgottenPasswordContinueButton {
  margin-left: 178px; }

/* Deleivery page */
/* line 1319, sass/_basket.scss */
select.title {
  width: 75px; }

/* line 1323, sass/_basket.scss */
.addressForm label, .addressFormExtras label {
  width: 200px; }

/* line 1327, sass/_basket.scss */
.genForm .addressSelectBox {
  width: 300px; }

/* line 1331, sass/_basket.scss */
.addressBook input.goldBtn {
  margin-right: 10px; }

/* line 1335, sass/_basket.scss */
.termsConfLabel {
  margin-left: 5px; }

/* line 1339, sass/_basket.scss */
.recycleCheck {
  margin-right: 5px; }
  /* line 1341, sass/_basket.scss */
  .recycleCheck input {
    margin: 0; }

/* line 1346, sass/_basket.scss */
.deliveryChk {
  margin-left: 8px; }

/* line 1350, sass/_basket.scss */
.deliveryContinue {
  margin-left: 368px; }

/* line 1355, sass/_basket.scss */
.genForm .deliveryFindAddress, .genForm .deliveryAddressQasContainer .qasDeliveryButton {
  margin-left: 233px; }

/* line 1360, sass/_basket.scss */
.recycleText {
  margin-top: 10px; }

/* line 1364, sass/_basket.scss */
.addressForm .usAddressFinder {
  padding: 20px 0; }
  /* line 1366, sass/_basket.scss */
  .addressForm .usAddressFinder h3 {
    padding: 10px 0; }

/* line 1371, sass/_basket.scss */
.usAddressFinder .deliveryAddressQasContainer .checkboxInput input {
  width: 10px; }

/* line 1375, sass/_basket.scss */
.deliveryFindAddress1 {
  height: 30px; }

/* Delivery confirm */
/* line 1381, sass/_basket.scss */
.chooseAddressButton {
  margin-left: 367px; }

/* Forgotten password */
/* line 1387, sass/_basket.scss */
.securityQAform label {
  clear: both;
  text-align: right;
  width: 146px;
  font-size: 0.75em;
  font-weight: bold; }

/*Basket amends*/
/* line 1395, sass/_basket.scss */
.basketUpdator ul li .buttons, .basketUpdator ul li .goldBtn, .basketUpdator ul li .greyBtn, .basketUpdator ul li .blueBtn, .basketUpdator ul li .orangeBtn {
  width: 85px !important;
  text-align: center;
  padding-left: 0;
  padding-right: 0; }

/*Sign in page*/
/* line 1405, sass/_basket.scss */
.genForm .emailContainer label {
  width: 160px;
  margin-right: 18px; }
/* line 1409, sass/_basket.scss */
.genForm input.btnSaveYourAccount {
  width: 210px !important;
  margin-left: 222px; }

/* line 1415, sass/_basket.scss */
.basketMainContent + .col_24 .qasLoader {
  margin-left: 0 !important; }

/* Cookies overlay */
/* line 3, sass/_cookies.scss */
.cookiesWarning {
  text-align: center;
  display: none;
  padding: 20px 0;
  height: 60px; }
  /* line 8, sass/_cookies.scss */
  .cookiesWarning .messageWrap {
    width: 984px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    position: relative; }
    /* line 14, sass/_cookies.scss */
    .cookiesWarning .messageWrap p {
      width: 780px;
      color: #333;
      font-size: 13px;
      margin-left: auto;
      margin-right: auto;
      padding-right: 20px; }
      /* line 21, sass/_cookies.scss */
      .cookiesWarning .messageWrap p a {
        color: #333; }
        /* line 23, sass/_cookies.scss */
        .cookiesWarning .messageWrap p a:hover {
          color: #333; }
  /* line 29, sass/_cookies.scss */
  .cookiesWarning .greyBtn {
    position: absolute;
    top: 15%;
    right: 0;
    margin-right: 0;
    max-width: 75px; }

/***************** selected variant *************/
/* line 3, sass/_variants.scss */
.selectedMachine {
  padding: 20px; }
  /* line 5, sass/_variants.scss */
  .selectedMachine .heading {
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 1.3em; }
  /* line 10, sass/_variants.scss */
  .selectedMachine .selectedMachineText {
    font-weight: bold;
    padding-bottom: 8px;
    font-size: 0.9em; }
  /* line 15, sass/_variants.scss */
  .selectedMachine .MachineName {
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 10px; }
  /* line 20, sass/_variants.scss */
  .selectedMachine .imageWrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 180px;
    width: 180px;
    display: table-cell;
    text-align: center; }
  /* line 28, sass/_variants.scss */
  .selectedMachine .selectAnotherLink a {
    margin-top: 10px;
    padding-top: 2px; }
  /* line 32, sass/_variants.scss */
  .selectedMachine .imageWrapper img {
    margin: 0px auto; }

/**************** Variant Spares *************************/
/* line 38, sass/_variants.scss */
.variantSparesTitle {
  font-size: 1.1em;
  font-weight: normal;
  padding-bottom: 12px; }

/* line 44, sass/_variants.scss */
.spares {
  float: left; }
  /* line 46, sass/_variants.scss */
  .spares h2 {
    margin-top: 10px; }
  /* line 49, sass/_variants.scss */
  .spares .part {
    float: left;
    width: 184px;
    min-height: 230px;
    height: auto !important;
    margin-right: 35px;
    padding-bottom: 10px;
    line-height: 1.4em; }
    /* line 57, sass/_variants.scss */
    .spares .part a {
      min-height: 230px;
      height: auto !important;
      width: 184px; }
    /* line 62, sass/_variants.scss */
    .spares .part img {
      border: 1px solid #CDCDCD;
      /*width:173px;height:127px;*/ }
    /* line 66, sass/_variants.scss */
    .spares .part a:hover img {
      border: 1px solid Black;
      /*width:173px; height:127px;*/ }
    /* line 70, sass/_variants.scss */
    .spares .part .name {
      float: none;
      font-weight: bold;
      display: block;
      line-height: 1.3em; }
    /* line 76, sass/_variants.scss */
    .spares .part .price {
      float: left;
      font-weight: bold;
      margin-right: 10px; }
    /* line 81, sass/_variants.scss */
    .spares .part .stock {
      font-size: 0.92em;
      float: left; }
    /* line 85, sass/_variants.scss */
    .spares .part .partInfo {
      display: block;
      line-height: 1.4em;
      font-size: 0.92em;
      color: #333333; }
    /* line 92, sass/_variants.scss */
    .spares .part .price .wasPrice {
      /*font-size: 1em;*/ }
    /* line 95, sass/_variants.scss */
    .spares .part .price .nowPrice, .spares .part .price .savePrice {
      /*font-size: 1em;*/
      color: #06F; }

/************ Select Variant ********************/
/* line 104, sass/_variants.scss */
.selectVariantHoverThumbnail {
  max-width: 168px;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: White;
  border: 1px solid #CCCCCC;
  padding: 10px 0px;
  z-index: 999; }

/****Selected variant****/
/* line 117, sass/_variants.scss */
.selectedVariant {
  max-width: 184px;
  width: 184px; }
  /* line 120, sass/_variants.scss */
  .selectedVariant .imageWrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 180px;
    width: 180px;
    display: table-cell;
    text-align: center; }
  /* line 128, sass/_variants.scss */
  .selectedVariant .header {
    font-size: 0.9em;
    font-weight: bold;
    padding-bottom: 8px; }
  /* line 133, sass/_variants.scss */
  .selectedVariant .machineName {
    padding-bottom: 8px;
    padding-top: 8px; }

/**Product variant home ***/
/* line 140, sass/_variants.scss */
.suitableMain .navItem span.title {
  display: block;
  padding-right: 25px;
  float: left;
  padding-top: 25px; }

/* line 147, sass/_variants.scss */
.productVariant {
  /*JP specific*/ }
  /* line 148, sass/_variants.scss */
  .productVariant .carousel {
    width: 715px;
    min-height: 280px;
    background: url(/images/backgrounds/carouselBackground.png) no-repeat 0px 11px; }
    /* line 149, sass/_variants.scss */
    .productVariant .carousel .carouselItems {
      left: 30px;
      position: relative !important; }
    /* line 153, sass/_variants.scss */
    .productVariant .carousel .lineUPNonJs {
      position: relative !important; }
    /* line 156, sass/_variants.scss */
    .productVariant .carousel .carouselItems li {
      width: 160px; }
      /* line 158, sass/_variants.scss */
      .productVariant .carousel .carouselItems li a span {
        margin-left: 30px; }
  /* line 166, sass/_variants.scss */
  .productVariant .controls li {
    top: 90px; }
  /* line 172, sass/_variants.scss */
  .productVariant.jpVariants .lineUpNonJs {
    width: auto; }
  /* line 175, sass/_variants.scss */
  .productVariant.jpVariants .carousel .carouselItems {
    left: 0; }
    /* line 177, sass/_variants.scss */
    .productVariant.jpVariants .carousel .carouselItems li {
      width: auto; }

/* Grid variant - that needs to be added
//.message - for an 18 col message box
//.gridResultsRefine - white box with hairline border. needs standard with reduced by 2px
//.gridResultsItem - within an 18 cold width, this is a layout for 2 product wide grid with hairline.
*/
/* line 191, sass/_variants.scss */
.col_18_PadMessage {
  width: 678px;
  padding: 30px 20px;
  margin: 10px 0 0 10px;
  background: #EBEBEB; }
  /* line 196, sass/_variants.scss */
  .col_18_PadMessage .arrowRight {
    margin-top: 20px; }

/* line 201, sass/_variants.scss */
.gridResultsRefine {
  float: left;
  margin: 10px 10px 5px 10px;
  padding: 10px 17px 10px 10px;
  width: 689px; }

/* line 208, sass/_variants.scss */
.gridResultsRefineBottom {
  margin: 5px 10px 10px 10px; }

/* line 213, sass/_variants.scss */
.gridResultsRefine p {
  display: block;
  width: 140px;
  float: left;
  margin-bottom: 0;
  margin-top: 3px;
  margin-left: 8px; }
/* line 221, sass/_variants.scss */
.gridResultsRefine fieldset {
  margin-right: 10px;
  float: left;
  margin-top: 1px; }
  /* line 225, sass/_variants.scss */
  .gridResultsRefine fieldset select {
    width: 158px; }
  /* line 228, sass/_variants.scss */
  .gridResultsRefine fieldset.compareButton label {
    font-weight: bold; }
  /* line 231, sass/_variants.scss */
  .gridResultsRefine fieldset label {
    position: relative;
    top: -1px; }
/* line 236, sass/_variants.scss */
.gridResultsRefine legend {
  display: none; }
/* line 239, sass/_variants.scss */
.gridResultsRefine .button {
  float: right; }
/* line 242, sass/_variants.scss */
.gridResultsRefine input {
  margin-bottom: 0;
  margin-right: 0;
  float: left; }

/* line 249, sass/_variants.scss */
.gridResultRow {
  margin-top: 0;
  margin-bottom: 0; }

/* line 254, sass/_variants.scss */
.gridResultsItem {
  width: 324px;
  padding: 17px;
  float: left;
  height: 350px; }

/* line 261, sass/_variants.scss */
.gridResultsItemFirst {
  width: 324px;
  border: 1px solid #ccc;
  border-top: none; }

/* line 267, sass/_variants.scss */
.gridResultsItemSecond {
  width: 323px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc; }

/* line 273, sass/_variants.scss */
.gridResultItemTop {
  border-top: 1px solid #ccc; }

/* line 277, sass/_variants.scss */
.gridResultsItemInfo {
  width: 155px;
  float: left;
  height: 350px;
  position: relative; }

/* line 284, sass/_variants.scss */
a.gridResultsItemReview {
  display: block;
  margin-bottom: 10px;
  color: #666;
  text-decoration: underline;
  font-size: 0.7em; }

/* line 292, sass/_variants.scss */
body p.gridResultsItemOffer {
  color: #0066ff; }

/* line 297, sass/_variants.scss */
.gridResultsItemInfo ul {
  padding-left: 15px; }
  /* line 299, sass/_variants.scss */
  .gridResultsItemInfo ul li {
    list-style: disc;
    font-size: 0.6875em;
    margin-bottom: 3px;
    line-height: 1.3; }
/* line 306, sass/_variants.scss */
.gridResultsItemInfo .goldBtn {
  position: absolute;
  bottom: 70px;
  margin-bottom: 0; }
/* line 311, sass/_variants.scss */
.gridResultsItemInfo .greyBtn {
  position: absolute;
  bottom: 30px;
  width: 90px;
  margin-bottom: 0; }
/* line 317, sass/_variants.scss */
.gridResultsItemInfo .compareButton {
  position: absolute;
  bottom: 0;
  margin-bottom: 0; }
  /* line 321, sass/_variants.scss */
  .gridResultsItemInfo .compareButton legend {
    display: none; }
  /* line 324, sass/_variants.scss */
  .gridResultsItemInfo .compareButton input {
    margin: 0 5px 0 0; }
  /* line 327, sass/_variants.scss */
  .gridResultsItemInfo .compareButton label {
    position: relative;
    top: -2px; }
/* line 332, sass/_variants.scss */
.gridResultsItemInfo .heading {
  font-weight: bold;
  font-size: 1.0em; }
  /* line 335, sass/_variants.scss */
  .gridResultsItemInfo .heading a {
    font-size: 0.9em;
    color: #333333; }
    /* line 338, sass/_variants.scss */
    .gridResultsItemInfo .heading a:hover {
      font-size: 0.9em;
      color: #333333; }
/* line 344, sass/_variants.scss */
.gridResultsItemInfo span.heading {
  color: #0066ff; }
/* line 347, sass/_variants.scss */
.gridResultsItemInfo p.heading {
  color: #0066ff;
  font-size: 0.75em; }

/* line 353, sass/_variants.scss */
.gridResultsItemImage {
  width: 165px;
  float: right;
  height: 285px;
  position: relative; }
  /* line 358, sass/_variants.scss */
  .gridResultsItemImage img {
    position: absolute;
    right: 0;
    bottom: 0; }

/* line 366, sass/_variants.scss */
.prdReg .squareList {
  margin-bottom: 40px; }
/* line 369, sass/_variants.scss */
.prdReg .centerForm {
  margin-left: 200px; }
/* line 372, sass/_variants.scss */
.prdReg fieldset .findAddress {
  margin-top: 20px; }
/* line 375, sass/_variants.scss */
.prdReg hr {
  border-top: 1px solid #ccc;
  margin: 0; }
  /* line 378, sass/_variants.scss */
  .prdReg hr.top {
    border-top: 1px solid #ccc;
    margin-bottom: 40px; }
  /* line 382, sass/_variants.scss */
  .prdReg hr.bottom {
    border-top: 1px solid #ccc;
    margin-top: 40px; }

/* line 389, sass/_variants.scss */
hr.accountBottom {
  border-top: 1px solid #ccc;
  margin-top: 40px; }

/* line 395, sass/_variants.scss */
.prdReg hr.accountLogin {
  border-top: 1px solid #ccc;
  display: block;
  margin-bottom: 30px;
  margin-top: 20px;
  width: 460px;
  float: left;
  clear: both; }
/* line 404, sass/_variants.scss */
.prdReg hr.forgottenPassword {
  border-top: 1px solid #ccc;
  display: block;
  margin-bottom: 15px;
  margin-top: 20px;
  width: 460px;
  float: left;
  clear: both; }

/*Sitemap*/
/* line 3, sass/_map.scss */
.sitemapHeaderLink {
  font-size: 1.0em !important; }

/* fix buttons hover text*/
/* line 8, sass/_map.scss */
a.buttons:hover, a.goldBtn:hover, a.greyBtn:hover, a.blueBtn:hover, a.orangeBtn:hover {
  color: #000000; }

/* line 12, sass/_map.scss */
.genericHtmlContent .buttons, .genericHtmlContent .goldBtn, .genericHtmlContent .greyBtn, .genericHtmlContent .blueBtn, .genericHtmlContent .orangeBtn {
  margin-bottom: 0px !important; }

/*** Maps ***/
/* line 18, sass/_map.scss */
.findARetailer label {
  position: relative;
  top: -2px;
  margin-bottom: 8px; }
/* line 23, sass/_map.scss */
.findARetailer .searchText label {
  font-size: 0.8em;
  margin-bottom: 5px; }
/* line 27, sass/_map.scss */
.findARetailer .filters {
  font-size: 0.8em;
  margin-top: 15px;
  margin-bottom: 5px; }
/* line 32, sass/_map.scss */
.findARetailer .buttonSm {
  width: 80px; }
/* line 35, sass/_map.scss */
.findARetailer .button {
  margin-top: 20px; }
/* line 38, sass/_map.scss */
.findARetailer .buttonReset {
  font-weight: bold;
  position: relative; }
/* line 42, sass/_map.scss */
.findARetailer .filterCheck {
  margin-bottom: 5px;
  display: block; }
/* line 46, sass/_map.scss */
.findARetailer .searchBox {
  position: relative;
  left: -1px;
  background: url(medialibrary/409C44F5E0304D06BCDDB824A9D7BDAD.ashx) repeat-x 0 0;
  border: 1px solid #D1D1D1; }
/* line 52, sass/_map.scss */
.findARetailer .retailer {
  font-size: 0.9em;
  margin-bottom: 10px; }
/* line 56, sass/_map.scss */
.findARetailer .retailerAddress {
  font-weight: normal; }
/* line 59, sass/_map.scss */
.findARetailer .areaSearch {
  width: 145px;
  position: relative;
  left: -1px; }

/* line 66, sass/_map.scss */
.areaSearchText {
  margin-bottom: 5px;
  padding-top: 10px; }
  /* line 69, sass/_map.scss */
  .areaSearchText label {
    font-size: 0.8em; }

/* line 74, sass/_map.scss */
.resultList .shopNavSectionTitle {
  height: 300px;
  overflow-y: scroll; }

/* line 79, sass/_map.scss */
#retailerList {
  font-size: 1.2em; }

/* line 83, sass/_map.scss */
.retailerName {
  font-size: 1.1em; }

/* line 87, sass/_map.scss */
.findARetailer .errorText {
  color: Red;
  font-weight: bold;
  font-size: 0.8em;
  display: inline;
  min-height: 0px; }

/*******************breadcrumb******************/
/* line 96, sass/_map.scss */
.innerSiteWrapper {
  width: 984px;
  margin: 0 auto; }

/* line 101, sass/_map.scss */
.breadCrumb {
  font-size: 0.9em;
  padding: 0px 0 10px 0;
  height: 1%; }
  /* line 105, sass/_map.scss */
  .breadCrumb li {
    float: left;
    color: #666; }
    /* line 108, sass/_map.scss */
    .breadCrumb li a {
      background: url(../images/icons/breadCrumbArrow.png) no-repeat right;
      padding-right: 10px;
      margin-right: 5px;
      color: #666;
      text-decoration: underline; }
      /* line 114, sass/_map.scss */
      .breadCrumb li a:hover, .breadCrumb li a:focus {
        text-decoration: none; }

/* line 121, sass/_map.scss */
div.blackBG .breadCrumb li {
  color: #999999; }
  /* line 122, sass/_map.scss */
  div.blackBG .breadCrumb li a {
    background: url(../images/icons/blackBreadCrumbArrow.gif) no-repeat right;
    color: #999999; }
    /* line 125, sass/_map.scss */
    div.blackBG .breadCrumb li a:hover {
      color: #FFFFFF; }

/************* HUBS **************/
/* line 3, sass/_hubs.scss */
.hubCarousel h3, .hub360Spin h3 {
  font-size: 1em; }

/* line 7, sass/_hubs.scss */
.spinOuterDiv {
  position: relative;
  left: 50%;
  float: left;
  clear: both;
  text-align: left; }

/* line 15, sass/_hubs.scss */
.spinInnerDiv {
  position: relative;
  left: -50%;
  text-align: left; }

/* line 21, sass/_hubs.scss */
.hubSpinWidget a.arrowNext {
  font-weight: bold;
  margin-top: 2em;
  color: Black;
  display: block;
  margin-bottom: 2em; }
  /* line 27, sass/_hubs.scss */
  .hubSpinWidget a.arrowNext:hover {
    color: #666; }

/* line 32, sass/_hubs.scss */
.sparesLink {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #EBEBEB; }
  /* line 37, sass/_hubs.scss */
  .sparesLink a.arrowNext {
    float: left; }

/***HTML TECH****/
/* line 44, sass/_hubs.scss */
.hotspotLinks {
  margin-top: 20px;
  position: relative;
  width: 200px;
  float: left;
  margin-right: 20px; }
  /* line 50, sass/_hubs.scss */
  .hotspotLinks li {
    padding-left: 10px;
    margin-right: 20px; }
    /* line 53, sass/_hubs.scss */
    .hotspotLinks li a {
      display: block;
      margin-bottom: 15px;
      width: 100%; }

/* line 61, sass/_hubs.scss */
.hotspotBull {
  background: url("/images/icons/hotspot_bg.png") no-repeat scroll left center transparent;
  color: #FFFFFF;
  display: block;
  font-weight: bold;
  height: 20px;
  left: 0;
  margin-top: 0;
  padding-top: 3px;
  position: absolute;
  text-align: center;
  width: 21px; }

/* line 76, sass/_hubs.scss */
.hotspotLinks a:hover .hotspotBull, .hotspotLinks a:focus .hotspotBull {
  background: url("/images/icons/hotspot_bg.png") no-repeat scroll right center transparent;
  color: #666666; }

/* line 82, sass/_hubs.scss */
li.fixedHeight a {
  color: #CCCCCC;
  padding-left: 15px; }
  /* line 85, sass/_hubs.scss */
  li.fixedHeight a:hover {
    color: White; }

/* line 90, sass/_hubs.scss */
#bt_1 {
  left: -380px;
  top: 100px; }

/* line 95, sass/_hubs.scss */
#bt_2 {
  left: -430px;
  top: 15px; }

/* line 100, sass/_hubs.scss */
#bt_3 {
  left: -105px;
  top: 95px; }

/* line 105, sass/_hubs.scss */
#bt_4 {
  left: -350px;
  top: 185px; }

/* line 110, sass/_hubs.scss */
.blackBG .rule .spareBackLinkGrayRule {
  background-color: #333333;
  margin-bottom: 0; }

/* line 116, sass/_hubs.scss */
.rule .spareBackLinkGrayRule {
  background-color: #CCCCCC;
  margin-bottom: 0; }
/* line 120, sass/_hubs.scss */
.rule .marginGrayRule {
  border-bottom: 1px solid #333333;
  margin-bottom: 10px;
  margin-top: 10px; }
/* line 125, sass/_hubs.scss */
.rule .marginGrayRuleLighter {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 10px;
  margin-top: 10px; }

/* line 132, sass/_hubs.scss */
.lightBlack {
  background-color: #141414;
  height: 100px;
  margin-bottom: 10px; }

/* line 138, sass/_hubs.scss */
.lightBlackTech {
  height: 120px;
  margin-top: 10px;
  margin-right: 20px; }

/* line 145, sass/_hubs.scss */
.lightBlack a {
  color: #CCCCCC; }
/* line 148, sass/_hubs.scss */
.lightBlack span.blank {
  padding-left: 10px;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px; }
/* line 154, sass/_hubs.scss */
.lightBlack a:hover {
  color: White; }

/* line 159, sass/_hubs.scss */
.genericHtmlContent .lightBlack .header {
  color: #FFFFFF;
  padding-left: 10px;
  display: block;
  font-size: 110%;
  font-weight: bold;
  line-height: 120%;
  margin-top: -2px; }

/* line 169, sass/_hubs.scss */
a.quarter {
  width: 246px;
  padding: 20px; }

/*.privacy h3 { font-size: 90%; font-weight: bold; margin-bottom: 5px; margin-top: 20px;}
.privacy h1 { font-size: 120%; line-height: 110%; margin: 10px 0 15px;}
.privacy h2 {line-height: 110%; margin-bottom: 10px; margin-top: 20px;}*/
/* line 179, sass/_hubs.scss */
.privacy li a {
  background: url(/images/icons/arrow_next_wht.gif) no-repeat 0 4px transparent;
  padding-left: 20px;
  color: #000000; }
  /* line 183, sass/_hubs.scss */
  .privacy li a:hover {
    background: url(/images/icons/arrow_next_wht_over.gif) no-repeat 0 4px transparent;
    color: #666666; }
/* line 188, sass/_hubs.scss */
.privacy a, .privacy .roman li a {
  color: #666666;
  background: none;
  padding-left: 0; }
/* line 193, sass/_hubs.scss */
.privacy a:hover, .privacy .roman li a:hover {
  color: #000000;
  background: none; }
/* line 197, sass/_hubs.scss */
.privacy .tel {
  font-size: 90%; }
/* line 200, sass/_hubs.scss */
.privacy address {
  font-size: 80%;
  font-style: normal; }

/* line 206, sass/_hubs.scss */
.delivery ul {
  padding-top: 50px; }

/************ Hub Carosuel ************/
/* line 211, sass/_hubs.scss */
.hubCarousel {
  width: 452px; }
  /* line 213, sass/_hubs.scss */
  .hubCarousel .hubHeaderText {
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 0px; }
  /* line 218, sass/_hubs.scss */
  .hubCarousel li {
    width: 452px;
    text-align: center; }
    /* line 221, sass/_hubs.scss */
    .hubCarousel li strong, .hubCarousel li p {
      width: 100%;
      text-align: left; }
    /* line 225, sass/_hubs.scss */
    .hubCarousel li img {
      padding-top: 10px;
      clear: both; }
  /* line 230, sass/_hubs.scss */
  .hubCarousel .hubCarouselImageText {
    width: 90%;
    float: left;
    display: block;
    text-align: left;
    padding-top: 10px; }

/* line 240, sass/_hubs.scss */
.hubCarouselWrapper .controls li.left {
  right: 35px;
  top: 0px;
  left: auto;
  width: 30px; }
/* line 246, sass/_hubs.scss */
.hubCarouselWrapper .controls li.right {
  right: 0px;
  top: 0px;
  left: auto;
  width: 30px; }

/* line 255, sass/_hubs.scss */
.hubCarousel .hubHeader {
  font-weight: bold;
  margin-bottom: 10px;
  float: left;
  font-size: 1.1em; }
/* line 261, sass/_hubs.scss */
.hubCarousel .hubDescription {
  font-weight: normal;
  float: left; }

/* line 267, sass/_hubs.scss */
.hubCarouselWrapper {
  margin-top: 20px; }

/************ Hub Carosuel TOggle ************/
/* line 272, sass/_hubs.scss */
.hubCarouselToggle {
  width: 512px; }
  /* line 274, sass/_hubs.scss */
  .hubCarouselToggle .hubHeaderText {
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 0px;
    padding-left: 80px; }
  /* line 280, sass/_hubs.scss */
  .hubCarouselToggle li {
    width: 512px;
    text-align: center; }
    /* line 283, sass/_hubs.scss */
    .hubCarouselToggle li strong {
      width: 100%;
      text-align: left;
      padding-left: 80px; }
    /* line 288, sass/_hubs.scss */
    .hubCarouselToggle li p {
      width: 80%;
      text-align: left;
      padding-left: 80px; }
    /* line 293, sass/_hubs.scss */
    .hubCarouselToggle li img {
      clear: both; }
  /* line 297, sass/_hubs.scss */
  .hubCarouselToggle .hubCarouselToggleImageText {
    width: 90%;
    float: left;
    display: block;
    text-align: left;
    padding-top: 10px; }

/* line 307, sass/_hubs.scss */
.hubCarouselToggleWrapper .controls li.right {
  left: 35px;
  bottom: 25px;
  top: auto;
  right: auto;
  width: 30px; }
/* line 314, sass/_hubs.scss */
.hubCarouselToggleWrapper .controls li.left {
  left: 0px;
  bottom: 25px;
  top: auto;
  right: auto;
  width: 30px; }

/* line 324, sass/_hubs.scss */
.hubCarouselToggle .hubHeader {
  font-weight: bold;
  margin-bottom: 10px;
  float: left;
  font-size: 1.1em; }
/* line 330, sass/_hubs.scss */
.hubCarouselToggle .hubDescription {
  font-weight: normal;
  float: left; }
/* line 334, sass/_hubs.scss */
.hubCarouselToggle .hubCarouselToggleWrapper {
  margin-top: 0px; }

/******** hub Tabbed Header **********/
/* line 340, sass/_hubs.scss */
.hubTabbedHeader {
  float: left;
  list-style: none outside none;
  position: relative;
  border-bottom: 1px solid #CCC;
  width: 100%;
  margin-bottom: 35px; }
  /* line 347, sass/_hubs.scss */
  .hubTabbedHeader.blackTabs {
    border-bottom: 1px solid #333; }
  /* line 350, sass/_hubs.scss */
  .hubTabbedHeader li {
    display: inline;
    overflow: hidden;
    position: relative;
    margin-right: 5px;
    float: left;
    display: block;
    color: #555;
    margin-bottom: -1px;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc; }
    /* line 362, sass/_hubs.scss */
    .hubTabbedHeader li a {
      padding: 8px 22px;
      display: block;
      font-weight: bold;
      margin-bottom: 0px;
      font-size: 1em;
      height: 34px;
      text-align: center;
      line-height: 33px;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, white 0%, #ececec 40%, #d9d9d9 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(40%, #ececec), color-stop(100%, #d9d9d9));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, white 0%, #ececec 40%, #d9d9d9 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, white 0%, #ececec 40%, #d9d9d9 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, white 0%, #ececec 40%, #d9d9d9 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #ffffff 0%, #ececec 40%, #d9d9d9 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0 );
      /* IE6-8 */ }
    /* line 387, sass/_hubs.scss */
    .hubTabbedHeader li .hubHome a {
      background: none repeat scroll 0 0 transparent;
      width: 46px;
      margin-bottom: -1px;
      overflow: hidden;
      padding: 0;
      position: relative;
      text-align: center; }
    /* line 396, sass/_hubs.scss */
    .hubTabbedHeader li li a:hover {
      color: #333;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmNmY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, white 0%, #e2e2e2 40%, #cfcfcf 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(40%, #e2e2e2), color-stop(100%, #cfcfcf));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, white 0%, #e2e2e2 40%, #cfcfcf 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, white 0%, #e2e2e2 40%, #cfcfcf 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, white 0%, #e2e2e2 40%, #cfcfcf 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #ffffff 0%, #e2e2e2 40%, #cfcfcf 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf',GradientType=0 );
      /* IE6-8 */ }
  /* line 416, sass/_hubs.scss */
  .hubTabbedHeader.blackTabs li {
    color: #fff;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
    border-top: 1px solid #333333; }
    /* line 421, sass/_hubs.scss */
    .hubTabbedHeader.blackTabs li a {
      color: #fff;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #131313 0%, #1d1d1d 40%, #292929 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #131313), color-stop(40%, #1d1d1d), color-stop(100%, #292929));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #131313 0%, #1d1d1d 40%, #292929 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #131313 0%, #1d1d1d 40%, #292929 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #131313 0%, #1d1d1d 40%, #292929 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #131313 0%, #1d1d1d 40%, #292929 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#292929',GradientType=0 );
      /* IE6-8 */ }
    /* line 439, sass/_hubs.scss */
    .hubTabbedHeader.blackTabs li a:hover {
      color: #fff;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #131313 0%, #272727 40%, #333333 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #131313), color-stop(40%, #272727), color-stop(100%, #333333));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #131313 0%, #272727 40%, #333333 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #131313 0%, #272727 40%, #333333 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #131313 0%, #272727 40%, #333333 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #131313 0%, #272727 40%, #333333 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#333333',GradientType=0 );
      /* IE6-8 */ }
  /* line 459, sass/_hubs.scss */
  .hubTabbedHeader .greySelect a.selected {
    background: white;
    border-bottom: 1px solid white;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-8 */
    color: #333; }
    /* line 460, sass/_hubs.scss */
    .hubTabbedHeader .greySelect a.selected:hover {
      background: white;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
      /* IE6-8 */ }
  /* line 471, sass/_hubs.scss */
  .hubTabbedHeader.blackTabs .greySelect a.selected {
    background: black;
    border-bottom: 1px solid black;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000',GradientType=0 );
    /* IE6-8 */
    color: #fff; }
    /* line 472, sass/_hubs.scss */
    .hubTabbedHeader.blackTabs .greySelect a.selected:hover {
      background: black;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000',GradientType=0 );
      /* IE6-8 */ }

/* line 485, sass/_hubs.scss */
.hubHeaderWrapper.blackLine {
  border-bottom: 1px solid #333; }
/* line 488, sass/_hubs.scss */
.hubHeaderWrapper.blackLine {
  border-bottom: 1px solid #333; }
/* line 491, sass/_hubs.scss */
.hubHeaderWrapper.blackLine {
  border-bottom: 1px solid #333; }
/* line 494, sass/_hubs.scss */
.hubHeaderWrapper .button {
  float: right;
  padding-top: 12px; }

/* line 500, sass/_hubs.scss */
.hubTabbedHeader li a.homeTab, .hubTabbedHeader li a.homeTabselected {
  border: medium none !important;
  font-size: 1.05em;
  overflow: hidden;
  padding: 0px;
  width: 46px;
  height: 49px !important;
  line-height: 0px;
  min-height: 0px;
  margin-bottom: -4px;
  padding-top: 1px;
  display: block;
  position: relative; }
/* line 514, sass/_hubs.scss */
.hubTabbedHeader li a:hover.homeTab img, .hubTabbedHeader li a.homeTabselected img {
  position: absolute;
  left: -46px; }

/*Digital slim hub 2012*/
/* line 523, sass/_hubs.scss */
.digitalSlim_Gallery li {
  clear: none !important; }
/* line 526, sass/_hubs.scss */
.digitalSlim_Gallery a {
  min-height: 130px;
  height: auto !important;
  height: 130px; }

/* line 533, sass/_hubs.scss */
.dSlim_Lbx_Nav_DC45 {
  height: 217px !important; }

/*Digital slim hub 2012*/
/* line 538, sass/_hubs.scss */
.digitalSlim_Gallery li {
  clear: none !important; }

/* line 542, sass/_hubs.scss */
.dSlim_Compare_Lbx_Img_DC {
  margin-right: 50px !important; }

/*Digital slim takeover 2012*/
/* line 549, sass/_hubs.scss */
.digitalSlimTakeover_LBxCopy .arrowButton {
  position: relative;
  top: 0;
  right: 0; }
/* line 554, sass/_hubs.scss */
.digitalSlimTakeover_LBxCopy h1 {
  position: absolute;
  top: 105px;
  left: 140px; }
/* line 559, sass/_hubs.scss */
.digitalSlimTakeover_LBxCopy h2 {
  position: absolute;
  top: 25px;
  left: 20px; }

/* line 566, sass/_hubs.scss */
.takeOverLetterboxLink {
  position: absolute;
  height: 440px;
  width: 984px; }

/*product filters*/
/* line 5, sass/_product.scss */
.productFilter .shopNavSectionBody .shopNavSectionTitle {
  background-color: transparent;
  padding: 0 0 5px 0;
  margin-left: -2px;
  padding: 0px;
  padding-bottom: 10px; }
/* line 13, sass/_product.scss */
.productFilter .shopNavSectionTitle {
  padding-left: 18px; }
/* line 17, sass/_product.scss */
.productFilter .shopNavSectionBody {
  padding-top: 10px; }

/*****************recentMachines*************/
/* line 24, sass/_product.scss */
.recentMachines {
  padding: 20px;
  margin-bottom: 20px; }
  /* line 28, sass/_product.scss */
  .recentMachines h2 {
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 1.3em; }
  /* line 34, sass/_product.scss */
  .recentMachines .heading {
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 0.9em; }

/***********************selectMachine*********/
/* line 45, sass/_product.scss */
.headerWithText h2 {
  float: left;
  padding-right: 15px; }
/* line 52, sass/_product.scss */
.headerWithText p a:hover, .headerWithText p a:focus {
  text-decoration: none; }

/* line 61, sass/_product.scss */
.serialError .errorText p, .serialError .errorText a {
  margin-bottom: 0px;
  color: #ff0000;
  font-weight: bold;
  min-height: 30px;
  height: auto !important;
  height: 30px; }

/* line 72, sass/_product.scss */
.errorText {
  margin-bottom: 0px;
  color: #ff0000;
  font-weight: bold;
  min-height: 30px;
  height: auto !important;
  height: 30px; }

/* line 82, sass/_product.scss */
.errorCol {
  margin-top: 20px;
  padding-left: 20px; }

/* line 88, sass/_product.scss */
#TooManyError {
  display: none; }

/************ Product Range List ****************/
/* line 94, sass/_product.scss */
.productRangeList {
  width: 705px; }
  /* line 99, sass/_product.scss */
  .productRangeList .productInfo .contentWrapper {
    position: relative;
    float: left;
    width: 595px; }
    /* line 104, sass/_product.scss */
    .productRangeList .productInfo .contentWrapper .imageWrapper {
      width: 205px;
      text-align: center;
      float: left; }
    /* line 110, sass/_product.scss */
    .productRangeList .productInfo .contentWrapper .selectedWrapper {
      width: 190px;
      position: absolute;
      top: 0px;
      left: 560px; }
      /* line 116, sass/_product.scss */
      .productRangeList .productInfo .contentWrapper .selectedWrapper .currentlySelectedText {
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        width: 190px;
        font-size: 0.75em;
        color: #000000;
        line-height: 1.1875em;
        margin: 0 0 20px; }
  /* line 129, sass/_product.scss */
  .productRangeList .productInfo .detailsWrapper {
    width: 352px;
    float: left; }
    /* line 132, sass/_product.scss */
    .productRangeList .productInfo .detailsWrapper h2 {
      margin-bottom: 10px; }
      /* line 133, sass/_product.scss */
      .productRangeList .productInfo .detailsWrapper h2 a {
        color: #000;
        font-size: 1.2em; }
    /* line 139, sass/_product.scss */
    .productRangeList .productInfo .detailsWrapper .priceLabel {
      font-size: 0.8em;
      margin-bottom: 10px;
      font-weight: bold;
      color: #000;
      /*.wasPrice {
        font-size: 1em;
      }*/ }
      /* line 148, sass/_product.scss */
      .productRangeList .productInfo .detailsWrapper .priceLabel .savePrice, .productRangeList .productInfo .detailsWrapper .priceLabel .nowPrice {
        color: #06F;
        /*font-size:1em;*/
        display: block; }
      /* line 153, sass/_product.scss */
      .productRangeList .productInfo .detailsWrapper .priceLabel .nowPrice {
        padding-top: 8px; }
      /* line 156, sass/_product.scss */
      .productRangeList .productInfo .detailsWrapper .priceLabel .savePrice {
        margin-bottom: 10px; }
  /* line 161, sass/_product.scss */
  .productRangeList .productInfo .descriptionWrapper {
    margin-bottom: 20px; }
    /* line 163, sass/_product.scss */
    .productRangeList .productInfo .descriptionWrapper p {
      margin-bottom: 0px; }
  /* line 168, sass/_product.scss */
  .productRangeList .productInfo .detailsWrapper .featuresWrapper .featureList {
    width: 50%;
    float: left; }
  /* line 172, sass/_product.scss */
  .productRangeList .productInfo .detailsWrapper .featuresWrapper .oddFeatureList .featureListInner {
    padding-right: 10px; }
  /* line 175, sass/_product.scss */
  .productRangeList .productInfo .detailsWrapper .featuresWrapper .evenFeatureList .featureListInner {
    padding-left: 10px; }
  /* line 178, sass/_product.scss */
  .productRangeList .productInfo .detailsWrapper .featuresWrapper ul {
    list-style-position: inside;
    list-style-image: url("/Images/Icons/bullet.gif");
    padding-left: 10px; }
  /* line 183, sass/_product.scss */
  .productRangeList .productInfo .detailsWrapper .featuresWrapper li {
    list-style-position: outside;
    font-size: 0.75em;
    line-height: 1.5em;
    color: #333333;
    margin-bottom: 2px; }
  /* line 191, sass/_product.scss */
  .productRangeList .productInfo .buttonWrapper {
    float: left;
    width: 110px; }
    /* line 194, sass/_product.scss */
    .productRangeList .productInfo .buttonWrapper .buttonWrapperInner {
      margin-left: 18px; }
    /* line 197, sass/_product.scss */
    .productRangeList .productInfo .buttonWrapper .buttons, .productRangeList .productInfo .buttonWrapper .goldBtn, .productRangeList .productInfo .buttonWrapper .greyBtn, .productRangeList .productInfo .buttonWrapper .blueBtn, .productRangeList .productInfo .buttonWrapper .orangeBtn {
      margin-right: 0px; }

/* line 204, sass/_product.scss */
.button90 {
  width: 90px;
  padding-left: 0px;
  padding-right: 0px; }

/* line 210, sass/_product.scss */
.productRangeList .productSeperator {
  height: 1px;
  overflow: hidden;
  line-height: 1px;
  width: 100%;
  background-color: #cccccc;
  margin-bottom: 35px;
  margin-top: 15px; }

/* line 220, sass/_product.scss */
a.buttons:hover, a.goldBtn:hover, a.greyBtn:hover, a.blueBtn:hover, a.orangeBtn:hover {
  color: #000000; }

/***************** Product Specification List *************/
/* line 226, sass/_product.scss */
.specificationList {
  display: block;
  margin-top: 10px; }
  /* line 229, sass/_product.scss */
  .specificationList .row {
    background: #f0f0f0;
    padding: 21px 21px 21px 10px; }
  /* line 233, sass/_product.scss */
  .specificationList .rowAlt {
    background: white;
    padding: 21px 21px 21px 10px; }
  /* line 237, sass/_product.scss */
  .specificationList .specLeft {
    float: left;
    width: 265px;
    color: #000000;
    font-size: 0.8em;
    font-weight: bold; }
  /* line 244, sass/_product.scss */
  .specificationList .specRight {
    float: left;
    line-height: 1.5em;
    width: 350px; }
    /* line 248, sass/_product.scss */
    .specificationList .specRight .specMainText {
      font-size: 0.75em;
      color: #000000;
      line-height: 1.3em; }
    /* line 253, sass/_product.scss */
    .specificationList .specRight .specSubText {
      font-size: 0.6em;
      color: #333333;
      line-height: 1.3em;
      padding-top: 5px; }

/************ Product Gallery ************/
/* line 263, sass/_product.scss */
.prodGallery {
  width: 708px;
  margin-left: 10px; }
  /* line 266, sass/_product.scss */
  .prodGallery.noArrows {
    width: 718px;
    margin-left: 0; }

/* line 272, sass/_product.scss */
.lineUpNonJs {
  width: 715px !important; }

/* line 277, sass/_product.scss */
.prodGallery.noArrows li {
  width: 122px; }
/* line 280, sass/_product.scss */
.prodGallery li {
  width: 118px; }
  /* line 283, sass/_product.scss */
  .prodGallery li a img {
    border: 2px solid #ccc; }
  /* line 286, sass/_product.scss */
  .prodGallery li a:hover img, .prodGallery li a.selected img {
    border: 2px solid #666; }

/* line 294, sass/_product.scss */
.controls li.left {
  left: 0px;
  top: 18px; }
/* line 298, sass/_product.scss */
.controls li.right {
  right: 0px;
  top: 18px; }

/* line 304, sass/_product.scss */
.galleryMainImageWrapper {
  text-align: center;
  padding-top: 20px; }
  /* line 307, sass/_product.scss */
  .galleryMainImageWrapper img {
    background-color: #fff; }

/**** 360 Spin ****/
/* line 313, sass/_product.scss */
.spinTargetClass {
  /*width:328px;
  height:540px;*/
  background-color: #FFF;
  position: relative;
  float: left;
  margin: 0px 20px; }

/* line 322, sass/_product.scss */
.animationFrame {
  left: 0px;
  top: 0px;
  position: absolute;
  display: none; }

/* line 329, sass/_product.scss */
.loadingAnimation {
  left: 50px;
  top: 50px;
  position: absolute; }

/* line 335, sass/_product.scss */
.rotateLeftStyle, .rotateRightStyle {
  position: relative;
  /*top:250px;*/
  float: left;
  display: inline;
  font-size: 36px; }

/**** Out of stock messaging ****/
/* line 345, sass/_product.scss */
.outOfStockMessaging {
  position: absolute;
  top: 320px;
  left: 150px;
  width: 170px;
  font-size: 0.7em;
  vertical-align: middle;
  text-align: center; }

/* line 355, sass/_product.scss */
.outOfStockMessagingPricePanel {
  padding-top: 60px;
  font-size: 0.7em; }

/* line 360, sass/_product.scss */
.outOfStockMessagingList {
  position: absolute;
  top: 120px;
  left: 0px;
  width: 130px;
  font-size: 0.7em;
  vertical-align: middle;
  text-align: center; }

/* line 1, sass/_fans.scss */
.fansHub .tabSpacerLine {
  background-color: transparent !important; }

/* line 5, sass/_fans.scss */
.fanHomePageLetterbox {
  background-position: 0 174px;
  background-repeat: repeat-x; }
  /* line 8, sass/_fans.scss */
  .fanHomePageLetterbox .fansHomeLbxFan h2 {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 25px;
    margin-top: 30px;
    text-indent: -9999px; }
  /* line 16, sass/_fans.scss */
  .fanHomePageLetterbox .fansHomeLbxHot h2 {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 25px;
    margin-top: 30px;
    text-indent: -9999px; }
  /* line 23, sass/_fans.scss */
  .fanHomePageLetterbox .fansHomeLbxHot .greyNew {
    color: #808285;
    font-size: 0.875em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0; }
  /* line 30, sass/_fans.scss */
  .fanHomePageLetterbox .fansHomeLbxHot h2 {
    margin-top: 10px; }

/* line 36, sass/_fans.scss */
.fanFooterPanel {
  background: no-repeat right top #eaeaea;
  min-height: 146px;
  height: auto !important;
  height: 146px; }

/* line 43, sass/_fans.scss */
.footerMainContent {
  padding: 10px 0 0 10px;
  width: 325px; }

/* line 48, sass/_fans.scss */
.fanFooterPanel .arrowRight {
  background: url(/images/backgrounds/linkArrow.jpg) no-repeat 0 5px; }

/* line 52, sass/_fans.scss */
.heatersBrochureDownloadFooterPanel .footerMainContent {
  width: 500px; }
  /* line 53, sass/_fans.scss */
  .heatersBrochureDownloadFooterPanel .footerMainContent h3, .heatersBrochureDownloadFooterPanel .footerMainContent img, .heatersBrochureDownloadFooterPanel .footerMainContent p {
    float: left; }

/* line 59, sass/_fans.scss */
.footerMainContent h3 {
  display: block; }

/* line 64, sass/_fans.scss */
.heatersBrochureDownloadFooterPanel .footerMainContent img {
  display: block; }
/* line 67, sass/_fans.scss */
.heatersBrochureDownloadFooterPanel .footerMainContent h3 {
  margin-left: 20px; }
/* line 70, sass/_fans.scss */
.heatersBrochureDownloadFooterPanel .footerMainContent p {
  margin-left: 20px;
  width: 325px; }
/* line 74, sass/_fans.scss */
.heatersBrochureDownloadFooterPanel .footerMainContent a {
  margin-left: 20px;
  float: left; }

/* line 80, sass/_fans.scss */
.whereToBuyPanel div {
  margin-left: 150px;
  width: 280px; }

/* line 85, sass/_fans.scss */
.balloonSection {
  min-height: 385px; }

/* line 89, sass/_fans.scss */
.fansPageRangeWidget {
  float: left; }
  /* line 91, sass/_fans.scss */
  .fansPageRangeWidget .imageHolder {
    position: relative;
    margin-bottom: 15px;
    min-height: 254px;
    height: auto !important;
    height: 245px; }
  /* line 98, sass/_fans.scss */
  .fansPageRangeWidget .rangeItems {
    position: absolute;
    bottom: 0;
    left: 0; }
    /* line 102, sass/_fans.scss */
    .fansPageRangeWidget .rangeItems li {
      float: left; }

/* line 108, sass/_fans.scss */
.am01Range {
  width: 196px;
  margin-right: 70px; }

/* line 113, sass/_fans.scss */
.am02Range {
  width: 162px;
  margin-right: 70px; }

/* line 118, sass/_fans.scss */
.am03Range {
  width: 120px; }

/* line 122, sass/_fans.scss */
.engineerContainer {
  background-repeat: repeat-x;
  background-position: 0 66px; }
  /* line 125, sass/_fans.scss */
  .engineerContainer img {
    margin-bottom: 10px; }

/* line 130, sass/_fans.scss */
.balloonVideo a.ceebox span {
  display: block;
  clear: both;
  margin-bottom: 10px;
  padding: 3px 0 0 12px;
  background: url(/images/icons/arrowRightGRY.png) no-repeat 0 6px; }

/* Ceebox styles */
/* line 140, sass/_fans.scss */
.fansHub a.ceebox span {
  display: block;
  clear: both;
  padding: 3px 0 0 12px;
  background: url(/images/icons/arrowRightGRY.png) no-repeat 0 5px; }
/* line 146, sass/_fans.scss */
.fansHub .playVidIconWithText a.ceebox span {
  background-image: none;
  clear: none;
  padding: 4px 0 0 10px; }

/* Hub Letterboxes */
/* line 154, sass/_fans.scss */
.disclaimer {
  font-size: 0.9em; }

/* line 158, sass/_fans.scss */
.letterboxContainer {
  min-height: 426px;
  height: auto !important;
  height: 426px; }

/* line 164, sass/_fans.scss */
.fansHub .letterboxContainer .mainContent {
  left: 200px; }

/* line 168, sass/_fans.scss */
.amOverviewLetterbox {
  height: 416px; }
  /* line 170, sass/_fans.scss */
  .amOverviewLetterbox h1 {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 35px;
    text-indent: -9999px; }

/* line 179, sass/_fans.scss */
.amAboutLetterbox h1 {
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 35px;
  text-indent: -9999px; }
/* line 185, sass/_fans.scss */
.amAboutLetterbox .rightContent {
  position: absolute;
  left: 660px; }

/* line 192, sass/_fans.scss */
.amBuffetingLetterbox .mainContent {
  width: 363px;
  top: 85px; }
/* line 196, sass/_fans.scss */
.amBuffetingLetterbox .rightContent {
  position: absolute;
  left: 600px;
  top: 85px;
  width: 339px; }

/* line 206, sass/_fans.scss */
.amTechnologyLetterbox .mainContent p {
  margin-bottom: 20px; }
/* line 209, sass/_fans.scss */
.amTechnologyLetterbox .mainContent .ceebox {
  display: block;
  margin-bottom: 20px; }
/* line 214, sass/_fans.scss */
.amTechnologyLetterbox .rightContent {
  position: absolute;
  left: 487px;
  top: 70px;
  width: 529px; }

/* line 222, sass/_fans.scss */
.airFlow_overview h1 {
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 35px;
  text-indent: -9999px; }

/* line 229, sass/_fans.scss */
.airFlow_wholeRoom {
  background-color: #000; }
  /* line 231, sass/_fans.scss */
  .airFlow_wholeRoom h2, .airFlow_wholeRoom h3, .airFlow_wholeRoom p {
    color: #fff; }
  /* line 234, sass/_fans.scss */
  .airFlow_wholeRoom h3 {
    margin-top: 15px; }
  /* line 237, sass/_fans.scss */
  .airFlow_wholeRoom .rightContent {
    padding-top: 70px;
    margin-left: 530px;
    width: 288px; }

/* line 245, sass/_fans.scss */
.airFlow_control .mainContent {
  width: 300px; }
  /* line 247, sass/_fans.scss */
  .airFlow_control .mainContent p {
    width: 267px; }
  /* line 250, sass/_fans.scss */
  .airFlow_control .mainContent img {
    margin: 9px 0 10px 0; }
/* line 254, sass/_fans.scss */
.airFlow_control .rightContent {
  width: 492px;
  margin-left: 470px;
  padding-top: 93px; }
  /* line 258, sass/_fans.scss */
  .airFlow_control .rightContent img {
    margin-bottom: 8px; }
  /* line 261, sass/_fans.scss */
  .airFlow_control .rightContent .ceebox img {
    margin-top: 8px;
    margin-bottom: 0; }

/* line 269, sass/_fans.scss */
.airFlow_smell .mainContent img {
  padding-top: 50px;
  margin-bottom: 15px; }
/* line 273, sass/_fans.scss */
.airFlow_smell .rightContent {
  width: 288px;
  margin-left: 530px;
  padding-top: 78px; }
  /* line 277, sass/_fans.scss */
  .airFlow_smell .rightContent img {
    margin-bottom: 15px; }

/* Heaters page */
/* line 284, sass/_fans.scss */
.am04RangeWidget .rangeItems {
  width: 175px; }
  /* line 286, sass/_fans.scss */
  .am04RangeWidget .rangeItems li {
    width: 70px;
    margin-right: 15px; }

/* line 292, sass/_fans.scss */
.warmAirVid {
  margin: 15px 0; }

/* line 296, sass/_fans.scss */
.otherHeatersFeatures .col_6_Pad {
  min-height: 280px;
  height: auto !important;
  height: 280px; }

/* Business page */
/* line 304, sass/_fans.scss */
.fansBusinessHead {
  background-repeat: no-repeat;
  background-position: 195px 10px;
  height: 500px; }

/* line 310, sass/_fans.scss */
.airMultiplierBusiness, .dysonHotBusiness {
  margin-top: 405px; }

/* line 315, sass/_fans.scss */
.businessFansComparison h3 {
  line-height: 2em; }
/* line 318, sass/_fans.scss */
.businessFansComparison .businessFansComparisonMainContent {
  min-height: 175px;
  height: auto !important;
  height: 175px; }
/* line 323, sass/_fans.scss */
.businessFansComparison p a {
  text-decoration: none !important; }

/* line 328, sass/_fans.scss */
.fansBusinessToggle {
  padding: 15px 0;
  border-top: 1px solid #eee; }

/* line 334, sass/_fans.scss */
.businessFansComparison .fansBusinessToggleHeader {
  margin-bottom: 0; }
  /* line 336, sass/_fans.scss */
  .businessFansComparison .fansBusinessToggleHeader a {
    font-weight: bold; }
  /* line 339, sass/_fans.scss */
  .businessFansComparison .fansBusinessToggleHeader .toggleClosed {
    background: url(medialibrary/5D131743E9754DAF833DA1351446DF85.ahsx) no-repeat left 1px;
    padding-left: 20px; }
  /* line 343, sass/_fans.scss */
  .businessFansComparison .fansBusinessToggleHeader .toggleOpen {
    background: url(medialibrary/A4EAB11EFE5F4073A412EDA2CBCED258.ahsx) no-repeat left 1px;
    padding-left: 20px; }
/* line 348, sass/_fans.scss */
.businessFansComparison .fansBusinessToggleContent {
  margin-top: 10px; }

/* line 353, sass/_fans.scss */
.fansBusinessForm, .fansBusinessPage .infoPanel {
  background-color: #E6E7E8; }

/* line 357, sass/_fans.scss */
.fansBusinessForm {
  min-height: 364px;
  height: auto !important;
  height: 364px; }

/* line 365, sass/_fans.scss */
.fansBusinessPage .infoPanel img {
  margin-bottom: 10px; }
/* line 368, sass/_fans.scss */
.fansBusinessPage .infoPanel .arrowRight {
  background: url("/images/backgrounds/linkArrow.jpg") no-repeat scroll 0 5px transparent; }
/* line 372, sass/_fans.scss */
.fansBusinessPage .handDryerPanel {
  height: 119px; }

/* line 378, sass/_fans.scss */
.fansBusinessForm .scfSingleLineTextLabel, .fansBusinessForm .scfTelephoneLabel {
  width: 150px; }
/* line 381, sass/_fans.scss */
.fansBusinessForm .scfSingleLineGeneralPanel, .fansBusinessForm .scfTelephoneGeneralPanel {
  margin-bottom: 15px; }
/* line 384, sass/_fans.scss */
.fansBusinessForm .scfSingleLineGeneralPanel {
  width: 460px; }
  /* line 386, sass/_fans.scss */
  .fansBusinessForm .scfSingleLineGeneralPanel input {
    width: 460px; }
/* line 390, sass/_fans.scss */
.fansBusinessForm .scfTelephoneGeneralPanel {
  width: 460px; }

/* line 395, sass/_fans.scss */
.scfTelephoneGeneralPanel .scfTelephoneGeneralPanel input, .fansBusinessForm .scfSingleLineGeneralPanel input, .scfTelephoneGeneralPanel .scfTelephoneGeneralPanel input {
  width: 460px; }

/* line 399, sass/_fans.scss */
.fansBusinessForm .buttons, .fansBusinessForm .goldBtn, .fansBusinessForm .greyBtn, .fansBusinessForm .blueBtn, .fansBusinessForm .orangeBtn {
  float: right;
  margin: -20px 38px 10px 0; }

/*Comparison table*/
/* line 406, sass/_fans.scss */
.hct_TableContainer {
  border-collapse: collapse;
  width: 100%; }
  /* line 409, sass/_fans.scss */
  .hct_TableContainer th {
    border-left: 0;
    text-align: center;
    padding: 0; }
  /* line 414, sass/_fans.scss */
  .hct_TableContainer td {
    font-size: 1em; }
    /* line 416, sass/_fans.scss */
    .hct_TableContainer td a {
      font-size: 0.75em; }
      /* line 418, sass/_fans.scss */
      .hct_TableContainer td a ins h3, .hct_TableContainer td a ins p {
        font-size: 1em; }
  /* line 426, sass/_fans.scss */
  .hct_TableContainer th .hct_Prod_ProfileImg {
    margin-bottom: 5px;
    /*boycey issue with fans compare border:1px solid #cdcdcd;*/
    z-index: -1; }
  /* line 432, sass/_fans.scss */
  .hct_TableContainer th a:hover img.hct_Prod_ProfileImg, .hct_TableContainer th a:focus img.hct_Prod_ProfileImg {
    border: 1px solid #666; }
  /* line 437, sass/_fans.scss */
  .hct_TableContainer td {
    border-left: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    text-align: center;
    z-index: 0;
    width: 83px;
    padding: 0;
    vertical-align: middle; }
    /* line 445, sass/_fans.scss */
    .hct_TableContainer td .hct_Prod_HasFeature {
      text-indent: -10000em;
      background-repeat: no-repeat;
      background-position: center center;
      height: 100%;
      width: 100%;
      display: block; }

/* line 456, sass/_fans.scss */
.hct_Prod_Col_Even {
  background-color: #e7e7e7; }

/* line 460, sass/_fans.scss */
.hct_Prod_Col_Odd .hct_Prod_HasFeature {
  background-image: url("medialibrary/B8D389B73C38462B84E28CD5EDC89E62.ashx"); }

/* line 464, sass/_fans.scss */
.hct_Prod_Col_Even .hct_Prod_HasFeature {
  background-image: url("medialibrary/FAB43A228F1845FCB871A8002E80818F.ashx"); }

/* line 468, sass/_fans.scss */
.hct_Prod_Col_Heading td {
  background: none;
  border-left: none; }

/* line 473, sass/_fans.scss */
.noPaddingTop td {
  padding-top: 0 !important; }

/* line 477, sass/_fans.scss */
.hct_TableContainer tfoot, .hct_Foot_CTA td {
  padding-top: 20px; }

/* line 482, sass/_fans.scss */
.hct_TableContainer tfoot td {
  border-bottom: 1px solid white;
  border-left: 1px solid white; }
  /* line 485, sass/_fans.scss */
  .hct_TableContainer tfoot td a {
    margin: 15px auto 0;
    font-style: normal; }
/* line 490, sass/_fans.scss */
.hct_TableContainer .hct_Titles {
  width: 160px;
  text-align: left;
  border-left: 0;
  padding-top: 0;
  padding-bottom: 0; }
  /* line 496, sass/_fans.scss */
  .hct_TableContainer .hct_Titles h4 {
    padding: 10px 0;
    display: block;
    font-weight: bold !important;
    margin: 0;
    color: #000; }

/* line 506, sass/_fans.scss */
.hct_Prod_Link {
  position: relative;
  min-height: 35px;
  height: auto !important;
  height: 35px;
  z-index: 0;
  width: 50px;
  display: block;
  margin: 0 auto;
  text-decoration: none;
  z-index: 10; }
  /* line 517, sass/_fans.scss */
  .hct_Prod_Link .hct_Prod_Profile_Help {
    position: absolute;
    left: 42px;
    top: -8px;
    z-index: 100; }
  /* line 523, sass/_fans.scss */
  .hct_Prod_Link:hover, .hct_Prod_Link:focus {
    border: none; }

/*Fixes a bug with IE6 that stops the pop ups appearing on the comparison page. Added here for ease of maintenance, upload for NPD and so that it is available to all items using the hub*/
/* line 530, sass/_fans.scss */
.hct_Feature_Link {
  position: relative;
  display: block;
  cursor: default;
  padding: 7px 35px 7px 0 !important;
  min-height: 22px;
  height: auto !important;
  height: 22px;
  background: none;
  z-index: 1;
  width: 160px;
  text-decoration: none; }
  /* line 544, sass/_fans.scss */
  .hct_Feature_Link:hover, .hct_Feature_Link:focus {
    background-image: none; }
  /* line 549, sass/_fans.scss */
  .hct_Feature_Link:hover .hct_Details_Desc_Container, .hct_Feature_Link:focus .hct_Details_Desc_Container {
    display: block;
    z-index: 1000; }

/* line 555, sass/_fans.scss */
.hct_Feature_Link_Selected .hct_Details_Desc_Container {
  display: block;
  z-index: 1000; }

/* line 561, sass/_fans.scss */
.hct_Prod_Link:hover .hct_Details_Desc_Container, .hct_Prod_Link:focus .hct_Details_Desc_Container {
  display: block;
  z-index: 1000; }

/* line 567, sass/_fans.scss */
.hct_Titles a.hct_Prod_Link_Selected .hct_Details_Desc_Container {
  display: block;
  z-index: 1000; }

/* line 573, sass/_fans.scss */
.hct_Feature_Link:hover .hct_Details_Desc, .hct_Feature_Link:focus .hct_Details_Desc {
  background-color: #FFF;
  border: 1px solid #c1c1c1;
  padding: 15px;
  -moz-box-shadow: 3px 3px 10px #999;
  -webkit-box-shadow: 3px 3px 10px #999;
  box-shadow: 3px 3px 10px #999; }

/* line 584, sass/_fans.scss */
.hct_Prod_Link:hover .hct_Details_Desc, .hct_Prod_Link:focus .hct_Details_Desc {
  background-color: #FFF;
  border: 1px solid #c1c1c1;
  padding: 15px;
  -moz-box-shadow: 3px 3px 10px #999;
  -webkit-box-shadow: 3px 3px 10px #999;
  box-shadow: 3px 3px 10px #999; }

/* line 594, sass/_fans.scss */
.hct_Details_Desc_Container {
  display: none;
  text-decoration: none;
  position: absolute;
  text-align: left !important;
  z-index: 9999;
  line-height: 1.2; }
  /* line 601, sass/_fans.scss */
  .hct_Details_Desc_Container .container_Arrow {
    position: absolute; }
  /* line 605, sass/_fans.scss */
  .hct_Details_Desc_Container .hct_Details_Desc h2 {
    font-weight: bold !important;
    color: #000; }
  /* line 609, sass/_fans.scss */
  .hct_Details_Desc_Container .hct_Details_Desc p {
    font-weight: normal; }
  /* line 612, sass/_fans.scss */
  .hct_Details_Desc_Container .hct_Details_Desc .greyButton {
    width: 120px;
    min-height: 20px !important; }

/* line 619, sass/_fans.scss */
.hct_Feature_Desc_Container {
  padding-left: 7px;
  top: -64px;
  left: 188px;
  width: 400px; }
  /* line 624, sass/_fans.scss */
  .hct_Feature_Desc_Container .container_Arrow {
    left: 0;
    top: 75px; }
  /* line 628, sass/_fans.scss */
  .hct_Feature_Desc_Container .hct_Details_Desc {
    min-height: 110px;
    height: auto !important;
    height: 110px; }

/* line 635, sass/_fans.scss */
.hct_FeatureItem_Start {
  top: -31px; }
  /* line 637, sass/_fans.scss */
  .hct_FeatureItem_Start .container_Arrow {
    top: 40px; }

/* line 642, sass/_fans.scss */
.hct_Product_Desc_Container {
  padding-top: 30px;
  top: 55px;
  left: -15px;
  width: 200px; }
  /* line 647, sass/_fans.scss */
  .hct_Product_Desc_Container .container_Arrow {
    left: 35px;
    top: 24px; }
  /* line 651, sass/_fans.scss */
  .hct_Product_Desc_Container .hct_Details_Desc {
    min-height: 85px;
    height: auto !important;
    height: 85px; }

/* line 658, sass/_fans.scss */
.hct_Product_Desc_Container_First .container_Arrow {
  left: 35px; }

/*Default right value but this will vary per hub - used if the last product's description box goes out of the table's container width*/
/* line 664, sass/_fans.scss */
.hct_Product_Desc_Container_Last {
  right: -38px;
  left: auto !important; }
  /* line 667, sass/_fans.scss */
  .hct_Product_Desc_Container_Last .container_Arrow {
    left: auto;
    right: 57px; }

/*Fans and Heaters hub */
/* line 674, sass/_fans.scss */
.am01Range {
  width: 212px !important; }

/* Compare table localisations */
/* line 679, sass/_fans.scss */
.compareTableFansUS .hct_TableContainer tfoot td a.goldBtn {
  margin-left: 40px; }

/* Fans pages */
/* line 684, sass/_fans.scss */
.fanHomePageLetterbox .fansHomeLbxHot h2 {
  margin-top: 30px !important; }

/*To put into layout.css when TC finished*/
/* line 3, sass/_vacuums.scss */
.panelHyperlink {
  padding: 20px 20px 0;
  background-position: left top;
  background-repeat: no-repeat; }
  /* line 7, sass/_vacuums.scss */
  .panelHyperlink .panelTitle {
    color: #FFF;
    line-height: 1.2; }
  /* line 11, sass/_vacuums.scss */
  .panelHyperlink .panelTitle_Black {
    color: #000;
    line-height: 1.2; }

/* line 17, sass/_vacuums.scss */
.textImageReplacement {
  text-indent: -10000em;
  background-position: left top;
  background-repeat: no-repeat; }

/* line 23, sass/_vacuums.scss */
.fauxLink {
  cursor: pointer; }

/********** Homepage **********/
/* line 29, sass/_vacuums.scss */
.vacuum_Lbx, .vacuum_FtPanel {
  background-color: #141414;
  background-repeat: no-repeat;
  min-height: 190px;
  height: auto !important;
  height: 190px;
  padding: 20px; }

/* line 38, sass/_vacuums.scss */
.vacuum_Lbx {
  position: relative;
  width: 432px; }

/* line 43, sass/_vacuums.scss */
.vacuum_FtPanel {
  width: 195px; }
  /* line 45, sass/_vacuums.scss */
  .vacuum_FtPanel p {
    color: #999 !important; }

/* line 50, sass/_vacuums.scss */
.vacuum_RangePanel, .vacuum_TechPanel {
  padding: 0;
  width: 476px;
  min-height: 325px;
  height: auto !important;
  height: 325px; }

/* line 58, sass/_vacuums.scss */
.vacuum_RangePanel a, .vacuum_TechPanel a {
  padding: 20px 20px 0;
  display: block;
  width: 436px;
  min-height: 285px;
  height: auto !important;
  height: 285px; }

/* line 67, sass/_vacuums.scss */
.allergyPetPanel {
  background-position: right bottom; }

/* line 71, sass/_vacuums.scss */
.accessoriesPanel {
  background-position: center bottom;
  background-color: #1a1a1a; }

/*Letterbox carosel panels*/
/* line 79, sass/_vacuums.scss */
.vacuum_Lbx_DigitalSlim h2 {
  background: url("/medialibrary/2B1517D972C74CC1B9C059881498F339.ashx") no-repeat left top;
  text-indent: -10000em;
  height: 25px; }
/* line 84, sass/_vacuums.scss */
.vacuum_Lbx_DigitalSlim h3 {
  margin-bottom: 20px; }
/* line 87, sass/_vacuums.scss */
.vacuum_Lbx_DigitalSlim a {
  position: absolute;
  bottom: 30px;
  left: 20px; }

/********** Drawing landing page **********/
/* line 97, sass/_vacuums.scss */
div.whiteBG .drawingLanding h4, div.whiteBG .drawingLanding span, div.whiteBG .drawingLanding h3, div.whiteBG .drawingLanding p, div.whiteBG .drawingLanding li, div.whiteBG .drawingLanding .imgLinks li, div.whiteBG .drawingLanding ul li {
  color: #27318B; }
/* line 100, sass/_vacuums.scss */
div.whiteBG .drawingLanding h3 {
  font-size: 1em; }

/* line 105, sass/_vacuums.scss */
.drawingLanding {
  border-top: 1px solid #ccc; }

/* line 109, sass/_vacuums.scss */
.mainTitleImage {
  margin-bottom: 15px; }

/* line 113, sass/_vacuums.scss */
.headVacInfo {
  margin-top: 20px; }
  /* line 115, sass/_vacuums.scss */
  .headVacInfo h3 {
    clear: both; }
  /* line 119, sass/_vacuums.scss */
  .headVacInfo li.dc24, .headVacInfo li.dc25 {
    float: left;
    display: block;
    width: 190px;
    height: 325px;
    margin-bottom: 10px; }
  /* line 126, sass/_vacuums.scss */
  .headVacInfo li.dc24 {
    background: url(medialibrary/5911A728752E4CCA86AD4E9ABA80BF66.ashx) no-repeat bottom right;
    margin-right: 36px; }
  /* line 130, sass/_vacuums.scss */
  .headVacInfo li.dc25 {
    background: url(medialibrary/4873555771FE4933BADD7FD859C38462.ashx) no-repeat bottom right; }

/* line 136, sass/_vacuums.scss */
.genericHtmlContent .headVacInfo .bullet {
  margin: 15px 0 0 15px;
  height: 210px; }

/* line 141, sass/_vacuums.scss */
.headVacInfo .bullet li {
  margin-left: 0;
  width: 130px;
  padding-top: 0; }

/* line 148, sass/_vacuums.scss */
.drawingMiddleSection h3, .drawingMiddleSection p {
  margin-top: 30px; }

/* line 153, sass/_vacuums.scss */
.drawingMiddleRight {
  background: url(medialibrary/61318198A3664A81988D4CD43F0A3CE3.ashx) no-repeat 0px 0px;
  height: 545px; }

/* line 158, sass/_vacuums.scss */
ul.drawingHedgehog {
  position: relative; }
  /* line 160, sass/_vacuums.scss */
  ul.drawingHedgehog li {
    position: absolute;
    width: 180px; }
    /* line 163, sass/_vacuums.scss */
    ul.drawingHedgehog li.handle {
      top: 60px;
      left: -3px; }
    /* line 167, sass/_vacuums.scss */
    ul.drawingHedgehog li.hose {
      top: 95px;
      left: 330px; }
    /* line 171, sass/_vacuums.scss */
    ul.drawingHedgehog li.twist {
      top: 187px;
      left: -3px; }
    /* line 175, sass/_vacuums.scss */
    ul.drawingHedgehog li.ball {
      top: 249px;
      left: 339px; }
    /* line 179, sass/_vacuums.scss */
    ul.drawingHedgehog li.tumble {
      top: 289px;
      left: -3px; }
    /* line 183, sass/_vacuums.scss */
    ul.drawingHedgehog li.kickDown {
      top: 349px;
      left: 336px; }
    /* line 187, sass/_vacuums.scss */
    ul.drawingHedgehog li.bristle {
      top: 485px;
      left: 205px; }

/* line 194, sass/_vacuums.scss */
.enginnerHead h3 {
  margin-top: 20px; }

/* line 198, sass/_vacuums.scss */
.ebookDownload {
  background: url(/medialibrary/D235BF7CBD8D4CA3B87A9B20411EC0D9.ashx) no-repeat 0 0;
  display: block;
  height: 101px;
  width: 285px;
  margin: 20px 30px 0 0; }

/* line 206, sass/_vacuums.scss */
.drawingLanding a.ebookDownload span {
  padding: 30px 0 0 40px;
  width: 150px;
  display: block;
  color: #0082C8; }

/* line 214, sass/_vacuums.scss */
.engineerFooter p {
  margin-top: 10px; }
/* line 217, sass/_vacuums.scss */
.engineerFooter .mainImg {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block; }

/********** Reviews homepage**********/
/* line 227, sass/_vacuums.scss */
.reviewsHp_Lb {
  position: relative;
  background-repeat: no-repeat;
  background-position: left top;
  height: 462px;
  padding-top: 20px; }
  /* line 233, sass/_vacuums.scss */
  .reviewsHp_Lb .greyBtn {
    margin-top: 20px; }

/* line 238, sass/_vacuums.scss */
.review_Handheld {
  position: absolute;
  left: 466px;
  top: 420px; }

/* line 244, sass/_vacuums.scss */
.review_Cylinder {
  position: absolute;
  left: 667px;
  top: 340px; }

/* line 250, sass/_vacuums.scss */
.review_Upright {
  position: absolute;
  left: 995px;
  top: 285px; }

/* line 256, sass/_vacuums.scss */
.review_Fan {
  position: absolute;
  left: 1156px;
  top: 460px; }

/********** Carbon fibre page *********/
/* line 264, sass/_vacuums.scss */
.carbF_Hero_Img {
  margin-top: 50px; }

/* line 268, sass/_vacuums.scss */
.carbF_Bristles_Items {
  margin-top: 20px; }

/* line 272, sass/_vacuums.scss */
.carbF_Range {
  background-repeat: repeat-x;
  background-position: left 178px; }
  /* line 275, sass/_vacuums.scss */
  .carbF_Range .carbF_Range_Prod h4 {
    color: #333;
    font-size: 0.75em;
    margin: 10px 0; }
  /* line 280, sass/_vacuums.scss */
  .carbF_Range .carbF_Range_ProdDetail {
    min-height: 235px;
    height: auto !important;
    height: 250px;
    padding-top: 295px; }

/* line 288, sass/_vacuums.scss */
.carbF_Range_DC26 img {
  top: 51px;
  left: -10px; }

/* line 293, sass/_vacuums.scss */
.carbF_Range_DC35 img {
  top: 58px;
  left: 39px; }

/* line 298, sass/_vacuums.scss */
.carbF_Range_CFBrush img {
  top: 173px;
  left: 30px; }

/********** Online exclusive page**********/
/* line 305, sass/_vacuums.scss */
.onEx_Machine_Desc {
  min-height: 120px;
  height: auto !important;
  height: 120px; }

/* line 311, sass/_vacuums.scss */
.onEx_Machine_ProdFeat {
  min-height: 175px;
  height: auto !important;
  height: 175px; }

/* line 317, sass/_vacuums.scss */
.onEx_Machine {
  background-repeat: no-repeat;
  background-position: right bottom;
  min-height: 510px;
  height: auto !important;
  height: 510px; }

/********** Competition page**********/
/* line 327, sass/_vacuums.scss */
.compet_Title_Holder {
  z-index: 10; }

/* line 331, sass/_vacuums.scss */
.compet_Title {
  top: 30px;
  left: 28px;
  z-index: 1000; }
  /* line 335, sass/_vacuums.scss */
  .compet_Title h2 {
    color: #999; }
  /* line 338, sass/_vacuums.scss */
  .compet_Title .buttons, .compet_Title .goldBtn, .compet_Title .greyBtn, .compet_Title .blueBtn, .compet_Title .orangeBtn {
    position: absolute;
    left: 770px;
    top: 0; }

/* line 345, sass/_vacuums.scss */
.compet_MachineDesc1 {
  position: absolute;
  left: 130px;
  top: 190px;
  z-index: 10;
  text-align: left; }

/* line 353, sass/_vacuums.scss */
.compet_MachineDesc2 {
  position: absolute;
  left: 690px;
  top: 190px;
  z-index: 10;
  text-align: left; }

/* line 361, sass/_vacuums.scss */
.compet_MachineDesc1 p, .compet_MachineDesc2 p {
  line-height: 1.3; }

/* line 365, sass/_vacuums.scss */
.comp_Reason {
  min-height: 32px;
  height: auto !important;
  height: 32px;
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 40px; }

/* line 374, sass/_vacuums.scss */
.comp_Reason1 {
  background-image: url("/images/backgrounds/vacuums/competitor/01.png");
  padding-top: 8px; }

/* line 379, sass/_vacuums.scss */
.comp_Reason2 {
  background-image: url("/images/backgrounds/vacuums/competitor/02.png"); }

/* line 383, sass/_vacuums.scss */
.comp_Reason3 {
  background-image: url("/images/backgrounds/vacuums/competitor/03.png");
  padding-top: 8px; }

/* line 388, sass/_vacuums.scss */
.compet_BallTech .buttons, .compet_BallTech .goldBtn, .compet_BallTech .greyBtn, .compet_BallTech .blueBtn, .compet_BallTech .orangeBtn {
  position: absolute;
  right: 20px;
  top: 80px; }

/********** DC24 landing page **********/
/* line 396, sass/_vacuums.scss */
.dc24MainContent {
  min-height: 355px;
  height: auto !important;
  height: 355px;
  background-repeat: no-repeat; }
  /* line 401, sass/_vacuums.scss */
  .dc24MainContent img {
    padding-bottom: 20px; }
  /* line 404, sass/_vacuums.scss */
  .dc24MainContent p {
    padding-bottom: 10px; }

/* line 409, sass/_vacuums.scss */
.dc24Hotspots {
  position: relative;
  top: 10px;
  left: 60px; }
  /* line 413, sass/_vacuums.scss */
  .dc24Hotspots li {
    display: block;
    width: 139px;
    float: left; }
    /* line 417, sass/_vacuums.scss */
    .dc24Hotspots li a {
      display: block;
      width: 112px;
      height: 298px; }
      /* line 421, sass/_vacuums.scss */
      .dc24Hotspots li a:hover, .dc24Hotspots li a:focus {
        border: none medium #000; }
      /* line 424, sass/_vacuums.scss */
      .dc24Hotspots li a span {
        position: absolute;
        top: 70px;
        padding: 6px;
        font-weight: bold;
        background: url("/images/backgrounds/vacuums/dc24/speech.gif") no-repeat 0 0 transparent;
        height: 63px;
        width: 102px;
        visibility: hidden; }
        /* line 433, sass/_vacuums.scss */
        .dc24Hotspots li a span.largeSpeech {
          background: url("/images/backgrounds/vacuums/dc24/speechLarge.gif") no-repeat 0 0 transparent;
          height: 120px;
          width: 112px;
          top: 15px;
          left: -40px; }
      /* line 441, sass/_vacuums.scss */
      .dc24Hotspots li a:hover span {
        visibility: visible; }

/* line 448, sass/_vacuums.scss */
.hotspots li a:focus span {
  visibility: visible; }

/********** DC27 absolute landing page**********/
/* line 454, sass/_vacuums.scss */
.Lp_DC27Abs_Title {
  background-repeat: no-repeat;
  background-position: 10px top;
  height: 75px;
  text-indent: -10000em; }

/********** Pets landing page **********/
/* line 463, sass/_vacuums.scss */
.petsMainContent {
  min-height: 335px;
  height: auto !important;
  height: 335px;
  position: relative; }
  /* line 468, sass/_vacuums.scss */
  .petsMainContent h2 {
    font-size: 1em; }

/* line 473, sass/_vacuums.scss */
.petsLbxItem {
  position: absolute;
  top: 0;
  left: 0; }

/* line 480, sass/_vacuums.scss */
.petBrowseRange p {
  margin-bottom: 0 !important; }
/* line 483, sass/_vacuums.scss */
.petBrowseRange span {
  font-weight: bold;
  display: block;
  float: left;
  padding-top: 4px;
  margin-right: 10px; }

/********** Ball hub **********/
/*General*/
/* line 495, sass/_vacuums.scss */
.heroBtn {
  margin-top: 30px; }

/*Letterbox 'widget'*/
/* line 501, sass/_vacuums.scss */
.hub_Letterbox {
  position: relative; }

/* line 505, sass/_vacuums.scss */
.hub_Letterbox_Nav {
  position: absolute;
  left: 85px;
  top: 110px;
  z-index: 10; }
  /* line 510, sass/_vacuums.scss */
  .hub_Letterbox_Nav li {
    margin-bottom: 10px; }
    /* line 512, sass/_vacuums.scss */
    .hub_Letterbox_Nav li a {
      border: 2px solid #cdcdcc;
      height: 70px;
      width: 70px;
      overflow: hidden;
      padding: 0;
      display: block; }
      /* line 519, sass/_vacuums.scss */
      .hub_Letterbox_Nav li a:hover {
        border-color: #666; }

/*Set the width to be half the image width, so that we have both on and off state in one image*/
/* line 529, sass/_vacuums.scss */
.hlpControl_Nav li a:focus, .hlpControl_Nav li a.hlpControl_Nav_Selected {
  border-color: #666; }

/* line 534, sass/_vacuums.scss */
.hub_Letterbox_MainTitle {
  position: absolute;
  left: 85px;
  top: 20px;
  z-index: 10; }

/* line 541, sass/_vacuums.scss */
.hub_Letterbox_Copy {
  position: absolute;
  left: 200px;
  top: 90px;
  z-index: 10; }

/* line 548, sass/_vacuums.scss */
.hub_Letterbox {
  position: relative; }

/*Letterbox 'widget'*/
/* line 554, sass/_vacuums.scss */
.hub_Letterbox_Nav {
  position: absolute;
  left: 85px;
  top: 110px;
  z-index: 10; }
  /* line 559, sass/_vacuums.scss */
  .hub_Letterbox_Nav li {
    margin-bottom: 10px; }
    /* line 561, sass/_vacuums.scss */
    .hub_Letterbox_Nav li a {
      border: 2px solid #cdcdcc;
      height: 70px;
      width: 70px;
      overflow: hidden;
      padding: 0;
      display: block; }
      /* line 568, sass/_vacuums.scss */
      .hub_Letterbox_Nav li a:hover {
        border-color: #666; }

/*Set the width to be half the image width, so that we have both on and off state in one image*/
/* line 578, sass/_vacuums.scss */
.hlpControl_Nav li a:focus, .hlpControl_Nav li a.hlpControl_Nav_Selected {
  border-color: #666; }

/* line 583, sass/_vacuums.scss */
.hub_Letterbox_MainTitle {
  position: absolute;
  left: 85px;
  top: 20px;
  z-index: 10; }

/* line 590, sass/_vacuums.scss */
.hub_Letterbox_Copy {
  position: absolute;
  left: 200px;
  top: 90px;
  z-index: 10; }

/*Homepage*/
/* line 599, sass/_vacuums.scss */
.hub_Ball_Hm_Hero {
  background-position: left 213px;
  background-repeat: repeat-x;
  min-height: 470px;
  height: auto !important;
  height: 470px; }
  /* line 605, sass/_vacuums.scss */
  .hub_Ball_Hm_Hero .hub_Ball_Hm_Hero_Copy {
    position: absolute;
    left: 40px;
    top: 40px;
    z-index: 20; }
    /* line 610, sass/_vacuums.scss */
    .hub_Ball_Hm_Hero .hub_Ball_Hm_Hero_Copy .homeBallTitle {
      height: 65px; }

/* line 616, sass/_vacuums.scss */
.hub_Ball_Hm_DC39, .hub_Ball_Hm_DC41 {
  position: absolute;
  z-index: 1; }

/* line 621, sass/_vacuums.scss */
.hub_Ball_Hm_DC39 {
  right: 220px;
  top: 137px; }

/* line 626, sass/_vacuums.scss */
.hub_Ball_Hm_DC41 {
  right: 50px;
  top: 15px; }

/* line 631, sass/_vacuums.scss */
.hub_Ball_Hm_DC39 a {
  position: absolute;
  right: 30px;
  bottom: 20px;
  z-index: 10; }
  /* line 636, sass/_vacuums.scss */
  .hub_Ball_Hm_DC39 a span {
    text-decoration: underline; }

/* line 641, sass/_vacuums.scss */
.hub_Ball_Hm_DC41 a {
  position: absolute;
  right: -6px;
  bottom: 7px;
  z-index: 10;
  width: 160px;
  text-align: center; }
  /* line 648, sass/_vacuums.scss */
  .hub_Ball_Hm_DC41 a span {
    text-decoration: underline; }

/* line 653, sass/_vacuums.scss */
.ballHomeLetterbox_EngineerImg {
  min-height: 320px;
  height: auto !important;
  height: 320px;
  margin: 0 30px; }

/*Compare the range*/
/* line 662, sass/_vacuums.scss */
.hub_Ball_Compare_Hero {
  background-repeat: repeat-x;
  background-position: left 92px;
  min-height: 382px;
  height: auto !important;
  height: 382px;
  position: relative; }

/* line 671, sass/_vacuums.scss */
.hub_Ball_CR_Cylinder img {
  position: absolute;
  bottom: 48px; }

/* line 676, sass/_vacuums.scss */
.hub_Ball_CR_Hero_DC39 {
  left: 30px; }

/* line 680, sass/_vacuums.scss */
.hub_Ball_CR_Hero_DC38 {
  left: 230px; }

/*FROM V3 - THIS IS IN THE PROCESS OF BEING TIDYIED UP*/
/* line 686, sass/_vacuums.scss */
.hct_TableContainer {
  border-collapse: collapse; }
  /* line 688, sass/_vacuums.scss */
  .hct_TableContainer td {
    font-size: 1.0em; }
  /* line 691, sass/_vacuums.scss */
  .hct_TableContainer th {
    font-size: 1.0em;
    border-left: 0;
    text-align: center;
    padding: 0; }
  /* line 697, sass/_vacuums.scss */
  .hct_TableContainer .hct_Prod {
    font-weight: normal; }
  /* line 701, sass/_vacuums.scss */
  .hct_TableContainer th .hct_Prod_ProfileImg {
    margin-bottom: 5px;
    border: 1px solid #cdcdcd;
    z-index: -1; }
  /* line 707, sass/_vacuums.scss */
  .hct_TableContainer th a:hover img.hct_Prod_ProfileImg, .hct_TableContainer th a:focus img.hct_Prod_ProfileImg {
    border: 1px solid #666; }
  /* line 712, sass/_vacuums.scss */
  .hct_TableContainer td {
    border-left: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    text-align: center;
    z-index: 0;
    width: 83px;
    padding: 0;
    vertical-align: middle; }
    /* line 720, sass/_vacuums.scss */
    .hct_TableContainer td .hct_Prod_HasFeature {
      text-indent: -10000em;
      background-repeat: no-repeat;
      background-position: center center;
      height: 100%;
      width: 100%;
      display: block; }

/* line 731, sass/_vacuums.scss */
.hct_Prod_Col_Even {
  background-color: #e7e7e7; }

/* line 735, sass/_vacuums.scss */
.hct_Prod_Col_Odd .hct_Prod_HasFeature {
  background-image: url("medialibrary/BCBF4B2C484744DFA439269D0CDAF3C9.ashx"); }

/* line 739, sass/_vacuums.scss */
.hct_Prod_Col_Even .hct_Prod_HasFeature {
  background-image: url("medialibrary/44D33344637A46E8B952DBB4AC1ECD92.ashx"); }

/* line 743, sass/_vacuums.scss */
.hct_Prod_Col_Heading td {
  background: none;
  border-left: none; }

/* line 748, sass/_vacuums.scss */
.noPaddingTop td {
  padding-top: 0 !important; }

/* line 752, sass/_vacuums.scss */
.hct_TableContainer tfoot, .hct_Foot_CTA td {
  padding-top: 20px; }

/* line 757, sass/_vacuums.scss */
.hct_TableContainer tfoot td {
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  text-align: center;
  padding-top: 10px; }
  /* line 762, sass/_vacuums.scss */
  .hct_TableContainer tfoot td p {
    margin: 0; }
  /* line 765, sass/_vacuums.scss */
  .hct_TableContainer tfoot td a {
    margin: 15px auto 0;
    font-style: normal; }
    /* line 768, sass/_vacuums.scss */
    .hct_TableContainer tfoot td a.underLine span {
      text-decoration: underline !important; }
/* line 773, sass/_vacuums.scss */
.hct_TableContainer .hct_Titles {
  width: 160px;
  text-align: left;
  border-left: 0;
  padding-top: 0;
  padding-bottom: 0; }
  /* line 779, sass/_vacuums.scss */
  .hct_TableContainer .hct_Titles h4 {
    padding: 10px 0; }

/* line 785, sass/_vacuums.scss */
.hct_Prod_Link {
  position: relative;
  font-size: 0.9em !important;
  min-height: 35px;
  height: auto !important;
  height: 35px;
  z-index: 0;
  width: 50px;
  display: block;
  margin: 0 auto;
  text-decoration: none;
  z-index: 10; }
  /* line 797, sass/_vacuums.scss */
  .hct_Prod_Link .hct_Prod_Profile_Help {
    position: absolute;
    left: 42px;
    top: -8px;
    z-index: 100; }
  /* line 803, sass/_vacuums.scss */
  .hct_Prod_Link:hover, .hct_Prod_Link:focus {
    border: none; }

/*Fixes a bug with IE6 that stops the pop ups appearing on the comparison page. Added here for ease of maintenance, upload for NPD and so that it is available to all items using the hub*/
/* line 810, sass/_vacuums.scss */
.hct_Feature_Link {
  position: relative;
  display: block;
  cursor: default;
  padding: 7px 35px 7px 0 !important;
  min-height: 22px;
  height: auto !important;
  height: 22px;
  background: url("medialibrary/81F1652A80D240289B0D26D8497F89DB.ashx") no-repeat 160px 7px;
  z-index: 1;
  width: 160px;
  text-decoration: none; }
  /* line 822, sass/_vacuums.scss */
  .hct_Feature_Link:hover, .hct_Feature_Link:focus {
    background-image: url("medialibrary/3D7D7B90225C45D7B0F11DFF68AE4882.ashx"); }
  /* line 825, sass/_vacuums.scss */
  .hct_Feature_Link:hover .hct_Details_Desc_Container, .hct_Feature_Link:focus .hct_Details_Desc_Container {
    display: block;
    z-index: 1000; }

/* line 831, sass/_vacuums.scss */
.hct_Feature_Link_Selected .hct_Details_Desc_Container {
  display: block;
  z-index: 1000; }

/* line 837, sass/_vacuums.scss */
.hct_Prod_Link:hover .hct_Details_Desc_Container, .hct_Prod_Link:focus .hct_Details_Desc_Container {
  display: block;
  z-index: 1000; }

/* line 843, sass/_vacuums.scss */
.hct_Titles a.hct_Prod_Link_Selected .hct_Details_Desc_Container {
  display: block;
  z-index: 1000; }

/* line 849, sass/_vacuums.scss */
.hct_Feature_Link:hover .hct_Details_Desc, .hct_Feature_Link:focus .hct_Details_Desc {
  background-color: #FFF;
  border: 1px solid #c1c1c1;
  padding: 15px;
  -moz-box-shadow: 3px 3px 10px #999;
  -webkit-box-shadow: 3px 3px 10px #999;
  box-shadow: 3px 3px 10px #999; }

/* line 860, sass/_vacuums.scss */
.hct_Prod_Link:hover .hct_Details_Desc, .hct_Prod_Link:focus .hct_Details_Desc {
  background-color: #FFF;
  border: 1px solid #c1c1c1;
  padding: 15px;
  -moz-box-shadow: 3px 3px 10px #999;
  -webkit-box-shadow: 3px 3px 10px #999;
  box-shadow: 3px 3px 10px #999; }

/* line 870, sass/_vacuums.scss */
.hct_Details_Desc_Container {
  display: none;
  text-decoration: none;
  position: absolute;
  text-align: left !important;
  z-index: 9999;
  line-height: 1.2; }
  /* line 877, sass/_vacuums.scss */
  .hct_Details_Desc_Container .container_Arrow {
    position: absolute; }
  /* line 881, sass/_vacuums.scss */
  .hct_Details_Desc_Container .hct_Details_Desc img {
    margin-left: 10px; }
  /* line 884, sass/_vacuums.scss */
  .hct_Details_Desc_Container .hct_Details_Desc h2 {
    font-size: 1.2em !important;
    font-weight: bold !important;
    color: #000; }
  /* line 889, sass/_vacuums.scss */
  .hct_Details_Desc_Container .hct_Details_Desc h3 {
    font-size: 1.0em !important; }
  /* line 892, sass/_vacuums.scss */
  .hct_Details_Desc_Container .hct_Details_Desc p {
    font-size: 1.0em !important;
    font-weight: normal; }
  /* line 896, sass/_vacuums.scss */
  .hct_Details_Desc_Container .hct_Details_Desc .greyButton {
    width: 120px;
    min-height: 20px !important; }

/* line 903, sass/_vacuums.scss */
.hct_Feature_Desc_Container {
  padding-left: 7px;
  top: -64px;
  left: 188px;
  width: 400px; }
  /* line 908, sass/_vacuums.scss */
  .hct_Feature_Desc_Container .container_Arrow {
    left: 0;
    top: 75px; }
  /* line 912, sass/_vacuums.scss */
  .hct_Feature_Desc_Container .hct_Details_Desc {
    min-height: 110px;
    height: auto !important;
    height: 110px; }

/* line 919, sass/_vacuums.scss */
.hct_FeatureItem_Start {
  top: -31px; }
  /* line 921, sass/_vacuums.scss */
  .hct_FeatureItem_Start .container_Arrow {
    top: 40px; }

/* line 926, sass/_vacuums.scss */
.hct_Product_Desc_Container {
  padding-top: 30px;
  top: 55px;
  left: -15px;
  width: 200px; }
  /* line 931, sass/_vacuums.scss */
  .hct_Product_Desc_Container .container_Arrow {
    left: 35px;
    top: 24px; }
  /* line 935, sass/_vacuums.scss */
  .hct_Product_Desc_Container .hct_Details_Desc {
    min-height: 85px;
    height: auto !important;
    height: 85px; }

/* line 942, sass/_vacuums.scss */
.hct_Product_Desc_Container_First .container_Arrow {
  left: 35px; }

/*Default right value but this will vary per hub - used if the last product's description box goes out of the table's container width*/
/* line 948, sass/_vacuums.scss */
.hct_Product_Desc_Container_Last {
  right: -38px;
  left: auto !important; }
  /* line 951, sass/_vacuums.scss */
  .hct_Product_Desc_Container_Last .container_Arrow {
    left: auto;
    right: 57px; }

/* line 957, sass/_vacuums.scss */
.hct_TableContainer th .hct_Prod_ProfileImg {
  border: none; }

/* line 961, sass/_vacuums.scss */
.prodLineUp {
  margin-bottom: -10px; }

/* line 965, sass/_vacuums.scss */
#panelledNav_Content .hct_Prod .greyButton {
  margin-top: 15px; }

/* line 970, sass/_vacuums.scss */
.hct_TableContainer td {
  border-right: 1px solid #D1D1D1; }
/* line 973, sass/_vacuums.scss */
.hct_TableContainer tfoot {
  padding-top: 0; }

/* line 978, sass/_vacuums.scss */
.hct_Foot_CTA td {
  padding-top: 0; }

/* line 982, sass/_vacuums.scss */
.hct_Prod_Col_Heading td {
  border-right: 0px none; }

/* line 986, sass/_vacuums.scss */
.strapLine {
  min-height: 75px;
  height: auto !important;
  height: 75px; }

/* line 992, sass/_vacuums.scss */
.hct_TableContainer td {
  width: 190px; }

/* line 997, sass/_vacuums.scss */
.hct_CBall_Table td {
  width: 255px; }
/* line 1000, sass/_vacuums.scss */
.hct_CBall_Table .hct_Feature_Link {
  background-position: 215px 7px;
  padding-right: 85px !important; }
/* line 1004, sass/_vacuums.scss */
.hct_CBall_Table .hct_Feature_Desc_Container {
  left: 238px; }

/* line 1009, sass/_vacuums.scss */
.hct_TableContainer th a:hover img.hct_Prod_ProfileImg, .uBall_UK .hct_TableContainer th a:focus img.hct_Prod_ProfileImg {
  border: none; }

/* line 1014, sass/_vacuums.scss */
.hct_TableContainer_TwoMachines td {
  width: 300px; }
/* line 1017, sass/_vacuums.scss */
.hct_TableContainer_TwoMachines .hct_Titles {
  width: 280px; }
/* line 1020, sass/_vacuums.scss */
.hct_TableContainer_TwoMachines .hct_Feature_Link {
  width: 245px;
  background-position: 245px 7px; }
/* line 1024, sass/_vacuums.scss */
.hct_TableContainer_TwoMachines .hct_Feature_Desc_Container {
  left: 273px; }

/* line 1030, sass/_vacuums.scss */
.hct_TableContainer_ThreeMachines td {
  width: 210px; }
/* line 1033, sass/_vacuums.scss */
.hct_TableContainer_ThreeMachines .hct_Titles {
  width: 230px; }
/* line 1036, sass/_vacuums.scss */
.hct_TableContainer_ThreeMachines .hct_Feature_Link {
  width: 230px;
  background-position: 235px 7px; }
/* line 1040, sass/_vacuums.scss */
.hct_TableContainer_ThreeMachines .hct_Feature_Desc_Container {
  left: 258px; }

/*Ball pages*/
/* line 1047, sass/_vacuums.scss */
.hub_RangeFeatures h3 {
  min-height: 30px;
  height: auto !important;
  height: 30px;
  margin-bottom: 0; }

/*Letterboxes*/
/*Letterbox main sections setup*/
/* line 1058, sass/_vacuums.scss */
.hub_Ball_Letterbox .optionalHeadline {
  position: absolute;
  top: 25px;
  left: 49px;
  z-index: 100; }
/* line 1064, sass/_vacuums.scss */
.hub_Ball_Letterbox .letterboxThumbnails, .hub_Ball_Letterbox .mainContent {
  top: 85px; }
/* line 1067, sass/_vacuums.scss */
.hub_Ball_Letterbox .letterboxContainer {
  margin-bottom: 0; }

/* line 1072, sass/_vacuums.scss */
.hub_Lnk_Nxt {
  margin-top: 30px; }

/* line 1076, sass/_vacuums.scss */
.hub_Ball_Letterbox .ceebox {
  width: 116px;
  height: 75px;
  overflow: hidden;
  display: block;
  border: 1px solid #CCC;
  margin: 20px 0;
  position: relative; }
  /* line 1084, sass/_vacuums.scss */
  .hub_Ball_Letterbox .ceebox img {
    position: absolute;
    top: 0;
    left: 0; }
  /* line 1089, sass/_vacuums.scss */
  .hub_Ball_Letterbox .ceebox:hover img, .hub_Ball_Letterbox .ceebox:focus img {
    left: -116px; }

/* line 1094, sass/_vacuums.scss */
.ballHubLbx .mainContent h1 {
  text-indent: -10000em;
  height: 55px; }

/*DC39*/
/* line 1101, sass/_vacuums.scss */
.hub_Ball_DC39 .letterboxContainer {
  min-height: 549px;
  height: auto !important;
  height: 549px; }

/* line 1107, sass/_vacuums.scss */
.dc39Lbx_Overview {
  background-position: left 246px;
  background-repeat: repeat-x;
  position: relative; }
  /* line 1111, sass/_vacuums.scss */
  .dc39Lbx_Overview .mainContent {
    width: 340px; }

/* line 1116, sass/_vacuums.scss */
#dc39Lbx_Overview_Machines {
  float: right;
  margin: 60px 30px 0 0;
  position: relative; }
  /* line 1120, sass/_vacuums.scss */
  #dc39Lbx_Overview_Machines ul {
    position: absolute;
    bottom: 0;
    right: 30px; }
  /* line 1125, sass/_vacuums.scss */
  #dc39Lbx_Overview_Machines li {
    float: left;
    margin-right: 20px; }
    /* line 1128, sass/_vacuums.scss */
    #dc39Lbx_Overview_Machines li img {
      padding-top: 3px; }

/* line 1134, sass/_vacuums.scss */
.dc39Lbx_Overview_Machine_Images {
  height: 429px; }

/* line 1138, sass/_vacuums.scss */
.dc39Lbx_Cyclone {
  background-position: left 289px;
  background-repeat: repeat-x;
  position: relative; }
  /* line 1142, sass/_vacuums.scss */
  .dc39Lbx_Cyclone .rightContent {
    margin-right: 80px;
    float: right;
    margin-bottom: -2px; }

/*DC38*/
/*Letterboxes*/
/* line 1153, sass/_vacuums.scss */
.hub_Ball_DC38 .letterboxContent, .hub_Ball_DC38 .letterboxContainer {
  min-height: 549px;
  height: auto !important;
  height: 549px; }
/* line 1158, sass/_vacuums.scss */
.hub_Ball_DC38 .optionalHeadline {
  top: 10px; }

/* line 1163, sass/_vacuums.scss */
.dc38Lbx_Overview, .dc38Lbx_Cyclone, .dc38Lbx_Movement, .dc38Lbx_Tech {
  background-repeat: repeat-x;
  position: relative; }

/* line 1168, sass/_vacuums.scss */
.dc38Lbx_Overview {
  background-position: left 246px; }
  /* line 1170, sass/_vacuums.scss */
  .dc38Lbx_Overview .rightContent img {
    position: absolute;
    top: 180px;
    right: 30px;
    z-index: 1; }

/* line 1178, sass/_vacuums.scss */
.dc38Lbx_Cyclone {
  background-position: left 289px; }
  /* line 1180, sass/_vacuums.scss */
  .dc38Lbx_Cyclone .rightContent {
    margin-right: 80px;
    float: right;
    margin-bottom: -2px; }

/* line 1187, sass/_vacuums.scss */
.dc38Lbx_Movement {
  background-position: left 292px; }
  /* line 1189, sass/_vacuums.scss */
  .dc38Lbx_Movement .rightContent {
    position: absolute;
    top: 56px;
    right: 30px;
    z-index: 1; }

/* line 1197, sass/_vacuums.scss */
.dc38Lbx_Tech {
  background-position: left top;
  background-repeat: no-repeat; }
  /* line 1200, sass/_vacuums.scss */
  .dc38Lbx_Tech .rightContent {
    position: absolute;
    top: 27px;
    right: 93px;
    z-index: 1; }

/*Content*/
/* line 1210, sass/_vacuums.scss */
.HubBall_NoBagsSection_Copy {
  min-height: 140px;
  height: auto !important;
  height: 140px; }

/* line 1216, sass/_vacuums.scss */
.HubBall_NoBagsSection_ImgMsg {
  position: absolute;
  bottom: 120px;
  left: 37px;
  font-weight: bold;
  text-align: center;
  width: 110px; }

/*DC40*/
/* line 1228, sass/_vacuums.scss */
.hub_Ball_DC40 .letterboxContent, .hub_Ball_DC40 .letterboxContainer {
  min-height: 549px;
  height: auto !important;
  height: 549px; }
/* line 1233, sass/_vacuums.scss */
.hub_Ball_DC40 .optionalHeadline {
  top: 10px; }

/* line 1238, sass/_vacuums.scss */
.dc40Lbx_Overview, .dc40Lbx_Cyclone, .dc40Lbx_Movement, .dc40Lbx_Tech {
  background-repeat: repeat-x;
  position: relative; }

/* line 1243, sass/_vacuums.scss */
.dc40Lbx_Overview {
  background-position: left 80px; }
  /* line 1246, sass/_vacuums.scss */
  .dc40Lbx_Overview .rightContent .dc40MF {
    position: absolute;
    top: 29px;
    right: 290px;
    z-index: 1; }
  /* line 1252, sass/_vacuums.scss */
  .dc40Lbx_Overview .rightContent .dc40An {
    position: absolute;
    top: 31px;
    right: 80px;
    z-index: 1; }

/* line 1261, sass/_vacuums.scss */
.dc40Lbx_Cyclone {
  background-position: left 80px; }
  /* line 1263, sass/_vacuums.scss */
  .dc40Lbx_Cyclone .rightContent {
    position: absolute;
    top: 21px;
    right: 100px;
    z-index: 1; }

/* line 1271, sass/_vacuums.scss */
.dc40Lbx_Tech {
  background-position: left top;
  background-repeat: no-repeat; }

/*DC41*/
/* line 1279, sass/_vacuums.scss */
.hub_Ball_DC41 .letterboxContent, .hub_Ball_DC41 .letterboxContainer {
  min-height: 549px;
  height: auto !important;
  height: 549px; }

/* line 1286, sass/_vacuums.scss */
.dc41Lbx_Overview, .dc41Lbx_Cyclone, .dc41Lbx_Movement, .dc41Lbx_Tech {
  background-repeat: repeat-x;
  position: relative; }

/* line 1291, sass/_vacuums.scss */
.dc41Lbx_Overview {
  background-position: left 80px; }
  /* line 1293, sass/_vacuums.scss */
  .dc41Lbx_Overview .rightContent img {
    position: absolute;
    top: 56px;
    right: 120px;
    z-index: 1; }

/* line 1301, sass/_vacuums.scss */
.dc41Lbx_Suction {
  background-repeat: no-repeat; }

/* line 1305, sass/_vacuums.scss */
.dc41Lbx_Cyclone {
  background-position: left 80px; }
  /* line 1307, sass/_vacuums.scss */
  .dc41Lbx_Cyclone .rightContent {
    position: absolute;
    top: 33px;
    right: 100px;
    z-index: 1; }

/* line 1315, sass/_vacuums.scss */
.dc41Lbx_Tech {
  background-position: left top;
  background-repeat: no-repeat; }

/* line 1320, sass/_vacuums.scss */
.hubBall_CaveatSection_Text {
  margin: 0 25px; }

/*DC24*/
/* line 1327, sass/_vacuums.scss */
.hub_Ball_DC24 .letterboxContent, .hub_Ball_DC24 .letterboxContainer {
  min-height: 549px;
  height: auto !important;
  height: 549px; }

/* line 1334, sass/_vacuums.scss */
.dc24Lbx_Overview, .dc24Lbx_Cyclone, .dc24Lbx_Movement, .dc24Lbx_Tech {
  background-repeat: repeat-x;
  position: relative; }

/* line 1339, sass/_vacuums.scss */
.dc24Lbx_Overview {
  background-position: left 80px; }
  /* line 1341, sass/_vacuums.scss */
  .dc24Lbx_Overview .rightContent img {
    position: absolute;
    top: 0;
    right: 80px;
    z-index: 1; }

/* line 1349, sass/_vacuums.scss */
.dc24Lbx_Cyclone {
  background-position: left 80px; }
  /* line 1351, sass/_vacuums.scss */
  .dc24Lbx_Cyclone .rightContent {
    margin-right: 130px;
    float: right;
    margin-bottom: -2px; }

/* line 1358, sass/_vacuums.scss */
.dc24Lbx_Tech {
  background-position: left top;
  background-repeat: no-repeat; }

/********** Environment hub **********/
/* line 1365, sass/_vacuums.scss */
.environmentMainContent {
  border: 2px solid #DFE0E2; }

/* line 1369, sass/_vacuums.scss */
.tabsHR {
  border-top: 1px solid #ccc;
  margin: 20px; }

/***** Overview *****/
/* line 1376, sass/_vacuums.scss */
.machineLineUp {
  margin: 20px; }

/* line 1380, sass/_vacuums.scss */
.machines {
  padding: 60px 0 0 75px; }
  /* line 1382, sass/_vacuums.scss */
  .machines li {
    float: left; }
    /* line 1384, sass/_vacuums.scss */
    .machines li a {
      display: block;
      position: relative;
      width: 200px;
      height: 400px; }
      /* line 1389, sass/_vacuums.scss */
      .machines li a span.img {
        display: block;
        position: absolute;
        bottom: 0;
        width: 180px;
        text-align: center; }
      /* line 1396, sass/_vacuums.scss */
      .machines li a:hover, .machines li a:focus {
        border: none medium #fff; }
      /* line 1399, sass/_vacuums.scss */
      .machines li a span.text {
        position: absolute;
        padding-bottom: 20px;
        width: 200px;
        color: white;
        visibility: hidden;
        background: url(medialibrary/E54C0CE48D014C44987653CCD0CD1492.ashx) no-repeat bottom; }
      /* line 1407, sass/_vacuums.scss */
      .machines li a:hover span.text, .machines li a:focus span.text {
        visibility: visible; }
      /* line 1411, sass/_vacuums.scss */
      .machines li a span.text span {
        display: block;
        padding: 10px;
        background-color: #41AD49; }
      /* line 1416, sass/_vacuums.scss */
      .machines li a span.tabAirblade, .machines li a span.tabHandheld {
        background: url(medialibrary/93CF8691B2604993A3BC4593E17F47A5.ashx) no-repeat bottom; }
      /* line 1421, sass/_vacuums.scss */
      .machines li a:hover span.tabCylinder {
        top: -50px;
        left: -80px; }
      /* line 1425, sass/_vacuums.scss */
      .machines li a:hover span.tabUpright {
        top: -70px;
        left: -32px; }
      /* line 1429, sass/_vacuums.scss */
      .machines li a:hover span.tabAirblade {
        top: -60px;
        left: -10px; }

/* line 1438, sass/_vacuums.scss */
span.tabAirblade {
  top: -60px;
  left: -10px; }

/* line 1443, sass/_vacuums.scss */
.machines li a:hover span.tabHandheld {
  top: 130px;
  left: 40px; }

/* line 1448, sass/_vacuums.scss */
.news {
  margin: 20px; }

/* line 1452, sass/_vacuums.scss */
.timeline {
  margin: 20px; }
  /* line 1454, sass/_vacuums.scss */
  .timeline h2 {
    padding-bottom: 20px; }
  /* line 1457, sass/_vacuums.scss */
  .timeline li {
    padding-bottom: 30px; }

/* line 1463, sass/_vacuums.scss */
li.line, li.noLine {
  margin-left: 40px;
  margin-bottom: 0px; }

/* line 1469, sass/_vacuums.scss */
.line {
  background: url(medialibrary/F1186C31620D4C52B4323A4085D17FE3.ashx) no-repeat scroll 0 0 transparent; }

/* line 1473, sass/_vacuums.scss */
.noLine {
  background: url(medialibrary/C93CE5CB25D84C1BBD3A47D5840BC375.ashx) no-repeat scroll 0 0 transparent; }

/* line 1478, sass/_vacuums.scss */
.line h3, .line p {
  padding-left: 30px;
  margin-bottom: 0; }

/* line 1485, sass/_vacuums.scss */
.noLine h3, .noLine p {
  padding-left: 30px;
  margin-bottom: 0; }

/* line 1491, sass/_vacuums.scss */
.line p, .noLine p {
  width: 360px; }

/* line 1495, sass/_vacuums.scss */
.recyclone {
  background-repeat: no-repeat;
  height: 493px;
  margin-top: 49px; }
  /* line 1499, sass/_vacuums.scss */
  .recyclone p {
    width: 130px;
    padding-left: 50px;
    padding-top: 70px; }

/* line 1506, sass/_vacuums.scss */
.ddm {
  background-repeat: no-repeat;
  height: 200px;
  margin-top: 70px;
  margin-left: 110px; }
  /* line 1511, sass/_vacuums.scss */
  .ddm p {
    width: 130px;
    padding-left: 150px;
    padding-top: 45px; }

/***** Technology *****/
/* line 1520, sass/_vacuums.scss */
.environDDM {
  height: 459px;
  background-repeat: no-repeat; }
  /* line 1523, sass/_vacuums.scss */
  .environDDM p {
    width: 110px;
    margin: 130px 0 0 350px; }

/* line 1529, sass/_vacuums.scss */
.environDC30 {
  height: 400px;
  background-repeat: no-repeat;
  background-position: bottom; }
  /* line 1533, sass/_vacuums.scss */
  .environDC30 p.imgText {
    margin: 20px 0 0 90px;
    width: 125px; }

/* line 1539, sass/_vacuums.scss */
.environDC26 {
  height: 400px;
  background-repeat: no-repeat;
  background-position: bottom; }
  /* line 1543, sass/_vacuums.scss */
  .environDC26 p {
    margin-top: 26px; }
    /* line 1544, sass/_vacuums.scss */
    .environDC26 p.imgText {
      margin: 40px 0 0 20px;
      width: 100px; }

/* line 1552, sass/_vacuums.scss */
.am01 p {
  margin-top: 100px; }

/* line 1556, sass/_vacuums.scss */
.filters {
  position: relative; }
  /* line 1558, sass/_vacuums.scss */
  .filters p {
    font-weight: bold;
    position: absolute;
    top: 170px;
    left: 17px; }

/* line 1566, sass/_vacuums.scss */
.longLife img {
  padding-right: 15px; }

/*Tech landing page*/
/* line 1572, sass/_vacuums.scss */
.techLandingLeft, .techLandingMain {
  margin-left: 15px; }

/***** Buildings *****/
/* line 1578, sass/_vacuums.scss */
.officesCopy {
  float: left;
  width: 185px; }

/* line 1583, sass/_vacuums.scss */
.envCans {
  padding-left: 60px; }

/* line 1587, sass/_vacuums.scss */
.biodiversity img {
  margin-left: 10px; }

/***** Operations *****/
/* line 1593, sass/_vacuums.scss */
.dc24Box {
  margin-left: 30px; }

/* line 1597, sass/_vacuums.scss */
.packagingCopy {
  float: left;
  width: 160px;
  margin-top: 100px; }

/***** Recycling *****/
/* line 1605, sass/_vacuums.scss */
.recycling img {
  float: left;
  margin-top: 70px; }

/* line 1610, sass/_vacuums.scss */
.recyclingCopy {
  background-color: #E6E7E8;
  float: left;
  width: 170px;
  margin: 70px 0 0 50px;
  padding: 10px; }

/********** Dyson balls landing page **********/
/* line 1620, sass/_vacuums.scss */
.ballLanding_Hero {
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #000; }
  /* line 1624, sass/_vacuums.scss */
  .ballLanding_Hero .textImgReplacement {
    height: 40px; }

/* line 1629, sass/_vacuums.scss */
.ballLanding_Hero_Prod {
  margin-top: 17px;
  color: #FFF; }
  /* line 1632, sass/_vacuums.scss */
  .ballLanding_Hero_Prod h2 {
    min-height: 25px;
    height: auto !important;
    height: 25px;
    margin-bottom: 5px; }
  /* line 1638, sass/_vacuums.scss */
  .ballLanding_Hero_Prod li {
    color: #999; }

/* line 1643, sass/_vacuums.scss */
.ballLanding_FooterPnl {
  min-height: 250px;
  height: auto !important;
  height: 250px; }
  /* line 1647, sass/_vacuums.scss */
  .ballLanding_FooterPnl.bordLeft {
    border-color: #333; }
  /* line 1650, sass/_vacuums.scss */
  .ballLanding_FooterPnl ul.features {
    margin-left: 15px; }
    /* line 1652, sass/_vacuums.scss */
    .ballLanding_FooterPnl ul.features li {
      list-style: disc;
      color: #FFF; }

/* line 1659, sass/_vacuums.scss */
.ballLanding_FooterPnl_1 {
  background-position: right 10px;
  background-repeat: no-repeat;
  background-color: #000; }

/********** Dyson City page **********/
/* line 1667, sass/_vacuums.scss */
.dcMachineNav_Copy {
  position: absolute;
  bottom: 20px;
  left: 30px; }

/* line 1673, sass/_vacuums.scss */
.dcMachineNav_Copy_DC22MultiFloor {
  left: 60px; }

/* line 1677, sass/_vacuums.scss */
.dcMachineNav_Copy_DC32Animal {
  left: 80px; }

/* line 1682, sass/_vacuums.scss */
.dcMachineNav_Copy h2 {
  margin-bottom: 5px; }
/* line 1685, sass/_vacuums.scss */
.dcMachineNav_Copy p {
  font-size: 0.9em; }

/* line 1690, sass/_vacuums.scss */
.dcmMachinePanelCopy {
  margin-left: 20px; }
  /* line 1692, sass/_vacuums.scss */
  .dcmMachinePanelCopy li {
    list-style: disc;
    padding-left: 5px; }

/* line 1699, sass/_vacuums.scss */
.dcmMachinePanelCopy_Nav h2 {
  text-indent: -1000em;
  background-position: left top;
  background-repeat: no-repeat;
  height: 35px;
  width: 225px; }
/* line 1706, sass/_vacuums.scss */
.dcmMachinePanelCopy_Nav li {
  list-style: none;
  float: left; }
/* line 1710, sass/_vacuums.scss */
.dcmMachinePanelCopy_Nav a {
  border: 2px solid #CCC;
  height: 41px;
  display: block;
  margin-left: 4px; }
  /* line 1715, sass/_vacuums.scss */
  .dcmMachinePanelCopy_Nav a:hover, .dcmMachinePanelCopy_Nav a:focus {
    border-color: #999; }

/* line 1721, sass/_vacuums.scss */
dcmMachinePanelCopy_Nav a.selected {
  border-color: #999; }

/* line 1725, sass/_vacuums.scss */
.dcmImgContainer img {
  background-color: #fff; }

/* line 1729, sass/_vacuums.scss */
#dcm_MachineVariant {
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #000; }

/* line 1735, sass/_vacuums.scss */
.dcm_CylinderMachineRangeItem {
  min-height: 450px;
  height: auto !important;
  height: 450px; }

/* line 1741, sass/_vacuums.scss */
.dcReasons_Container {
  background-position: left top;
  background-repeat: repeat-x;
  background-color: #FFF;
  border: 1px solid #CCC; }

/* line 1748, sass/_vacuums.scss */
.dcReasons_Content {
  margin-top: 60px; }
  /* line 1750, sass/_vacuums.scss */
  .dcReasons_Content .ceebox {
    margin-bottom: 20px;
    display: block; }
    /* line 1753, sass/_vacuums.scss */
    .dcReasons_Content .ceebox span {
      display: block;
      clear: both;
      color: #999; }

/********** EU Difference hub **********/
/*No loss of suction*/
/* line 1764, sass/_vacuums.scss */
.diff_NoLoss_EngineerContent {
  background-position: left top;
  background-repeat: repeat-x;
  min-height: 380px;
  height: auto !important;
  height: 380px; }
  /* line 1770, sass/_vacuums.scss */
  .diff_NoLoss_EngineerContent .diff_NoLoss_EngineerCopy {
    position: absolute;
    top: 50px;
    left: 50px; }

/* line 1777, sass/_vacuums.scss */
.diff_NoLoss_BagsContent {
  background-position: left 225px;
  background-repeat: repeat-x;
  min-height: 450px;
  height: auto !important;
  height: 450px; }

/* line 1785, sass/_vacuums.scss */
.diff_NoLoss_Bags {
  position: absolute;
  top: 215px;
  left: 50px; }

/* line 1791, sass/_vacuums.scss */
.diff_NoLoss_NoBags {
  position: absolute;
  top: 180px;
  left: 50px; }

/* line 1797, sass/_vacuums.scss */
.diff_NoLoss_NoBags_ImgCopy1 {
  position: absolute;
  top: 270px;
  left: 70px;
  width: 100px;
  text-align: center;
  font-weight: bold; }

/*Testing*/
/* line 1808, sass/_vacuums.scss */
.diff_Test_Intro_Copy_Highlight {
  margin-top: 40px; }
  /* line 1810, sass/_vacuums.scss */
  .diff_Test_Intro_Copy_Highlight span {
    display: block;
    float: left; }

/* line 1816, sass/_vacuums.scss */
.diff_Test_Year {
  font-size: 2.5em;
  height: 20px;
  padding: 2px 7px; }

/* line 1822, sass/_vacuums.scss */
.diff_Test_Area_Copy {
  background-color: #CCC;
  min-height: 365px;
  height: auto !important;
  height: 365px;
  margin: 0 0 0 10px;
  padding: 20px; }

/*Costs*/
/* line 1833, sass/_vacuums.scss */
.diff_Costs_MachineContainer {
  background-position: left 159px;
  background-repeat: repeat-x;
  min-height: 530px;
  height: auto !important;
  height: 530px; }

/* line 1841, sass/_vacuums.scss */
.diff_Costs_MachineContent {
  padding-top: 300px; }

/* line 1845, sass/_vacuums.scss */
.diff_Costs_Machines_Img1 {
  position: absolute;
  top: 55px;
  left: 130px; }

/* line 1851, sass/_vacuums.scss */
.diff_Costs_Machines_Img2 {
  position: absolute;
  top: 73px;
  left: 130px; }

/* line 1857, sass/_vacuums.scss */
.diff_Costs_MachineContent .smallTxt {
  color: #999; }

/*Customer service*/
/* line 1863, sass/_vacuums.scss */
.diff_Cust_SpeechContainer {
  background-position: left top;
  background-repeat: no-repeat;
  min-height: 250px;
  height: auto !important;
  height: 250px; }

/* line 1871, sass/_vacuums.scss */
#diff_Cust_Speech_Txt1 {
  position: absolute;
  left: 20px;
  top: 15px;
  width: 180px; }

/* line 1878, sass/_vacuums.scss */
#diff_Cust_Speech_Txt2 {
  position: absolute;
  left: 90px;
  top: 95px;
  width: 230px; }

/*Footer*/
/* line 1887, sass/_vacuums.scss */
.diff_Footer {
  background-color: #eaeaea;
  position: relative;
  min-height: 138px;
  height: auto !important;
  height: 138px; }

/* line 1895, sass/_vacuums.scss */
.diff_Foot_Nav .arrowRight {
  font-weight: bold;
  background: url("/images/icons/arrowRight.png") no-repeat right 3px;
  padding-left: 0;
  padding-right: 18px; }

/* line 1902, sass/_vacuums.scss */
.diff_Footer .arrowRight {
  font-weight: bold;
  background: url("/images/icons/arrowRight.png") no-repeat right 3px;
  padding-left: 0;
  padding-right: 18px;
  position: absolute;
  bottom: 20px;
  left: 21px; }

/* line 1912, sass/_vacuums.scss */
.diff_Footer_Range img {
  margin-top: 10px; }

/****************** Digital Slim hub *******************/
/* line 1919, sass/_vacuums.scss */
.digitalSlim_Letterbox h1 {
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -1000em;
  height: 38px; }
/* line 1925, sass/_vacuums.scss */
.digitalSlim_Letterbox h2 {
  color: #FFF; }
/* line 1928, sass/_vacuums.scss */
.digitalSlim_Letterbox p {
  color: #999 !important; }

/* line 1933, sass/_vacuums.scss */
.digitalSlimFlashLetterbox {
  margin: 30px 0;
  height: 195px; }

/* line 1938, sass/_vacuums.scss */
.digSlim_FeaturePnl {
  background-color: #141414;
  min-height: 215px;
  height: auto !important;
  height: 215px;
  padding: 20px;
  margin: 10px 10px 30px; }
  /* line 1945, sass/_vacuums.scss */
  .digSlim_FeaturePnl h2 {
    color: #FFF; }

/*Stays strong*/
/* line 1952, sass/_vacuums.scss */
.digSlim_Strong_Compare {
  margin: 20px 20px 0; }
  /* line 1954, sass/_vacuums.scss */
  .digSlim_Strong_Compare h3 {
    min-height: 80px;
    height: auto !important;
    height: 80px; }

/* line 1961, sass/_vacuums.scss */
.digSlim_Strong_Compare_Graph {
  position: relative;
  min-height: 600px;
  height: auto !important;
  height: 600px; }
  /* line 1966, sass/_vacuums.scss */
  .digSlim_Strong_Compare_Graph p {
    position: absolute;
    bottom: 20px;
    left: 10px;
    font-size: 0.675em; }

/*Motorised floor tool*/
/* line 1976, sass/_vacuums.scss */
#motorisedFloorTool {
  margin-top: 20px; }

/* line 1980, sass/_vacuums.scss */
.motorisedFloorTool_FeatureCopy {
  margin-top: 30px; }

/* line 1984, sass/_vacuums.scss */
.motorisedFloorTool_Feature {
  position: absolute;
  width: 160px;
  font-size: 0.9em; }
  /* line 1988, sass/_vacuums.scss */
  .motorisedFloorTool_Feature p {
    line-height: 1.3; }

/* line 1993, sass/_vacuums.scss */
#motorisedFloorTool_Feature1 {
  top: -14px;
  left: 70px; }

/* line 1998, sass/_vacuums.scss */
#motorisedFloorTool_Feature2 {
  top: 67px;
  left: 0; }

/* line 2003, sass/_vacuums.scss */
#motorisedFloorTool_Feature3 {
  top: 294px;
  left: 30px; }

/* line 2008, sass/_vacuums.scss */
#motorisedFloorTool_Feature4 {
  top: 320px;
  left: 207px; }

/* Convenient cleaning */
/* line 2016, sass/_vacuums.scss */
a.digitalSlim_GalleryImgLinkURL img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #fff; }
/* line 2021, sass/_vacuums.scss */
a.digitalSlim_GalleryImgLinkURL:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #fff; }

/* line 2028, sass/_vacuums.scss */
.digitalSlim_GalleryImgLinkURL .digitalSlim_GalleryImg {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #fff; }

/*Features*/
/* line 2036, sass/_vacuums.scss */
.digitalSlim_Features h2 {
  background-repeat: no-repeat;
  background-position: left top;
  height: 57px;
  text-indent: -10000em; }

/* line 2043, sass/_vacuums.scss */
.digitalSlim_Features_Hero {
  padding: 105px 30px 0 70px;
  display: block; }

/*Gallery*/
/* line 2050, sass/_vacuums.scss */
.digitalSlim_Gallery {
  min-height: 400px;
  height: auto !important;
  height: 400px; }
  /* line 2054, sass/_vacuums.scss */
  .digitalSlim_Gallery a {
    padding-bottom: 15px; }

/* line 2060, sass/_vacuums.scss */
.digitalSlim_GalleryImgLinkURL .digitalSlim_GalleryCopy {
  padding-left: 10px;
  display: block; }
/* line 2064, sass/_vacuums.scss */
.digitalSlim_GalleryImgLinkURL .digitalSlim_GalleryImgContainer {
  position: absolute;
  left: 530px;
  top: 20px;
  width: 450px;
  height: 350px;
  overflow: hidden;
  background-color: #FFF;
  display: none; }
/* line 2074, sass/_vacuums.scss */
.digitalSlim_GalleryImgLinkURL .digitalSlim_GalleryImg {
  position: relative; }
/* line 2077, sass/_vacuums.scss */
.digitalSlim_GalleryImgLinkURL:hover .digitalSlim_GalleryImgContainer, .digitalSlim_GalleryImgLinkURL:focus .digitalSlim_GalleryImgContainer, .digitalSlim_GalleryImgLinkURL .digitalSlimGallery_TopItem {
  display: block; }

/*Product range*/
/* line 2084, sass/_vacuums.scss */
.digSlim_Range_Item h3, .digSlim_Range_Hero h3, .digSlim_Range_Item .buttons, .digSlim_Range_Item .goldBtn, .digSlim_Range_Item .greyBtn, .digSlim_Range_Item .blueBtn, .digSlim_Range_Item .orangeBtn, .reusableProductButtons .buttons, .reusableProductButtons .goldBtn, .reusableProductButtons .greyBtn, .reusableProductButtons .blueBtn, .reusableProductButtons .orangeBtn {
  margin-bottom: 5px; }

/* line 2088, sass/_vacuums.scss */
.digSlim_Range_Hero {
  border-bottom: 1px solid #DDDAD5;
  float: left;
  padding: 15px 15px 30px;
  margin: 30px 0; }
  /* line 2093, sass/_vacuums.scss */
  .digSlim_Range_Hero .genericProduct_HeroImg {
    float: left; }
  /* line 2096, sass/_vacuums.scss */
  .digSlim_Range_Hero .genericProduct_Copy {
    float: left;
    position: relative;
    width: 180px;
    min-height: 430px;
    height: auto !important;
    height: 430px;
    margin-left: 30px; }
    /* line 2104, sass/_vacuums.scss */
    .digSlim_Range_Hero .genericProduct_Copy .reusableProductButtons {
      margin: 15px 0; }
    /* line 2107, sass/_vacuums.scss */
    .digSlim_Range_Hero .genericProduct_Copy img {
      position: absolute;
      bottom: 0;
      left: 0; }

/****************** Allergies folder *******************/
/* home page*/
/* line 2118, sass/_vacuums.scss */
.allergiesHomeLetterbox {
  height: 370px; }

/* line 2122, sass/_vacuums.scss */
.allergiesHomePanels {
  display: block;
  background-color: #F2F2F2;
  background-position: center bottom;
  background-repeat: no-repeat;
  display: block;
  height: 200px; }

/* line 2131, sass/_vacuums.scss */
.allergiesPanelSpan {
  display: block;
  height: 177px; }

/* line 2136, sass/_vacuums.scss */
.allergiesPanelTitle {
  font-weight: bold;
  display: block;
  padding-bottom: 1em; }

/* line 2142, sass/_vacuums.scss */
.allergiesPanelCopy {
  display: block; }

/* line 2146, sass/_vacuums.scss */
.allergyInfoPanel {
  min-height: 200px;
  height: auto !important;
  height: 200px;
  background-color: #EBEBEB; }

/* line 2153, sass/_vacuums.scss */
.allergyFeaturesHero {
  height: 290px; }

/* about allergens page*/
/* line 2159, sass/_vacuums.scss */
.bodyPartList h3 {
  margin-bottom: 0px !important; }

/* line 2164, sass/_vacuums.scss */
.allergiesLetterboxContainer .letterboxThumbnails {
  position: static;
  float: left;
  width: 226px;
  margin-left: 10px;
  padding-right: 10px; }
  /* line 2170, sass/_vacuums.scss */
  .allergiesLetterboxContainer .letterboxThumbnails li {
    position: static;
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    margin: 0 8px 6px 0; }
    /* line 2177, sass/_vacuums.scss */
    .allergiesLetterboxContainer .letterboxThumbnails li a {
      border: none;
      opacity: 0.5;
      filter: alpha(opacity=50); }
      /* line 2181, sass/_vacuums.scss */
      .allergiesLetterboxContainer .letterboxThumbnails li a:hover, .allergiesLetterboxContainer .letterboxThumbnails li a.selected {
        opacity: 1;
        filter: alpha(opacity=100); }
/* line 2189, sass/_vacuums.scss */
.allergiesLetterboxContainer .letterboxContent .mainContent {
  position: static;
  float: left;
  width: auto; }
  /* line 2193, sass/_vacuums.scss */
  .allergiesLetterboxContainer .letterboxContent .mainContent li {
    font-weight: bold; }
/* line 2197, sass/_vacuums.scss */
.allergiesLetterboxContainer .letterboxContent .rightContent {
  width: auto;
  float: right;
  margin-right: 10px;
  padding-right: 10px; }

/* line 2207, sass/_vacuums.scss */
.allergyCarousel .carouselItems li {
  width: 206px; }
  /* line 2209, sass/_vacuums.scss */
  .allergyCarousel .carouselItems li h3 {
    width: 206px; }
/* line 2214, sass/_vacuums.scss */
.allergyCarousel .controls li {
  top: 50px; }
/* line 2217, sass/_vacuums.scss */
.allergyCarousel .controls .left, .allergyCarousel .controls .right {
  display: block;
  top: 115px; }
/* line 2221, sass/_vacuums.scss */
.allergyCarousel .controls .left {
  left: -15px; }

/* Allergy Vacuums page */
/* line 2229, sass/_vacuums.scss */
.allergyVacuums a.greyBtn {
  margin-bottom: 10px;
  display: block; }

/****************** Handheld hub *************************/
/* line 2236, sass/_vacuums.scss */
.handheldsHub .handheldLetterboxContainer {
  height: 386px !important;
  margin-top: 0;
  border-top: 1px solid #ccc; }

/* line 2243, sass/_vacuums.scss */
.handheldLetterboxContainer .threeLineTitle h1 {
  color: #999999; }
  /* line 2246, sass/_vacuums.scss */
  .handheldLetterboxContainer .threeLineTitle h1 span.handheldLbx_Title_Line2 {
    color: #666666; }
  /* line 2249, sass/_vacuums.scss */
  .handheldLetterboxContainer .threeLineTitle h1 span.handheldLbx_Title_Line3 {
    color: #000000; }
/* line 2254, sass/_vacuums.scss */
.handheldLetterboxContainer .ddmLboxContent h3 {
  margin-top: 12px; }

/* line 2260, sass/_vacuums.scss */
.handHeldProductWidgets .reusableProductButtons {
  margin-bottom: 10px; }
  /* line 2262, sass/_vacuums.scss */
  .handHeldProductWidgets .reusableProductButtons a {
    margin-bottom: 10px; }
/* line 2266, sass/_vacuums.scss */
.handHeldProductWidgets p {
  clear: both; }
/* line 2269, sass/_vacuums.scss */
.handHeldProductWidgets .DC35HandheldWidget .secondaryProdctImage {
  width: 200px;
  float: right; }

/****************** Staff Store Offer *************************/
/*Letterbox*/
/* line 2278, sass/_vacuums.scss */
.ukStaffStoreOfferMarch2012 {
  min-height: 290px;
  height: auto !important;
  height: 300px; }

/* line 2284, sass/_vacuums.scss */
.cometLetterbox h1 {
  height: 53px; }

/* line 2288, sass/_vacuums.scss */
.dixonsLetterbox h1 {
  height: 43px; }

/* line 2292, sass/_vacuums.scss */
.expd8Letterbox h1 {
  height: 89px; }

/* line 2296, sass/_vacuums.scss */
.ukStaffStoreOfferMarch2012_Footer h1 {
  height: 65px;
  margin-bottom: 60px; }

/* line 2302, sass/_vacuums.scss */
.ukStaffStoreOfferMarch2012 .panelFeatureCopy {
  float: left;
  width: 320px;
  margin-top: 20px; }
/* line 2307, sass/_vacuums.scss */
.ukStaffStoreOfferMarch2012 h2 {
  width: 280px; }
/* line 2310, sass/_vacuums.scss */
.ukStaffStoreOfferMarch2012 .panelFeatureCopy p {
  font-size: 0.9em;
  line-height: 1.3; }
/* line 2314, sass/_vacuums.scss */
.ukStaffStoreOfferMarch2012 .panelFeature_Images {
  position: absolute;
  right: 40px;
  top: -51px; }

/* line 2321, sass/_vacuums.scss */
.ukStaffStoreOfferMarch2012Terms h2 {
  background: url("mediaLibrary/AED6DE36FD0F444EAB44B0A9BB708CD9.ashx") no-repeat right top;
  height: 15px; }
  /* line 2324, sass/_vacuums.scss */
  .ukStaffStoreOfferMarch2012Terms h2.selected {
    background-position: right bottom;
    height: 15px; }

/*Form - having to add custom styles due to the form being auto generated by Sitecore (Web form for marketeers)*/
/* line 2333, sass/_vacuums.scss */
.staffOfferForm .scfIntroBorder {
  margin-bottom: 0; }
  /* line 2335, sass/_vacuums.scss */
  .staffOfferForm .scfIntroBorder li {
    margin-bottom: 0; }
/* line 2339, sass/_vacuums.scss */
.staffOfferForm h1 {
  display: none; }

/* line 2344, sass/_vacuums.scss */
.staffOffer_FormItem {
  background-color: #f0f0f0;
  padding: 20px;
  margin-bottom: 15px; }
  /* line 2348, sass/_vacuums.scss */
  .staffOffer_FormItem legend {
    font-weight: bold;
    color: #000; }
  /* line 2352, sass/_vacuums.scss */
  .staffOffer_FormItem .scfShortText {
    overflow: hidden;
    margin-bottom: 4px; }
    /* line 2355, sass/_vacuums.scss */
    .staffOffer_FormItem .scfShortText label {
      width: 300px; }
    /* line 2358, sass/_vacuums.scss */
    .staffOffer_FormItem .scfShortText select, .staffOffer_FormItem .scfShortText input {
      width: 200px;
      float: left; }
  /* line 2363, sass/_vacuums.scss */
  .staffOffer_FormItem .scfRadioButtonListBorder {
    margin-bottom: 20px; }
  /* line 2366, sass/_vacuums.scss */
  .staffOffer_FormItem .scfRadioButtonListLabel {
    width: 90%; }
  /* line 2369, sass/_vacuums.scss */
  .staffOffer_FormItem .scfRadioButtonListGeneralPanel {
    float: none;
    padding-top: 12px;
    clear: both; }
    /* line 2373, sass/_vacuums.scss */
    .staffOffer_FormItem .scfRadioButtonListGeneralPanel label {
      font-size: 0.9em; }

/*Work around due to limitation of Web form for marketers multi checkbox option*/
/* line 2382, sass/_vacuums.scss */
.staffOffer_Form_Section3 .scfCheckBoxListLabel {
  display: none; }
/* line 2385, sass/_vacuums.scss */
.staffOffer_Form_Section3 .scfCheckBoxListGeneralPanel {
  width: 90%; }
  /* line 2387, sass/_vacuums.scss */
  .staffOffer_Form_Section3 .scfCheckBoxListGeneralPanel input {
    margin-right: 5px; }
  /* line 2390, sass/_vacuums.scss */
  .staffOffer_Form_Section3 .scfCheckBoxListGeneralPanel label {
    font-size: 0.9em; }

/* line 2396, sass/_vacuums.scss */
.staffOffer_FormAnswer {
  color: #3399fe; }

/* line 2400, sass/_vacuums.scss */
.staffOffer_FormAnswers ol {
  margin-left: 20px; }
  /* line 2402, sass/_vacuums.scss */
  .staffOffer_FormAnswers ol li {
    margin-bottom: 20px; }

/* line 2407, sass/_vacuums.scss */
.scfSubmitSummary {
  clear: both; }

/*Offer product page*/
/* line 2415, sass/_vacuums.scss */
.staffOfferProducts .ProductRangeNoCompare_Product .ProductRangeNoCompare_ProductImg {
  height: 290px; }
/* line 2419, sass/_vacuums.scss */
.staffOfferProducts .ProductRangeNoCompare_Product .heading h3 {
  margin-bottom: 3px; }
/* line 2422, sass/_vacuums.scss */
.staffOfferProducts .ProductRangeNoCompare_Product .heading span {
  font-size: 1.0em; }
/* line 2426, sass/_vacuums.scss */
.staffOfferProducts .ProductRangeNoCompare_Product a.buttons, .staffOfferProducts .ProductRangeNoCompare_Product a.goldBtn, .staffOfferProducts .ProductRangeNoCompare_Product a.greyBtn, .staffOfferProducts .ProductRangeNoCompare_Product a.blueBtn, .staffOfferProducts .ProductRangeNoCompare_Product a.orangeBtn {
  width: 100px !important; }
/* line 2429, sass/_vacuums.scss */
.staffOfferProducts .ProductRangeNoCompare_Product .btnMore {
  margin-top: 5px;
  width: 70px; }
/* line 2434, sass/_vacuums.scss */
.staffOfferProducts .productUnavailableMessage {
  font-size: 0.8em; }
  /* line 2436, sass/_vacuums.scss */
  .staffOfferProducts .productUnavailableMessage a {
    width: 100px !important;
    font-size: 1.0em; }

/****************** Trade In Offer *************************/
/*Sign up page*/
/* line 2446, sass/_vacuums.scss */
.tradeinSignupPage, .tradeinSignupCompletePage {
  background: url("mediaLibrary/2EBE93E142804D538EF2DD41B084F8BB.ashx") repeat-x left top;
  position: relative; }

/* line 2451, sass/_vacuums.scss */
.tradeinSignupPage_Items, .tradeinSignupCompletePage_Items {
  background: url("mediaLibrary/34EA46FA2F064607A6E995FA6B56C990.ashx") no-repeat left top;
  margin: 0 auto; }

/* line 2456, sass/_vacuums.scss */
.tradeinSignupPage_Items {
  background-position: left 6px;
  width: 1134px; }

/* line 2461, sass/_vacuums.scss */
.tradeinSignupPage_Placeholder, .tradeinSignupCompletePage_Placeholder {
  min-height: 550px;
  height: auto !important;
  height: 550px; }

/* line 2467, sass/_vacuums.scss */
.tradeinSignupPage .whiteBG, .tradeinSignupCompletePage .whiteBG, .goodHouseComp_Placeholder .whiteBG {
  background: none !important; }

/* line 2472, sass/_vacuums.scss */
.tradeinSignupPage_Placeholder .formContainer {
  width: 330px;
  padding: 30px 9px; }
/* line 2476, sass/_vacuums.scss */
.tradeinSignupPage_Placeholder .scfSingleLineGeneralPanel input, .tradeinSignupPage_Placeholder .scfEmailGeneralPanel input, .tradeinSignupPage_Placeholder .scfValidator {
  width: 300px; }
/* line 2479, sass/_vacuums.scss */
.tradeinSignupPage_Placeholder .scfFooterBorder {
  margin-top: 0; }

/* line 2484, sass/_vacuums.scss */
.tradeinSignupCompletePage {
  background-image: url("mediaLibrary/2F52F73035EC4EB5B24CFBE259525BA6.ashx"); }

/* line 2488, sass/_vacuums.scss */
.tradeinSignupCompletePage_Items {
  background-image: url("mediaLibrary/97923BEE4BAD424CB362AF2B696AA829.ashx");
  width: 984px; }
  /* line 2491, sass/_vacuums.scss */
  .tradeinSignupCompletePage_Items .tradeinSignupComplete_Copy {
    border-bottom: 1px solid #bcbcbc;
    padding-top: 30px;
    padding-bottom: 15px;
    margin-top: 0; }

/* line 2499, sass/_vacuums.scss */
.tradeinSignupCompletePage_Placeholder .socialNetworkShareLinksLeft {
  margin-top: 0;
  padding-top: 15px; }

/*Landing page*/
/* line 2506, sass/_vacuums.scss */
.tradeinLandingPage {
  background: url("mediaLibrary/0DEF667F3A09451880220E359B5A018D.ashx") repeat-x left top;
  position: relative; }
  /* line 2509, sass/_vacuums.scss */
  .tradeinLandingPage h2 {
    font-size: 1.1em; }

/* line 2514, sass/_vacuums.scss */
.tradeinLandingPage_Items {
  background: url("mediaLibrary/4F27F9051CA04482B29511FC9115941D.ashx") no-repeat center 42px; }

/* line 2518, sass/_vacuums.scss */
.tradeinFanLandingPage h2 {
  font-size: 1.1em; }

/* line 2522, sass/_vacuums.scss */
.tradeinFanLandingPage_Items {
  background: url("medialibrary/AD5BF573B4664F8FAE25091ECBC5EC8E.ashx") no-repeat center 42px; }

/* line 2526, sass/_vacuums.scss */
.tradeinLandingLetterboxCopy {
  min-height: 450px;
  height: auto !important;
  height: 460px; }
  /* line 2530, sass/_vacuums.scss */
  .tradeinLandingLetterboxCopy .panelFeatureCopy {
    padding: 85px 0 0 80px; }
    /* line 2532, sass/_vacuums.scss */
    .tradeinLandingLetterboxCopy .panelFeatureCopy h2 {
      font-weight: normal;
      padding-left: 1px; }
      /* line 2535, sass/_vacuums.scss */
      .tradeinLandingLetterboxCopy .panelFeatureCopy h2 .caveat {
        font-size: 0.7em;
        margin-top: 140px; }

/* line 2544, sass/_vacuums.scss */
.tradeinFanLandingPage .ProductRangeNoCompare_Product, .tradeinLandingPage .ProductRangeNoCompare_Product {
  position: relative; }
/* line 2547, sass/_vacuums.scss */
.tradeinFanLandingPage .heading, .tradeinLandingPage .heading {
  min-height: 60px;
  height: auto !important;
  height: 67px; }

/* line 2554, sass/_vacuums.scss */
.tradeinLandingRecycle {
  border-top: 1px solid #CCC; }
  /* line 2556, sass/_vacuums.scss */
  .tradeinLandingRecycle .panelFeatureCopy {
    width: 840px; }
    /* line 2558, sass/_vacuums.scss */
    .tradeinLandingRecycle .panelFeatureCopy h2 {
      color: #333; }

/* line 2564, sass/_vacuums.scss */
.tradeIn_PurchaseJourneyItem {
  position: absolute;
  bottom: 30px;
  font-weight: bold;
  font-size: 1.3em; }

/* line 2571, sass/_vacuums.scss */
#tradeIn_PurchaseJourney_BuyDyson {
  left: 100px;
  color: #7d7d7d; }

/* line 2576, sass/_vacuums.scss */
#tradeIn_PurchaseJourney_Deliver {
  left: 400px;
  color: #4a4a4a; }

/* line 2581, sass/_vacuums.scss */
#tradeIn_PurchaseJourney_Recycle {
  left: 690px;
  color: #fffefe; }

/****************** Dyson Digital Motor (DDM) technology page *************************/
/* line 2588, sass/_vacuums.scss */
.ddmNav {
  background-color: #E5E5E5; }
  /* line 2590, sass/_vacuums.scss */
  .ddmNav li {
    border-right: 1px solid #CCC;
    padding: 0 20px;
    display: block; }

/* line 2597, sass/_vacuums.scss */
.ddmVideo .ceebox span {
  display: block;
  margin-top: 5px; }

/* line 2603, sass/_vacuums.scss */
.ddm_ConventionalMotor .numberRollover_hotspotBull_1 {
  top: -10px;
  left: -50px; }
/* line 2607, sass/_vacuums.scss */
.ddm_ConventionalMotor .numberRollover_hotspotBull_2 {
  top: 55px;
  left: -90px; }
/* line 2611, sass/_vacuums.scss */
.ddm_ConventionalMotor .numberRollover_hotspotBull_3 {
  top: 140px;
  left: -105px; }
/* line 2615, sass/_vacuums.scss */
.ddm_ConventionalMotor .numberRollover_hotspotBull_4 {
  top: 150px;
  left: -170px; }
/* line 2619, sass/_vacuums.scss */
.ddm_ConventionalMotor .numberRollover_hotspotBull_5 {
  top: 60px;
  left: -170px; }

/* line 2626, sass/_vacuums.scss */
.ddm_DigitalMotor .numberRollover_hotspotBull_1 {
  top: 20px;
  left: -155px; }
/* line 2630, sass/_vacuums.scss */
.ddm_DigitalMotor .numberRollover_hotspotBull_2 {
  top: 60px;
  left: -137px; }
/* line 2634, sass/_vacuums.scss */
.ddm_DigitalMotor .numberRollover_hotspotBull_3 {
  top: 100px;
  left: -77px; }

/* line 2640, sass/_vacuums.scss */
.ddmProblemUsage .functionFadeContent {
  position: relative !important;
  clear: both;
  overflow: hidden;
  z-index: 100; }

/* line 2648, sass/_vacuums.scss */
.ddm_DigitalMotorWorkings .numberRolloverItemTitle {
  font-weight: bold; }
/* line 2651, sass/_vacuums.scss */
.ddm_DigitalMotorWorkings .numberRolloverItemPara {
  color: #999; }
/* line 2655, sass/_vacuums.scss */
.ddm_DigitalMotorWorkings a:hover span, .ddm_DigitalMotorWorkings a:focus span {
  color: #FFF !important; }
/* line 2659, sass/_vacuums.scss */
.ddm_DigitalMotorWorkings .hotspotLinks_Rollover li {
  float: left;
  clear: none; }
/* line 2663, sass/_vacuums.scss */
.ddm_DigitalMotorWorkings .numberRolloverItemCopy {
  width: 90%; }
/* line 2666, sass/_vacuums.scss */
.ddm_DigitalMotorWorkings .numberRollover_hotspotBull_1 {
  top: 370px;
  left: 710px; }
/* line 2670, sass/_vacuums.scss */
.ddm_DigitalMotorWorkings .numberRollover_hotspotBull_2 {
  top: 370px;
  left: 620px; }
/* line 2674, sass/_vacuums.scss */
.ddm_DigitalMotorWorkings .numberRollover_hotspotBull_3 {
  top: 370px;
  left: 300px; }
/* line 2678, sass/_vacuums.scss */
.ddm_DigitalMotorWorkings .numberRollover_hotspotBull_4 {
  top: 370px;
  left: 190px; }

/* Airmuscle page */
/* line 2687, sass/_vacuums.scss */
.airmuscleHotspots li {
  margin-bottom: 20px; }
/* line 2690, sass/_vacuums.scss */
.airmuscleHotspots .numberRolloverItemTitle {
  font-weight: bold;
  color: #fff; }
/* line 2694, sass/_vacuums.scss */
.airmuscleHotspots li a:hover {
  cursor: pointer;
  color: #fff; }
/* line 2698, sass/_vacuums.scss */
.airmuscleHotspots .numberRollover_hotspotBull_1 {
  left: -325px;
  top: 175px; }
/* line 2702, sass/_vacuums.scss */
.airmuscleHotspots .numberRollover_hotspotBull_2 {
  left: -284px;
  top: 215px; }
/* line 2706, sass/_vacuums.scss */
.airmuscleHotspots .numberRollover_hotspotBull_3 {
  left: -180px;
  top: 70px; }

/* Complete offering */
/* line 2714, sass/_vacuums.scss */
.completeLetterbox {
  height: 386px;
  background-repeat: no-repeat; }

/* line 2719, sass/_vacuums.scss */
.textBelowImg img {
  margin-bottom: 10px; }

/* line 2723, sass/_vacuums.scss */
.completeVideo p {
  padding-top: 30px; }

/*Good Housekeeping comp*/
/* line 2729, sass/_vacuums.scss */
.goodHouseComp {
  background: url("mediaLibrary/9CA7519368B04BBFA90225D9DF72DCE7.ashx") repeat-x left top;
  position: relative; }

/* line 2734, sass/_vacuums.scss */
.goodHouseComp_Items {
  background: url("mediaLibrary/FBF96910281940FE92C410C9F9BBB24D.ashx") no-repeat 550px 141px;
  margin: 0 auto;
  width: 964px; }

/* line 2741, sass/_vacuums.scss */
.goodHouseComp_Placeholder .scfSectionBorder {
  width: 400px;
  height: auto !important;
  margin-bottom: 20px; }
/* line 2746, sass/_vacuums.scss */
.goodHouseComp_Placeholder .scfDropListGeneralPanel {
  padding-bottom: 10px; }
/* line 2749, sass/_vacuums.scss */
.goodHouseComp_Placeholder .scfFooterBorder {
  margin-top: -15px !important; }
/* line 2752, sass/_vacuums.scss */
.goodHouseComp_Placeholder .chatHolder {
  display: none; }

/* line 2757, sass/_vacuums.scss */
.goodHouseComp, .goodHouseComp_Items {
  min-height: 700px;
  height: auto !important;
  height: 700px; }

/* line 2763, sass/_vacuums.scss */
.goodHouseComp_Placeholder {
  min-height: 700px;
  height: auto !important;
  height: 700px; }
  /* line 2767, sass/_vacuums.scss */
  .goodHouseComp_Placeholder .scfIntroBorder {
    width: 400px; }
  /* line 2770, sass/_vacuums.scss */
  .goodHouseComp_Placeholder .scfSectionContent {
    width: 400px; }
    /* line 2772, sass/_vacuums.scss */
    .goodHouseComp_Placeholder .scfSectionContent input, .goodHouseComp_Placeholder .scfSectionContent select {
      width: 400px; }

/*Slider code*/
/* line 2781, sass/_vacuums.scss */
.sliderContent #tabs .tabsNav {
  display: none !important; }
/* line 2784, sass/_vacuums.scss */
.sliderContent .ui-tabs, .sliderContent .ui-tabs-panel {
  background: none;
  border: none !important; }

/* line 2790, sass/_vacuums.scss */
.sliderContentNav li {
  float: left; }

/*Digital slim notify me - web form for marketeers*/
/* line 2796, sass/_vacuums.scss */
.signUpNotifyMeSignup_262 {
  background: url("mediaLibrary/A6B8E665A0294B12BF77FA81545F0594.ashx") no-repeat center bottom; }

/* line 2800, sass/_vacuums.scss */
.signUpNotifyMeSignup_262_US {
  background: url("mediaLibrary/BB5F3E8F82F942A4B57E2887EEDE7336.ashx") no-repeat center bottom; }

/* line 2805, sass/_vacuums.scss */
.signUpNotifyMeSignup .scfForm, .signUpNotifyMeSignup .scfSubmitButtonBorder {
  margin-left: auto;
  margin-right: auto; }
/* line 2809, sass/_vacuums.scss */
.signUpNotifyMeSignup .formContainer {
  text-align: center; }
/* line 2812, sass/_vacuums.scss */
.signUpNotifyMeSignup .scfForm {
  text-align: center; }
  /* line 2814, sass/_vacuums.scss */
  .signUpNotifyMeSignup .scfForm h1 {
    text-align: center; }
/* line 2818, sass/_vacuums.scss */
.signUpNotifyMeSignup .formContainer {
  width: 335px;
  margin-left: auto;
  margin-right: auto; }
/* line 2823, sass/_vacuums.scss */
.signUpNotifyMeSignup .scfSectionContent input, .signUpNotifyMeSignup .scfSingleLineGeneralPanel, .signUpNotifyMeSignup .scfEmailGeneralPanel {
  width: 100% !important; }
/* line 2826, sass/_vacuums.scss */
.signUpNotifyMeSignup .scfFooterBorder {
  margin-top: -10px; }
/* line 2829, sass/_vacuums.scss */
.signUpNotifyMeSignup .buttons, .signUpNotifyMeSignup .goldBtn, .signUpNotifyMeSignup .greyBtn, .signUpNotifyMeSignup .blueBtn, .signUpNotifyMeSignup .orangeBtn {
  float: none !important;
  display: inline !important; }
/* line 2833, sass/_vacuums.scss */
.signUpNotifyMeSignup .socialNetworkLinks {
  width: 230px;
  margin: 30px auto !important; }
  /* line 2836, sass/_vacuums.scss */
  .signUpNotifyMeSignup .socialNetworkLinks .widgetText {
    color: #FFF; }
/* line 2840, sass/_vacuums.scss */
.signUpNotifyMeSignup hr.divideBlack_MargTop {
  width: 500px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

/*Sign up completed*/
/*Digital slim hub - 2012*/
/*Generic*/
/* line 2852, sass/_vacuums.scss */
.dSlimSectionFooterLinks li {
  border-left: 1px solid #c3c3c3; }

/* line 2857, sass/_vacuums.scss */
.dSlim_Hedgehog a .hotspotBull {
  display: none; }
/* line 2860, sass/_vacuums.scss */
.dSlim_Hedgehog .numberRolloverItemCopy {
  position: absolute;
  top: 0;
  text-align: center;
  width: 100%;
  display: block;
  z-index: 100;
  cursor: text;
  display: none;
  font-size: 1.6em;
  font-weight: bold; }
/* line 2873, sass/_vacuums.scss */
.dSlim_Hedgehog a:hover .numberRolloverItemCopy, .dSlim_Hedgehog a:focus .numberRolloverItemCopy {
  display: block; }
/* line 2876, sass/_vacuums.scss */
.dSlim_Hedgehog a .hotspotBull_OnImage {
  display: block;
  position: absolute;
  z-index: 100;
  border: 1px solid red;
  text-indent: -100000em;
  background: none; }

/*Home page*/
/* line 2889, sass/_vacuums.scss */
.dSlim_Home_Lbx_Copy {
  position: absolute;
  top: 40px;
  left: 60px;
  z-index: 100; }

/* line 2896, sass/_vacuums.scss */
.dSlim_Home_Lbx_Copy_Long {
  top: 20px; }

/* line 2900, sass/_vacuums.scss */
.dSlim_Home_Lbx_Copy h1 {
  height: 35px; }

/* line 2904, sass/_vacuums.scss */
.dSlim_Home_Lbx_Img {
  margin-bottom: -2px; }

/* line 2908, sass/_vacuums.scss */
.dSLim_Home_Tech_Image {
  min-height: 290px;
  height: auto !Important;
  height: 290px; }

/*Compare page*/
/* line 2916, sass/_vacuums.scss */
.dSlim_Compare_Lbx {
  background-repeat: repeat-x;
  background-position: left 104px; }
  /* line 2919, sass/_vacuums.scss */
  .dSlim_Compare_Lbx h1 {
    height: 48px; }

/* line 2924, sass/_vacuums.scss */
.dSlim_Compare_Lbx_Copy {
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 100; }

/* line 2931, sass/_vacuums.scss */
.dSlim_Compare_Lbx_Img_DC {
  margin-right: 75px; }

/*DC35*/
/* line 2937, sass/_vacuums.scss */
.dSlim_DC35_Letterbox {
  background-repeat: repeat-x;
  background-position: left 84px; }

/* line 2942, sass/_vacuums.scss */
.dSlim_DC35_Letterbox_Copy {
  margin-left: 40px; }

/* line 2946, sass/_vacuums.scss */
.dSlim_Lbx_Nav .hubLetterboxNavItem strong {
  min-height: 35px;
  height: auto !important;
  height: 35px; }

/* line 2952, sass/_vacuums.scss */
.dSlim_DC35_CarbonFibreBrushes {
  background-repeat: no-repeat;
  background-position: right bottom;
  min-height: 440px;
  height: auto !important;
  height: 440px;
  padding-top: 40px; }

/* line 2961, sass/_vacuums.scss */
.dSlim_CarbonFibre_FeatureList {
  width: 113px;
  height: 83px;
  display: block; }

/* line 2967, sass/_vacuums.scss */
.dSlim_CarbonFibre_FeatureList_Item1 {
  margin-top: -15px; }

/* line 2971, sass/_vacuums.scss */
.dSlim_CarbonFibre_FeatureList_Item2 {
  margin-top: 5px; }

/*DC45*/
/* line 2977, sass/_vacuums.scss */
.dSlim_DC_MotorBrushBarImg_EU img {
  position: absolute;
  bottom: -31px;
  left: 0; }

/* line 2983, sass/_vacuums.scss */
.dSlim_DC_Letterbox_Copy, .dSlim_DC_Letterbox_Video {
  position: absolute;
  z-index: 100; }

/* line 2988, sass/_vacuums.scss */
.dSlim_DC_Letterbox_Copy {
  top: 10px;
  left: 50px; }

/* line 2993, sass/_vacuums.scss */
.dSlim_DC_Letterbox_Video {
  top: 260px;
  left: 10px; }

/* line 2999, sass/_vacuums.scss */
.dSlim_DC_BatteryTime p {
  font-size: 1.8em;
  position: absolute;
  left: 0;
  bottom: 25px;
  z-index: 100;
  width: 432px;
  color: #FFF; }
/* line 3008, sass/_vacuums.scss */
.dSlim_DC_BatteryTime strong {
  font-size: 3.4em;
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

/* line 3015, sass/_vacuums.scss */
.dSlim_DC_MotorBrushBarImg {
  margin-bottom: -33px; }

/* Where to buy */
/* line 3022, sass/_vacuums.scss */
.whereToBuy_StoreTable th, .whereToBuy_StoreTable td {
  text-align: left;
  padding-right: 30px; }

/* line 3032, sass/_vacuums.scss */
body[dir="rtl"] .whereToBuy_StoreTable .container_5, body[dir="rtl"] .whereToBuy_StoreTable .container_12 {
  float: none; }

/*DC46 landing page*/
/* line 3040, sass/_vacuums.scss */
.ballMoveDetail {
  background: url("/medialibrary/3C10E430AC01427DBB05C7DD62B1804B.ashx") no-repeat left top; }

/* line 3044, sass/_vacuums.scss */
.cyclones {
  background: url("/medialibrary/43F41C97101C4DF38600F17D9A6A2C5D.ashx") no-repeat right top; }
  /* line 3047, sass/_vacuums.scss */
  .cyclones .inPageNav li:hover, .cyclones .inPageNav li:focus {
    background-color: #F0F0F0 !important; }

/* line 3054, sass/_vacuums.scss */
#microDustPnl_Features img {
  left: 221px;
  top: 118px; }
/* line 3058, sass/_vacuums.scss */
#microDustPnl_Features .hotspotLinks_Rollover h3 {
  padding-top: 5px !important; }

/***********ContactUs***********/
/* line 3, sass/_contact.scss */
.contactUs .heading {
  font-weight: bold;
  font-size: 0.875em;
  margin-bottom: 10px; }

/* line 9, sass/_contact.scss */
.contactList li {
  display: block;
  padding: 3px 0 3px 30px;
  margin-top: 8px; }
  /* line 13, sass/_contact.scss */
  .contactList li.contactPhone {
    background: url(../images/icons/contactPhone.png) no-repeat left top; }
  /* line 16, sass/_contact.scss */
  .contactList li.contactEmail {
    background: url(../images/icons/contactMouse.png) no-repeat left top; }
  /* line 19, sass/_contact.scss */
  .contactList li.contactMail {
    background: url(../images/icons/contactMail.png) no-repeat left top;
    padding-top: 0px; }

/************************support home***********/
/* line 3, sass/_support.scss */
.selectMachine {
  margin-bottom: 50px; }

/*.pageIntro{font-size:1.4em;padding-bottom:20px;}*/
/* line 9, sass/_support.scss */
.threeThirdsRightCol h2 {
  padding-bottom: 10px;
  font-weight: bold;
  font-size: 1.5em; }

/* line 15, sass/_support.scss */
.slideWrapper ul {
  margin-left: 12px; }
  /* line 17, sass/_support.scss */
  .slideWrapper ul li {
    display: block;
    float: left;
    margin-right: 9px;
    margin-left: 9px; }
    /* line 22, sass/_support.scss */
    .slideWrapper ul li img {
      padding-bottom: 10px; }
    /* line 25, sass/_support.scss */
    .slideWrapper ul li a.listArrow {
      background: url(../images/icons/listArrow.png) no-repeat left;
      margin-left: 8px;
      padding-left: 10px;
      font-size: 1.2em; }

/* Main support styles */
/* line 35, sass/_support.scss */
.supportMain {
  border-left: 1px solid #CCCCCC;
  float: right;
  padding-left: 10px; }

/* line 41, sass/_support.scss */
.serialLookup {
  height: auto !important;
  height: 235px;
  clear: both; }

/* Support pages */
/* line 49, sass/_support.scss */
.lineUpNonJs {
  width: 640px !important; }

/*********** article *************/
/* line 5, sass/_articles.scss */
.supportVideo {
  margin-top: 10px;
  margin-bottom: 10px; }

/***************** Article *******************/
/* line 13, sass/_articles.scss */
.specialOfferTitle {
  padding: 10px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  clear: both; }
  /* line 32, ../Mobile/Styles/sass/Shared/_mixins.scss */
  html[region="HKG"] .specialOfferTitle {
    font-family: "Arial", "Microsoft JhengHei", sans-serif; }
  /* line 36, ../Mobile/Styles/sass/Shared/_mixins.scss */
  html[region="JPN"] .specialOfferTitle {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", FuturaBT, Helvetica, Arial, Sans-serif; }

/* line 21, sass/_articles.scss */
.specialOfferText {
  font-size: 14px;
  padding: 0px 10px;
  line-height: 19px;
  margin-bottom: 20px; }

/* line 28, sass/_articles.scss */
.articleContainer {
  font-size: 1.05em;
  margin-bottom: 30px;
  overflow: hidden;
  width: 698px; }
  /* line 33, sass/_articles.scss */
  .articleContainer h1 {
    font-size: 1.2em; }
  /* line 36, sass/_articles.scss */
  .articleContainer h3 {
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 20px; }
  /* line 41, sass/_articles.scss */
  .articleContainer p {
    margin-bottom: 10px; }
  /* line 44, sass/_articles.scss */
  .articleContainer ol {
    list-style-type: decimal;
    padding-left: 20px; }
  /* line 49, sass/_articles.scss */
  .articleContainer ul.txt {
    margin-bottom: 5px; }
    /* line 51, sass/_articles.scss */
    .articleContainer ul.txt li {
      display: list-item;
      list-style: disc outside none;
      margin-left: 15px;
      margin-bottom: 10px; }
  /* line 58, sass/_articles.scss */
  .articleContainer ul.optionLinks {
    clear: both;
    margin-top: 1em;
    float: left; }
    /* line 62, sass/_articles.scss */
    .articleContainer ul.optionLinks li {
      clear: left;
      float: left; }
      /* line 65, sass/_articles.scss */
      .articleContainer ul.optionLinks li a {
        clear: left;
        float: left; }
  /* line 72, sass/_articles.scss */
  .articleContainer .arrowLeftBlk {
    background-position: 0px 0px;
    margin-top: 20px; }

/* line 78, sass/_articles.scss */
a.arrowLeftBlk, span.arrowLeftBlk, ul.arrowLeftBlk li a {
  padding-left: 13px;
  background: url(/images/icons/arrowLeftBLK.png) no-repeat 0 3px;
  /*width: 80%;
  display: block;
  float: left;
  margin-top: 17px;
  */
  /*commented to fix BugzId:178*/ }

/* line 90, sass/_articles.scss */
.articleContainer .arrowRight {
  background: url("/Images/backgrounds/arrow_next_wht.gif") no-repeat scroll 0 5px transparent;
  padding: 0px 0px 0px 10px;
  color: Black;
  display: block; }
  /* line 95, sass/_articles.scss */
  .articleContainer .arrowRight:hover {
    background: url("/Images/backgrounds/arrow_next_wht_over.gif") no-repeat scroll 0 5px transparent;
    color: #666; }
/* line 100, sass/_articles.scss */
.articleContainer .arrowLeft {
  background: url("/Images/backgrounds/arrow_left_gr.gif") no-repeat scroll 0 center transparent;
  padding: 0px 0px 0px 10px;
  color: #666;
  display: block; }
  /* line 105, sass/_articles.scss */
  .articleContainer .arrowLeft:hover {
    background: url("/Images/backgrounds/arrow_left_bl.gif") no-repeat scroll 0 center transparent;
    color: Black; }

/** Promotion articles **/
/* line 113, sass/_articles.scss */
.promo {
  position: relative;
  border: 1px solid #EBEBEB;
  margin: 10px 11px;
  font-size: 0.8em;
  background-position: top left;
  height: 249px;
  background-repeat: no-repeat; }
  /* line 121, sass/_articles.scss */
  .promo .genericContentInner {
    padding: 15px 20px 20px 20px;
    font-size: 1.0em; }

/* line 127, sass/_articles.scss */
.promoLink {
  margin-bottom: 20px; }
  /* line 129, sass/_articles.scss */
  .promoLink a {
    background-repeat: no-repeat;
    background-position: top left;
    margin: 11px 10px;
    height: 249px;
    display: block;
    cursor: pointer; }
    /* line 136, sass/_articles.scss */
    .promoLink a:hover, .promoLink a:focus {
      color: #333; }
    /* line 139, sass/_articles.scss */
    .promoLink a span.innerPanelContainer {
      padding: 15px 20px 20px 20px;
      display: block;
      height: 150px; }
  /* line 145, sass/_articles.scss */
  .promoLink .genericContentInner a {
    border: 1px solid #EBEBEB; }

/* line 150, sass/_articles.scss */
.promoBorder {
  border: 1px solid #EBEBEB; }

/* line 155, sass/_articles.scss */
.promo span.highlight {
  color: White;
  font-weight: bold; }
/* line 159, sass/_articles.scss */
.promo span.heading {
  font-size: 1.1em;
  display: block; }

/* line 165, sass/_articles.scss */
.promoLink span.heading {
  font-size: 1.0em;
  display: block; }

/* line 171, sass/_articles.scss */
.promotionPanel span.heading, .promoDetailsPanel span.heading {
  color: #0066ff;
  font-size: 1.1em; }
/* line 176, sass/_articles.scss */
.promotionPanel p span.heading, .promoDetailsPanel p span.heading {
  color: #0066ff;
  font-size: 1.3em; }
/* line 180, sass/_articles.scss */
.promotionPanel p.heading, .promoDetailsPanel p.heading {
  color: #0066ff;
  font-size: 1.1em; }

/* line 187, sass/_articles.scss */
.promo span.arrowNext {
  bottom: 15px;
  position: absolute;
  text-transform: uppercase;
  font-size: 0.8em;
  line-height: 1em;
  padding-top: 2px; }

/* line 196, sass/_articles.scss */
.promoLink .genericContentInner a:hover {
  background-position: -224px 0px; }

/* line 200, sass/_articles.scss */
.promoLinkLightTxt a {
  color: #FFF; }
  /* line 202, sass/_articles.scss */
  .promoLinkLightTxt a:hover, .promoLinkLightTxt a:focus {
    color: #FFF; }

/* line 207, sass/_articles.scss */
.usePromo .genericContentInner, .usePromoLink a span.innerPanelContainer {
  padding: 155px 20px 20px 20px;
  display: block;
  height: 80px; }

/***************** Robot Support Article *******************/
/* line 216, sass/_articles.scss */
.robotArticle .robotArticleItem {
  margin: 30px 0; }
  /* line 218, sass/_articles.scss */
  .robotArticle .robotArticleItem img {
    margin: 10px 0 20px 0; }
  /* line 221, sass/_articles.scss */
  .robotArticle .robotArticleItem .caption {
    font-size: 0.75em; }
  /* line 224, sass/_articles.scss */
  .robotArticle .robotArticleItem .videoContainer {
    margin-top: 30px;
    text-align: center; }
    /* line 228, sass/_articles.scss */
    .robotArticle .robotArticleItem .videoContainer .BrightcoveExperience {
      position: relative; }
  /* line 232, sass/_articles.scss */
  .robotArticle .robotArticleItem ol {
    display: block; }
    /* line 234, sass/_articles.scss */
    .robotArticle .robotArticleItem ol li {
      margin-bottom: 15px; }
  /* line 238, sass/_articles.scss */
  .robotArticle .robotArticleItem .step {
    font-size: 0.75em; }
    /* line 240, sass/_articles.scss */
    .robotArticle .robotArticleItem .step .videoContainer {
      margin: 0 0 30px 0; }
/* line 245, sass/_articles.scss */
.robotArticle > ol {
  list-style-type: disc; }

/********* Accessory Page **************/
/* line 4, sass/_accessory_spares.scss */
.accessoryDetailContainer h2.partNumber {
  color: #999999;
  font-weight: normal; }
/* line 8, sass/_accessory_spares.scss */
.accessoryDetailContainer .imgBlock {
  border: 1px solid #CCCCCC;
  height: 321px;
  margin-bottom: 10px;
  text-align: center;
  width: 434px; }

/********** Accessories List *********/
/* line 18, sass/_accessory_spares.scss */
.accessories .accessory {
  margin-top: 15px; }
  /* line 20, sass/_accessory_spares.scss */
  .accessories .accessory img {
    float: left;
    margin: 0px 15px 0px 0px;
    border: 1px solid #CCCCCC; }

/************ Accessory Gallery ************/
/* line 28, sass/_accessory_spares.scss */
.galleryMainImageWrapperAccessory img {
  background-color: #fff; }

/* line 32, sass/_accessory_spares.scss */
.accessoryGallery {
  padding-bottom: 20px;
  width: 434px !important; }
  /* line 35, sass/_accessory_spares.scss */
  .accessoryGallery.noArrows {
    margin-left: 0; }
    /* line 37, sass/_accessory_spares.scss */
    .accessoryGallery.noArrows li {
      width: 122px; }
  /* line 41, sass/_accessory_spares.scss */
  .accessoryGallery li {
    width: 118px; }
    /* line 44, sass/_accessory_spares.scss */
    .accessoryGallery li a img {
      border: 2px solid #ccc; }
    /* line 47, sass/_accessory_spares.scss */
    .accessoryGallery li a:hover img, .accessoryGallery li a.selected img {
      border: 2px solid #666; }
  /* line 53, sass/_accessory_spares.scss */
  .accessoryGallery .controls li.left {
    left: -10px;
    top: 18px; }
  /* line 57, sass/_accessory_spares.scss */
  .accessoryGallery .controls li.right {
    right: -95px;
    top: 18px; }

/********* Featured Accessories **********/
/* line 65, sass/_accessory_spares.scss */
.featuredAccessories h2 {
  margin-top: 0px;
  margin-bottom: 20px; }

/****Groom tool****/
/* line 71, sass/_accessory_spares.scss */
.groomHomeLetterbox {
  height: 334px; }

/****Groom tool how it works****/
/* line 76, sass/_accessory_spares.scss */
.groomTool {
  position: relative;
  width: 966px;
  border: 1px solid #CCCCCC;
  padding: 0px;
  margin-top: 20px;
  display: block;
  float: left;
  height: auto !important;
  min-height: 553px; }
  /* line 86, sass/_accessory_spares.scss */
  .groomTool .seperator {
    width: 100%;
    line-height: 1px;
    height: 1px;
    background-color: Black;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px; }
  /* line 95, sass/_accessory_spares.scss */
  .groomTool .nav {
    width: 220px;
    background-color: #E6E7E8;
    padding: 10px;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0; }
    /* line 103, sass/_accessory_spares.scss */
    .groomTool .nav .navItem {
      margin-bottom: 10px; }
  /* line 107, sass/_accessory_spares.scss */
  .groomTool .background img {
    float: right;
    bottom: 0px;
    right: 0px; }

/* line 114, sass/_accessory_spares.scss */
.toggleHtml {
  background-color: White;
  font-size: 0.7em;
  padding: 10px; }

/* line 120, sass/_accessory_spares.scss */
.groomTool a {
  color: #666666;
  font-weight: bold;
  font-size: 0.9em;
  background-image: url("/Images/Grooming/sml_Arrow_Right.png");
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 15px; }
  /* line 121, sass/_accessory_spares.scss */
  .groomTool a.selected {
    color: #333333; }
    /* line 123, sass/_accessory_spares.scss */
    .groomTool a.selected:hover, .groomTool a.selected:active, .groomTool a.selected:focus {
      color: #333333; }
  /* line 127, sass/_accessory_spares.scss */
  .groomTool a:hover, .groomTool a:active, .groomTool a:focus {
    color: #333333; }

/* line 138, sass/_accessory_spares.scss */
.groomCompatibility {
  font-size: 0.8em; }
  /* line 140, sass/_accessory_spares.scss */
  .groomCompatibility .heading {
    font-size: 1.2em;
    font-weight: bold; }

/**** spares content list***/
/* line 148, sass/_accessory_spares.scss */
.sparesContent .heading {
  font-weight: bold;
  font-size: 0.9em;
  margin-bottom: 10px; }
/* line 153, sass/_accessory_spares.scss */
.sparesContent ul {
  margin-bottom: 40px; }

/***************** Features ********************/
/* line 3, sass/_features.scss */
.features {
  padding: 10px 10px 7px 0px; }
  /* line 5, sass/_features.scss */
  .features .grayRule {
    width: 100%;
    line-height: 1px;
    height: 1px;
    background-color: #cccccc;
    overflow: hidden; }
  /* line 12, sass/_features.scss */
  .features .button {
    float: left;
    height: 26px;
    width: 26px;
    margin-right: 10px;
    margin-top: -5px; }
  /* line 19, sass/_features.scss */
  .features .watch {
    padding-top: 20px;
    float: left;
    font-weight: bold;
    font-size: 0.8em; }
  /* line 25, sass/_features.scss */
  .features .rowStandard {
    padding: 0px 0px 0px 0px;
    height: 260px; }
    /* line 28, sass/_features.scss */
    .features .rowStandard .header {
      color: #000;
      line-height: 1.1875em;
      margin: 0 0 20px 0;
      font-size: 0.9em;
      font-weight: bold; }
    /* line 35, sass/_features.scss */
    .features .rowStandard .content {
      float: right;
      width: 435px;
      padding-top: 35px;
      padding-bottom: 25px; }
    /* line 41, sass/_features.scss */
    .features .rowStandard .img {
      float: left; }
  /* line 45, sass/_features.scss */
  .features .rowAlt {
    padding: 0px 0px 0px 0px;
    height: 260px; }
    /* line 48, sass/_features.scss */
    .features .rowAlt .header {
      font-size: 0.9em;
      font-weight: bold;
      margin: 0 0 20px 0; }
    /* line 53, sass/_features.scss */
    .features .rowAlt .content {
      float: left;
      width: 425px;
      padding-top: 35px;
      padding-bottom: 25px; }
    /* line 59, sass/_features.scss */
    .features .rowAlt .img {
      float: right; }
  /* line 63, sass/_features.scss */
  .features .hero {
    padding: 0px 25px 0px 0px;
    height: 350px; }
    /* line 66, sass/_features.scss */
    .features .hero .header {
      font-size: 1.5em;
      color: #000;
      line-height: 1.1875em;
      margin: 0 0 20px 0; }
    /* line 72, sass/_features.scss */
    .features .hero .mainText {
      font-size: 1.09em;
      line-height: 1.2em; }
    /* line 76, sass/_features.scss */
    .features .hero .content {
      float: left;
      width: 425px; }
    /* line 80, sass/_features.scss */
    .features .hero .img {
      float: right; }

/**** homepage features ***/
/* line 87, sass/_features.scss */
.catLink {
  text-transform: uppercase;
  float: left;
  text-align: center;
  font-size: 0.8em;
  font-weight: bold; }

/* line 95, sass/_features.scss */
.margRight1em {
  margin-right: 1em; }

/* line 99, sass/_features.scss */
.tCentre {
  margin-right: 10px; }

/****features****/
/* line 104, sass/_features.scss */
#cee_box img #cee_img, #cee_vid, #cee_iframeContent, #cee_ajax {
  border: 0px; }

/* line 108, sass/_features.scss */
.hubFeaturePanel #cee_ajax {
  width: 500px !important;
  height: 410px !important;
  margin: 0;
  padding: 0;
  border: none; }

/* line 116, sass/_features.scss */
.neatenOverlay {
  font-size: 1.0em; }

/* line 2, sass/_compare.scss */
.compareWrapper .col {
  width: 250px;
  float: left; }
/* line 6, sass/_compare.scss */
.compareWrapper .welcome {
  font-size: 1.3em; }
/* line 9, sass/_compare.scss */
.compareWrapper .back {
  display: block;
  font-weight: bold;
  margin-top: 15px;
  font-size: 1.4em; }
/* line 15, sass/_compare.scss */
.compareWrapper a img {
  margin-left: 30px; }
/* line 18, sass/_compare.scss */
.compareWrapper .description {
  font-weight: bold;
  float: none; }
  /* line 21, sass/_compare.scss */
  .compareWrapper .description .heading a {
    display: block;
    color: Black;
    font-size: 1.1em; }
  /* line 26, sass/_compare.scss */
  .compareWrapper .description .price {
    display: block;
    color: Black;
    font-size: 1.12em; }
  /* line 31, sass/_compare.scss */
  .compareWrapper .description .descriptionText {
    display: block;
    font-weight: normal;
    margin: 10px 0 15px 0; }
/* line 37, sass/_compare.scss */
.compareWrapper .category {
  font-weight: normal;
  font-size: 0.85em;
  padding-top: 5px; }
/* line 42, sass/_compare.scss */
.compareWrapper .info {
  display: none;
  float: right;
  margin-top: -2px;
  cursor: pointer; }

/* line 50, sass/_compare.scss */
.compareWrapper .compareTable td.backLink {
  vertical-align: top; }

/* line 57, sass/_compare.scss */
.compareTable tr.blank th, .compareTable tr.blank td {
  border: none; }
/* line 61, sass/_compare.scss */
.compareTable tr.top td {
  border: none;
  border-left: 1px solid #CBCBCB;
  vertical-align: top; }
/* line 66, sass/_compare.scss */
.compareTable tr.bottom td {
  border: none;
  border-left: 1px solid #CBCBCB;
  border-top: 1px solid #CBCBCB;
  vertical-align: top;
  padding-top: 10px; }
/* line 74, sass/_compare.scss */
.compareTable th {
  padding: 10px 10px 10px 0;
  width: 210px;
  border-top: 1px solid #CBCBCB;
  border-bottom: 1px solid #CBCBCB;
  text-align: left;
  font-size: 0.85em; }
/* line 82, sass/_compare.scss */
.compareTable td {
  width: 210px;
  border-left: 1px solid #CBCBCB;
  border-top: 1px solid #CBCBCB;
  padding: 0 10px; }
  /* line 87, sass/_compare.scss */
  .compareTable td p {
    font-size: 1em; }
  /* line 90, sass/_compare.scss */
  .compareTable td.blank {
    border: none !important; }

/* line 98, sass/_compare.scss */
.compareWrapper input.close {
  background-image: url("../../../../Images/icons/close.png");
  border: none;
  cursor: pointer;
  margin: 0 0 15px 0;
  width: 17px;
  height: 17px; }
/* line 106, sass/_compare.scss */
.compareWrapper input:hover.close {
  background-image: url("../../../../Images/icons/close-Rollover.png"); }
/* line 110, sass/_compare.scss */
.compareWrapper .bottom input.close {
  margin: 15px 0 0 0; }

/* line 115, sass/_compare.scss */
.compare_Table_NoBorderRight td {
  border-right: none !important; }

/***********************serial number*************/
/* line 3, sass/_serial_number.scss */
.serialLeft {
  float: left;
  width: 420px;
  margin-right: 20px; }

/* line 9, sass/_serial_number.scss */
.serialForm {
  margin-top: 20px;
  height: 1%; }
  /* line 12, sass/_serial_number.scss */
  .serialForm .greyButton input {
    font-weight: bold; }

/* line 17, sass/_serial_number.scss */
.serialPart1, .serialPart2, .serialPart3 {
  float: left;
  padding: 1px 5px;
  border-style: inset;
  font-weight: bold;
  color: #000;
  font-size: 0.9em;
  margin-right: 5px;
  margin-top: 9px; }

/* line 28, sass/_serial_number.scss */
.serialPart1 {
  width: 30px; }

/* line 32, sass/_serial_number.scss */
.serialPart2 {
  width: 20px;
  background-color: #e3e3e3; }

/* line 37, sass/_serial_number.scss */
.serialPart3 {
  background-color: #e3e3e3; }

/* line 41, sass/_serial_number.scss */
.serialPart2Wrapper {
  position: relative;
  float: left; }
  /* line 44, sass/_serial_number.scss */
  .serialPart2Wrapper .serialOverlay {
    position: absolute;
    left: 0px;
    top: 5px;
    width: 35px;
    height: 2em;
    background: url(../images/backgrounds/blank.gif); }

/* line 54, sass/_serial_number.scss */
.serialPart3Wrapper {
  position: relative;
  float: left; }
  /* line 57, sass/_serial_number.scss */
  .serialPart3Wrapper .serialOverlay {
    position: absolute;
    left: 0px;
    top: 5px;
    width: 65px;
    height: 2em;
    background: url(../images/backgrounds/blank.gif); }

/* line 67, sass/_serial_number.scss */
.serialPart3 {
  width: 50px; }

/* line 71, sass/_serial_number.scss */
.buttonGrey {
  margin-left: 10px; }

/* line 75, sass/_serial_number.scss */
.serialRight {
  float: left;
  width: 245px;
  padding-bottom: 50px;
  padding-top: 2px; }

/* line 82, sass/_serial_number.scss */
.serialRightText {
  padding: 0 10px;
  font-size: 0.95em; }

/* line 87, sass/_serial_number.scss */
.serialRight .richTextEditor a {
  text-decoration: underline; }
  /* line 89, sass/_serial_number.scss */
  .serialRight .richTextEditor a:hover, .serialRight .richTextEditor a:focus {
    text-decoration: none; }

/* line 94, sass/_serial_number.scss */
.serialLookup {
  border-bottom: none;
  clear: both;
  height: auto !important; }

/* line 100, sass/_serial_number.scss */
.serialFormNarrow {
  margin-top: 23px;
  height: 1%;
  width: 160px;
  float: left; }

/* line 107, sass/_serial_number.scss */
.serialLookupNarrowImage {
  float: left; }

/* line 111, sass/_serial_number.scss */
.serialFormNarrow .narrowSerialButton {
  width: 170px;
  margin-bottom: 10px;
  float: left; }

/* line 117, sass/_serial_number.scss */
.serialFormNarrowButton {
  position: relative;
  left: 50%;
  float: left;
  clear: both;
  text-align: left; }
  /* line 123, sass/_serial_number.scss */
  .serialFormNarrowButton input {
    position: relative;
    left: -50%;
    text-align: left; }

/* line 131, sass/_serial_number.scss */
.serialForm .greyButton {
  margin-top: 5px; }
  /* line 132, sass/_serial_number.scss */
  .serialForm .greyButton input {
    font-size: 0.75em;
    font-weight: bold;
    min-height: 28px;
    padding: 0 8px 5px; }
/* line 140, sass/_serial_number.scss */
.serialForm input.greyBtn {
  margin-top: 5px; }

/* line 145, sass/_serial_number.scss */
.serialPart3Wrapper {
  margin-right: 5px; }

/* line 149, sass/_serial_number.scss */
.lookupCompatibilityContainer {
  width: 100%;
  float: right; }

/* line 154, sass/_serial_number.scss */
.compatibilityMessage {
  float: left;
  width: 50%;
  margin-top: 20px; }

/* line 160, sass/_serial_number.scss */
.compatibilityMachine {
  float: right;
  width: 40%;
  margin-right: 30px;
  margin-top: 30px;
  text-align: center; }

/********* Where to find the serial number *****************/
/* line 170, sass/_serial_number.scss */
.locateSerialNumber h1 {
  padding-left: 30px; }
/* line 173, sass/_serial_number.scss */
.locateSerialNumber .locateSerialNumberIntro {
  padding-bottom: 25px;
  padding-left: 30px;
  border-bottom: 1px solid #cccccc; }
  /* line 177, sass/_serial_number.scss */
  .locateSerialNumber .locateSerialNumberIntro ul {
    margin-top: 35px; }
    /* line 179, sass/_serial_number.scss */
    .locateSerialNumber .locateSerialNumberIntro ul li {
      float: left;
      font-weight: bold;
      margin-bottom: 10px;
      margin-right: 15px; }
/* line 187, sass/_serial_number.scss */
.locateSerialNumber .locateSerialNumberCategory {
  padding: 0px 20px 0px 30px;
  width: 648px;
  float: left;
  border-bottom: 1px solid #cccccc; }
  /* line 192, sass/_serial_number.scss */
  .locateSerialNumber .locateSerialNumberCategory .locateSerialNumberContent {
    width: 300px;
    float: left; }
    /* line 195, sass/_serial_number.scss */
    .locateSerialNumber .locateSerialNumberCategory .locateSerialNumberContent ul li {
      line-height: 1.5em; }
    /* line 198, sass/_serial_number.scss */
    .locateSerialNumber .locateSerialNumberCategory .locateSerialNumberContent a.arrowLeftBlk {
      margin-top: 20px;
      font-weight: bold; }
/* line 204, sass/_serial_number.scss */
.locateSerialNumber h2 {
  margin-top: 30px;
  font-size: 1em; }
/* line 208, sass/_serial_number.scss */
.locateSerialNumber .imageSearch {
  margin-top: 20px;
  float: right; }
  /* line 211, sass/_serial_number.scss */
  .locateSerialNumber .imageSearch a {
    padding-top: 2px; }
/* line 215, sass/_serial_number.scss */
.locateSerialNumber .locateSerialNumberCategory img {
  float: right; }

/************* Serial Number Narrow **********/
/* line 222, sass/_serial_number.scss */
.serialNumberNarrow .serialNumberInput {
  position: relative;
  top: -11px;
  margin-left: 15px; }
  /* line 226, sass/_serial_number.scss */
  .serialNumberNarrow .serialNumberInput p {
    margin-top: 1em; }
/* line 230, sass/_serial_number.scss */
.serialNumberNarrow a.arrowNext {
  padding-top: 2px;
  text-decoration: none; }
/* line 234, sass/_serial_number.scss */
.serialNumberNarrow .errorText p {
  color: Red;
  font-weight: bold;
  padding-bottom: 0px; }

/* line 241, sass/_serial_number.scss */
.serialLookupNarrow .errorText {
  margin-top: 10px; }
  /* line 242, sass/_serial_number.scss */
  .serialLookupNarrow .errorText p {
    color: Red;
    font-weight: bold;
    padding-bottom: 0px; }

/*** Country Selection **/
/* line 4, sass/_country_selection.scss */
.countrySelection .title {
  font-size: 1.1em; }
/* line 7, sass/_country_selection.scss */
.countrySelection .flag {
  margin-right: 15px;
  position: relative;
  top: 10px; }
/* line 12, sass/_country_selection.scss */
.countrySelection a {
  padding-bottom: 50px;
  cursor: pointer; }
/* line 16, sass/_country_selection.scss */
.countrySelection .item {
  height: 30px;
  display: block;
  margin: 10px; }
/* line 21, sass/_country_selection.scss */
.countrySelection .column {
  float: left;
  width: 235px;
  margin-top: 30px; }
/* line 26, sass/_country_selection.scss */
.countrySelection .regionColumn {
  float: left;
  width: 135px;
  margin-top: 30px; }

/* line 34, sass/_country_selection.scss */
.regionColumn a {
  padding-top: 5px;
  padding-bottom: 5px;
  display: block; }

/* line 42, sass/_country_selection.scss */
.accountMenu ul li {
  padding-right: 23px; }
/* line 46, sass/_country_selection.scss */
.accountMenu .accountMenuLink .logOutLink {
  float: left;
  margin-left: 7px; }
/* line 50, sass/_country_selection.scss */
.accountMenu .accountMenuLink img {
  padding-right: 5px;
  float: left; }
/* line 54, sass/_country_selection.scss */
.accountMenu .accountMenuLink a {
  padding-top: 1px;
  float: left; }

/* line 61, sass/_country_selection.scss */
.headerDetails {
  margin-right: 3px; }

/* line 65, sass/_country_selection.scss */
.headerSearch {
  padding-left: 27px; }

/* line 69, sass/_country_selection.scss */
.regionSelector {
  padding-top: 3px;
  float: right;
  position: relative;
  display: block;
  height: 16px;
  cursor: pointer; }
  /* line 76, sass/_country_selection.scss */
  .regionSelector img {
    cursor: pointer; }
  /* line 79, sass/_country_selection.scss */
  .regionSelector .languageSelector {
    margin-bottom: 5px;
    margin-left: 7px; }
  /* line 83, sass/_country_selection.scss */
  .regionSelector .regionSelectorPopup {
    display: none; }
  /* line 86, sass/_country_selection.scss */
  .regionSelector:hover .regionSelectorPopup {
    display: block; }

/* line 91, sass/_country_selection.scss */
.regionSelectorPopupContainer {
  margin-top: -23px;
  position: relative;
  z-index: 1001; }

/* line 97, sass/_country_selection.scss */
.regionSelectorPopup {
  position: absolute;
  top: 15px;
  padding-top: 22px;
  padding-right: 35px;
  left: -205px;
  width: 237px;
  font-size: 0.7em;
  cursor: auto; }

/* line 108, sass/_country_selection.scss */
.regionSelectorShadowWrapper {
  background-image: url("/images/backgrounds/shadow-sides.png");
  background-repeat: repeat-y;
  padding: 0px 18px; }

/* line 114, sass/_country_selection.scss */
.regionSelectorShadowFooter {
  background-image: url("/images/backgrounds/shadow-footer.png");
  background-repeat: no-repeat;
  height: 23px; }

/* line 120, sass/_country_selection.scss */
.regionSelectorPopupInner {
  width: 200px;
  background-color: #FFFFFF;
  border: 1px solid #A9A9A9;
  padding: 15px; }

/* line 128, sass/_country_selection.scss */
.regionSelectorPopup .regionOption {
  height: 17px;
  padding-bottom: 11px; }
/* line 132, sass/_country_selection.scss */
.regionSelectorPopup .currentRegion {
  color: #A9A9A9; }
/* line 136, sass/_country_selection.scss */
.regionSelectorPopup .regionOption img {
  border: 1px solid #A9A9A9;
  margin-right: 10px;
  float: left; }
/* line 141, sass/_country_selection.scss */
.regionSelectorPopup .regionOption span {
  display: block;
  float: left; }
/* line 147, sass/_country_selection.scss */
.regionSelectorPopup a:link, .regionSelectorPopup a:active, .regionSelectorPopup a:hover, .regionSelectorPopup a:visited {
  color: #000000;
  font-size: 1.0em;
  text-decoration: underline; }
/* line 153, sass/_country_selection.scss */
.regionSelectorPopup .regionSelectorPopupInner a:hover {
  color: #A9A9A9; }
/* line 156, sass/_country_selection.scss */
.regionSelectorPopup .currentRegion span {
  background: none; }

/* line 161, sass/_country_selection.scss */
.mainNav li a.selected {
  color: #FFFFFF; }

/********** Brochure Download *************/
/* line 54, sass/main.scss */
.brochureDownload {
  background-color: #EBEBEB;
  width: 187px;
  padding-right: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  float: left;
  margin-bottom: 10px; }
  /* line 62, sass/main.scss */
  .brochureDownload .brochureArrow {
    width: 16px;
    float: left; }
  /* line 66, sass/main.scss */
  .brochureDownload .brochureIcon {
    width: 16px;
    float: left;
    padding-left: 10px; }
  /* line 71, sass/main.scss */
  .brochureDownload .brochureLink {
    float: left;
    width: 125px; }
  /* line 75, sass/main.scss */
  .brochureDownload .heading {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px; }

/* line 81, sass/main.scss */
.brochureDownload .brochurePad {
  padding-left: 20px; }

/************* Suitable For ************/
/* line 85, sass/main.scss */
.suitableFor {
  padding: 15px 10px;
  float: left; }

/****Tech Landing page****/
/* line 91, sass/main.scss */
.techLandingLeft h1, .techLandingMain h2 {
  color: #FFF; }

/* line 95, sass/main.scss */
.techLandingLeft {
  background-position: center right;
  background-repeat: no-repeat;
  min-height: 290px;
  height: auto !important;
  height: 290px; }

/* line 103, sass/main.scss */
.techLanding {
  font-size: 0.9em; }
  /* line 104, sass/main.scss */
  .techLanding span.highlight {
    color: White;
    font-weight: bold;
    font-size: 115%;
    display: block;
    margin-bottom: -10px; }

/* line 114, sass/main.scss */
.techLandingMain {
  min-height: 290px;
  height: auto !important;
  height: 290px; }
  /* line 118, sass/main.scss */
  .techLandingMain .heading {
    font-size: 1.7em;
    color: #FFFFFF; }

/* line 124, sass/main.scss */
.techLanding a span.innerPanelContainer {
  display: block;
  height: 185px;
  padding: 15px 20px 20px; }

/* line 130, sass/main.scss */
.techLandingFooter {
  padding-top: 22px;
  padding-bottom: 15px; }

/* line 135, sass/main.scss */
a.greyButton {
  padding-top: 2px;
  min-width: 140px;
  width: auto !important;
  width: 140px;
  min-height: 20px;
  height: auto !important;
  height: 20px;
  text-align: center;
  font-weight: bold; }

/* line 148, sass/main.scss */
.techLandingFooter a {
  margin-top: -5px;
  margin-left: 11px; }
/* line 152, sass/main.scss */
.techLandingFooter span.highlight {
  float: left;
  color: White;
  font-weight: bold;
  padding-left: 20px;
  font-size: 80%; }

/* line 161, sass/main.scss */
.techLanding a {
  background-color: #141414;
  background-position: right center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  line-height: 1.6em;
  margin: 10px; }

/*** Quick Start ***/
/* line 173, sass/main.scss */
.quickStart h3 {
  font-size: 1.05em;
  padding-bottom: 25px; }
/* line 177, sass/main.scss */
.quickStart span {
  vertical-align: middle;
  font-weight: bold;
  text-decoration: underline;
  position: relative;
  top: -30px;
  padding-left: 35px; }

/**** Suitable ***/
/* line 188, sass/main.scss */
.suitableMain {
  border-left: 1px solid #CCCCCC;
  padding-left: 36px;
  width: 430px;
  padding-right: 0px;
  margin-right: 0px; }
  /* line 194, sass/main.scss */
  .suitableMain .seperator {
    background-color: #CCCCCC;
    width: 2px;
    height: 40px;
    float: left;
    margin: 15px 10px 0px 10px; }
  /* line 201, sass/main.scss */
  .suitableMain .navItem {
    float: left;
    margin-right: 10px;
    padding-bottom: 30px; }
    /* line 205, sass/main.scss */
    .suitableMain .navItem div.title {
      padding-right: 25px;
      float: left;
      padding-top: 25px; }
    /* line 210, sass/main.scss */
    .suitableMain .navItem a {
      padding-top: 40px;
      color: #999999; }
      /* line 213, sass/main.scss */
      .suitableMain .navItem a:hover {
        padding-top: 40px;
        color: #000000; }
  /* line 219, sass/main.scss */
  .suitableMain .contentArea span {
    float: left;
    width: 105px;
    text-align: center; }
  /* line 224, sass/main.scss */
  .suitableMain .toggleHtml {
    padding: 0px; }
  /* line 227, sass/main.scss */
  .suitableMain .contentArea span.image {
    position: static;
    min-height: 260px;
    height: auto !Important;
    height: 260px; }
    /* line 232, sass/main.scss */
    .suitableMain .contentArea span.image img {
      position: static;
      bottom: 0;
      left: 0; }
  /* line 238, sass/main.scss */
  .suitableMain .navHeader {
    display: block; }
  /* line 241, sass/main.scss */
  .suitableMain h3 {
    font-size: 0.9em; }
  /* line 244, sass/main.scss */
  .suitableMain p {
    display: inline; }
  /* line 247, sass/main.scss */
  .suitableMain .contentAreaCylinders span {
    float: left;
    text-align: center;
    width: 140px; }
  /* line 252, sass/main.scss */
  .suitableMain span.description {
    font-size: 1.4em;
    margin-left: -5px;
    padding-top: 0;
    padding-bottom: 30px; }
  /* line 258, sass/main.scss */
  .suitableMain .contentAreaCylinders span.image {
    position: static;
    min-height: 220px;
    height: auto !Important;
    height: 220px; }
    /* line 263, sass/main.scss */
    .suitableMain .contentAreaCylinders span.image img {
      position: static;
      bottom: 0;
      left: 0; }

/** tech adverts**/
/* line 273, sass/main.scss */
.homepageAdvert.techAdvert a {
  background-color: #141414;
  font-size: 0.7em;
  background-repeat: no-repeat;
  background-position: right;
  margin: 10px;
  line-height: 1.6em;
  height: 95px;
  display: block;
  cursor: pointer; }
  /* line 283, sass/main.scss */
  .homepageAdvert.techAdvert a:hover {
    color: White; }
/* line 287, sass/main.scss */
.homepageAdvert.techAdvert .heading {
  color: White;
  font-size: 1.1em;
  display: block;
  margin-bottom: -10px; }
/* line 293, sass/main.scss */
.homepageAdvert.techAdvert a span.innerPanelContainer {
  padding: 15px 20px 20px 20px;
  display: block;
  height: 50px; }

/* Dyson difference */
/* line 301, sass/main.scss */
#diff_Cust_Speech_Txt1 {
  width: 195px !important; }

/* line 305, sass/main.scss */
#diff_Cust_Speech_Txt2 {
  top: 110px !important; }

/* line 308, sass/main.scss */
.hpPanelDRTV div a {
  background-repeat: no-repeat;
  background-position: 0 0; }
  /* line 311, sass/main.scss */
  .hpPanelDRTV div a:hover {
    background-position: -474px 0; }
  /* line 314, sass/main.scss */
  .hpPanelDRTV div a .text {
    width: 247px;
    display: block; }

/* line 319, sass/main.scss */
.extendedrangecheckbox {
  margin: 7px 0 0 0;
  display: block;
  margin: 5px 0 0 0; }

/* line 324, sass/main.scss */
.rangeprevproductname {
  margin: 0 0 0 25px;
  font-size: 9pt;
  line-height: 7px; }

/* line 329, sass/main.scss */
.addrangespace {
  margin: -5px 0 5px 5px; }

/* 404 Page Magento Search Styling */
/* line 337, sass/main.scss */
.magento-404-container input {
  vertical-align: top; }
/* line 341, sass/main.scss */
.magento-404-container input[type=text] {
  border: 1px solid #D9D9D9 !important;
  padding: 4px 8px;
  border: none;
  margin: 0;
  height: auto;
  outline: none;
  font-size: 16px;
  border-radius: 12px;
  background-color: #fff;
  background-image: none;
  width: 862px; }
/* line 355, sass/main.scss */
.magento-404-container input[type=image] {
  width: 13px;
  height: 13px;
  padding: 6px 27px;
  min-width: 13px;
  border: 1px solid #666666;
  border-radius: 2px;
  background-color: #cecece;
  margin: 0 0 0 10px; }