/* line 2, ../../../scss/sass/foundation-barbie/_fy_base.scss */
html {
  height: 100%;
  width: 100%;
  margin: 0;
  background-color: #fff;
}

/* line 9, ../../../scss/sass/foundation-barbie/_fy_base.scss */
.clearfix {
  *zoom: 1;
}
/* line 121, ../../../scss/sass/foundation-base/components/_global.scss */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
/* line 122, ../../../scss/sass/foundation-base/components/_global.scss */
.clearfix:after {
  clear: both;
}

/* line 13, ../../../scss/sass/foundation-barbie/_fy_base.scss */
ul.pink-bullets {
  list-style: none outside none;
  margin-left: 12px;
}
/* line 17, ../../../scss/sass/foundation-barbie/_fy_base.scss */
ul.pink-bullets li {
  background: url("/Content/img/modal-list-bullet.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
  padding-left: 12px;
}

/* line 23, ../../../scss/sass/foundation-barbie/_fy_base.scss */
.fine-print {
  font-size: 0.6875em !important;
}

/* line 29, ../../../scss/sass/foundation-barbie/_fy_base.scss */
h2 {
  text-align: center;
}

/* line 37, ../../../scss/sass/foundation-barbie/_fy_base.scss */
#page-error {
  height: 600px;
  padding-top: 0;
}
/* line 41, ../../../scss/sass/foundation-barbie/_fy_base.scss */
#page-error .error-msg {
  left: 35%;
  position: relative;
  text-align: center;
  top: 150px;
  width: 45%;
}
/* line 48, ../../../scss/sass/foundation-barbie/_fy_base.scss */
#page-error .error-msg h2 {
  color: #e3438a;
  font-size: 1.5em;
}

/* line 18, ../../../scss/sass/_foundation-global-classes.scss */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 23, ../../../scss/sass/_foundation-global-classes.scss */
html,
body {
  font-size: 16px;
}

/* line 26, ../../../scss/sass/_foundation-global-classes.scss */
body {
  background: white;
  color: #868686;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;
}

/* line 39, ../../../scss/sass/_foundation-global-classes.scss */
a:hover {
  cursor: pointer;
}

/* line 42, ../../../scss/sass/_foundation-global-classes.scss */
a:focus {
  outline: none;
}

/* line 47, ../../../scss/sass/_foundation-global-classes.scss */
img,
object,
embed {
  max-width: 100%;
  height: auto;
}

/* line 50, ../../../scss/sass/_foundation-global-classes.scss */
object,
embed {
  height: 100%;
}

/* line 51, ../../../scss/sass/_foundation-global-classes.scss */
img {
  -ms-interpolation-mode: bicubic;
}

/* line 57, ../../../scss/sass/_foundation-global-classes.scss */
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important;
}

/* line 62, ../../../scss/sass/_foundation-global-classes.scss */
.left {
  float: left !important;
}

/* line 63, ../../../scss/sass/_foundation-global-classes.scss */
.right {
  float: right !important;
}

/* line 64, ../../../scss/sass/_foundation-global-classes.scss */
.text-left {
  text-align: left !important;
}

/* line 65, ../../../scss/sass/_foundation-global-classes.scss */
.text-right {
  text-align: right !important;
}

/* line 66, ../../../scss/sass/_foundation-global-classes.scss */
.text-center {
  text-align: center !important;
}

/* line 67, ../../../scss/sass/_foundation-global-classes.scss */
.text-justify {
  text-align: justify !important;
}

/* line 68, ../../../scss/sass/_foundation-global-classes.scss */
.hide {
  display: none;
}

/* line 74, ../../../scss/sass/_foundation-global-classes.scss */
.antialiased {
  -webkit-font-smoothing: antialiased;
}

/* line 77, ../../../scss/sass/_foundation-global-classes.scss */
img {
  display: inline-block;
  vertical-align: middle;
}

/* line 87, ../../../scss/sass/_foundation-global-classes.scss */
textarea {
  height: auto;
  min-height: 50px;
}

/* line 90, ../../../scss/sass/_foundation-global-classes.scss */
select {
  width: 100%;
}

/* line 2, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.button {
  background-color: transparent;
  background-image: url(/Content/img/buttons.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  border: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
  padding: 0;
  text-decoration: none !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
/* line 14, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.button span {
  background-image: url(/Content/img/buttons.png);
  background-position: 100% -36px;
  display: block;
  font-size: 0.8125em;
  font-weight: bold;
  height: 30px;
  line-height: 26px;
  min-width: 90px;
  margin-left: 13px;
  padding: 0 13px 0 0;
  text-align: center;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  white-space: nowrap;
}
/* line 31, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.button:hover, .button:focus {
  background-color: transparent;
}
/* line 36, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button:hover, html.desktop .button:focus {
  background-position: 0 -144px;
}
/* line 39, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button:hover span, html.desktop .button:focus span {
  background-position: 100% -180px;
  color: #e3438a;
  text-shadow: 1px 1px 1px white;
}
/* line 45, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.button:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 49, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button:active {
  background-color: transparent;
  background-position: 0 -216px;
}
/* line 52, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button:active span {
  background-position: 100% -252px;
  color: #e3438a;
  text-shadow: 1px 1px 1px white;
}
/* line 58, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button.disabled, html.mobile .button.disabled {
  background-color: transparent;
}
/* line 61, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button.disabled:hover, html.desktop .button.disabled:focus, html.mobile .button.disabled:hover, html.mobile .button.disabled:focus {
  background-color: transparent;
  background-position: 0 0;
}
/* line 64, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button.disabled:hover span, html.desktop .button.disabled:focus span, html.mobile .button.disabled:hover span, html.mobile .button.disabled:focus span {
  background-position: 100% -36px;
  color: white;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}
/* line 70, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.button.expand span {
  display: block;
}
/* line 76, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.top-bar .button {
  height: auto;
  line-height: inherit;
  padding: 0;
  top: 0;
}
/* line 82, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.top-bar .button span {
  font-size: 0.8125em;
}
/* line 90, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.button.secondary {
  background-color: transparent;
  background-position: 0 -72px;
  border: 0 none;
  color: #e3438a;
}
/* line 96, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.button.secondary span {
  background-position: 100% -108px;
  text-shadow: 1px 1px 1px white;
}
/* line 102, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.button.secondary:hover, .button.secondary:focus {
  background-color: transparent;
}
/* line 104, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.button.secondary:hover span, .button.secondary:focus span {
  color: #e3438a;
}
/* line 108, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button.secondary:hover, html.desktop .button.secondary:focus {
  background-color: transparent;
  background-position: 0 -144px;
}
/* line 112, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button.secondary:hover span, html.desktop .button.secondary:focus span {
  background-position: 100% -180px;
  color: #e3438a;
  text-shadow: 1px 1px 1px white;
}
/* line 118, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.button.secondary:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 121, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button.secondary:active {
  background-color: transparent;
  background-position: 0 -216px;
}
/* line 125, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button.secondary:active span {
  background-position: 100% -252px;
  color: #e3438a;
  text-shadow: 1px 1px 1px white;
}

/* line 134, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.button.large {
  background-image: url(/Content/img/buttons-large.png);
  padding: 0;
}
/* line 138, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.button.large span {
  background-image: url(/Content/img/buttons-large.png);
  background-position: 100% -52px;
  font-size: 20px;
  font-weight: normal;
  height: 45px;
  line-height: 40px;
  min-width: 130px;
  margin-left: 21px;
  padding: 0 23px 0 0;
}
/* line 151, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button.large:hover, html.desktop .button.large:focus {
  background-color: transparent;
  background-position: 0 -211px;
  border: none;
}
/* line 155, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button.large:hover span, html.desktop .button.large:focus span {
  background-position: 100% -264px;
}
/* line 160, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button.large:active {
  background-position: 0 -317px;
}
/* line 163, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button.large:active span {
  background-position: 100% -370px;
}
/* line 170, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.button.large.secondary {
  background-color: transparent;
  background-position: 0 -105px;
}
/* line 174, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.button.large.secondary span {
  background-position: 100% -158px;
}
/* line 179, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button.large.secondary:hover, html.desktop .button.large.secondary:focus {
  background-position: 0 -211px;
}
/* line 182, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button.large.secondary:hover span, html.desktop .button.large.secondary:focus span {
  background-position: 100% -264px;
}
/* line 187, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button.large.secondary:active {
  background-position: 0 -317px;
}
/* line 190, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button.large.secondary:active span {
  background-position: 100% -370px;
}

/* line 196, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.button.pinkNoBg {
  background-image: none;
  color: #e3438a;
}
/* line 199, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.button.pinkNoBg span {
  background-image: none;
  text-decoration: underline;
  text-shadow: none;
  text-align: left;
  margin-left: 0;
  padding: 0;
  height: 20px;
  line-height: 16px;
}
/* line 211, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .button.pinkNoBg:hover span, html.desktop .button.pinkNoBg:focus span {
  color: #48c3cf;
}

/* line 217, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.close-button {
  background: url("/Content/img/buttons-close.png") no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 35px;
  width: 31px;
}
/* line 223, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .close-button:hover {
  background-position: 0 -79px;
}
/* line 227, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.close-button span {
  display: none;
}

/* line 232, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.close-button-small {
  background: url("/Content/img/buttons-close-small.png") no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 26px;
  width: 26px;
}
/* line 238, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
html.desktop .close-button-small:hover {
  background-position: 0 -79px;
}
/* line 242, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.close-button-small span {
  display: none;
}

/* line 247, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.tag {
  background-color: transparent;
  background-image: url(/Content/img/tags.png);
  background-position: 0 1px;
  background-repeat: no-repeat;
  display: inline-block;
  font-size: 0.6875em;
  height: 23px;
  margin: 0 2px;
  position: relative;
  top: -2px;
}
/* line 259, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.tag span {
  background-image: url(/Content/img/tags.png);
  background-position: 100% -28px;
  color: #fff;
  display: inline-block;
  height: 23px;
  margin-left: 20px;
  padding: 1px 20px 0 0;
  text-align: center;
  white-space: nowrap;
}
/* line 271, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.tag.secondary {
  background-image: url(/Content/img/tags.png);
  background-position: 0 -58px;
}
/* line 275, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.tag.secondary span {
  background-image: url(/Content/img/tags.png);
  background-position: 100% -86px;
  color: #48c3cf;
}

/* line 283, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.refresh {
  background: url("/Content/img/button-refresh.png") no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 36px;
  right: -1px;
  top: -4px;
  width: 33px;
}
/* line 291, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
.refresh span {
  display: none;
}
@media only screen and (max-width: 640px) {
  /* line 283, ../../../scss/sass/foundation-barbie/_fy_buttons.scss */
  .refresh {
    margin: 0 auto;
    display: table;
  }
}

/* line 2, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
.button-group-wrapper {
  background: url(/Content/img/button-group-bg.png) repeat-x 0 0 transparent;
  height: 60px;
  margin-bottom: 15px;
  padding: 13px 0 0;
  text-align: center;
  max-width: 100%;
}
/* line 10, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
html.lt-ie9 .button-group-wrapper {
  width: 100% !important;
}

/* line 15, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
.button-group-wrapper .button-group {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

/* line 20, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
.button-group .button {
  background-color: transparent;
  background-image: none;
  border: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #464646;
  margin: 0 20px;
  padding: 0;
  text-decoration: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
/* line 31, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
.button-group .button:hover {
  text-shadow: 0 0 5px white;
}
/* line 35, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
.button-group .button > span {
  background-color: transparent;
  background-image: none;
  display: inline-block;
  margin: 0;
  min-width: inherit;
  padding: 0;
  text-shadow: none;
  white-space: nowrap;
}
/* line 46, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
.button-group .button > span > span {
  background-color: transparent;
  background-image: none;
  font-size: 1.0625em;
  font-weight: normal;
  height: 30px;
  line-height: inherit;
  margin: 0;
  min-width: inherit;
  padding: 0;
  text-shadow: none;
}

/* line 60, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
.button-group .button.selected {
  background-color: transparent;
  background-image: url(/Content/img/button-group-button.png);
  background-position: top left !important;
  border: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
  padding: 0 0 0 10px;
  text-decoration: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
/* line 76, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
.button-group .button.selected > span {
  background-image: url(/Content/img/button-group-button.png);
  background-position: right -100px !important;
  display: inline-block;
  padding: 0 10px 0 0;
  text-shadow: none;
}
/* line 86, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
.button-group .button.selected > span > span {
  background-image: url(/Content/img/button-group-button.png);
  background-position: center -50px;
  color: #48c3cf;
  display: inline-block;
  font-weight: bold;
  text-shadow: none;
  white-space: nowrap;
}
/* line 96, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
.button-group .button.selected span {
  height: 40px;
}

/* line 100, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
#ManageAccount .button-group .button {
  background-color: transparent;
  background-image: url(/Content/img/button-group-am-inactive.png);
  background-position: top left !important;
  margin: 0 5px;
}
/* line 111, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
#ManageAccount .button-group .button > span {
  background-image: url(/Content/img/button-group-am-inactive.png);
  background-position: right -93px !important;
  padding: 0 11px 0 0;
  height: 34px;
}
/* line 120, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
#ManageAccount .button-group .button > span > span {
  background-image: url(/Content/img/button-group-am-inactive.png);
  background-position: center -45px;
  margin-left: 11px;
  padding: 0 11px 0;
  height: 34px;
  font-size: 14px;
  color: #868686;
  font-weight: bold;
}
/* line 131, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
#ManageAccount .button-group .button:active, #ManageAccount .button-group .button.selected {
  padding: 0;
  background-image: url(/Content/img/button-group-am-active.png);
}
/* line 134, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
#ManageAccount .button-group .button:active > span, #ManageAccount .button-group .button.selected > span {
  background-image: url(/Content/img/button-group-am-active.png);
}
/* line 135, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
#ManageAccount .button-group .button:active > span > span, #ManageAccount .button-group .button.selected > span > span {
  background-image: url(/Content/img/button-group-am-active.png);
  background-position: center -48px;
  margin-left: 10px;
  padding: 0 10px 0;
  height: 34px;
  font-size: 14px;
  color: #48c3cf;
}

/* line 150, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
#filters.button-group-wrapper {
  position: relative;
}
/* line 154, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
#filters.button-group-wrapper.disabled span span, #filters.button-group-wrapper.is-loading span span {
  cursor: default !important;
}
/* line 164, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
#filters.button-group-wrapper.is-loading span {
  color: #ccc;
  -webkit-transition: color 0.4s ease-in;
  -webkit-transition-delay: 0.4s;
  -moz-transition: color 0.4s ease-in 0.4s;
  -o-transition: color 0.4s ease-in 0.4s;
  transition: color 0.4s ease-in 0.4s;
}

@media only screen and (max-width: 1025px) {
  /* line 173, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  #filters .button-group .button span {
    display: block !important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
  }
  /* line 179, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  #filters > .bx-wrapper {
    max-width: 520px !important;
    top: -10px;
    height: 50px;
  }
  /* line 184, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  #filters > .bx-wrapper .bx-viewport {
    background: transparent;
    border: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 50px !important;
    top: 9px;
    left: 0px;
  }
  /* line 191, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  #filters > .bx-wrapper .bx-viewport .filter-slider {
    margin: 0;
    padding: 0;
  }
  /* line 194, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  #filters > .bx-wrapper .bx-viewport .filter-slider > li {
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
  }
  /* line 198, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  #filters > .bx-wrapper .bx-viewport .filter-slider > li a {
    color: #868686;
    display: block;
    display: inherit;
    margin: 0;
  }
  /* line 205, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  #filters > .bx-wrapper .bx-viewport .filter-slider > li a:hover > span {
    color: #48c3cf;
  }
  /* line 216, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  #filters > .bx-wrapper .bx-controls a {
    background: url("/Content/img/bx-slider-arrows.png") no-repeat 0 0 transparent !important;
    height: 33px !important;
    padding: 0 !important;
    width: 23px !important;
    z-index: 0;
  }
  /* line 223, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  html.mobile #filters > .bx-wrapper .bx-controls a {
    height: 17px !important;
    width: 12px !important;
    margin-top: -11px !important;
  }
  /* line 229, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  #filters > .bx-wrapper .bx-controls a.disabled {
    cursor: default;
    display: block !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2;
  }
  /* line 236, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  #filters > .bx-wrapper .bx-controls .bx-prev {
    left: -30px;
    background-position: -29px 0 !important;
  }
  /* line 239, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  #filters > .bx-wrapper .bx-controls .bx-prev:hover {
    background-position: -29px -43px !important;
  }
  /* line 242, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  #filters > .bx-wrapper .bx-controls .bx-prev.disabled:hover {
    background-position: -29px 0 !important;
  }
  /* line 246, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  html.mobile #filters > .bx-wrapper .bx-controls .bx-prev {
    left: -30px;
    background-position: -29px -86px !important;
  }
  /* line 249, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  html.mobile #filters > .bx-wrapper .bx-controls .bx-prev:hover {
    background-position: -29px -114px !important;
  }
  /* line 252, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  html.mobile #filters > .bx-wrapper .bx-controls .bx-prev.disabled:hover {
    background-position: -29px -86px !important;
  }
  /* line 258, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  #filters > .bx-wrapper .bx-controls .bx-next {
    right: -30px;
  }
  /* line 260, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  #filters > .bx-wrapper .bx-controls .bx-next:hover {
    background-position: 0 -43px !important;
  }
  /* line 263, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  #filters > .bx-wrapper .bx-controls .bx-next.disabled:hover {
    background-position: 0 0 !important;
  }
  /* line 267, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  html.mobile #filters > .bx-wrapper .bx-controls .bx-next {
    right: -30px;
    background-position: 0 -86px !important;
  }
  /* line 270, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  html.mobile #filters > .bx-wrapper .bx-controls .bx-next:hover {
    background-position: 0 -114px !important;
  }
  /* line 273, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  html.mobile #filters > .bx-wrapper .bx-controls .bx-next.disabled:hover {
    background-position: 0 -86px !important;
  }
}
@media only screen and (max-width: 640px) {
  /* line 288, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  #filters > .bx-wrapper {
    max-width: 75% !important;
  }

  /* line 291, ../../../scss/sass/foundation-barbie/_fy_button-groups.scss */
  .button-group .button span {
    font-size: 14px;
  }
}
/* line 2, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.contain-to-grid {
  background: url(/Content/img/header-bg-large.png) repeat-x scroll 0 0 transparent;
  position: absolute;
  z-index: 100;
  /* to allow background of sub nav to appear behind top nav */
  top: 0;
}
/* line 9, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.contain-to-grid .top-bar {
  margin: 0 auto;
}

@media only screen and (max-width: 1025px) {
  /* line 15, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
  .contain-to-grid {
    top: 0px;
  }
}
/* line 19, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar {
  background: none repeat scroll 0 0 transparent;
  margin-bottom: 0;
  height: 90px;
}
/* line 24, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar .name a {
  background: url("/Content/img/header-logo-large.png") no-repeat scroll 10px 4px transparent;
  text-indent: -9999px;
  width: 150px;
  height: 80px;
}

/* Undo "position:relative" so that the sub nav can stretch across entire screen */
/* line 36, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar,
.top-bar .title-area,
.top-bar-section,
.top-bar-section .has-dropdown {
  position: static;
}

/* line 40, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section ul {
  background-color: transparent;
}
/* line 43, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section ul .dropdown {
  background: url(/Content/img/sub-nav-bg.png) top left repeat-x transparent;
  height: 0 !important;
  text-align: center;
  top: 80px;
  z-index: -1;
  /* to allow background of sub nav to appear behind top nav */
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
/* line 52, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section ul .dropdown li {
  background: none transparent;
  display: inline-block;
  float: none;
  height: 0 !important;
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
/* line 61, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section ul .dropdown li.js-generated {
  display: none;
}

/* line 68, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section ul.left:hover .dropdown {
  height: 153px !important;
}
/* line 71, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section ul.left:hover .dropdown li {
  height: 153px !important;
  overflow: hidden !important;
}

/* line 77, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section ul.left .search.has-dropdown .dropdown.hover {
  height: 153px !important;
  visibility: visible;
}
/* line 81, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section ul.left .search.has-dropdown .dropdown.hover li {
  height: 153px !important;
  overflow: hidden !important;
}

/*
	SUB NAV SLIDERS
*/
/* line 93, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-viewport {
  background: transparent;
  border: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 135px !important;
  padding: 24px 0 0;
}
/* line 100, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-viewport .bx-slider {
  margin: 0 auto;
}
/* line 103, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-viewport .bx-slider > div {
  display: inline-block;
  text-align: center;
}
/* line 107, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-viewport .bx-slider > div a {
  background: transparent;
  color: #868686;
  display: block;
  padding: 0;
}
/* line 113, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-viewport .bx-slider > div a img {
  border: 2px solid #fff;
  height: 75px !important;
  margin: 0 auto;
  width: 120px !important;
}
/* line 121, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-viewport .bx-slider > div a:hover > img {
  border-color: #ffef00;
}
/* line 125, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-viewport .bx-slider > div a span {
  display: block;
  font-size: 13px;
  font-weight: normal;
  margin: 8px 5px 0;
  white-space: normal;
  color: #555555;
}
/* line 134, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-viewport .bx-slider > div a:hover > span {
  color: #48c3cf;
}
/* line 139, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-viewport .bx-slider > div .shadow-top {
  background: url("/Content/img/thumbnail-drop-shadow.png") no-repeat scroll 50% -23px transparent;
  height: 15px;
  left: 50%;
  margin-left: -76px;
  position: absolute;
  top: -15px;
  width: 152px;
}
/* line 148, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-viewport .bx-slider > div .shadow-bottom {
  background: url("/Content/img/thumbnail-drop-shadow.png") no-repeat scroll 50% 0px transparent;
  height: 15px;
  left: 50%;
  margin-left: -76px;
  position: absolute;
  bottom: 5px;
  width: 152px;
}
/* line 162, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-controls a {
  background: url("/Content/img/bx-slider-arrows.png") no-repeat 0 0 transparent !important;
  height: 33px !important;
  padding: 0 !important;
  width: 23px !important;
}
/* line 168, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-controls a.disabled {
  cursor: default;
  display: block !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}
/* line 174, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-controls .bx-prev {
  left: -107px;
  background-position: -29px 0 !important;
}
/* line 178, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-controls .bx-prev:hover {
  background-position: -29px -43px !important;
}
/* line 181, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-controls .bx-prev.disabled:hover {
  background-position: -29px 0 !important;
}
/* line 185, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-controls .bx-next {
  right: -118px;
}
/* line 188, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-controls .bx-next:hover {
  background-position: 0 -43px !important;
}
/* line 191, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section .bx-controls .bx-next.disabled:hover {
  background-position: 0 0 !important;
}

/* ie8-friendly:
 * 	The "html" is enough to override the equivalent selector in the original top-bar.scss.
 * 	Be sure to remove ie8-incompatible selectors like *:not(.class)"
*/
/* line 206, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li {
  background: none transparent;
}
/* line 209, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li:hover {
  background: url("/Content/img/top-bar-bg-active-icon.png") no-repeat 8px 0 transparent;
}
/* line 212, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.selected {
  background: url("/Content/img/top-bar-bg-active-icon.png") no-repeat 8px -230px transparent;
}
/* line 218, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.no-sub-nav:hover {
  background: url("/Content/img/top-bar-bg-active-icon.png") no-repeat 8px -462px transparent;
}
/* line 221, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.no-sub-nav.selected {
  background: url("/Content/img/top-bar-bg-active-icon.png") no-repeat 8px -230px transparent;
}
/* line 229, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-out {
  background: url("/Content/img/top-bar-bg-my-world.png") no-repeat 50% 1px transparent;
}
/* line 232, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-out:hover {
  background: url("/Content/img/top-bar-bg-active-icon.png") no-repeat scroll 0 -576px transparent;
}
/* line 234, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-out:hover a.besuper {
  color: #358F98;
}
/* line 239, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-out.selected {
  background: url("/Content/img/top-bar-bg-active-icon.png") no-repeat scroll 0 -345px transparent;
}
/* line 241, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-out.selected:hover {
  color: #fff;
}
/* line 244, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-out.selected > a.besuper {
  color: #fff;
}
/* line 249, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-out a {
  width: 166px;
}
/* line 253, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.besuper {
  background: url("/Content/img/top-bar-bg-my-world.png") no-repeat 50% 1px transparent;
}
/* line 256, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.besuper:hover {
  background: url("/Content/img/top-bar-bg-active-icon.png") no-repeat scroll 0 -576px transparent;
}
/* line 258, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.besuper:hover a.besuper-list-item {
  color: #358F98;
}
/* line 263, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.besuper.selected {
  background: url("/Content/img/top-bar-bg-active-icon.png") no-repeat scroll 0 -345px transparent;
}
/* line 265, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.besuper.selected:hover {
  color: #fff;
}
/* line 268, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.besuper.selected > a.besuper-list-item {
  color: #fff;
}
/* line 273, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.besuper a {
  width: 166px;
  background-position: 36px 12px;
}
/* line 276, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.besuper span {
  width: 100px;
  height: 51px;
  line-height: 51px;
  padding: 12px 60px 16px;
}
/* line 285, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in {
  background: url("/Content/img/top-bar-bg-my-world.png") no-repeat 0 1px transparent;
  width: 166px;
}
/* line 289, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in:hover {
  background: url("/Content/img/top-bar-bg-active-icon.png") no-repeat scroll 0 -576px transparent;
}
/* line 292, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in.selected {
  background: url("/Content/img/top-bar-bg-active-icon.png") no-repeat scroll 0 -345px transparent;
}
/* line 298, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in .my-world-in-inner {
  background: none transparent;
  display: block;
  height: 97px;
  position: relative;
  line-height: auto;
  width: auto;
}
/* line 307, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in .portrait {
  position: absolute;
  top: 3px;
  left: 7px;
}
/* line 312, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in .meta {
  height: 68px;
  line-height: 1em;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 6px;
  width: 103px;
}
/* line 321, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in .username {
  color: #733c97;
  display: block;
  margin: 0 0 4px;
}
/* line 326, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in .stats {
  display: block;
  margin: 0 auto 1px;
  position: relative;
  width: 80%;
}
/* line 332, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in .level {
  background: url("/Content/img/header-my-world-level.png") no-repeat top right transparent;
  color: #a91d59;
  display: block;
  height: 20px;
  letter-spacing: -1px;
  line-height: 18px;
  position: relative;
  width: 20px;
  z-index: 1;
}
/* line 343, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in .xp {
  background: url("/Content/img/header-my-world-bg-xp-pink.png") repeat-x -100px 0 transparent;
  border-color: #1c878c #1c878c #115053 #115053;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  display: block;
  height: 14px;
  line-height: 11px;
  padding: 0 4px 0 0;
  position: absolute;
  right: 0;
  text-align: right;
  text-shadow: 1px 1px 0 black;
  top: 2px;
  width: 87%;
}
/* line 362, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in .sparkles {
  color: #e08c55;
  background: url("/Content/img/header-my-world-sparkle.png") no-repeat top right transparent;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding: 0 20px 0 0;
}
/* line 370, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in .my-world-label {
  bottom: 5px;
  color: #e3438a;
  display: block;
  position: absolute;
  width: 100%;
}
/* line 383, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in:hover .username,
html .top-bar-section > .left > li.my-world-in:hover .my-world-label {
  color: #358f98;
}
/* line 386, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in:hover .level {
  color: #015158;
}
/* line 389, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in:hover .xp {
  background-image: url("/Content/img/header-my-world-bg-xp.png");
}
/* line 396, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in.selected {
  background: url("/Content/img/top-bar-bg-active-icon.png") no-repeat scroll 0 -345px transparent;
}
/* line 400, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in.selected .username,
html .top-bar-section > .left > li.my-world-in.selected .my-world-label {
  color: #fff;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  margin-top: 5px;
}
/* line 406, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in.selected .xp {
  background-image: url("/Content/img/header-my-world-bg-xp-pink.png");
}
/* line 410, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.my-world-in.selected .sparkles {
  color: #ffd98e;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
/* line 417, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.search {
  width: 0;
}
/* line 420, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li.search > a {
  display: none;
}
/* line 425, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li > a, html .top-bar-section > .topnav-cat > li > a {
  background-image: url("/Content/img/top-bar-icons.png");
  background-repeat: no-repeat;
  background-color: transparent;
  height: 97px;
  line-height: 131px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 101px;
  /* see below for active/hover states */
}
/* line 436, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li > a.play, html .top-bar-section > .topnav-cat > li > a.play {
  background-position: 25px 14px;
}
/* line 437, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li > a.watch, html .top-bar-section > .topnav-cat > li > a.watch {
  background-position: -81px 14px;
}
/* line 438, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li > a.explore, html .top-bar-section > .topnav-cat > li > a.explore {
  background-position: -186px 14px;
}
/* line 439, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li > a.download, html .top-bar-section > .topnav-cat > li > a.download {
  background-position: -291px 14px;
}
/* line 440, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li > a.shop, html .top-bar-section > .topnav-cat > li > a.shop {
  background-position: -388px 14px;
}
/* line 441, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li > a.my-world, html .top-bar-section > .topnav-cat > li > a.my-world {
  background-position: -470px 14px;
}
/* line 445, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left > li > a:focus, html .top-bar-section > .topnav-cat > li > a:focus {
  outline: none;
}

/*
	The icons and text colours are the same for active and hover states.
	The active has an added background image.
*/
/* line 454, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section > .left li.selected {
  background: none no-repeat scroll center top transparent;
}
/* line 457, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section > .left li.selected a {
  font-weight: bold;
}

/* line 465, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left li a.play:hover {
  background-position: 25px -106px;
  color: #358f98;
}
/* line 466, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left li a.watch:hover {
  background-position: -81px -106px;
  color: #358f98;
}
/* line 467, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left li a.explore:hover {
  background-position: -186px -106px;
  color: #358f98;
}
/* line 468, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left li a.download:hover {
  background-position: -291px -106px;
  color: #358f98;
}
/* line 469, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left li a.shop:hover {
  background-position: -388px -106px;
  color: #358f98;
}
/* line 470, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left li a.my-world:hover {
  background-position: -470px -106px;
  color: #358f98;
}
/* line 473, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left li.selected > a.play {
  background-position: 25px -226px;
  color: #fff;
}
/* line 474, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left li.selected > a.watch {
  background-position: -81px -226px;
  color: #fff;
}
/* line 475, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left li.selected > a.explore {
  background-position: -186px -226px;
  color: #fff;
}
/* line 476, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left li.selected > a.download {
  background-position: -291px -226px;
  color: #fff;
}
/* line 477, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left li.selected > a.shop {
  background-position: -388px -226px;
  color: #fff;
}
/* line 478, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
html .top-bar-section > .left li.selected > a.my-world {
  background-position: -470px -226px;
  color: #fff;
}

/* line 483, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section h6 {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
  display: none;
  font-size: 0.8em;
  margin: 0;
  padding: 1em;
}

/* line 491, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.header-search-form {
  width: 62.5em;
}

/* line 495, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section > .right .has-form {
  background: none repeat scroll 0 0 transparent;
  display: block;
  padding: 0;
  width: 166px;
}
/* line 503, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section > .right .has-form .row.collapse .columns {
  width: auto;
}
/* line 507, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section > .right .has-form form.logged-out, .top-bar-section > .right .has-form form.logged-in {
  margin: 3px 0 0;
}
/* line 510, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section > .right .has-form form.logged-out {
  width: 105px;
}
/* line 513, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section > .right .has-form form.logged-in .buttonbox {
  position: relative;
}
/* line 516, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar-section > .right .has-form .signoutLink, .top-bar-section > .right .has-form .amLink {
  margin-top: -5px;
}

/* line 521, ../../../scss/sass/foundation-barbie/_fy_top-bar.scss */
.top-bar .right input[type="text"] {
  background: url("/Content/img/header-search-icon.png") no-repeat scroll 50% 6px white;
  border-radius: 0.1875em;
  float: right;
  height: 1.625em;
  top: 3px;
  width: 3.75em;
}

/*
.en-us{
	.contain-to-grid {
	    background:#f955ae;
	    //padding-top: 20px;
	    font-family: "Georgia";
	    .top-bar-section{
		ul{
			margin-top:24px;
		}
		ul.topnav-cat{
			margin-top:0;
		}
		ul.nav-top-right{
			width:1000px;
			//position:absolute;
			//right:0;
			margin-top:0;			
			li{
				float:right;
			}
			a{
				line-height:0;
				height: auto;
				padding:0;
				background: none;
				color:#fff;		
			}
			a span {
				font-style:Italic;
				font-family:"Georgia";
				background: url("/Content/img/top-bar-icons.png") no-repeat 8px 0 transparent;
				line-height: 35px;
				min-width:100px;
				height:30px;
				display:inline-block;
				padding-left: 30px;
			}	
			a.loginIcon span {
				background-position: -221px -429px;
			}
			a.no-image span{background: none;}
		}
		
	    }
	
	    .top-bar{
		
		.name a{
			background: url("/Content/img/logo-barbie-white.png") no-repeat scroll 10px 4px transparent;
			width: 160px;			
		}
	    }
	    .top-bar #home-li {
			margin: 54px 80px 0 0;
		}
	}
	
	
	
	
	
	
	
	.top-bar-section{
		&> .left li, & > .topnav-cat li{
			& > a{
				color: white;	
				font-size: 11px;
				height:121px;
				width:126px;
				padding-top: 16px;
				padding-bottom: 50px; //No need of that
				line-height: 9;
			}
			a.play     { background-position:  38px -354px; }
			a.watch    { background-position: -70px -354px; }			
			a.wishlist { background-position:-281px -354px; }
			a.shop     { background-position:-379px -358px; }
			a.explore { background-position:-492px -354px; }
			a.collect { background-position:-595px -354px; }
			
			&:hover a.play, a.play:hover,&:hover.selected > a.play   { background-position:  38px -478px; color: $color-barbie-pink;  }
			&:hover a.watch,a.watch:hover,&:hover.selected > a.watch   { background-position: -70px -478px; color: $color-barbie-pink;  }
			//&:hover a.loginIcon,a.loginIcon:hover,&:hover.selected > a.loginIcon   { background-position:-198px -471px; color: $color-barbie-pink;  }
			&:hover a.wishlist,a.wishlist:hover,&:hover.selected > a.wishlist  { background-position:-281px -478px; color: $color-barbie-pink;  }
			&:hover a.shop,a.shop:hover,&:hover.selected > a.shop      { background-position:-379px -479px; color: $color-barbie-pink;  }
			&:hover a.explore,a.explore:hover,&:hover.selected > a.explore  { background-position:-492px -478px; color: $color-barbie-pink;  }
			&:hover a.collect,a.collect:hover ,&:hover.selected > a.collect { background-position: -595px -475px; color: $color-barbie-pink; }
			
			&.selected > a.play      { background-position:  38px -599px; color:#ffe002;}
			&.selected > a.watch     { background-position: -70px -599px; color:#ffe002;}
			//&.selected > a.loginIcon  { background-position:-198px -593px; color:#ffe002; }
			&.selected > a.wishlist  { background-position:-281px -599px; color:#ffe002;}
			&.selected > a.shop      { background-position:-379px -599px; color:#ffe002;}
			&.selected > a.explore  { background-position:-492px -599px; color:#ffe002;}
			&.selected > a.collect  { background-position:-595px -602px; color:#ffe002;}
			
			&.my-world-in .username {color: white;}
			&.my-world-in .stats {color: white; }
			&.my-world-in .my-world-label {color: white; }
			&.my-world-in:hover .username, &.my-world-in:hover .my-world-label{color: $color-barbie-pink; }
  		}
		
		
		
		& > ul .dropdown {
			top: 150px;		
		}
		& > .left > li.my-world-out,.left > li.no-sub-nav.selected {
			background: none;
		}
		
		// Top Nav > all icons, default
		& > .left > li{
			&:hover, &:hover.selected {
				background: url("/Content/img/top-bar-bg-active-icon.png") no-repeat 0 -703px transparent;
			}
			&.no-sub-nav:hover{
				background: url("/Content/img/top-bar-bg-active-icon.png") no-repeat 0 -858px transparent;
			}
			&.selected {
				background:none;
			}
			
		}
		
		& > .topnav-cat li{	
			&.selected{
				background: url("/Content/img/top-bar-bg-active-icon.png") no-repeat 0 -690px transparent;
			}
			&:hover{
				background: url("/Content/img/top-bar-bg-active-icon.png") no-repeat 0 -802px transparent;
			}
			
		}
		
		.separator{
			border-left : 1px solid white;
			height: 47px;
			float: left;
			margin-top: 20px;
			padding: 0 10px;
		}
		
	}
	
	
	
	
	@media only screen and (max-width: 1025px){
		.contain-to-grid {
			  padding-top: 0;
		}
	}
	
	//GA specific
	 .offcanvas-generalaudience{
		li.hide-in-ga-page{				
				display:none;
			}
	}
	
	.header-generalaudience {
		li.hide-in-ga-page{
				visibility: hidden;
				width:0;
			}
		
		&.contain-to-grid{
			position: absolute;
			height: 500px;
			z-index:0;
			.top-bar-section{
				.topNav{margin-top:54px;} 
				
			}
			
	    
			.top-bar-section{
				&> .left > li, & > .topnav-cat li {
					&:hover{
						background: none;
					}
					&.selected{
						background: none;
						
					}
					
					a.play:hover,&.selected > a.play      { background-position:  38px -354px; color:white;}
					a.watch:hover, &.selected > a.watch     { background-position: -70px -354px; color:white; }
					a.loginIcon:hover, &.selected > a.loginIcon  { background-position:-198px -354px; color:white; }
					a.wishlist:hover,  &.selected > a.wishlist  { background-position:-281px -354px; color:white;}
					a.shop:hover,  &.selected > a.shop      { background-position:-379px -358px; color:white;}
					a.explore:hover,  &.selected > a.explore  { background-position:-492px -354px; color:white;}
					a.collect:hover,  &.selected > a.collect  { background-position:-595px -354px; color:white;}
				}
				
			}
			ul.nav-top-right{				
			a.loginIcon  {display:none;
			}
		}
						
		}	
		
	}
	
	
}
*/
/*
html.desktop
	.en-us .body-bg .page-content {
		padding-top: 185px;
	}
	
header.offcanvas-generalaudience{
 .right{display:none}}
*/
/* Off canvas layout CSS/JS provided by or adapted from work by Jason Weaver and Luke Wroblewski Requires globals.css grid.css */
/* line 6, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
body.off-canvas {
  padding: 0;
  margin: 0;
}
/* line 10, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
body.off-canvas [role="main"] {
  margin-left: 0;
}
/* line 13, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
body.off-canvas [role="complementary"] {
  margin-left: -255px;
  width: 255px;
}

@media only screen and (max-width: 1025px) {
  /* line 20, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  body.off-canvas {
    height: 100%;
  }
}
/* line 27, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
body.off-canvas.active [role="main"] {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  margin-right: -255px;
}
/* line 31, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
body.off-canvas.active [role="complementary"] {
  margin-left: 0;
}

@media only screen and (min-width: 1025px) {
  /* line 39, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  [role="main"] {
    float: none;
  }

  /* line 49, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  html.desktop body.off-canvas.active [role="main"] {
    margin-right: 0;
  }
  /* line 52, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  html.desktop body.off-canvas.active [role="complementary"] {
    margin-left: -255px;
  }
}
/* Mobile Top Nav */
/* line 62, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="main"] {
  background: none repeat scroll 0 0 transparent;
  float: right;
  overflow-y: hidden;
  width: 100%;
  z-index: 1;
}
/* line 69, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="main"]:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
/* line 79, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="main"] header {
  background: url(/Content/img/m-header-bg.png) repeat-x scroll 0 0 transparent;
  height: 66px;
  position: absolute;
  width: 100%;
  z-index: 99;
}
/* line 86, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="main"] header > div {
  padding: 16px 13px 0 0;
}
/* line 88, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="main"] header > div .button span {
  min-width: 0;
}
/* line 92, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="main"] a.sidebar-button {
  background: url("/Content/img/m-toggle.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
  width: 50px;
  background-position: 11px -20px;
  height: 25px;
  display: inline-block;
  top: 18px;
  position: relative;
}
/* line 101, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="main"] a.sidebar-button span {
  display: none;
}
/* line 108, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="main"] a#m-logo {
  background: url("/Content/img/m-header-logo.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
  display: block;
  height: 55px;
  left: 50%;
  margin-left: -50px;
  position: absolute;
  top: 1px;
  width: 100px;
}
/* line 118, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="main"] a#m-logo h4 {
  display: none;
}
/* line 124, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="main"] form .logged-out {
  margin: 0;
  position: absolute;
  right: 15px;
  top: 15px;
}
/* line 130, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="main"] form .logged-out .button {
  margin: 0;
}
/* line 133, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="main"] form .logged-out .button span {
  min-width: inherit;
}

/* MOBILE SIDE NAV */
/* line 142, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] {
  background: none #fff;
  border-right: 1px solid #ccc;
  float: left;
  height: 100%;
  padding: 0;
  position: absolute;
  z-index: 2;
}
/* line 151, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .container {
  width: 100%;
}
/* line 154, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .main-menu {
  height: auto;
  overflow-x: hidden;
}
/* line 158, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar {
  height: auto;
  margin-bottom: 0;
}
/* line 162, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li {
  border-bottom: 1px solid #F3F3F3;
  float: none;
  position: relative;
  width: auto;
}
/* line 168, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li a {
  color: #e3438a;
  display: block;
  height: 55px;
  line-height: 51px;
  position: relative;
  text-indent: 80px;
  z-index: 1;
}
/* line 178, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li .icon {
  background-image: url("/Content/img/top-bar-icons.png");
  background-color: transparent;
  background-repeat: no-repeat;
  display: block;
  height: 55px;
  position: absolute;
  width: 80px;
  z-index: 0;
}
/* line 189, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.my-world-out, [role="complementary"] .nav-bar li.besuper {
  border-top: 1px solid #F3F3F3;
  border-bottom-width: 2px;
}
/* line 194, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.play .icon, [role="complementary"] .nav-bar li.registration .icon, [role="complementary"] .nav-bar li.avatar-creation .icon, [role="complementary"] .nav-bar li.my-world .icon {
  background-position: 14px 5px;
}
/* line 195, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.play .icon {
  background-position: 14px 5px;
}
/* line 196, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.watch .icon {
  background-position: -91px 8px;
}
/* line 197, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.explore .icon {
  background-position: -197px 7px;
}
/* line 198, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.download .icon {
  background-position: -302px 7px;
}
/* line 199, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.shop .icon {
  background-position: -400px 6px;
}
/* line 200, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.my-world-out .icon {
  background-position: -512px 8px;
}
/* line 203, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.selected.play .icon {
  background-position: 14px -115px;
}
/* line 204, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.selected.watch .icon {
  background-position: -91px -112px;
}
/* line 205, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.selected.explore .icon {
  background-position: -197px -113px;
}
/* line 206, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.selected.download .icon {
  background-position: -302px -113px;
}
/* line 207, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.selected.shop .icon {
  background-position: -400px -114px;
}
/* line 208, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.selected.my-world-out .icon {
  background-position: -512px -112px;
}
/* line 211, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.home .icon {
  background-image: url("/Content/img/m-side-nav-home-logo.png");
  background-position: 17px 12px;
}
/* line 216, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.my-world-in {
  background-image: url("/Content/img/m-bg-my-world-icon.png");
  background-position: 0 0;
  height: 80px;
}
/* line 221, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.my-world-in a {
  position: absolute;
  height: 80px;
  left: 0;
  top: 0;
  width: 100%;
}
/* line 229, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.my-world-in .portrait {
  left: 15px;
  position: absolute;
  bottom: 1px;
}
/* line 234, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.my-world-in .meta {
  font-size: 12px;
  height: 80px;
  line-height: 1em;
  padding: 5px 0 0;
  position: absolute;
  right: 10px;
  text-align: center;
  text-indent: 0;
  top: 0;
  width: 170px;
}
/* line 246, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.my-world-in .username {
  color: #30A8B3;
  display: block;
  font-weight: bold;
  margin: 14px 0 4px;
}
/* line 253, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.my-world-in .stats {
  font-size: 10px;
  display: block;
  margin: 0 auto 1px;
  position: relative;
  width: 80px;
}
/* line 260, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.my-world-in .level {
  background: url("/Content/img/header-my-world-level.png") no-repeat top right transparent;
  color: #a91d59;
  display: block;
  height: 20px;
  letter-spacing: -1px;
  line-height: 18px;
  position: relative;
  width: 20px;
  z-index: 1;
}
/* line 271, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.my-world-in .xp {
  background: url("/Content/img/header-my-world-bg-xp.png") repeat-x -100px 0 transparent;
  border-color: #1c878c #1c878c #115053 #115053;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  display: block;
  height: 14px;
  line-height: 11px;
  padding: 0 4px 0 0;
  position: absolute;
  right: 0;
  text-align: right;
  text-shadow: 1px 1px 0 black;
  top: 2px;
  width: 87%;
}
/* line 290, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.my-world-in .sparkles {
  color: #CF7133;
  background: url("/Content/img/header-my-world-sparkle.png") no-repeat top right transparent;
  display: inline-block;
  font-weight: bold;
  height: 16px;
  line-height: 16px;
  padding: 0 20px 0 0;
}
/* line 299, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.my-world-in .my-world-label {
  bottom: 12px;
  color: #30A8B3;
  display: block;
  font-weight: bold;
  position: absolute;
  width: 100%;
}
/* line 310, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.selected {
  background: url("/Content/img/m-bg-active-icon.png") no-repeat 0 0 transparent;
}
/* line 311, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.selected.my-world-in {
  background-image: url("/Content/img/m-bg-my-world-active-icon.png");
}
/* line 317, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .nav-bar li.selected .my-world-label,
[role="complementary"] .nav-bar li.selected .username {
  color: #fff;
}
/* line 324, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .row {
  overflow: hidden;
}
/* line 326, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"] .row .row {
  overflow: visible;
}

/* line 333, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
[role="complementary"],
[role="main"] {
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}

/*
.paneled {
	[role="main"] {
		padding: 0;
		width: 500%;
		overflow: hidden;
		float: none;
		position: relative;
		left: 0;
		-webkit-transition: 0.00s all linear;
		-moz-transition: 0.00s all linear;
		-o-transition: 0.00s all linear;
		transition: 0.00s all linear;
	}
}
*/
/* DESKTOP TOP NAV */
/* Topbar Specific Breakpoint that you can customize */
@media only screen and (max-width: 1025px) {
  /* line 360, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar {
    margin-bottom: 0;
    overflow: hidden;
    height: 45px;
    background: #333;
    /* Override contain to grid stuff for breakpoint */
    /* Setting up the sliding area */
    /* When the Small Nav is Showing */
  }

  /* line 369, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar .js-generated {
    display: block;
  }

  /* line 372, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .contain-to-grid .top-bar {
    width: auto;
  }

  /* line 375, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar section {
    left: 0;
    position: relative;
    width: auto;
    -webkit-transition: left 300ms 0;
    -moz-transition: left 300ms 0;
    -o-transition: left 300ms 0;
    transition: left 300ms 0;
  }

  /* line 384, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    display: block;
  }

  /* line 389, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li {
    float: none;
    /* Branding and name */
    /* Dropdown Toggle */
    /* Divider for breakpoint */
    /* Search Overrides for breakpoint size */
    /* Dropdown Level 1 */
    /* Dropdown Level 2 */
  }

  /* line 398, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.active,
  .top-bar ul > li:hover {
    /*background: #151515;*/
  }

  /* line 399, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.name {
    height: 45px;
  }

  /* line 402, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.name h1 {
    line-height: 1;
  }

  /* line 405, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.name h1 a {
    display: block;
  }

  /* line 410, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.toggle-topbar {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
  }

  /* line 418, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.toggle-topbar a {
    content: "";
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 22.5px;
    margin-top: -4px;
  }

  /* line 432, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.search {
    padding: 0 22.5px;
  }

  /* line 435, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.search form {
    width: 100%;
  }

  /* line 438, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.search form input[type=text] {
    width: 75%;
  }

  /* line 441, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.search form .button {
    top: -1px;
    width: 25%;
  }

  /* line 445, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown a {
    padding-right: 33.75px;
  }

  /* line 448, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
    margin-right: 15px;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
  }

  /* line 460, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown:hover > .dropdown {
    display: block;
    visibility: hidden;
  }

  /* line 464, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown .dropdown {
    visibility: hidden;
    z-index: 0 !important;
  }

  /* line 468, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown.moved {
    position: static;
  }

  /* line 471, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown.moved > .dropdown {
    top: 0;
    visibility: visible;
  }

  /* line 475, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown.moved > .dropdown li label {
    margin-bottom: 6px;
    padding-top: 6px !important;
    font-size: 11px;
  }

  /* line 480, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) {
    padding-bottom: 0;
  }

  /* line 483, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) a {
    padding: 8px 22.5px;
    font-size: 14px;
  }

  /* line 487, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown.moved > .dropdown li a, .top-bar ul > li.has-dropdown.moved > .dropdown li label {
    padding: 0 22.5px;
  }

  /* line 490, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown.moved > .dropdown li a:hover {
    background: #3c3c3c;
    display: block;
  }

  /* line 494, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown.moved > .dropdown li.divider {
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  /* line 499, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown.moved .back.title {
    padding-bottom: 0;
  }

  /* line 502, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown.moved .back.title a:before {
    position: absolute;
    top: 50%;
    left: 17.5px;
    margin-top: -5px;
    width: 0;
    height: 0;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent white transparent transparent;
  }

  /* line 516, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown.moved .back.title h5 {
    margin: 0;
    padding-left: 15px;
    position: relative;
  }

  /* line 521, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown.moved .back.title h5 a {
    background: transparent;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 23px;
    font-weight: bold;
  }

  /* line 528, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown .dropdown li {
    background: transparent;
  }

  /* line 531, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {
    left: 100% !important;
    top: 0;
    right: auto !important;
  }

  /* line 536, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a {
    padding-right: 33.75px;
  }

  /* line 539, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after {
    content: "";
    margin-right: 15px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 50%;
    margin-top: -4.5px;
  }

  /* line 552, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a li a:hover {
    background: #3c3c3c;
  }

  /* line 555, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved {
    position: static;
  }

  /* line 558, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved .dropdown {
    top: 0;
    visibility: visible;
  }

  /* line 562, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover {
    display: block;
  }

  /* line 565, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul.left, .top-bar ul.right {
    float: none;
    width: 100%;
  }

  /* line 569, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul.left > li, .top-bar ul.right > li {
    display: block;
    float: none;
    margin: 0 !important;
  }

  /* line 574, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul.left > li.has-dropdown .dropdown, .top-bar ul.right > li.has-dropdown .dropdown {
    left: 100% !important;
    top: 0;
    right: auto !important;
  }

  /* line 579, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar section > ul li a:not(.button) {
    padding-left: 22.5px !important;
  }

  /* line 582, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar.expanded {
    height: 100%;
  }

  /* line 585, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar.expanded ul li.toggle-topbar a {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 8px;
    border-color: transparent transparent #cccccc transparent;
    top: auto;
    bottom: 50%;
    margin-bottom: -4px;
  }

  /* line 596, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul li.has-button {
    padding: 5px 15px;
  }

  /* line 599, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul li .button.small {
    margin: 0 !important;
    display: inline-block;
    width: 100%;
  }

  /* line 604, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  .top-bar ul > li.has-button a.button {
    margin: 0;
  }
}
/* end @media */
/* ------------------------------------------------------------
  Disables Overflow on mobile - Had issues with Foundation 4 
------------------------------------------------------------ */
@media only screen and (max-width: 1025px) {
  /* line 617, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
  body.off-canvas {
    padding: 0;
    margin: 0;
  }
}
/* line 636, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
html.off-canvas-active {
  overflow-x: hidden;
}
/* line 639, ../../../scss/sass/foundation-barbie/_fy_offcanvas.scss */
html.off-canvas-active body {
  overflow-x: hidden;
}

/******Of-Canvas General Audience en-us********/
/*
.en-us{
	[role="complementary"]{
			 font-family: "Georgia";
			 background: #de1e83;
			.nav-bar li{
				a{color:white;}	
				&.play         .icon { background-position: 14px -357px;}
				&.watch        .icon { background-position: -91px -357px;}
				&.loginIcon      .icon { background-position: -197px -357px;}
				&.wishlist     .icon { background-position: -302px -357px;}
				&.shop         .icon { background-position: -400px -357px;}
				&.explore      .icon { background-position: -512px -357px; }
				&.collect      .icon { background-position: -616px -357px; }
				&.my-world-out .icon { background-position: -512px -357px;}
			
			&.selected{background:white;}
			&.selected a{color:$color-barbie-pink;}	
			&.selected{
				&.play         .icon, &.registration .icon, &.avatar-creation .icon , &.my-world .icon { background-position: 14px 5px; }
				&.play         .icon { background-position: 14px -479px; }
				&.watch        .icon { background-position: -91px -479px; }
				&.loginIcon    .icon { background-position: -197px -479px; }
				&.wishlist     .icon { background-position: -302px -479px; }
				&.shop         .icon { background-position: -400px -479px; }
				&.explore      .icon { background-position: -512px -479px; }
				&.collect      .icon { background-position: -616px -479px; }
				&.my-world-out .icon { background-position: -512px -479px; }
			}
			&.my-world-in{
				.username, .my-world-label {color: $color-barbie-pink;}				
				} 
		} 
		
	}
	[role="main"] {
		header {background: #de1e83;	}
		a.sidebar-button {
			background-position: 11px 5px;			
		}
	}
	
	[role="main"] {
		header.offcanvas-generalaudience {
			height:200px;
			z-index: 0;	}
	
	}
	
	[role="main"] a#m-logo {		
		background:url("/Content/img/logo-barbie-white.png") no-repeat scroll -23px -78px transparent;

	}
	
	
	

}
*/
/*
body.off-canvas.en-us.active{
		background:#de1e83;
	}
	
body.en-us.off-canvas.active [role="main"] {
	background: #fff;
}
*/
/* line 7, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #e3438a;
}

/* line 13, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="url"]:-moz-placeholder, textarea:-moz-placeholder {
  color: #e3438a;
}

/* line 19, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, textarea::-moz-placeholder {
  color: #e3438a;
}

/* line 25, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #e3438a;
}

/* line 30, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  border-width: 0;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.4);
  height: 29px;
}

/* line 38, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
form.custom .radio-group {
  margin: -0.3em 0 1em;
}

/* line 43, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
form.custom .custom.radio {
  background-color: transparent;
  background-image: url(/Content/img/buttons-radio.png);
  background-position: 1px 2px;
  border: 1px solid transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  height: 26px;
  padding: 0;
  width: 25px;
}
/* line 53, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
form.custom .custom.radio.checked:before {
  background-color: transparent;
}
/* line 57, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
form.custom .custom.radio.checked {
  background-position: -29px 2px;
}
/* line 61, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
form.custom .custom.radio.disabled {
  background-position: -59px 2px;
  cursor: default;
}

/* line 68, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
form.custom .custom.dropdown {
  background: none #fff;
  border: 0 solid transparent;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.4);
  height: 29px;
  -webkit-appearance: none;
}
/* line 79, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
form.custom .custom.dropdown .current {
  line-height: 30px;
}
/* line 85, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
form.custom .custom.dropdown .selector {
  background-image: url("/Content/img/dropdown-arrow.png");
  background-position: 0 0;
  height: 29px;
  right: 0;
  top: 1px;
  width: 30px;
}
/* line 94, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
form.custom .custom.dropdown:hover a.selector, form.custom .custom.dropdown.open a.selector {
  background-position: 0 -35px;
}
/* line 99, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
form.custom .custom.dropdown .selector:after, form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after {
  border: 0 none;
}
/* line 105, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
form.custom .custom.dropdown ul {
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  padding-bottom: 2px;
}
/* line 110, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
form.custom .custom.dropdown ul li {
  color: #e3438a;
  line-height: 1.75em;
  margin: 0 1px;
}
/* line 115, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
form.custom .custom.dropdown ul li.selected {
  color: #e3438a;
  font-weight: bold;
}
/* line 121, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
form.custom .custom.dropdown ul li:hover, form.custom .custom.dropdown ul li.selected:hover {
  background: none #ffee73;
  -webkit-border-radius: 0.6875em;
  -moz-border-radius: 0.6875em;
  -ms-border-radius: 0.6875em;
  -o-border-radius: 0.6875em;
  border-radius: 0.6875em;
  -webkit-box-shadow: 0 2px 2px #999999 inset;
  -moz-box-shadow: 0 2px 2px #999999 inset;
  box-shadow: 0 2px 2px #999999 inset;
  color: #e3438a;
  font-weight: bold;
}
/* line 129, ../../../scss/sass/foundation-barbie/_fy_forms.scss */
form.custom .custom.dropdown ul li.disabled:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-weight: normal;
}

/* line 1, ../../../scss/sass/foundation-barbie/_fy_labels.scss */
label.inline {
  padding: 0.5625em 0.625em 0.5em;
}

/* add this class to any .row or .column(s) where needed */
/* line 3, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
.column.layout,
.columns.layout {
  padding: 0 !important;
}

/* line 6, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
.row.layout {
  margin: 0 !important;
}

/* line 9, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
.full-width {
  max-width: 100%;
}

/* line 14, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
html.mobile .row.mobile-left {
  text-align: left;
}
/* line 15, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
html.mobile .row.mobile-centered {
  text-align: center;
}
/* line 16, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
html.mobile .row.mobile-right {
  text-align: right;
}

/* line 19, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
html.tablet .row.tablet-left {
  text-align: left;
}
/* line 20, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
html.tablet .row.tablet-centered {
  text-align: center;
}
/* line 21, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
html.tablet .row.tablet-right {
  text-align: right;
}

/* line 24, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
html.desktop .row.desktop-left {
  text-align: left;
}
/* line 25, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
html.desktop .row.desktop-centered {
  text-align: center;
}
/* line 26, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
html.desktop .row.desktop-right {
  text-align: right;
}

/*
.page-content > .row{
	margin-left: auto;
	margin-right: auto;
	max-width: emCalc(1000) !important;
	width:auto;
}*/
/* line 36, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
.body-bg {
  left: 0;
  top: 0;
  width: 100%;
}
/* line 41, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
.body-bg .page-bg {
  /*	background-repeat:no-repeat;
  	background-position:top center;
  	background-color:transparent;*/
  /* IE10 Consumer Preview */
}
/* line 48, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
.body-bg .page-content {
  padding-top: 95px;
}
/* line 51, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
.body-bg .page-content #page-title-wrapper {
  padding-left: 13px;
}
/* line 54, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
.body-bg .page-content .page-title {
  position: relative;
  z-index: 2;
  background: url("/Content/img/page-title-bg.png") no-repeat scroll 0 0 transparent;
  padding: 0 0 0 10px;
}
/* line 60, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
.body-bg .page-content .page-title h1 {
  background: url("/Content/img/page-title-bg.png") no-repeat scroll 100% -63px transparent;
  color: #48c3cf;
  font-size: 26px;
  height: 45px;
  margin: -4px 5px 15px 8px;
  padding: 5px 35px 0 0;
  text-shadow: 0 2px 1px #1f7078;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}
/* line 73, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
.body-bg .page-content .page-title #title-bar-button, .body-bg .page-content .page-title .shop-afiliate-link {
  display: block;
  position: absolute;
  top: 5px;
  right: 35px;
  color: #e3438a;
}
/* line 79, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
.body-bg .page-content .page-title #title-bar-button > a, .body-bg .page-content .page-title .shop-afiliate-link > a {
  padding-right: 15px;
}
/* line 82, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
.body-bg .page-content .page-title #title-bar-button > span, .body-bg .page-content .page-title .shop-afiliate-link > span {
  margin-right: 10px;
}
/* line 87, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
html.mobile .body-bg .page-content .page-title.multiline {
  background: url("/Content/img/page-title-bg-mobile.png") no-repeat scroll 0 0 transparent;
}
/* line 89, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
html.mobile .body-bg .page-content .page-title.multiline h1 {
  background: url("/Content/img/page-title-bg-mobile.png") no-repeat scroll 100% -118px transparent;
  height: 89px;
  margin: -4px 8px 15px 6px;
  padding: 15px 10px 0 0;
  white-space: normal;
  font-size: 26px;
  line-height: 30px;
}
/* line 99, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
html.mobile .body-bg .page-content .page-title.multiline h1 span {
  display: block;
  height: 30px;
  overflow: hidden;
}
/* line 107, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
.body-bg .page-content .top-content {
  z-index: 1;
}
/* line 110, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
.body-bg .page-content #page-main-content-wrapper {
  background: url(/Content/img/page-content-bg.png) repeat 0 0 transparent;
  /* fallback */
  background-image: url(/Content/img/page-content-bg.png), -webkit-gradient(linear, 0 0, 0 50%, from(transparent), to(white));
  /* Saf4+, Chrome */
  background-image: url(/Content/img/page-content-bg.png) repeat 0 0 transparent, -webkit-linear-gradient(top, transparent, white);
  /* Chrome 10+, Saf5.1+ */
  background-image: url(/Content/img/page-content-bg.png), -moz-linear-gradient(top, transparent, white);
  /* FF3.6+ */
  background-image: url(/Content/img/page-content-bg.png), -o-linear-gradient(top, transparent, white);
  /* Opera 11.10+ */
  background-image: url(/Content/img/page-content-bg.png), linear-gradient(top, transparent, #ffffff);
  /* W3C */
  margin-bottom: 20px;
  max-width: 100%;
  z-index: 3;
}
/* line 122, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
.body-bg .page-content #page-main-content-wrapper #page-main-content {
  margin: 20px auto;
  max-width: 62.5em !important;
  width: auto;
}

@media only screen and (max-width: 1025px) {
  /* line 132, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
  .body-bg .page-content {
    padding-top: 73px;
  }
}
@media only screen and (max-width: 1025px) {
  /* line 135, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
  .body-bg .page-content #page-main-content-wrapper #page-main-content {
    width: 750px;
  }
}
@media only screen and (max-width: 768px) {
  /* line 138, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
  .body-bg .page-content #page-main-content-wrapper #page-main-content {
    width: 500px;
  }
}
@media only screen and (max-width: 520px) {
  /* line 141, ../../../scss/sass/foundation-barbie/_fy_grid.scss */
  .body-bg .page-content #page-main-content-wrapper #page-main-content {
    width: 250px;
  }
}
/* line 2, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal-bg {
  z-index: 999;
}

/* line 8, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal {
  background-color: #fff;
  border: solid 5px #fff;
  -webkit-border-radius: 30px 30px 20px 20px;
  -moz-border-radius: 30px 30px 20px 20px;
  -ms-border-radius: 30px 30px 20px 20px;
  -o-border-radius: 30px 30px 20px 20px;
  border-radius: 30px 30px 20px 20px;
  -webkit-box-shadow: inset -1px 0px 15px #d7d7d7;
  -moz-box-shadow: inset -1px 0px 15px #d7d7d7;
  box-shadow: inset -1px 0px 15px #d7d7d7;
  color: #868686;
  font-size: 0.875em;
  max-width: 715px;
  min-height: 435px;
  position: fixed;
  top: 100px !important;
  padding: 0 0 2em 0;
  width: 80%;
  z-index: 1000;
}
@media only screen and (min-width: 768px) {
  /* line 8, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
  .reveal-modal {
    margin-left: -357px;
    width: 715px;
  }
}
@media only screen and (max-width: 640px) {
  /* line 8, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
  .reveal-modal {
    position: absolute;
  }
}
/* line 31, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal a {
  color: #e3438a;
  text-decoration: underline;
}
/* line 34, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal a.grey {
  color: #b6b5b5;
}
/* line 36, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal h3 {
  font-size: 1.25em;
  color: #e3438a;
}
/* line 40, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal h4 {
  font-size: 1.0625em;
  color: #e3438a;
  padding-top: 6px;
}
/* line 45, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal h6 {
  font-size: 0.75em;
  color: #b6b5b5;
  line-height: 16px;
  padding-right: 21px;
}
/* line 51, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal p {
  font-size: 1em;
  margin: 10px 0 10px 0;
  line-height: 18px;
}
/* line 57, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal .infobox {
  background-color: #ffdcee;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 1px 20px;
  margin: 20px;
}
/* line 63, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal .infobox.is-error p {
  color: #e3438a;
}
/* line 67, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal .infobox p {
  color: grey;
  font-size: 1em;
}
/* line 72, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal .infobox .highlight {
  color: #e3438a;
  font-weight: bold;
}
@media only screen and (max-width: 640px) {
  /* line 72, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
  .reveal-modal .infobox .highlight {
    font-size: 9px;
  }
}
/* line 81, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal .help {
  font-size: 0.6875em;
  display: inline-block;
}
/* line 86, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal .title {
  background: url("/Content/img/reveal-header.png") no-repeat scroll 0 0 transparent;
  color: #fff;
  position: relative;
  font-size: 20px;
  margin-top: -5px;
  margin-left: -7px;
  margin-right: -8px;
  top: -10px;
}
@media only screen and (max-width: 520px) {
  /* line 86, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
  .reveal-modal .title {
    font-size: 13px;
  }
}
/* line 98, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal .title span {
  background: url("/Content/img/reveal-header.png") no-repeat scroll 100% -63px transparent;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.6);
  display: block;
  font-weight: bold;
  height: 60px;
  line-height: 50px;
  margin-left: 25px;
  padding-right: 41px;
  position: relative;
  text-align: center;
}
/* line 111, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal section {
  padding: 0 1em;
  text-align: center;
}
/* line 114, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal section .button {
  margin: 1em auto 0;
  color: white;
}

@media only screen and (max-width: 1025px) {
  width: 80% !important;
  max-width: 80% !important;
}
/* line 132, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal .close-reveal-modal {
  background: url("/Content/img/buttons-close.png") no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 35px;
  right: -1px;
  top: -8px;
  width: 31px;
}
/* line 140, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal .close-reveal-modal:hover {
  background-position: 0 -79px;
}
/* line 144, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
.reveal-modal .close-reveal-modal span {
  display: none;
}

/* line 156, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
html.mobile.reveal-modal-open #header,
html.mobile.reveal-modal-open #role-main,
html.mobile.reveal-modal-open #side-bar {
  display: none !important;
  visibility: hidden !important;
}
/* line 162, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
html.mobile .reveal-modal {
  top: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  margin: 0 !important;
}
/* line 170, ../../../scss/sass/foundation-barbie/_fy_reveal.scss */
html.mobile .reveal-modal-bg {
  background: #fff none;
}

/* line 3, ../../../scss/sass/foundation-barbie/_fy_visibility.scss */
.hide-for-unity {
  display: inherit;
  visibility: inherit;
}

/* line 9, ../../../scss/sass/foundation-barbie/_fy_visibility.scss */
html.hide-for-unity .hide-for-unity {
  display: none !important;
  visibility: hidden !important;
}

/* line 15, ../../../scss/sass/foundation-barbie/_fy_visibility.scss */
.hide-for-promoiframe {
  display: inherit;
  visibility: inherit;
}

/* line 21, ../../../scss/sass/foundation-barbie/_fy_visibility.scss */
html.hide-for-promoiframe body {
  overflow: hidden !important;
}
/* line 25, ../../../scss/sass/foundation-barbie/_fy_visibility.scss */
html.hide-for-promoiframe .hide-for-promoiframe {
  display: none !important;
  visibility: hidden !important;
}

/* line 35, ../../../scss/sass/foundation-barbie/_fy_visibility.scss */
.hide-while-pageload {
  visibility: hidden !important;
}

@font-face {
  font-family: 'LeagueGothic';
  src: url("/Content/css/font/leaguegothic-regular-webfont.eot");
  src: url("/Content/css/font/leaguegothic-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/Content/css/font/leaguegothic-regular-webfont.ttf") format("truetype"), url("/Content/css/font/leaguegothic-regular-webfont.svg#league_gothicregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SFComicScript';
  src: url("/Content/css/font/SFComicScript.eot");
  src: url("/Content/css/font/SFComicScript.eot?#iefix") format("embedded-opentype"), url("/Content/css/font/SFComicScript.woff") format("woff"), url("/Content/css/font/SFComicScript.ttf") format("truetype"), url("/Content/css/font/SFComicScript.svg#SFComicScript") format("svg");
  font-weight: normal;
  font-style: normal;
}